{"version":3,"file":"static/js/495.864c342d.chunk.js","mappings":"oNAmDA,EA7CiB,SAAH,GAAuE,IAAjEA,EAAM,EAANA,OAAQC,EAAQ,EAARA,SAAUC,EAAS,EAATA,UAAU,EAAD,EAAEC,MAAAA,OAAK,MAAG,EAAC,EAAEC,EAAiB,EAAjBA,kBACxD,GAAwBC,EAAAA,EAAAA,WAAS,GAAM,eAAhCC,EAAI,KAAEC,EAAO,KACpB,GAAsCF,EAAAA,EAAAA,WAAS,GAAM,eAA9CG,EAAW,KAAEC,EAAc,KAC5BC,GAAMC,EAAAA,EAAAA,QAAO,MAuBnB,OAZAC,EAAAA,EAAAA,YAAU,WACN,MAAuCF,EAAIG,SAAW,CAAC,EAA/CC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAClBD,GAAgBC,GAAgBD,EAAeC,EAC/CN,GAAe,IAEfA,GAAe,GACXL,EAAoBM,EAAIG,QAAQZ,SAAS,GAAGc,cAC5CN,GAAe,GAG3B,GAAG,CAACC,EAAKN,EAAmBH,KAGxB,iCACI,iBAAKC,UAAU,YAAW,WACtB,gBAAKA,UAAS,6BAAgCQ,IAAKA,EAAKM,MAAO,CAAE,sBAAuBb,EAAOc,UAAWb,EAAoBA,EAAoB,KAAO,QAAS,SAC7JH,IAEJO,IAAe,eAAIN,UAAU,OAAOgB,QA3B3B,WAClBX,GAAQ,EACZ,EAyBwE,UAAC,qCAEhED,IACG,SAAC,IAAO,CAACN,OAAQA,EAAQmB,QA1Bd,WACnBZ,GAAQ,EACZ,EAwB8Da,aAAa,EAAK,UAChE,gBAAKlB,UAAWA,EAAU,SACrBD,QAMzB,C,4ICSA,EAhDyB,WACrB,OAAyDoB,EAAAA,EAAAA,YAAWC,EAAAA,IAA5DC,EAAK,EAALA,MAAOC,EAAc,EAAdA,eAAgBC,EAAc,EAAdA,eAAgBC,EAAK,EAALA,MAEzCC,GAASC,EAAAA,EAAAA,IAASF,GAClBG,GAASC,EAAAA,EAAAA,KAEf,OACI,iBAAK5B,UAAU,gCAA+B,WAC1C,iBAAKA,UAAS,qCAA+B6B,EAAAA,EAAAA,IAAwB,OAANJ,QAAM,IAANA,OAAM,EAANA,EAAQK,YAAa,WAChF,eAAI9B,UAAU,+BAA8B,UAAC,gCAC5CqB,IAAS,gBAAKrB,UAAU,6CAA6C+B,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,IAAkBZ,SAE9HC,IACG,gBAAKtB,UAAU,gCAA+B,SACzC2B,GACK,iCACE,eAAI3B,UAAU,mBAAkB,UAAC,kCAC7B,SAAC,IAAQ,CAACF,OAAO,WAAWG,MAAO,GAAIC,kBAAmB,IAAI,UAC1D,gBAAK6B,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,IAAkBX,YAGpE,iCACE,yBAAI,kCACJ,gBAAKtB,UAAU,cAAc+B,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,IAAkBX,WAKjGC,IACG,gBAAKvB,UAAU,gCAA+B,SACzC2B,GACK,iCACE,eAAI3B,UAAU,mBAAkB,UAAC,kCACjC,SAAC,IAAQ,CAACF,OAAO,WAAWG,MAAO,GAAIC,kBAAmB,IAAI,UAC1D,gBAAK6B,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,IAAkBV,YAGhE,iCACE,yBAAI,kCACJ,gBAAKvB,UAAU,cAAc+B,wBAAyB,CAAEC,QAAQC,EAAAA,EAAAA,IAAkBV,aAO9G,C","sources":["components/read-more/index.js","components/trip-summary/pricing/index.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { Trans } from '@lingui/macro';\nimport SlideUp from '@components/slide-up';\n\nimport './style.scss';\n\nconst ReadMore = ({ header, children, className, lines = 2, maxHeightOverflow }) => {\n    const [open, setOpen] = useState(false);\n    const [isTruncated, setIsTruncated] = useState(false)\n    const ref = useRef(null)\n\n    const openContainer = () => {\n        setOpen(true);\n    }\n\n    const closeContainer = () => {\n        setOpen(false);\n    }\n\n\n    useEffect(() => {\n        const { offsetHeight, scrollHeight } = ref.current || {};\n        if (offsetHeight && scrollHeight && offsetHeight < scrollHeight) {\n            setIsTruncated(true);\n        } else {\n            setIsTruncated(false);\n            if (maxHeightOverflow < ref.current.children[0].scrollHeight) {\n                setIsTruncated(true);\n            }\n        }\n    }, [ref, maxHeightOverflow, children]);\n\n    return (\n        <>\n            <div className=\"read-more\">\n                <div className={`break-words read-more-text`} ref={ref} style={{ \"--line-clamp-length\": lines, maxHeight: maxHeightOverflow ? maxHeightOverflow + 'px' : 'none' }}>\n                    {children}\n                </div>\n                {isTruncated && <h6 className='bold' onClick={openContainer}><Trans>Read More</Trans></h6>}\n            </div>\n            {open && (\n                <SlideUp header={header} onClose={closeContainer} defaultOpen={true}>\n                    <div className={className}>\n                        {children}\n                    </div>\n                </SlideUp>\n            )}\n        </>\n    )\n}\n\nexport default ReadMore;","import { useContext } from 'react';\nimport { Trans } from '@lingui/macro';\nimport ReadMore from '@components/read-more';\n\nimport { getTextColorClass, getColor, addClickableLinks } from '@utils/Utils';\nimport { useIsMobile } from '@utils/hooks/useIsMobile';\nimport { BasicData } from '@App';\n\nimport './style.scss';\n\nconst PricingComponent = () => {\n    const { price, price_includes, price_excludes, theme } = useContext(BasicData);\n\n    const colors = getColor(theme);\n    const mobile = useIsMobile();\n\n    return (\n        <div className=\"trip-summary-pricing bg-white\">\n            <div className={`trip-summary-pricing-main ${getTextColorClass(colors?.secondary)}`}>\n                <h2 className=\"text-md-center mb-[1.875rem]\"><Trans>Pricing</Trans></h2>\n                {price && <div className=\"break-words trip-summary-pricing-main-body\" dangerouslySetInnerHTML={{ __html: addClickableLinks(price) }} />}\n            </div>\n            {price_includes && (\n                <div className=\"trip-summary-price-inclusions\">\n                    {mobile\n                        ? <>\n                            <h4 className=\"read-more-header\"><Trans>Includes</Trans></h4>\n                                <ReadMore header=\"Includes\" lines={10} maxHeightOverflow={210}>\n                                    <div dangerouslySetInnerHTML={{ __html: addClickableLinks(price_includes) }} />\n                                </ReadMore>\n                        </>\n                        : <>\n                            <h4><Trans>Includes</Trans></h4>\n                            <div className=\"break-words\" dangerouslySetInnerHTML={{ __html: addClickableLinks(price_includes) }} />\n                        </>\n                    }\n                </div>\n            )}\n            {price_excludes && (\n                <div className=\"trip-summary-price-exclusions\">\n                    {mobile\n                        ? <>\n                            <h4 className=\"read-more-header\"><Trans>Excludes</Trans></h4>\n                            <ReadMore header=\"Excludes\" lines={10} maxHeightOverflow={210}>\n                                <div dangerouslySetInnerHTML={{ __html: addClickableLinks(price_excludes) }} />\n                            </ReadMore>\n                        </>\n                        : <>\n                            <h4><Trans>Excludes</Trans></h4>\n                            <div className=\"break-words\" dangerouslySetInnerHTML={{ __html: addClickableLinks(price_excludes) }} />\n                        </>\n                    }\n                </div>\n            )}\n        </div>\n    )\n}\n\nexport default PricingComponent;"],"names":["header","children","className","lines","maxHeightOverflow","useState","open","setOpen","isTruncated","setIsTruncated","ref","useRef","useEffect","current","offsetHeight","scrollHeight","style","maxHeight","onClick","onClose","defaultOpen","useContext","BasicData","price","price_includes","price_excludes","theme","colors","getColor","mobile","useIsMobile","getTextColorClass","secondary","dangerouslySetInnerHTML","__html","addClickableLinks"],"sourceRoot":""}