{__(\"collaboration\")}

{__(\"traffic_info1\")}

{__(\"traffic_info1_1\")}
{__(\"traffic_info1_2\")}

{__(\"traffic_info2\")}

\n \n \n \n \n );\n}\n\nexport default TrafficPlanInfoBox;\n\nconst Wrapper = styled.div`\n ${({hideOnMobile}) => {\n if (hideOnMobile) {\n return `\n @media (max-width: 1100px) {\n display: none;\n }\n `\n }\n }}\n\n ${({hideOnDesktop}) => {\n if (hideOnDesktop) {\n return `\n @media (min-width: 1100px) {\n display: none;\n }\n `\n }\n }}\n \n .fade-scale-enter {\n transform: scale(0.9);\n opacity: 0;\n border-radius: 50px;\n }\n .fade-scale-exit {\n transform: scale(1);\n opacity: 1;\n border-radius: 18px;\n }\n .fade-scale-enter-active {\n transform: scale(1);\n opacity: 1;\n border-radius: 18px;\n }\n .fade-scale-exit-active {\n transform: scale(0.9);\n opacity: 0;\n border-radius: 30px;\n }\n .fade-scale-enter-active,\n .fade-scale-exit-active {\n transform-origin: 100% 0px;\n transition: all 200ms ease-in-out;\n }\n`;\n\nconst InfoBox = styled.div`\n display: inline-block;\n position: relative;\n border: 1px solid #daf0f3;\n -webkit-text-decoration: none;\n text-decoration: none;\n border-radius: 9px;\n padding: 20px;\n background-color: #def5f8;\n width: 260px;\n position: absolute;\n top: 1px;\n left: ${({trafficPlanBoxWidth}) => trafficPlanBoxWidth ? `calc(50% + (${trafficPlanBoxWidth} / 2) + 22px)` : `calc(100% + 22px)`};\n text-align: center;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n left: -28px;\n top: 20%;\n width: 0;\n height: 0;\n border: 14px solid transparent;\n border-right-color: #daf0f3;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n left: -28px;\n top: 20%;\n width: 0;\n height: 0;\n border: 14px solid transparent;\n border-right-color: #def5f8;\n }\n\n @media (max-width: 1100px) {\n position: relative;\n top: 0px;\n left: 0px;\n width: 100%;\n box-sizing: border-box;\n margin-bottom: 30px;\n\n &:before {\n display: none;\n border: none;\n }\n\n &:after {\n display: none;\n border: none;\n }\n }\n`;\n\nconst TrafficIcon = styled.div`\n display: inline-block;\n width: 64px;\n height: 64px;\n background-size: 64px 64px;\n background-repeat: no-repeat;\n background-position: 0 0;\n background-color: transparent;\n background-image: url(${require(\"../../../../new_site/images/traffic/traffic-icon.png\")});\n ${hiDPI(1.5)} {\n background-image: url(${require(\"../../../../new_site/images/traffic/traffic-icon@2x.png\")});\n }\n\n @media (max-width: 1100px) {\n display: none;\n }\n`;\n\nconst CloseIcon = styled.div`\n display: inline-block;\n width: 18px;\n height: 18px;\n background-size: 18px 18px;\n background-repeat: no-repeat;\n background-position: 0 0;\n background-color: transparent;\n background-image: url(${require(\"../../../../new_site/images/traffic/close.png\")});\n ${hiDPI(1.5)} {\n background-image: url(${require(\"../../../../new_site/images/traffic/close@2x.png\")});\n }\n\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n`;\n\nconst TrafficDescription = styled.div`\n font-size: 13px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.38;\n text-align: left;\n color: #000;\n margin-top: 12px;\n\n ul {\n padding-left: 30px;\n margin: 12px auto;\n }\n\n strong {\n display: inline-block;\n font-weight: bold;\n margin-bottom: 12px;\n width: 100%;\n text-align: left;\n font-size: 18px;\n }\n`;","//@flow\n\nimport React, { useMemo } from \"react\";\nimport { PlanType } from \"../../../lib/types/PlanType\";\nimport type { Userinfo, CurrencyType, PeriodType } from \"../../../lib/types/dataTypes.components\";\nimport { __ } from \"../../../lib/utils\";\n\nimport { CSSTransition } from \"react-transition-group\";\nimport { Tooltip as ReactTooltip } from \"react-tooltip\";\nimport styled from \"styled-components\";\n\nimport { notEligibleTexts } from \"@pcloud/web-utilities/dist/plans/plansInfo\";\nimport { ButtonWithIcon } from \"@pcloud/web-utilities/dist/resources/components/ButtonDefault\";\nimport RangeNumberInput from \"@pcloud/web-utilities/dist/resources/components/RangeNumberInput\";\nimport { BoxPrices } from \"../../PlansBox\";\n\nimport { bytesToUnit } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\nimport TrafficPlanInfoBox from \"./TrafficPlanInfoBox\";\n\ntype Props = {\n plan: PlanType,\n period: PeriodType,\n onGoToNextTrafficPlan: (event) => void,\n onGoToPrevTrafficPlan: (event) => void,\n buttonAction: (plan: PlanType, period: PeriodType) => void,\n user: Userinfo,\n currency: CurrencyType,\n minTraffic: number,\n maxTraffic: number,\n underPricesPeriodText: string,\n showInfoTooltip: boolean,\n onTrafficChange: () => void,\n trafficUnit: 'B' | 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB',\n trafficPlanBoxWidth: string,\n hideInfoBoxOnMobile: boolean,\n hideInfoBoxOnDesktop: boolean,\n showTrafficInfoBox: boolean,\n onCloseTrafficInfoBox: () => void\n}\n\nconst TrafficPlanBox = ({\n plan,\n period,\n onGoToNextTrafficPlan = (event) => {},\n onGoToPrevTrafficPlan = (event) => {},\n buttonAction = () => {},\n user,\n currency = \"$\",\n minTraffic,\n maxTraffic,\n underPricesPeriodText = null,\n showInfoTooltip = true,\n onTrafficChange = () => {},\n trafficUnit = \"TB\",\n trafficPlanBoxWidth = \"442px\",\n hideInfoBoxOnMobile = false,\n hideInfoBoxOnDesktop = false,\n showTrafficInfoBox = true,\n onCloseTrafficInfoBox = () => {}\n}: Props) => {\n\n const disabledReason = useMemo(() => !plan.canbuy ? notEligibleTexts[\"plan_upgrade_restrictions\"] : null, [plan]);\n\n const handleButtonClick = (event) => {\n disabledReason ? event.preventDefault() : buttonAction(plan, period);\n };\n\n const bytesToTrafficUnit = (value) => {\n return bytesToUnit(value, trafficUnit);\n };\n\n return (\n \n \n \n \n {}}\n onExited={() => {}}\n appear\n >\n {disabledReason}\n \n \n {user && user.planparams && user.planparams.additionaltraffic && !disabledReason ? (\n {__(\"traffic_change_to\")}\n ) : null }\n \n \n \n \n \n {disabledReason ? (\n \n ) : null}\n \n);\n};\n\nexport default TrafficPlanBox;\n\nconst Wrapper = styled.div`\n display: block;\n width: ${({width}) => width ? width : \"442px\"};\n margin: 0 auto;\n padding: 30px;\n box-sizing: border-box;\n border-radius: 18px;\n box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.01);\n background-color: #fff;\n position: relative;\n\n .tooltip {\n padding: 15px 20px;\n max-width: 250px;\n border-radius: 6px;\n font-size: 12px;\n line-height: 1.35;\n font-weight: 400;\n }\n\n .traffic-box-prices-wrapper {\n max-width: inherit;\n }\n\n @media (max-width: 768px) {\n width: 100%;\n border-radius: 0px;\n max-width: ${({width}) => width ? width : \"442px\"};\n }\n`;\n\nconst BoxTitle = styled.h2`\n text-align: center;\n font-weight: bold;\n letter-spacing: -0.5px;\n margin-bottom: 20px;\n font-size: 22px;\n`;\n\nconst Separator = styled.div`\n width: 100%;\n height: 1px;\n background-color: #eeeeee;\n margin: 40px auto 30px auto;\n`;\n\nconst RangeInputContainer = styled.div``;\n\nconst FadeTranstionContainer = styled.div`\n .fade-enter {\n opacity: 0;\n }\n .fade-exit {\n opacity: 1;\n }\n .fade-enter-active {\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n }\n .fade-enter-active,\n .fade-exit-active {\n transition: opacity 250ms ease-in-out;\n }\n`;\n\nconst Message = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9px;\n border: solid 1px #fcf2d5;\n background-color: #fff8e0;\n font-size: 15px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.2;\n letter-spacing: -0.15px;\n text-align: center;\n color: #000;\n /* position: absolute; */\n width: 100%;\n /* min-height: 100%; */\n padding: 20px;\n margin-bottom: 20px;\n box-sizing: border-box;\n\n @media (max-width: 768px) {\n font-size: 13px;\n }\n`;","//@flow\n\nimport React, { useEffect, useState, useMemo } from \"react\";\nimport { PlanType } from \"../../../lib/types/PlanType\";\nimport TrafficPlanBox from \"./TrafficPlanBox\";\nimport type { Userinfo, CurrencyType, PeriodType } from \"../../../lib/types/dataTypes.components\";\nimport { bytesToUnit } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\nimport { hrefSearch } from \"@pcloud/web-utilities/dist/lib/utils\";\n\ntype Props = {\n plans: {[period: PeriodType]: [PlanType]},\n chosenPeriod: PeriodType,\n periods: [PeriodType],\n user: Userinfo,\n currency: CurrencyType,\n underPricesPeriodText: string,\n buttonAction: (plan: PlanType, period: PeriodType) => void,\n trafficUnit: 'B' | 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB',\n selectedPlanTraffic: number,\n onSelectedPlanTrafficChange: (selectedPlanTraffic: number) => void,\n trafficPlanBoxWidth: string,\n hideInfoBoxOnMobile: boolean,\n hideInfoBoxOnDesktop: boolean,\n showTrafficInfoBox: boolean,\n onCloseTrafficInfoBox: () => void\n}\n\nconst TrafficPlanBoxes = ({\n plans,\n chosenPeriod,\n periods,\n user,\n currency,\n underPricesPeriodText,\n buttonAction,\n trafficUnit = \"TB\",\n selectedPlanTraffic = null,\n onSelectedPlanTrafficChange = (selectedPlanTraffic: number) => {},\n trafficPlanBoxWidth = \"442px\",\n hideInfoBoxOnMobile = false,\n hideInfoBoxOnDesktop = false,\n showTrafficInfoBox = true,\n onCloseTrafficInfoBox = () => {}\n}: Props) => {\n \n const [trafficPlans, setTrafficPlans] = useState([]);\n const [selectedPlanIndex, setSelectedPlanIndex] = useState(0);\n\n const preselectedTraffic = useMemo(() => {\n const trafficParam = hrefSearch(\"traffic\");\n if (trafficParam) {\n return Number(trafficParam);\n }\n\n // Check with the userinfo subscription.\n if (user) {\n const {lastsubscription, planparams} = user;\n if (lastsubscription &&\n lastsubscription.period && lastsubscription.period != chosenPeriod && \n planparams && planparams.additionaltraffic) {\n // Select next possible plan.\n return Number(planparams.additionaltraffic) + 1;\n }\n }\n \n return 0;\n }, [user]);\n\n useEffect(() => {\n if (plans[chosenPeriod].length === 0) {\n return;\n }\n\n // API returns plans in random order, so we need to sort them ascending by traffic param.\n const newTrafficPlansSorted = [...plans[chosenPeriod]].sort((planA, planB) => planA.traffic > planB.traffic ? 1 : -1);\n\n // Remove plans which cannot be bought (probably already bought).\n const newTrafficPlans = newTrafficPlansSorted.filter(plan => plan.canbuy);\n \n if (newTrafficPlans.length == 0) {\n if (selectedPlanTraffic !== null) {\n // Switched between periods.\n newTrafficPlans.push(newTrafficPlansSorted.find((plan, index) => selectedPlanTraffic <= bytesToTrafficUnit(plan.traffic * plan.trafficquota) || index === newTrafficPlansSorted.length - 1));\n } else {\n // Initial load. No available traffic plans to buy \n // Check with the userinfo subscription.\n if (user && user.planparams && user.planparams.additionaltraffic) {\n const trafficParam = preselectedTraffic > Number(user.planparams.additionaltraffic) + 1 ? preselectedTraffic : Number(user.planparams.additionaltraffic) + 1;\n newTrafficPlans.push(newTrafficPlansSorted.find((plan, index) => trafficParam <= plan.traffic || index === newTrafficPlansSorted.length - 1));\n } else {\n // Check for available plan in other shown periods.\n let availableTrafficPlanFromOtherPeriod = null;\n for (const period of periods) {\n if (chosenPeriod === period) {\n continue;\n }\n\n // API returns plans in random order, so we need to sort them ascending by traffic param.\n const trafficPlansSorted = [...plans[period]].sort((planA, planB) => planA.traffic > planB.traffic ? 1 : -1);\n availableTrafficPlanFromOtherPeriod = trafficPlansSorted.find(plan => plan.canbuy);\n if (availableTrafficPlanFromOtherPeriod) {\n break;\n }\n }\n\n newTrafficPlans.push(\n newTrafficPlansSorted.find((plan, index) => {\n if (index === newTrafficPlansSorted.length - 1) {\n return true;\n }\n\n if (preselectedTraffic > 0) {\n if (plan.traffic >= preselectedTraffic) {\n if ((!availableTrafficPlanFromOtherPeriod || availableTrafficPlanFromOtherPeriod.traffic <= preselectedTraffic)) {\n return true;\n } else if (availableTrafficPlanFromOtherPeriod && (availableTrafficPlanFromOtherPeriod.traffic * availableTrafficPlanFromOtherPeriod.trafficquota) <= plan.traffic * plan.trafficquota) {\n return true;\n }\n }\n } else if (availableTrafficPlanFromOtherPeriod && (availableTrafficPlanFromOtherPeriod.traffic * availableTrafficPlanFromOtherPeriod.trafficquota) <= plan.traffic * plan.trafficquota) {\n return true;\n }\n })\n );\n }\n }\n }\n\n if (selectedPlanTraffic === null) {\n // Initially preselected traffic. || No initial value -> set default to the lowest possible traffic.\n const newSelectedPlanIndex = newTrafficPlans.findIndex((plan, index) => plan.traffic >= preselectedTraffic || index === newTrafficPlans.length - 1);\n setSelectedPlanIndex(newSelectedPlanIndex);\n onSelectedPlanTrafficChange(bytesToTrafficUnit(newTrafficPlans[newSelectedPlanIndex].traffic * newTrafficPlans[newSelectedPlanIndex].trafficquota));\n } else {\n // Switched between periods. \n selectPlanTraffic(selectedPlanTraffic, newTrafficPlans);\n }\n \n setTrafficPlans(newTrafficPlans);\n }, [plans, chosenPeriod]);\n\n const bytesToTrafficUnit = (value) => {\n return bytesToUnit(value, trafficUnit);\n };\n\n const onTrafficChange = (inputTraffic, callback) => {\n const newTraffic = selectPlanTraffic(inputTraffic, trafficPlans);\n \n if (callback) {\n callback(newTraffic);\n }\n };\n\n const selectPlanTraffic = (inputTraffic, plans) => {\n inputTraffic = Math.round(inputTraffic);\n const minTraffic = bytesToTrafficUnit(plans[0].traffic * plans[0].trafficquota);\n const maxTraffic = bytesToTrafficUnit(plans[plans.length - 1].traffic * plans[plans.length - 1].trafficquota);\n const currentTraffic = bytesToTrafficUnit(plans[selectedPlanIndex].traffic * plans[selectedPlanIndex].trafficquota);\n let newTraffic = currentTraffic;\n\n if (inputTraffic >= minTraffic && inputTraffic <= maxTraffic && inputTraffic !== currentTraffic) {\n // First gt or equal the input traffic.\n const newSelectedPlanIndex = plans.findIndex((plan) => bytesToTrafficUnit(plan.traffic * plan.trafficquota) >= inputTraffic);\n if (newSelectedPlanIndex !== -1) {\n newTraffic = bytesToTrafficUnit(plans[newSelectedPlanIndex].traffic * plans[newSelectedPlanIndex].trafficquota);\n setSelectedPlanIndex(newSelectedPlanIndex);\n }\n } else if (inputTraffic < minTraffic) {\n newTraffic = minTraffic;\n setSelectedPlanIndex(0);\n } else if (inputTraffic > maxTraffic) {\n newTraffic = maxTraffic;\n setSelectedPlanIndex(plans.length - 1);\n }\n\n onSelectedPlanTrafficChange(newTraffic);\n\n return newTraffic;\n }\n\n const renderTrafficPlanBoxes = () => {\n return (\n setSelectedPlanIndex((currentSelectedPlanIndex) => trafficPlans.length > currentSelectedPlanIndex + 1 ? currentSelectedPlanIndex + 1 : currentSelectedPlanIndex)}\n onGoToPrevTrafficPlan={() => setSelectedPlanIndex((currentSelectedPlanIndex) => currentSelectedPlanIndex > 0 ? currentSelectedPlanIndex - 1 : currentSelectedPlanIndex)}\n plan={trafficPlans[selectedPlanIndex]}\n period={chosenPeriod}\n user={user}\n // We sell traffic in TB\n minTraffic={bytesToTrafficUnit(trafficPlans[0].traffic * trafficPlans[0].trafficquota)}\n maxTraffic={bytesToTrafficUnit(trafficPlans[trafficPlans.length - 1].traffic * trafficPlans[trafficPlans.length - 1].trafficquota)}\n currency={currency}\n underPricesPeriodText={underPricesPeriodText}\n buttonAction={buttonAction}\n trafficUnit={trafficUnit}\n trafficPlanBoxWidth={trafficPlanBoxWidth}\n hideInfoBoxOnDesktop={hideInfoBoxOnDesktop}\n hideInfoBoxOnMobile={hideInfoBoxOnMobile}\n showTrafficInfoBox={showTrafficInfoBox}\n onCloseTrafficInfoBox={onCloseTrafficInfoBox}\n />\n );\n };\n\n return trafficPlans.length > 0 ? renderTrafficPlanBoxes() : null;\n};\n\nexport default TrafficPlanBoxes;","//@flow\n\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { hiDPI } from \"polished\";\n\nimport { __ } from \"../lib/utils\";\nimport { COLORS } from \"@pcloud/web-utilities/dist/config/constants\";\nimport { ColorType } from \"../lib/types/dataTypes.components\";\n\ntype TabType = {\n tabId: string | number,\n tabValue: Array,\n tabTitle: string,\n tabCustomColor: ColorType,\n clickAction: (tabId: string | number) => void,\n newLabel?: boolean\n};\n\ntype ToggleTabsProps = {\n color: ColorType,\n tabs: Array,\n activeTab: string | number,\n theme?: \"light\" | \"dark\",\n title?: string,\n width?: string,\n defaultClickAction: (tabId: string | number) => void,\n showBestValued: boolean\n};\n\nconst CONTWIDTHX2 = 300;\nconst CONTWIDTHX3 = 380;\n\nconst ToggleTabs = ({\n tabs,\n theme,\n activeTab = 0,\n color=\"cyan\",\n title,\n disabled,\n width,\n defaultClickAction,\n showBestValued = true,\n}: ToggleTabsProps) => {\n const [chosenTabId, setChosenTabId] = useState(activeTab);\n const tabsContainerWidth = width ? width : (tabs.length === 3 ? CONTWIDTHX3 : CONTWIDTHX2);\n\n const { tabWidth, offsets } = useMemo(() => {\n const tabWidth = (100 / tabs.length)\n const offsets = tabs.reduce((offsetsOut, tab, index) => {\n offsetsOut[tab.tabId] = tabWidth * index;\n return offsetsOut;\n }, {});\n return {tabWidth, offsets};\n }, [tabs]);\n\n useEffect(() => {\n setChosenTabId(activeTab);\n }, [tabs, activeTab])\n\n const handleOnClick = (clickedTabId, event, tabClickAction) => {\n if (disabled) {\n return;\n }\n\n if (clickedTabId === chosenTabId) {\n return;\n }\n\n if (defaultClickAction) {\n defaultClickAction(clickedTabId, event);\n } else if (tabClickAction) {\n tabClickAction(clickedTabId, event);\n }\n\n setChosenTabId(clickedTabId);\n }\n\n const renderTabs = () => {\n return tabs.map(({tabTitle, tabId, clickAction, tabCustomColor, newLabel}, index) => {\n return (\n \n handleOnClick(tabId, event, clickAction)}\n color={tabCustomColor || color}\n width={tabWidth}\n className={\"toggle-tab \" + (tabId === activeTab ? \"active\" : \"\" )}\n disabled={disabled}\n >\n {tabTitle}\n {newLabel ? New : null}\n \n {index !== tabs.length - 1 ? : null}\n \n );\n });\n };\n\n return (\n \n {title ? {title} : null}\n \n \n {renderTabs()}\n {(tabs.indexOf(\"lifetime\") !== -1 && showBestValued) ? (\n \n \n {__(\"best_valued\")}\n \n ) : null}\n \n \n );\n};\n\nexport default ToggleTabs;\n\nconst TabsTitle = styled.div`\n /* font-family: \"Roboto\", sans-serif; */\n font-size: 22px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 0.71;\n letter-spacing: normal;\n text-align: center;\n color: #ffffff;\n margin-bottom: 18px;\n`;\n\nconst TabsWrapper = styled.div`\n margin: 0px auto 20px auto;\n position: relative;\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: ${props => props.width}px;\n height: 38px;\n border-radius: 19px;\n background-color: rgba(0, 0, 0, 0.1);\n position: relative;\n\n @media (max-width: 768px) {\n width: 90%;\n }\n`;\n\nconst Tab = styled.div`\n position: relative;\n width: ${props => props.width}%;\n text-align: center;\n /* font-family: \"Roboto\", sans-serif; */\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 38px;\n letter-spacing: -0.35px;\n color: ${props => (props.active ? COLORS[props.color].mainColor : \"#333333\")};\n text-transform: uppercase;\n z-index: 2;\n transition: all 0.25s ease-in-out;\n cursor: pointer !important;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n color: ${props => COLORS[props.color].mainColor};\n }\n`;\n\nconst Separator = styled.div`\n position: relative;\n display: inline-block;\n width: 1px;\n height: 16px;\n background-color: #cccccc;\n`;\n\nconst SelectedBar = styled.div`\n width: calc(${props => props.width}% - 4px);\n height: 34px;\n border-radius: 17px;\n position: absolute;\n top: 2px;\n left: calc(${props => props.leftOffset}% + 2px);\n background-color: #ffffff;\n z-index: 1;\n transition: all 0.25s ease-in-out;\n box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.07);\n`;\n\nconst BestValue = styled.div`\n position: absolute;\n top: -32px;\n left: 100%;\n\n @media (max-width: 768px) {\n display: none;\n }\n`;\n\nconst BestValueArrow = styled.div`\n position: absolute;\n right: -30px;\n top: 3px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n width: 78px;\n height: 26px;\n`;\n\nconst BestValueText = styled.div`\n font-family: \"Marck Script\";\n font-size: 19px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1;\n letter-spacing: 0.38px;\n text-align: left;\n color: #000000;\n position: absolute;\n width: 92px;\n top: 37px;\n left: 12px;\n transition: all 0.3s ease-in-out;\n\n @media (min-width: 1350px) {\n width: 200px;\n top: 44px;\n }\n`;\n\nconst New = styled.span`\n display: inline-block;\n font-size: 11px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 0.8;\n letter-spacing: normal;\n text-align: center;\n color: #fff;\n padding: 4px;\n border-radius: 3px;\n background-color: ${props => COLORS[props.color].mainColor};\n margin-left: 6px;\n`;\n","//@flow\n\nimport React, { useEffect, useLayoutEffect, useState, useRef, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getPromoParam, sendAnalyticsEvent, sendPassAnalyticsEvent } from \"@pcloud/web-utilities/dist/lib/ptr\";\nimport { rcookie, hrefSearch, detectIsMobile } from \"@pcloud/web-utilities/dist/lib/utils\";\nimport {\n plansBoxesColors,\n underPriceTexts,\n planNames,\n URLPlanNames,\n gaPeriods,\n plansQuota,\n PASS_PLANS_PER_PERIOD,\n productInfo, \n oldUnsupportedURLPlanNames, \n mapOldAddStoragePlanIds\n} from \"@pcloud/web-utilities/dist/plans/plansInfo\";\nimport { PASS_PREMIUM_PLAN_ID, PASS_FAMILY_PLAN_ID } from \"@pcloud/web-utilities/dist/plans/constants.plans\";\nimport { signToCurrency } from \"@pcloud/web-utilities/dist/payments/constants.payments\";\nimport { renderQuota } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\nimport {\n PeriodType,\n Userinfo,\n ColorType,\n CurrencyType\n} from \"../../../lib/types/dataTypes.components\";\nimport SwitchAnimation from \"@pcloud/web-utilities/dist/resources/components/Animation/SwitchAnimation\";\n\nimport { PlanType } from \"../../../lib/types/PlanType\";\nimport BoxPeriod from \"../../PlansBox/BoxPeriod\";\nimport PlanBox from \"./PlanBox\";\nimport SpinContainer from \"../../SpinContainer\";\nimport LoadingIcon from \"../../../svg/loading-icon.svg\";\nimport { FadeTranstionContainer } from \"./Style\";\nimport * as Style from \"../styles/Plans\";\nimport PlansTypeComponent from \"../styles/PlansTypeComponent\";\nimport { __ } from \"../../../lib/utils\";\nimport TrafficPlanBoxes from \"./TrafficPlanBoxes\";\nimport TrafficPlanInfoBox from \"./TrafficPlanInfoBox\";\nimport ToggleTabs from \"../../ToggleTabs\";\nimport CheckIcon from \"../../../svg/check-icon.svg\";\n\ntype Props = {\n loadingPlans: boolean,\n currency: CurrencyType,\n user: Userinfo | null,\n plans: {[period: PeriodType]: [PlanType]},\n hiddenPeriods: [PeriodType],\n chosenPeriod: PeriodType,\n hideDescription: boolean,\n setChosenPeriod: (chosenPeriod: PeriodType) => void,\n showComparePrices: boolean,\n showBestPriceByRandomGirl: boolean,\n checkoutPageLink: string,\n downgrade: boolean,\n periodDisclaimer?: string,\n buttonColor?: string,\n plansType: \"storage\" | \"crypto\" | \"traffic\" | \"storage_family\" | \"passwords\",\n plansVersion: string,\n showPlanDescriptionText: boolean,\n showTextUnderPrices: boolean,\n maxNumberOfFeaturesToShow: number, // -1 -> no limit\n periodsMainColor: ColorType,\n periodsBackgroundColor: string,\n defaultPeriod: PeriodType,\n analytics: {\n category: string,\n label: string,\n pageTitle: string\n },\n switchPlansFromSamePeriodByTabs: boolean,\n onTabSwitch: (plans: [PlanType], period: PeriodType, currency: CurrencyType) => void,\n tabsTitle: string,\n trafficUnit: 'B' | 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB',\n trafficPlanBoxWidth: number,\n subtitlePosition: \"top\" | \"bottom\",\n showSaveLabel: boolean,\n}\n\nconst Plans = ({\n loadingPlans,\n currency,\n plans,\n hiddenPeriods,\n chosenPeriod,\n hideDescription,\n discount,\n setChosenPeriod,\n showComparePrices,\n showBestPriceByRandomGirl,\n hideDiscountPercentage,\n checkoutPageLink,\n downgrade,\n periodDisclaimer = \"\",\n buttonColor,\n plansType,\n plansVersion = null,\n user,\n showPlanDescriptionText = false,\n showTextUnderPrices = true,\n maxNumberOfFeaturesToShow = 2,\n periodsMainColor = \"cyan\",\n periodsBackgroundColor = \"#ebebeb\",\n defaultPeriod = \"lifetime\",\n analytics = null,\n switchPlansFromSamePeriodByTabs = false,\n onTabSwitch = null,\n tabsTitle = null,\n trafficUnit = \"TB\",\n trafficPlanBoxWidth = \"442px\",\n layout = \"default\",\n subtitlePosition,\n showSaveLabel,\n}: Props) => {\n const isRetina = window.devicePixelRatio > 1;\n\n // Used by family plan.\n const preselectedPlanId = useMemo(() => {\n const preselectedProductName = switchPlansFromSamePeriodByTabs && (hrefSearch(\"preselectedOption\") || hrefSearch(\"preselected-option\"));\n return preselectedProductName && productInfo[preselectedProductName] && productInfo[preselectedProductName].plan_id && !oldUnsupportedURLPlanNames[preselectedProductName] ? (mapOldAddStoragePlanIds[productInfo[preselectedProductName].plan_id] || productInfo[preselectedProductName].plan_id) : null;\n }, []);\n\n // Family plan type specific.\n const [chosenPlanIndex, setChosenPlanIndex] = useState(null);\n\n const [periods, setPeriods] = useState(null);\n\n // Traffic plans type specific states...\n const [selectedPlanTraffic, setSelectedPlanTraffic] = useState(null);\n const [showTrafficInfoBox, setShowTrafficInfoBox] = useState(true);\n\n const plansContainerHeightObserver = useRef(null);\n\n useEffect(() => {\n return () => {\n if (plansContainerHeightObserver.current) {\n plansContainerHeightObserver.current.disconnect();\n plansContainerHeightObserver.current = null;\n }\n }\n }, []);\n\n // Used by Family plans only.\n useLayoutEffect(() => {\n if (!switchPlansFromSamePeriodByTabs || !plans || !chosenPeriod) {\n return;\n }\n\n let newChosenPlanIndex = chosenPlanIndex !== null ? chosenPlanIndex : 0;\n plans[chosenPeriod].forEach((plan, index) => {\n if (preselectedPlanId && preselectedPlanId === plan.productid) {\n newChosenPlanIndex = index;\n }\n });\n\n setChosenPlanIndex(newChosenPlanIndex);\n \n if (onTabSwitch) {\n onTabSwitch([plans[chosenPeriod][newChosenPlanIndex]], chosenPeriod, currency);\n }\n\n },[plans, chosenPeriod]);\n\n const sortPeriods = (periods) => {\n const periodsCopy = [...periods];\n const sortedPeriodsOut = [];\n [\"month\", \"year\", \"lifetime\"].forEach(nextValue => {\n const foundMonthIndex = periodsCopy.indexOf(nextValue);\n if (foundMonthIndex !== -1) {\n periodsCopy.splice(foundMonthIndex, 1);\n sortedPeriodsOut.push(nextValue);\n }\n });\n // Concat remaining periods.\n return sortedPeriodsOut.concat(periodsCopy);\n };\n\n // Handle with periods.\n useEffect(() => {\n const periodsOut = [];\n const periodsWithAddStoragePlan = [];\n\n if (plans) {\n for (const period in plans) { \n if (hiddenPeriods.indexOf(period) !== -1) {\n continue;\n }\n\n // Check if we have add storage plan for showing.\n if (plans[period].some(plan => plan.addplan)) {\n periodsWithAddStoragePlan.push(period);\n }\n\n periodsOut.push(period);\n }\n }\n\n if (periodsWithAddStoragePlan.length > 0) {\n setPeriods(periodsWithAddStoragePlan.length > 1 ? sortPeriods(periodsWithAddStoragePlan) : []);\n } else {\n // Check sort order because returned from API could differ. For example for traffic \"year\" is returned before \"month\"\n setPeriods(sortPeriods(periodsOut));\n }\n }, [plans, hiddenPeriods]);\n\n // Handle with chosenPeriod.\n useEffect(() => {\n if (!periods) {\n return;\n }\n \n // Check if this is initial set of chosen period\n if (chosenPeriod === null) {\n const URL_Period = hrefSearch(\"period\");\n\n if (periods.indexOf(URL_Period) !== -1) {\n setChosenPeriod(URL_Period);\n\n if (onTabSwitch) {\n onTabSwitch(plans[URL_Period], URL_Period, currency);\n }\n\n return;\n }\n }\n\n // Set to default if we have such param.\n if (chosenPeriod === null && defaultPeriod && periods.indexOf(defaultPeriod) !== -1) {\n setChosenPeriod(defaultPeriod);\n\n if (onTabSwitch) {\n onTabSwitch(plans[defaultPeriod], defaultPeriod, currency);\n }\n\n return;\n }\n\n // Check if chosen period exists in the possible period options?\n if (chosenPeriod === null || periods.indexOf(chosenPeriod) === -1) {\n // Set chosenPeriod to be the last period in the array || \"lifetime\". For example add storage plans are possible only there.\n const newPeriod = periods.length > 0 ? periods[periods.length - 1] : \"lifetime\";\n setChosenPeriod(newPeriod);\n\n if (onTabSwitch) {\n onTabSwitch(plans[newPeriod], newPeriod, currency);\n }\n }\n }, [periods]);\n\n useEffect(() => {\n if (!chosenPeriod) {\n return;\n }\n\n if (typeof dataLayer !== \"undefined\") {\n plans[chosenPeriod].forEach(({productid, pricecents, trafficquota, traffic, validdiscountcode}) => {\n dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.\n dataLayer.push({\n event: \"view_item\",\n ecommerce: {\n currency: signToCurrency[currency],\n value: pricecents / 100,\n items: [{\n item_id: productid,\n item_name: planNames[productid] + \" \" + gaPeriods[chosenPeriod],\n affiliation: rcookie(\"ref\"),\n coupon: discount && validdiscountcode ? discount : \"\",\n index: 0,\n item_brand: PASS_PLANS_PER_PERIOD[chosenPeriod].includes(productid) ? \"pCloudPass\" : \"pCloud\",\n item_category: gaPeriods[chosenPeriod],\n item_list_id: `${plansType}_products`,\n item_variant: getPlanQuota({ productid, trafficquota, traffic }),\n price: pricecents / 100,\n quantity: 1\n }],\n }\n });\n })\n }\n }, [plans, chosenPeriod]);\n \n useLayoutEffect(() => {\n if (!chosenPeriod) {\n return;\n }\n \n // Fix for aligning plan action buttons in the same row, when we have different height of plan-box-header.\n if (typeof $ !== 'undefined') {\n let maxPlanBoxHeaderHeight = 0;\n $('.plan-box-header').each(function () {\n maxPlanBoxHeaderHeight = ($(this).height() > maxPlanBoxHeaderHeight) ? $(this).height() : maxPlanBoxHeaderHeight;\n });\n\n if (maxPlanBoxHeaderHeight > 0) {\n $('.plan-box-header').css('min-height', maxPlanBoxHeaderHeight);\n }\n }\n }, [chosenPeriod]);\n\n const getPlanQuota = ({ productid, trafficquota, traffic }) => {\n if (plansType === \"traffic\" && trafficquota && traffic) {\n const trafficAmmount = (trafficquota / 1024 / 1024 / 1024 / 1024) * traffic;\n return `traffic ${trafficAmmount} tb`\n };\n\n return plansQuota[productid] || \"\";\n };\n\n const onPeriodChange = (period: PeriodType) => {\n if (plansType === \"passwords\") {\n sendPassAnalyticsEvent({ label: analytics.pageTitle, category: `Plan - ${period}`, action: 'Click' });\n }\n \n setChosenPeriod(period);\n\n if (onTabSwitch) {\n onTabSwitch(plans[period], period, currency);\n }\n }\n\n const getCheckoutUrlParams = (plan: PlanType, period: PeriodType) => {\n const params = [\n \"period=\" + period,\n \"product=\" + URLPlanNames[plan.productid]\n ];\n\n if (plansType === \"traffic\" && plan.traffic) {\n params.push(\"traffic=\" + plan.traffic);\n }\n\n if (discount && discount !== \"null\") {\n params.push(\"discount=\" + discount);\n }\n\n if (downgrade) {\n params.push(\"downgrade=1\");\n }\n\n return params;\n }\n\n const handleChooseFreePlan = () => {\n if (plansType === \"passwords\") {\n // Start for free\n sendPassAnalyticsEvent({ label: analytics.pageTitle, category: `Get - Free`, action: 'Click' });\n \n if (!user) {\n if (detectIsMobile() && typeof openPassLoginModal === \"function\") {\n openPassLoginModal(false, \"register\");\n } else {\n location.href = \"https://pass.pcloud.com/#/register\";\n }\n } else {\n location.href = \"https://pass.pcloud.com/\";\n }\n }\n }\n\n const handleChoosePlan = (plan: PlanType, period: PeriodType) => {\n if (plan.productid === 0) {\n return handleChooseFreePlan();\n }\n\n if (plansType === \"crypto\") {\n const analyticsParams = {\n category: analytics.category + \" - buy button\",\n action: \"click\",\n label: getPromoParam(\"label\") || analytics.label,\n };\n\n const analyticsData = {\n revenue: plan.pricecents / 100,\n currency: signToCurrency[currency],\n period: period,\n products: plan.productid\n };\n \n if (user && user.auth) {\n analyticsParams.auth = user.auth;\n };\n \n const passcampaign = getPromoParam(\"passcampaign\");\n if (passcampaign) {\n analyticsData.passcampaign = passcampaign;\n };\n\n if (discount && plan.validdiscountcode) {\n analyticsData.discountcode = discount;\n }\n\n sendAnalyticsEvent(analyticsParams, analyticsData);\n }\n\n const items = [{\n item_id: plan.productid,\n item_name: planNames[plan.productid] + \" \" + gaPeriods[period],\n item_brand: plansType === \"passwords\" ? \"pCloudPass\" : \"pCloud\",\n item_category: gaPeriods[period],\n item_variant: getPlanQuota({ productid: plan.productid, trafficquota: plan.trafficquota, traffic: plan.traffic }),\n affiliation: rcookie(\"ref\"),\n price: plan.pricecents / 100,\n currency: signToCurrency[currency],\n quantity: 1\n }];\n\n if (typeof dataLayer !== \"undefined\") {\n dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.\n dataLayer.push({\n event: \"select_item\",\n ecommerce: {\n item_list_id: `${plansType}_products`,\n items: items\n }\n });\n \n dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.\n dataLayer.push({\n event: \"add_to_cart\",\n ecommerce: {\n currency: signToCurrency[currency],\n value: plan.pricecents / 100,\n items: items\n }\n });\n }\n\n if (plansType === \"passwords\") {\n sendPassAnalyticsEvent({ label: analytics.pageTitle, category: `Get - ${period} - ${planNames[plan.productid]}`, action: 'Click' });\n }\n \n const checkoutPageParams = getCheckoutUrlParams(plan, period);\n\n // Redirect to Checkout page.\n location.href = checkoutPageLink + (checkoutPageLink.search(/[?]/) === -1 ? \"?\" : \"&\") + checkoutPageParams.join('&');\n };\n\n const renderPlanBoxes = () => {\n switch (plansType) {\n case \"traffic\":\n return (\n setShowTrafficInfoBox(false)}\n />\n );\n\n case \"storage_family\": \n return getPlanBox(plans[chosenPeriod][chosenPlanIndex], chosenPlanIndex);\n\n default: \n return plans[chosenPeriod].map(getPlanBox);\n }\n };\n\n const getPlanBox = (plan, index) => {\n const {productid, pricecents, originalpricecents, addplan, canbuy, quotaafterbuy, trafficafterbuy, canbuydisabledreason = \"plan_upgrade_restrictions\"} = plan;\n const currentPrice = pricecents / 100;\n const oldPrice = pricecents != originalpricecents ? originalpricecents / 100 : 0;\n let periodText = underPriceTexts[chosenPeriod];\n\n const discountInfo = (oldPrice && oldPrice > currentPrice) ? {\n value: Math.round((1 - currentPrice / oldPrice) * 100),\n type: \"percent\"\n } : {};\n\n if (chosenPeriod === \"month\" && plansType === \"storage\") {\n const monthlyPriceForYear = currentPrice * 12;\n periodText = `${monthlyPriceForYear % 1 !== 0 ? monthlyPriceForYear.toFixed(2) : monthlyPriceForYear} ${signToCurrency[currency]} ${__(\"for_year\")}`;\n }\n\n return (\n handleChoosePlan(plan, period)}\n oldPrice={oldPrice}\n discount={discountInfo}\n disabled={!canbuy}\n disabledReason={!canbuy ? canbuydisabledreason : null}\n periodText={showTextUnderPrices ? periodText : null}\n borderRadius={plansType === \"storage\" && plansVersion !== \"0.0.0\" ? 24 : 19}\n hideDescription={hideDescription}\n getTotalStorage={() => renderQuota(quotaafterbuy)}\n getTotalTraffic={() => renderQuota(trafficafterbuy)}\n showBestPriceByRandomGirl={showBestPriceByRandomGirl && plans[chosenPeriod].length === index + 1}\n hideDiscountPercentage={hideDiscountPercentage}\n showPlanDescriptionText={showPlanDescriptionText}\n maxNumberOfFeaturesToShow={maxNumberOfFeaturesToShow}\n subtitlePosition={subtitlePosition}\n showSaveLabel={showSaveLabel}\n />\n );\n };\n\n const onChangePlanByTab = (tabId) => {\n setChosenPlanIndex(tabId);\n \n if (onTabSwitch) {\n onTabSwitch([plans[chosenPeriod][tabId]], chosenPeriod, currency);\n }\n };\n\n const renderPlansAsTabs = () => {\n if (!plans[chosenPeriod] || plans[chosenPeriod].length === 0) {\n return null;\n }\n\n const tabs = plans[chosenPeriod].map((plan, index) => {\n return {\n tabId: index,\n tabTitle: (plan.addplan ? \"+ \" : \"\") + plansQuota[plan.productid],\n };\n });\n\n return (tabs.length === 0 ? null : \n \n );\n };\n\n const renderComparePricesArrows = () => {\n return (\n \n \n {__(\"landing_lifetime_compare\")}\n \n \n );\n };\n\n return (!chosenPeriod || (switchPlansFromSamePeriodByTabs && chosenPlanIndex === null) ? null :\n \n {(periods && periods.length > 1) ? (\n \n {showComparePrices && renderComparePricesArrows()}\n \n \n {periodDisclaimer ? \n {periodDisclaimer} \n : null}\n\n {(layout === \"accelerated\" && !periodDisclaimer) ? (\n \n \n {__(\"acc_plans_rec\", \"The price remains the same until you cancel\")}\n \n ) : null}\n \n ) : null }\n {switchPlansFromSamePeriodByTabs ? renderPlansAsTabs() : null}\n \n {plansType === \"traffic\" ? \n setShowTrafficInfoBox(false)}\n />\n : null}\n \n {}}\n onExited={() => {}}\n appear\n >\n \n \n \n \n \n \n {__(\"Loading...\")}\n \n \n \n \n \n \n {renderPlanBoxes()}\n \n \n \n \n )\n};\n\nexport default Plans;\n\nconst AcceleratedRecText = styled(Style.PeriodsDisclaimer)`\n font-weight: 400;\n font-size: 20px;\n color: #000;\n line-height: 20px;\n margin-top: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n @media (max-width: 768px) {\n font-size: 14px;\n\n & svg {\n width: 14px;\n height: 14px;\n }\n }\n`;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { hiDPI } from \"polished\";\nimport { __ } from \"../../../lib/utils\";\n\nconst MoreOptions = ({\n options = [\"family\", \"business\", \"traffic\"],\n showTitle\n}) => {\n const optionValues = {\n family: {\n icon: ,\n title: __(\"family_pricing_headline\"),\n description: __(\"family_pricing_description\"),\n linkHref: \"/family\",\n linkText: __(\"LEARN_MORE\"),\n linkTestId: \"learn_more_family\"\n },\n business: {\n icon: ,\n title: __(\"pCloud Business\"),\n description: __(\"business_pricing_description\"),\n linkHref: \"/business\",\n linkText: __(\"LEARN_MORE\"),\n linkTestId: \"learn_more_business\"\n },\n traffic: {\n icon: ,\n title: __(\"pricing_traffic_option_title\"),\n description: __(\"pricing_traffic_option_description\"),\n linkHref: \"/additional-traffic\",\n linkText: __(\"pricing_traffic_option_cta\"),\n linkTestId: \"buy_now_traffic\"\n }\n }\n return (\n \n { showTitle ? {__(\"looking_for_more\")} : null }\n \n {\n options.map((option) => {\n const optionData = optionValues[option];\n const { icon, title, description, linkHref, linkText, linkTestId } = optionData;\n\n return (\n \n { icon }\n \n

\n {title}\n {description}\n

\n \n {linkText}\n \n \n \n \n )\n })\n }\n \n \n );\n};\n\nexport default MoreOptions;\n\nconst MoreOptionsWrapper = styled.div`\n width: 100%;\n max-width: 1220px;\n padding: 0px 20px;\n box-sizing: border-box;\n margin: 25px auto;\n`;\n\nconst MoreOptionsTitle = styled.h2`\n text-align: center;\n font-weight: bold;\n font-size: 28px;\n margin-bottom: 22px;\n letter-spacing: normal;\n\n @media (max-width: 768px) {\n font-size: 24px;\n letter-spacing: -0.6px;\n }\n`;\n\nconst MoreOptionsBoxContainer = styled.div`\n display: flex;\n width: 100%;\n justify-content: center;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n`;\n\nconst MoreOptionsBox = styled.div`\n width: 33.33%;\n box-sizing: border-box;\n padding: 36px;\n margin: 0px 13px;\n box-shadow: 4px 4px 4px 0 rgb(96 96 96 / 2%);\n background-color: #ffffff;\n border-radius: 17px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: column;\n\n &:first-of-type {\n margin-left: 0px;\n }\n\n &:last-of-type {\n margin-right: 0px;\n }\n\n @media (max-width: 768px) {\n border-radius: 0px;\n margin: 8px auto;\n width: 100%;\n flex-direction: row;\n\n &:first-of-type {\n margin-top: 0px;\n }\n\n &:last-of-type {\n margin-bottom: 0px;\n }\n }\n`;\n\nconst IconGeneric = styled.div`\n display: inline-block;\n width: 64px;\n height: 64px;\n margin-bottom: 22px;\n background-repeat: no-repeat;\n background-size: 64px 64px;\n background-position: center;\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n margin-bottom: 0px;\n }\n`;\n\nconst FamilyIcon = styled(IconGeneric)`\n background-image: url(\"/images/plans/family.png\");\n ${hiDPI(1.5)} {\n background-image: url(\"/images/plans/family@2x.png\");\n }\n`;\n\nconst BusinessIcon = styled(IconGeneric)`\n background-image: url(\"/images/plans/business.png\");\n ${hiDPI(1.5)} {\n background-image: url(\"/images/plans/business@2x.png\");\n }\n`;\n\nconst TrafficIcon = styled(IconGeneric)`\n background-image: url(\"/images/plans/traffic.png\");\n ${hiDPI(1.5)} {\n background-image: url(\"/images/plans/traffic@2x.png\");\n }\n`;\n\nconst TextWrap = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n flex-grow: 1;\n\n @media (max-width: 768px) {\n width: 100%;\n margin-left: 20px;\n align-items: flex-start;\n }\n`;\n\nconst MoreOptionTitle = styled.h3`\n font-size: 19px;\n font-weight: 500;\n line-height: 1.21;\n letter-spacing: -0.3px;\n text-align: center;\n color: #222;\n margin-bottom: 8px;\n padding: 0px;\n\n @media (max-width: 768px) {\n text-align: left;\n }\n`;\n\nconst MoreOptionDescription = styled.p`\n font-size: 15px;\n line-height: 1.2;\n letter-spacing: -0.2px;\n text-align: center;\n color: #222;\n font-weight: 400;\n padding: 0px;\n margin-bottom: 18px;\n\n @media (max-width: 768px) {\n text-align: left;\n margin-bottom: 0px;\n width: auto;\n }\n`;\n\nconst Link = styled.a`\n color: #17bed0;\n text-decoration: none;\n display: inline-block;\n cursor: pointer;\n font-size: 15px;\n text-align: center;\n margin-top: 8px;\n`;\n\nconst LinkArrow = styled.div`\n display: inline-block;\n width: 6px;\n height: 10px;\n margin-left: 4px;\n background-repeat: no-repeat;\n background-size: 6px 10px;\n background-position: center;\n background-image: url(\"/images/plans/more.png\");\n ${hiDPI(1.5)} {\n background-image: url(\"/images/plans/more@2x.png\");\n }\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport reactStringReplace from \"react-string-replace\";\nimport PlansTypeComponent from \"../styles/PlansTypeComponent\";\n\nconst ExplorePcloud = ({ user, openRegisterModal, switchToMonthlyPlans, plansType }) => {\n let tryFreeAndMonthlyText = \"\";\n const userCancelledSubscription =\n user && user.lastsubscription && user.lastsubscription.status === \"canceled\";\n const userHasMonthlySubscription = user && user.lastsubscription && user.lastsubscription.period === \"month\" && !user.premiumlifetime;\n const userHasPlan =\n user &&\n (user.plan || user.cryptolifetime || user.cryptosubscription || user.efh || user.business || pCloud.user.additionaltraffic);\n\n if (!user) {\n tryFreeAndMonthlyText = __(\"want_to_explore_try_monthly_or_free\");\n tryFreeAndMonthlyText = reactStringReplace(\n tryFreeAndMonthlyText,\n /(%monthly_plans%)/g,\n (match, i) => (\n {__(\"monthly_plans\")}\n )\n );\n\n tryFreeAndMonthlyText = reactStringReplace(\n tryFreeAndMonthlyText,\n /(%try_for_free%)/g,\n (match, i) => (\n {\n openRegisterModal();\n }}\n data-testid=\"show_register\"\n >\n {__(\"TRY_FOR_FREE\")}\n \n )\n );\n } else if (\n !userHasPlan ||\n userHasMonthlySubscription ||\n (userCancelledSubscription && !user.cryptolifetime && !user.premiumlifetime)\n ) {\n tryFreeAndMonthlyText = reactStringReplace(\n __(\"want_more_features_try_monthly\"),\n /(%monthly_plans%)/g,\n (match, i) => (\n {__(\"monthly_plans\")}\n )\n );\n } else {\n return null;\n }\n\n return {tryFreeAndMonthlyText};\n};\n\nexport default ExplorePcloud;\n\nconst UnderlineLink = styled.div`\n margin-left: 0px;\n text-decoration: underline;\n color: #17bed0;\n text-decoration: none;\n display: inline-block;\n cursor: pointer;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport reactStringReplace from \"react-string-replace\";\nimport { renderQuota } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\n\nimport { productNameMap } from \"@pcloud/web-utilities/dist/plans/plansInfo\";\nimport {\n PREMIUM_PLAN_ID,\n PREMIUM_PLUS_PLAN_ID,\n CUSTOM_PLAN_ID,\n FAMILY2TB_PLAN_ID,\n FAMILY_CUSTOM_PLAN_ID\n} from \"@pcloud/web-utilities/dist/plans/constants.plans\";\nimport PlansTypeComponent from \"../styles/PlansTypeComponent\";\n\nconst UserPlanInfo = ({ user }) => {\n if (\n user &&\n user.premiumlifetime &&\n (user.plan == PREMIUM_PLAN_ID ||\n user.plan == PREMIUM_PLUS_PLAN_ID ||\n user.plan == CUSTOM_PLAN_ID ||\n user.plan == FAMILY2TB_PLAN_ID || \n user.plan == FAMILY_CUSTOM_PLAN_ID)\n ) {\n const planName = productNameMap[user.plan].long;\n const userStorage = renderQuota(user.quota);\n const userTraffic = renderQuota(user.publiclinkquota);\n\n let infoText = reactStringReplace(\n __(\"your_current_plan_storage_traffic\"),\n /(%plan%)/g,\n (match, i) => {planName}\n );\n\n infoText = reactStringReplace(infoText, /(%storage%)/g, (match, i) => (\n {userStorage}\n ));\n\n infoText = reactStringReplace(infoText, /(%traffic%)/g, (match, i) => (\n {userTraffic}\n ));\n\n return (\n \n

\n {infoText.map(element => {\n return element;\n })}\n

\n \n );\n }\n\n return null;\n};\n\nexport default UserPlanInfo;\n\nconst Bold = styled.span`\n font-weight: bold;\n`;\n","//@flow\n\nimport React, { useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport Modal, { OvalModalClose } from \"@pcloud/web-utilities/dist/resources/components/Modal\";\nimport { onMouseOut, __ } from \"../../../lib/utils\";\nimport { setcookie, rcookie } from \"@pcloud/web-utilities/dist/lib/utils\";\n\ntype Props = {\n handleButtonClick: () => void\n};\n\nconst TimerDiscountModal = ({ handleButtonClick = () => {} }: Props) => {\n const [showModal, setShowModal] = useState(false);\n (showModal: boolean);\n\n const modalCustomStyle = {\n \"display\": \"flex\",\n \"alignItems\": \"center\",\n // \"justifyContent\": \"center\"\n };\n\n useEffect(() => {\n const timer = setTimeout(setMouseOutEvent, 5000);\n return () => {\n clearTimeout(timer)\n document.onmouseout = () => {};\n };\n }, []); //[]\n\n useEffect(() => {\n const timer = $(\".exit-intent-timer-container\").FlipClock(60, {\n autoStart: false,\n countdown: true,\n clockFace: \"MinuteCounter\",\n language: pCloud.lang\n });\n timer.start();\n var timeout = setTimeout(function() {\n closeModal();\n }, 62000);\n }, [showModal]); //[showModal]\n\n const handleMouseOut = event => {\n const refIsOK = true;\n //!rcookie(\"ref\") || rcookie(\"ref\") == 50 || rcookie(\"ref\") == 501 || hrefSearch(\"refcode\");\n\n onMouseOut(event, () => {\n if (refIsOK && !showModal && !rcookie(\"openedExitIntentTimerModal\")) {\n setShowModal(true);\n document.getElementsByTagName(\"BODY\")[0].classList.add(\"overlayed\");\n setcookie(\"openedExitIntentTimerModal\", true, 1);\n }\n });\n };\n\n const setMouseOutEvent = () => {\n document.onmouseout = handleMouseOut;\n };\n\n const closeModal = () => {\n setShowModal(false);\n document.getElementsByTagName(\"BODY\")[0].classList.remove(\"overlayed\");\n };\n\n const handleClick = () => {\n closeModal();\n handleButtonClick();\n };\n\n return (\n \n \n {__(\"checkout_exit_headline\").replace(\"%percent%\", \"10%\")}\n {__(\"checkout_exit_text\")}\n \n \n {__(\"checkout_exit_CTA\").replace(\"%percent%\", \"10%\")}\n \n {__(\"checkout_exit_sub_CTA\")}\n \n \n \n );\n};\n\nexport default TimerDiscountModal;\n\nconst ModalWrap = styled.div`\n width: 100%;\n min-width: 780px;\n box-sizing: border-box;\n text-align: center;\n background-clip: padding-box;\n box-shadow: 0 8px 30px rgb(0 0 0 / 20%);\n margin: 0 auto;\n padding: 20px;\n background-color: #fff;\n`;\n\nconst ModalTitle = styled.div`\n font-size: 30px;\n font-weight: 500;\n letter-spacing: -0.7px;\n margin: 40px 0 0 0;\n`;\n\nconst ModalDescription = styled.div`\n font-size: 20px;\n margin: 8px 0 0 0;\n letter-spacing: -0.5px;\n`;\n\nconst ModalButton = styled.div`\n display: table;\n font-size: 15px;\n font-weight: 500;\n min-width: 380px;\n margin: 42px auto;\n padding: 14px 20px 13px 20px;\n text-transform: uppercase;\n background: #86c600;\n color: #fff;\n border-radius: 7px;\n cursor: pointer;\n box-shadow: 0 1px 1px rgb(0 0 0 / 7%);\n width: auto;\n`;\n\nconst ModalNoThanks = styled.div`\n text-decoration: underline;\n cursor: pointer;\n color: #888;\n font-size: 16px;\n margin: 35px 0 50px;\n letter-spacing: -0.5px;\n`;\n\nconst TimerContainer = styled.div`\n text-align: center;\n margin: 50px auto 0px auto;\n width: auto;\n display: inline-block;\n`;\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgModalCloseCircle(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 28,\n height: 28,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 0C6.2 0 0 6.2 0 14s6.2 14 14 14 14-6.2 14-14S21.8 0 14 0zm5.4 21L14 15.6 8.6 21 7 19.4l5.4-5.4L7 8.6 8.6 7l5.4 5.4L19.4 7 21 8.6 15.6 14l5.4 5.4-1.6 1.6z\",\n fill: \"#000\",\n fillOpacity: 0.35\n })));\n}\nexport default SvgModalCloseCircle;","//@flow\n\nimport React, { useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport Modal from \"@pcloud/web-utilities/dist/resources/components/Modal\";\nimport ModalCloseCircleSvg from \"../../../../new_site/images/plans/modal-close-circle.svg\"\n\nconst ImagePreviewModalSimple = ({ handleModalClose, imgSrc }) => {\n useEffect(() => {\n return () => {\n document.onmouseout = () => { };\n };\n }, []);\n\n const closeModal = () => {\n handleModalClose();\n };\n\n return (\n \n \n $\"pCloud\"$ \n \n \n \n );\n};\n\nexport default ImagePreviewModalSimple;\n\nconst ModalWrap = styled.div`\n max-width: 960px;\n max-height: 662px;\n overflow: hidden;\n border-radius: 16px;\n\n img {\n width: 100%;\n }\n`;\n\nconst StyledModalCloseCircleSvg = styled(ModalCloseCircleSvg)`\n position: absolute;\n top: 16px;\n right: 16px;\n cursor: pointer;\n`\n","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCollaboration(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 34,\n height: 27.268\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"collaboration_svg__a\",\n x1: 0.037,\n y1: 0.031,\n x2: 0.968,\n y2: 0.955,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#fdcb51\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fb838b\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"folder_shared_FILL1_wght400_GRAD0_opsz48(1)\",\n d: \"M26.17 22.742a3.133 3.133 0 002.216-5.368 3.589 3.589 0 00-2.216-.852 3.133 3.133 0 00-2.216 5.368 3.407 3.407 0 002.216.852zm-6.817 7.414h13.634V29.3a2.922 2.922 0 00-1.787-2.724 10.376 10.376 0 00-5.028-.937 11.482 11.482 0 00-5.028.937 3.008 3.008 0 00-1.791 2.724zm-12.7 5.113a2.453 2.453 0 01-1.786-.769 2.453 2.453 0 01-.767-1.788V10.556a2.453 2.453 0 01.767-1.789A2.321 2.321 0 016.656 8h10.822a4.277 4.277 0 011.023.17 1.948 1.948 0 01.852.6l1.7 1.789h14.491a2.621 2.621 0 012.556 2.554v19.6a2.621 2.621 0 01-2.556 2.556z\",\n transform: \"translate(-4.1 -8)\",\n fill: \"url(#collaboration_svg__a)\"\n })));\n}\nexport default SvgCollaboration;","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgSecurity(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 26,\n height: 33.999\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"security_svg__a\",\n x1: 0.017,\n y1: 0.082,\n x2: 0.932,\n y2: 0.961,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#dae23f\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#84c400\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Union 59\",\n d: \"M-7986 34a4 4 0 01-4-4V16a4 4 0 014-4h1V8a8.01 8.01 0 018-8 8.008 8.008 0 018 8v4h1a4 4 0 014 4v14a4 4 0 01-4 4zm6-11a3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3 3 3 0 00-3 3zm9-11V8a6.009 6.009 0 00-6-6 6.01 6.01 0 00-6 6v4z\",\n transform: \"translate(7990)\",\n fill: \"url(#security_svg__a)\"\n })));\n}\nexport default SvgSecurity;","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgAccess(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 34,\n height: 34\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"access_svg__a\",\n x1: 0.085,\n y1: 0.214,\n x2: 0.899,\n y2: 0.811,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#bc75ca\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#8a7bef\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.1 27.7a1.417 1.417 0 001.1.1c.4-.1.6-.4.8-.8a10.261 10.261 0 00.4-1.4 7.084 7.084 0 00.1-1.4 9.058 9.058 0 00-.6-3.2 7.835 7.835 0 00-4.6-4.6 8.662 8.662 0 00-3.2-.6l.8-.8a1.273 1.273 0 10-1.8-1.8l-3.5 3.4a.764.764 0 00-.2.5c0 .2.1.3.2.5l3.5 3.4a3.552 3.552 0 00.9.4 1.273 1.273 0 00.9-2.2l-1-1a6.2 6.2 0 012.3.4 4.644 4.644 0 012 1.3 5.328 5.328 0 011.3 2 5.7 5.7 0 01.4 2.2 4.1 4.1 0 01-.1 1.1c-.1.3-.2.7-.3 1a1.412 1.412 0 00-.1.9 4.35 4.35 0 00.7.6zM23.2 35a1.212 1.212 0 001.8 0l3.5-3.4a.764.764 0 00.2-.5c0-.2-.1-.3-.2-.5L25 27.2a3.552 3.552 0 00-.9-.4 1.273 1.273 0 00-.9 2.2l.9.9a5.867 5.867 0 01-2.3-.4 5.748 5.748 0 01-3.3-3.3A5.45 5.45 0 0118 24a3.4 3.4 0 01.1-1 1.689 1.689 0 01.3-1 1.729 1.729 0 00.1-1 1.344 1.344 0 00-.6-.7 1.417 1.417 0 00-1.1-.1 1.2 1.2 0 00-.7.7 8.331 8.331 0 00-.4 1.5 7.569 7.569 0 00-.1 1.5 9.058 9.058 0 00.6 3.2 7.35 7.35 0 001.9 2.8 7.5 7.5 0 002.8 1.8 11.557 11.557 0 003.1.7l-.7.7a1.222 1.222 0 00-.4.9c0 .3 0 .8.3 1zm.8 6a16.68 16.68 0 01-6.7-1.3 16.546 16.546 0 01-9-9A16.679 16.679 0 017 24a16.679 16.679 0 011.3-6.7 16.546 16.546 0 019-9A16.679 16.679 0 0124 7a16.679 16.679 0 016.7 1.3 16.546 16.546 0 019 9A16.679 16.679 0 0141 24a16.68 16.68 0 01-1.3 6.7 16.546 16.546 0 01-9 9A16.68 16.68 0 0124 41z\",\n transform: \"translate(-7 -7)\",\n fill: \"url(#access_svg__a)\"\n })));\n}\nexport default SvgAccess;","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgMedia(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32.001,\n height: 32.001\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"media_svg__a\",\n x1: 0.034,\n x2: 0.945,\n y2: 0.951,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#f182d3\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#e2334c\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Union 73\",\n d: \"M-7987 32a3 3 0 01-3-3V11a3 3 0 013-3h26a3 3 0 013 3v18a3.006 3.006 0 01-3 3zm9-16.234v8.468a1 1 0 001 1 .981.981 0 00.513-.144l7.056-4.233a1 1 0 00.485-.86.985.985 0 00-.485-.854l-7.056-4.235a.991.991 0 00-.511-.144 1 1 0 00-1.002 1.003zM-7986 6a1 1 0 01-1-1 1 1 0 011-1h24a1 1 0 011 1 1 1 0 01-1 1zm5-4a1 1 0 01-1-1 1 1 0 011-1h14a1 1 0 011 1 1 1 0 01-1 1z\",\n transform: \"translate(7990)\",\n fill: \"url(#media_svg__a)\"\n })));\n}\nexport default SvgMedia;","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgFile(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 26,\n height: 32\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"file_svg__a\",\n x1: 0.021,\n y1: 0.018,\n x2: 0.963,\n y2: 0.98,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#74edfe\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#46b5fe\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M31.563 36H10.438a2.356 2.356 0 01-1.706-.72A2.286 2.286 0 018 33.6V6.4a2.286 2.286 0 01.731-1.68A2.356 2.356 0 0110.438 4h12.837a4.136 4.136 0 01.975.16 2.919 2.919 0 01.813.56l8.206 8.08a2.873 2.873 0 01.569.8 3.959 3.959 0 01.163.96V33.6a2.286 2.286 0 01-.731 1.68 2.356 2.356 0 01-1.707.72zm-10.482-6.88a7.353 7.353 0 005.362-2.16 7.126 7.126 0 002.194-5.28 7.126 7.126 0 00-2.194-5.28 7.353 7.353 0 00-5.362-2.16 7.528 7.528 0 00-3.331.72 9.46 9.46 0 00-2.438 1.76v-1.84a.9.9 0 00-.244-.64 1 1 0 00-1.3 0 .9.9 0 00-.244.64v4a1.192 1.192 0 00.325.88 1.12 1.12 0 00.894.32h4.144a.931.931 0 00.65-.24.962.962 0 000-1.28.931.931 0 00-.65-.24h-2.112a4.443 4.443 0 011.869-1.52 5.753 5.753 0 012.519-.56 5.371 5.371 0 013.981 1.52 5.2 5.2 0 011.544 3.92 5.2 5.2 0 01-1.544 3.92 5.371 5.371 0 01-3.981 1.52 6.292 6.292 0 01-3.169-.88A5.608 5.608 0 0115.881 24a2.129 2.129 0 00-.406-.48 1.188 1.188 0 00-.569-.16 1.172 1.172 0 00-.894.4 1.086 1.086 0 00-.081.88 7.282 7.282 0 002.844 3.2 6.832 6.832 0 004.306 1.28z\",\n transform: \"translate(-8 -4)\",\n fill: \"url(#file_svg__a)\"\n })));\n}\nexport default SvgFile;","var _defs, _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgBackup(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 40,\n height: 26.667\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"backup_svg__a\",\n x1: 0.047,\n y1: 0.058,\n x2: 0.977,\n y2: 0.95,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#33cede\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#827be7\"\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7090\",\n d: \"M32.25 14.067a12.487 12.487 0 00-23.333-3.334A10 10 0 0010 30.667h21.667a8.309 8.309 0 00.583-16.6zm-14.4 10.416a1.66 1.66 0 01-2.35 0L12 21a1.662 1.662 0 012.35-2.35l2.317 2.317 7.466-7.467a1.662 1.662 0 112.35 2.35l-8.633 8.633z\",\n transform: \"translate(0 -4)\",\n fill: \"url(#backup_svg__a)\"\n })));\n}\nexport default SvgBackup;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Tooltip as ReactTooltip } from \"react-tooltip\";\n\nimport { __ } from \"../lib/utils\";\n\nimport Collaboration from \"../../new_site/images/features-section/collaboration.svg\";\nimport Security from \"../../new_site/images/features-section/security.svg\";\nimport Access from \"../../new_site/images/features-section/access.svg\";\nimport Media from \"../../new_site/images/features-section/media.svg\";\nimport File from \"../../new_site/images/features-section/file.svg\";\nimport Backup from \"../../new_site/images/features-section/backup.svg\";\n\n\nconst FeaturesSection = () => {\n return (\n \n \n {__(\"pcloud_features_included_for_all\")}\n \n \n \n \n \n {__(\"collaboration\")}\n \n \n

{__(\"feature_share_dl_and_upl_links\")}
{__(\"invite_to_shared_folders\")}
{__(\"feature_get_detailed_stats\")}
\n \n {__(\"brand_download_links\")}\n \n \n

\n \n \n\n \n \n \n \n \n {__(\"PAGE_SECURITY\")}\n \n \n
\n
{__(\"tsl_ssl_protection\")}
\n
{__(\"aes_encrypted_files\")}
\n
{__(\"five_copies_of_files\")}
\n
\n \n {__(\"option_for_encryption_with_crypto\")}\n \n \n
\n
\n \n \n\n \n \n \n \n \n {__(\"access_and_sync\")}\n \n \n
\n
{__(\"auto_upl_camera_roll\")}
\n
\n \n {__(\"extend_through_drive\")}\n \n \n
\n
\n \n {__(\"selective_offline_access\")}\n \n \n
\n
{__(\"auto_sync_across_devices\")}
\n
\n \n \n\n \n \n \n \n \n {__(\"media_and_usability\")}\n \n \n
\n
{__(\"built_in_video_player\")}
\n
{__(\"video_streaming\")}
\n
{__(\"built_in_audio_player_playlists\")}
\n
{__(\"unlimited_file_size_and_speed\")}
\n
\n \n \n\n \n \n \n \n \n {__(\"PAGE_FILE_MANAGEMENT\")}\n \n \n
\n
\n \n {__(\"PAGE_FILE_VERSIONING\")}\n \n \n
\n
{__(\"data_recovery\")}
\n
\n \n {__(\"lbl_remote_upload\")}\n \n \n
\n
{__(\"doc_preview\")}
\n
\n \n {__(\"rewind_account\")}\n \n \n
\n
\n \n \n\n \n \n \n \n \n {__(\"backups_from\")}\n \n \n
\n
Dropbox
\n
Facebook
\n
OneDrive
\n
Google Drive
\n
Google Photos
\n
\n \n \n \n );\n};\n\nexport default FeaturesSection;\n\nconst Container = styled.div`\n display: grid; \n display: -ms-grid;\n grid-template-columns: 1fr 1fr 1fr; \n -ms-grid-columns: 1fr 1fr 1fr;\n grid-template-rows: 40px 1fr 1fr; \n -ms-grid-rows: 60px 1fr 1fr;\n max-width: 1180px;\n padding-bottom: 50px;\n margin: 10px auto;\n \n #tooltip {\n font-size: 13px;\n line-height: 1.15;\n color: #fff;\n padding: 16px;\n box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);\n border-radius: 6px;\n max-width: 300px;\n text-align: center;\n }\n\n @supports (grid-gap: 20px) {\n grid-gap: 20px;\n padding-bottom: 0px;\n }\n\n @media (max-width: 768px) {\n display: flex;\n flex-direction: column;\n max-width: 350px;\n margin: 0 auto;\n padding-bottom: 50px;\n }\n`;\n\nconst Headline = styled.div`\n grid-column: 1 / 4;\n grid-row: 1 / 2;\n -ms-grid-column: 1;\n -ms-grid-column-span: 3;\n -ms-grid-row: 1;\n font-size: 28px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n text-align: center;\n color: #2d231c;\n`;\n\nconst FeatureWrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: start;\n box-sizing: border-box;\n padding: 20px;\n margin: 10px;\n\n @supports (grid-gap: 20px) {\n margin: 0px;\n }\n\n &.r2c1 {\n -ms-grid-column: 1;\n -ms-grid-column-span: 1;\n -ms-grid-row: 2;\n grid-column: 1 / 2;\n grid-row: 2 / 3;\n }\n\n &.r2c2 {\n -ms-grid-column: 2;\n -ms-grid-column-span: 1;\n -ms-grid-row: 2;\n grid-column: 2 / 3;\n grid-row: 2 / 3;\n }\n\n &.r2c3 {\n -ms-grid-column: 3;\n -ms-grid-column-span: 1;\n -ms-grid-row: 2;\n grid-column: 3 / 4;\n grid-row: 2;\n }\n\n &.r3c1 {\n -ms-grid-column: 1;\n -ms-grid-column-span: 1;\n -ms-grid-row: 3;\n grid-column: 1 / 2;\n grid-row: 3 / 4;\n }\n\n &.r3c2 {\n -ms-grid-column: 2;\n -ms-grid-column-span: 1;\n -ms-grid-row: 3;\n grid-column: 2 / 3;\n grid-row: 3 / 4;\n }\n\n &.r3c3 {\n -ms-grid-column: 3;\n -ms-grid-column-span: 1;\n -ms-grid-row: 3;\n grid-column: 3 / 4;\n grid-row: 3 / 4;\n }\n\n @media (max-width: 768px) {\n padding-right: 15px;\n }\n`;\n\nconst TitleContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: end;\n width: 100%;\n min-height: 120px;\n word-break: break-word;\n -ms-word-break: break-all;\n`;\n\nconst Title = styled.div`\n font-size: 23px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.16;\n letter-spacing: normal;\n text-align: left;\n margin: 20px 0;\n color: #000;\n`;\n\nconst Description = styled.div`\n width: 100%;\n font-size: 15px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.4;\n letter-spacing: normal;\n text-align: left;\n color: #777777;\n\n ul {\n li {\n margin: 8px 0px 0px 13px;\n\n &:first-of-type {\n margin-top: 0px;\n }\n\n &:last-of-type {\n margin-bottom: 0px;\n }\n\n .info_ico {\n margin-left: 10px;\n }\n }\n }\n`;\n\nconst Check = styled.span`\n display: inline-block;\n min-height: 5px;\n min-width: 9px;\n border-bottom: 2px solid #999999;\n border-left: 2px solid #999999;\n transform: rotate(-45deg);\n margin-right: 14px;\n margin-bottom: 4px;\n`;\n\nconst IconWrapper = styled.div`\n display: flex;\n width: 64px;\n height: 64px;\n justify-content: center;\n align-items: center;\n background-color: #fff;\n border-radius: 50%;\n`;","import React, { useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { sectionTitleCSS, textGradientCSS } from \"./PricingPage/styles/Plans\";\n\nimport { __ } from \"../lib/utils\";\n\nconst PremiumPlanFeatures = () => {\n\n const isRetina = useMemo(() => window.devicePixelRatio > 1, []);\n\n const getImgSrc = (imgName) => {\n return (typeof cdnPath !== \"undefined\" ? cdnPath : \"/\") + \"images/premium-plan-features/\" + imgName + (isRetina ? \"@2x\" : \"\") + \".png\";\n };\n\n return (\n \n {__(\"PricingPage2025_features_title\", \"Included with Every Premium Plan\")}\n \n \n \n {__(\"PricingPage2025_feature1_head\", \"Security\")}\n\n \n {__(\"PricingPage2025_feature1_title\", \"Keeping Your Data Safe at All Times\")}\n \n \n {__(\"PricingPage2025_feature1_desc\", \"pCloud keeps your files safeguarded by strict Swiss privacy laws and stores them in certified, secure data centres. Our TLS/SSL Channel Protection and 256-bit AES Encryption deliver military-grade security to protect your data.\")}\n \n \n \n \n \n \n\n \n \n {__(\"PricingPage2025_feature4_head\", \"File Management\")}\n \n {__(\"PricingPage2025_feature4_title\", \"Never lose a file\")}\n \n \n
\n
{__(\"PricingPage2025_feature4_bul1\", \"Upload files of any size with unrestricted transfer speeds.\")}
\n
{__(\"PricingPage2025_feature4_bul2\", \"Restore previous versions of your files.\")}
\n
{__(\"PricingPage2025_feature4_bul3\", \"Recover your data from up to 30 days ago.\")}
\n
\n \n \n \n \n \n \n\n \n \n \n {__(\"PricingPage2025_feature3_head\", \"Effortless Collaboration\")}\n \n \n {__(\"PricingPage2025_feature3_title\", \"Work Together with Ease\")}\n \n \n {__(\"PricingPage2025_feature3_desc\", \"Easily share files with password-protected links, collaborate in shared folders, gather files with requests, and impress with branded shares.\")}\n \n \n \n \n \n \n\n \n \n \n \n \n {__(\"PricingPage2025_feature5_head\", \"Media and Usability\")}\n \n {__(\"PricingPage2025_feature5_title\", \"Stream and Access Your Media Files Without Limits\")}\n \n \n {__(\"PricingPage2025_feature5_desc\", \"Freely stream and enjoy your favorite media anytime with our built-in Music and Video Player. Keep all your entertainment accessible and organised in one place.\")}\n \n \n \n\n \n \n {__(\"PricingPage2025_feature2_head\", \"Seamless Access & Sync\")}\n \n {__(\"PricingPage2025_feature2_title\", \"Your Files, Anytime, Anywhere\")}\n \n \n
\n
{__(\"PricingPage2025_feature2_bul1\", \"Easily back up your phone’s gallery and desktop files.\")}
\n
{__(\"PricingPage2025_feature2_bul2\", \"Work on files without taking up local storage space.\")}
\n
{__(\"PricingPage2025_feature2_bul3\", \"Access your files even when offline and sync them later.\")}
\n
{__(\"PricingPage2025_feature2_bul4\", \"Automatically keep your files in sync across all your devices.\")}
\n
\n \n \n \n \n \n \n\n \n \n \n {__(\"PricingPage2025_feature6_head\", \"Third-Party Backup\")}\n \n \n {__(\"PricingPage2025_feature6_title\", \"Effortless Transfer and Back up Your Data\")}\n \n \n {__(\"PricingPage2025_feature6_desc\", \"Ensure your memories and important files are always safe, no matter where they were originally stored. pCloud makes transferring your content simple, quick, and reliable.\")}\n \n \n \n \n \n \n\n \n \n );\n};\n\nexport default PremiumPlanFeatures;\n\nconst PremiumPlanFeaturesWrapper = styled.div`\n max-width: var(--pricing-page-content-width);\n width: calc(100% - var(--pricing-page-content-offset));\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: var(--spacing-2xl);\n padding: var(--spaces-10) 0 var(--spaces-12) 0;\n\n @media (max-width: 768px) {\n gap: var(--spacing-xl);\n padding-top: var(--spaces-7);\n }\n`;\n\nconst Headline = styled.div`\n ${sectionTitleCSS}\n ${textGradientCSS}\n padding: 0 var(--spacing-xl);\n`;\n\nconst GridContainer = styled.div`\n display: grid;\n grid-template-columns: 1fr 1fr;\n column-gap: var(--spacing-lg);\n row-gap: var(--spacing-lg);\n`;\n\nconst FeatureWrapper = styled.div`\n border-radius: 24px;\n padding: var(--spacing-xl);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2xl);\n\n &.merge-2-columns {\n grid-column: 1 / 3;\n display: grid;\n grid-template-columns: 1fr 1fr;\n column-gap: var(--spacing-lg);\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n gap: var(--spacing-xl);\n grid-column: 1 / 3;\n }\n\n &.security {\n background: var(--light-blue);\n\n .feature-header {\n color: #0090FF;\n }\n\n .feature-image img {\n max-width: 372px;\n }\n\n @media (max-width: 768px) {\n .feature-image {\n order: 2;\n }\n\n .feature-text-wrapper {\n order: 3;\n }\n }\n }\n\n &.file-management {\n background: #EEFDE5;\n\n .feature-header {\n color: #43C31F;\n }\n\n .feature-image img {\n max-width: 500px;\n }\n\n @media (max-width: 768px) {\n .feature-image {\n order: 2;\n }\n\n .feature-text-wrapper {\n order: 3;\n }\n }\n }\n\n &.effortless-collaboration {\n background: #F9F4F2;\n padding-bottom: 0;\n\n .feature-header {\n color: #FB784C;\n }\n\n .feature-image img {\n max-width: 330px;\n }\n\n .feature-header {\n display: block;\n }\n }\n\n &.image-text {\n .feature-text-wrapper {\n padding-left: var(--spacing-xl);\n\n @media (max-width: 768px) {\n padding-left: 0;\n }\n }\n }\n\n &.media-usability {\n background: #F6F2FF;\n\n .feature-header {\n color: #6923D8;\n }\n\n .feature-image img {\n max-width: 528px;\n }\n }\n\n &.seamless-access {\n background: #FFF9EF;\n\n .feature-header {\n color: #FF8000;\n }\n\n ul .bullet {\n background-color: #FF8000;\n }\n\n .feature-image img {\n max-width: 502px;\n }\n\n @media (max-width: 520px) {\n overflow: hidden;\n\n .feature-image img {\n width: 502px;\n }\n }\n\n @media (max-width: 768px) {\n .feature-image {\n order: 2;\n }\n\n .feature-text-wrapper {\n order: 3;\n }\n }\n }\n\n &.third-party-backup {\n background: #F6F6FF;\n\n .feature-header {\n color: #8B76DD;\n }\n\n .feature-image img {\n max-width: 397px;\n }\n\n .feature-header {\n display: block;\n }\n }\n`;\n\nconst FeatureTextWrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: var(--spacing-sm);\n`;\n\nconst FeatureHeader = styled.div`\n font-size: 15px;\n font-weight: 600;\n margin-bottom: var(--spacing-sm);\n`;\n\nconst FeatureSubHeader = styled.div`\n color: var(--color-base-black);\n font-size: 22px;\n font-weight: 600;\n`;\n\nconst FeatureDescription = styled.div`\n color: var(--color-base-black);\n font-size: 18px;\n font-weight: 400;\n line-height: 26px;\n\n ul {\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n \n li {\n display: flex;\n gap: var(--spacing-md);\n align-items: flex-start;\n }\n\n .bullet {\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 9999px;\n background-color: #43C31F;\n margin-top: 8px;\n flex-shrink: 0;\n }\n }\n`;\n\nconst FeatureImage = styled.div`\n margin: 0 auto;\n display: flex;\n align-items: center;\n flex-direction: column;\n flex: 1;\n justify-content: center;\n\n img {\n width: 100%;\n height: auto;\n }\n`;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgX(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 32,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.047 13.551L30.962 0H28.14L17.79 11.764 9.53 0H0l12.494 17.791L0 32h2.822l10.923-12.426L22.47 32H32M3.841 2.083h4.336l19.96 27.937H23.8\",\n fill: \"#DADADF\"\n })));\n}\nexport default SvgX;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgAdidas(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 46,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6485\",\n d: \"M19.729 28.676h-8.058a26.453 26.453 0 008.437 3.1c0-.024-.379-3.1-.379-3.1z\",\n fillRule: \"evenodd\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6486\",\n d: \"M25.892 28.676l-.48 2.9a26.758 26.758 0 008.538-2.9z\",\n fillRule: \"evenodd\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6487\",\n d: \"M24.958 28.651h-4.421A15.048 15.048 0 0022.861 32a15.112 15.112 0 002.097-3.349z\",\n fillRule: \"evenodd\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6488\",\n d: \"M36.88 26.716l-28.216-.025a10.905 10.905 0 01-2.324-2.108h32.915a15.705 15.705 0 01-2.375 2.133z\",\n fillRule: \"evenodd\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6489\",\n d: \"M41.099 22.202l-36.477.025a17.044 17.044 0 01-1.389-2.357h39.255a12.715 12.715 0 01-1.389 2.332z\",\n fillRule: \"evenodd\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6490\",\n d: \"M15 17.34H2.273A27.414 27.414 0 010 8.583c6.568 1.141 11.645 3.8 15 8.757z\",\n fillRule: \"evenodd\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6491\",\n d: \"M28.036 17.364H17.581C17.354 10.741 19.223 4.043 22.81 0c3.663 3.919 5.557 10.617 5.226 17.364z\",\n fillRule: \"evenodd\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6492\",\n d: \"M43.575 17.34H30.591C34.178 12.379 39.331 9.6 46 8.608a29.038 29.038 0 01-2.425 8.732z\",\n fillRule: \"evenodd\"\n })));\n}\nexport default SvgAdidas;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgInstagramLight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 32,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.668 16.001a5.333 5.333 0 1110.667.002 5.333 5.333 0 01-10.667-.002zm-2.884 0a8.216 8.216 0 1016.432 0 8.216 8.216 0 00-16.432 0zm14.838-8.542a1.92 1.92 0 103.841.004 1.92 1.92 0 00-3.841-.004zM9.536 29.025a8.84 8.84 0 01-2.971-.551 4.978 4.978 0 01-1.84-1.2 4.945 4.945 0 01-1.2-1.839 8.838 8.838 0 01-.551-2.971c-.074-1.684-.091-2.19-.091-6.463s.017-4.778.093-6.466a8.879 8.879 0 01.551-2.971 4.977 4.977 0 011.2-1.84 4.94 4.94 0 011.84-1.2 8.839 8.839 0 012.971-.551c1.684-.072 2.191-.09 6.462-.09s4.778.017 6.466.093a8.88 8.88 0 012.971.551 4.961 4.961 0 011.84 1.2 4.966 4.966 0 011.2 1.84c.353.951.54 1.956.551 2.971.078 1.688.093 2.193.093 6.466s-.016 4.778-.093 6.466a8.872 8.872 0 01-.551 2.971 5.3 5.3 0 01-3.037 3.036 8.84 8.84 0 01-2.971.551c-1.687.078-2.193.093-6.466.093s-4.778-.016-6.465-.093M9.4.101a11.737 11.737 0 00-3.88.74 7.852 7.852 0 00-2.834 1.846A7.829 7.829 0 00.84 5.521a11.736 11.736 0 00-.74 3.88c-.082 1.71-.1 2.255-.1 6.6s.018 4.89.1 6.6c.026 1.326.276 2.638.74 3.88a7.823 7.823 0 001.846 2.834 7.847 7.847 0 002.834 1.846c1.242.464 2.554.714 3.88.74 1.707.078 2.251.1 6.6.1s4.891-.018 6.6-.1a11.738 11.738 0 003.884-.743 8.182 8.182 0 004.68-4.68c.463-1.241.712-2.552.736-3.877.078-1.707.1-2.251.1-6.6s-.018-4.89-.1-6.6a11.735 11.735 0 00-.743-3.884 7.868 7.868 0 00-1.846-2.834A7.847 7.847 0 0026.482.841 11.718 11.718 0 0022.6.101c-1.707-.081-2.253-.1-6.6-.1-4.347 0-4.889.018-6.6.1z\",\n fill: \"#DADADF\"\n })));\n}\nexport default SvgInstagramLight;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgNike(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 62,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6476\",\n d: \"M7.83 10.79c.106.035.247.071.353.106-2.719 6.065-2.542 12.059 5.368 12.059 13.383-3.42 13.383-3.42 22.494-5.959l-5.05-.106c-.247-1.763-.53-3.526-.777-5.289a308.155 308.155 0 01-1.942 5.148c-1.307.035-2.613.106-3.884.141 1.872-5.571 3.778-11.142 5.65-16.714 1.342 0 2.684.035 4.026.071-1.095 3.315-1.095 3.315-.989 3.526L36.151.282 47.769.07c-.283.987-.565 2.01-.848 3-1.377.071-2.79.141-4.167.247a14.418 14.418 0 00-.918 3.1c1.236.071 2.437.141 3.672.247-.353 1.023-.742 2.045-1.095 3.068-1.342.106-2.684.247-4.026.353-.388 1.164-.777 2.292-1.13 3.456 1.271.035 2.542.106 3.814.141l-.424 1.375h.812q9.27-2.486 18.539-4.9-23.465 10.208-46.966 20.451c-18.468 6.1-18.751-9.168-7.2-19.817zm.883 6.065C10.62 11.249 12.527 5.607 14.434 0h4.241l.106 6.135c.706-2.01 1.448-4.02 2.154-5.994 1.236-.035 2.472-.106 3.708-.106-1.836 5.606-3.672 11.248-5.509 16.855h-4.238c-.035-1.975-.106-3.949-.106-5.924a49.166 49.166 0 00-2.013 5.924c-1.377-.035-2.719-.035-4.061-.035zm11.053 0Q22.573 8.498 25.451.141h4.024c-1.942 5.5-3.92 11-5.862 16.537-1.271.071-2.578.141-3.849.176zm15.078-1.693c-.742-6.382-.742-6.382-.742-7.9 5.4-6.276 5.4-6.276 5.756-6.417-1.66 4.76-3.319 9.556-5.014 14.316z\",\n fillRule: \"evenodd\"\n })));\n}\nexport default SvgNike;","var _path, _path2, _path3;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCocaCola(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 98,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M37.614 28.001c-3.625-2.374-8.625-2.749-16.625-.5-8.5 2-11.375 3.249-15.125.75-1.375-1.25-2-3.249-1.5-6.248.875-4.749 3.25-9.372 7.5-14.5 2.375-2.624 4.625-4.874 7.5-5.873 2.25-.625 2 1.125 1.75 1.375a2.056 2.056 0 00-1.125.25 3.022 3.022 0 00-1.125 2c-.125 1.5 1.5 1.25 2.25.375.75-1 1.875-2.749 1-4.5a2.431 2.431 0 00-1.75-1.125c-2.625-.125-5.125 1.125-7.5 2.5a32.008 32.008 0 00-11.25 13.621c-1.25 3.124-2.5 7.748-.75 11.5 1.375 2.624 4.25 4 7.625 3.624a56.967 56.967 0 007.25-1.5c2-.5 11.875-3.874 15.125 2a4.357 4.357 0 013.75-2.124A11.782 11.782 0 0142.364 32c-.625-1.125-2.875-2.749-4.75-4z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.114 8.134c-1.875-1.249-5.625 1.124-8.625 5.122-2.75 3.623-3.875 7.746-2.625 9.62 1.875 2.249 5.5-1 7-2.749l.25-.25a20.114 20.114 0 002.625-3.748 10.986 10.986 0 00.75-1.249c.375-.125 1-.25 1.5-.375 0 0-2.25 3.748-2 5.622.125.625 0 2.624 2.125 3.248 2.75.5 4.875-1.624 6.875-3.5l.5-.5a1.258 1.258 0 01-.125.375c-.75 2.749.25 3.373 1 3.623 2 .625 4.5-2.374 4.5-2.374-.125.875-.25 1.749.75 2.374a2.923 2.923 0 002.625-.625c2.625-1.749 4.625-4.622 6.25-7.121h-1.125s-2.625 3.748-4.375 4.622a.6.6 0 01-.5 0c-.25-.25-.125-.625 0-.875l6.625-11.369h-3.375a2.731 2.731 0 00-.375.625l-.125-.125c-1.875-2.624-6.25 1.374-9.5 6.122a31.093 31.093 0 01-4.5 5.372s-2.5 2.249-3.5.625a3.118 3.118 0 010-2.374 19.339 19.339 0 015.75-8.5 2.121 2.121 0 011.75-.5.79.79 0 01.125 1.124 1.881 1.881 0 00-1.375.5 2.01 2.01 0 00-.75 2.124c1.125 1.624 3.375-1.5 3.25-3.373a1.8 1.8 0 00-1-1.624 3.312 3.312 0 00-2.875 0 11.179 11.179 0 00-3.75 2.873c-1.25 1.374-3.375 2.873-4 2.749.25-.5 2.125-4.123.25-5.5zm14.875 5.372c.625-.875 2.375-3 2.75-3.373 1.375-1.249 2-.75 2-.375-1.375 2.374-2.875 5.122-4.375 7.621l-.5.75a7.573 7.573 0 01-2.375 2.5.634.634 0 01-.625-.125c-.25-.125-.25-.375-.25-.625a18.924 18.924 0 013.375-6.373zm-16.875 1.5c0 .125-1.375 2.249-1.375 2.249a10.634 10.634 0 01-3.125 3.123c-.375.125-.875.25-1.125-.125-.5-.625-.25-1.624 0-2.374l.125-.25a20.515 20.515 0 012.75-4.872 4.41 4.41 0 002.75 2.124c.125 0 .125 0 0 .125zm1.25-2.624l-.625 1.374c-.125.125-.25 0-.375 0h-.25a2.207 2.207 0 01-1.625-1.5c-.25-1.249.875-2.249 1.375-2.624a1.332 1.332 0 011.625-.125 1.743 1.743 0 01.375 1.124 5.36 5.36 0 01-.5 1.749zm39.258 4.122a1.858 1.858 0 00-1.75-1c-2.5.25-4.875 2.249-6.125 5.124a16.688 16.688 0 00-1.25 4.624 12.685 12.685 0 014.125-3.124 8.172 8.172 0 011.5-3.5c.5-.75 1.375-1.75 2.375-1.5.875.25.625 2.874-.625 5.249a15.457 15.457 0 01-3.625 4.749c-1.25 1-3 2.249-4.625 1.375a3.465 3.465 0 01-1.375-3.374c.5-4.5 2.5-8.373 5.5-12.746 3-4.124 6.375-8.248 10.875-10.5a2.6 2.6 0 012.5-.25 16.717 16.717 0 00-6.25 6.623c-.5 1.125-1.25 2.624-.5 3.874a1.714 1.714 0 001.625.75c2.5-.625 4.125-2.874 5.375-5a11.985 11.985 0 001.375-5v-.75c1.125-.625 3.625.5 3.625.5 1.875.625 5.875 3.749 7.25 4.249.625-.75 1.75-1.874 2.375-2.5l-.875-.5a49.658 49.658 0 00-4.375-2.5 8.769 8.769 0 00-7.5-.75 5.524 5.524 0 01-1 .375c-1-1.125-2.75-1-4-.75-4.5 1.25-8.625 4.374-13.125 9.872-3.25 4.249-5.375 8-6.375 11.622-.875 2.5-1.125 6 1 8.248 1.75 1.874 4 1.375 5.625.75a17.872 17.872 0 008.25-9.747c.125-1.25.625-3.124 0-4.5zm8.125-13.371c-.5 5.374-4.625 8.5-5.625 8.748-.625.125-1.75-.125-.75-2.374a14.287 14.287 0 016.375-6.873v.5zm24.628.626A11.605 11.605 0 0186 5.509c-.75.875-1.5 1.75-2.25 2.75 4 1 8.125-1.25 10.5-3.375A15.743 15.743 0 0098 .009a17.853 17.853 0 01-4.625 3.75zM49.37 10.882l1.625-2.625H48.12l-1.625 2.625z\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M86 28.251c-.375.25-.75 0-.625-.5a22.248 22.248 0 012-3.749L92 15.884h-3.125a7.405 7.405 0 01-.5.75 5.436 5.436 0 00-.75-.875 2.8 2.8 0 00-2.625.125c-3.375 2-5.875 5.873-7.75 8.873 0 0-2 3.374-3.125 3.624-.875.125-.75-1.125-.75-1.375a21.5 21.5 0 012-5.623 38.413 38.413 0 005.125-4.249 58.854 58.854 0 007.25-8.373 5.159 5.159 0 01-1.125.125C83.75 12.76 78 18.508 76.25 19.386c.75-1.874 5.75-10.747 10-15l.625-.625a8.922 8.922 0 013-2.249c.125 0 .25 0 .25.25a3.775 3.775 0 01-.625 2l-.5 1s.625-.125 1.125-.25A4.93 4.93 0 0091 1.263c-.125-.375-.375-.75-.75-.75-1.25-.25-2.625.75-3.75 1.5-5.75 4.5-10.625 10.872-14.75 19.744a2.978 2.978 0 01-1.75.375 16.055 16.055 0 001.25-3.249c0-.375.125-.75.125-1.125a2.163 2.163 0 00-.875-2 2.929 2.929 0 00-2.5.125c-3 1.25-5.25 4.374-6.875 6.873a15.423 15.423 0 00-2 5.373c-.125 1.5.125 2.5 1.125 3a2.814 2.814 0 002.5-.25c3.125-1.625 5.25-4.874 6.875-7.748a4.994 4.994 0 001.625-.25c0 .125-.375 1.25-.375 1.25-1.125 3.124-1.625 5.249-.5 6.5 1.5 1.749 3.875 0 5.75-2.5-.375 2.874 1.125 3.374 2.25 3.124a9.327 9.327 0 003.5-2.5c-.25.875-.125 2.374 1 2.5A3.073 3.073 0 0085 30.63c2.625-1.375 5.625-6 6.5-7.373h-1c-1.25 1.749-2.625 4-4.5 5zm-23-.25a1.776 1.776 0 01-.25-.75c0-1.75 1.875-4.874 3.25-6.623a5.233 5.233 0 002.625 2.374c-1 2-4.25 6.5-5.625 5zm6.125-6a2.486 2.486 0 01-2-2 2.679 2.679 0 011.5-2.749 1.736 1.736 0 011.375-.25 1.357 1.357 0 01.5 1.125 2.126 2.126 0 01-.125.875v.125a19.936 19.936 0 01-1.25 2.874zm12.75 5.374l-.25.25a1.593 1.593 0 01-1.375.625c-.125 0-.25-.25-.25-.375a7.07 7.07 0 011-3.124l.125-.25c1.375-2.249 3-5 5.375-6.873a1.643 1.643 0 011.25-.375.649.649 0 01.25.5s0 .25-.125.25c-.625 1.125-1.25 2.124-1.875 3.249-1.375 2-2.625 4.249-4.125 6.123z\"\n })));\n}\nexport default SvgCocaCola;","var _path, _path2, _path3, _path4;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgUber(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 92.179,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6481\",\n d: \"M5.3 22.854a7.881 7.881 0 001.618 2.652 6.962 6.962 0 002.449 1.685 7.991 7.991 0 003.079.584 7.618 7.618 0 003.034-.607 7.463 7.463 0 002.472-1.708 7.743 7.743 0 001.64-2.629 9.5 9.5 0 00.584-3.416V0H24.9v31.461h-4.675v-2.922a10.835 10.835 0 01-3.708 2.561 11.751 11.751 0 01-4.607.9 12.473 12.473 0 01-4.7-.876 11 11 0 01-3.775-2.494 11.766 11.766 0 01-2.514-3.888A13.328 13.328 0 010 19.685V0h4.719v19.416a9.683 9.683 0 00.581 3.438z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6482\",\n d: \"M33.033 0v11.461a12.021 12.021 0 013.638-2.495 10.914 10.914 0 014.494-.921 11.852 11.852 0 014.719.944 11.889 11.889 0 016.382 6.382 11.741 11.741 0 01.944 4.674 11.58 11.58 0 01-.939 4.655 11.948 11.948 0 01-6.382 6.36 11.853 11.853 0 01-4.718.94 11.07 11.07 0 01-4.517-.921 11.94 11.94 0 01-3.663-2.494v2.876h-4.494V0zm.517 23.146a7.82 7.82 0 001.685 2.517 8.133 8.133 0 002.517 1.708 7.652 7.652 0 003.1.629 7.541 7.541 0 003.056-.629 7.862 7.862 0 002.494-1.708 8.335 8.335 0 001.685-2.517 7.651 7.651 0 00.629-3.1 7.81 7.81 0 00-.629-3.124 8.26 8.26 0 00-1.685-2.539 7.567 7.567 0 00-2.494-1.685 7.9 7.9 0 00-8.629 1.685 8.063 8.063 0 00-1.708 2.539 7.811 7.811 0 00-.629 3.124 7.894 7.894 0 00.608 3.1z\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6483\",\n d: \"M55.771 15.416a12.226 12.226 0 012.472-3.8 11.891 11.891 0 0112.989-2.629 10.873 10.873 0 013.64 2.494 11.4 11.4 0 012.382 3.775 12.886 12.886 0 01.854 4.742v1.483H59.46a7.684 7.684 0 00.9 2.584 7.79 7.79 0 001.685 2.067 7.7 7.7 0 002.292 1.371 7.486 7.486 0 002.719.494 7.863 7.863 0 006.607-3.371l3.281 2.427a11.973 11.973 0 01-9.888 4.9 12.657 12.657 0 01-4.786-.9 11.656 11.656 0 01-3.865-2.517 11.94 11.94 0 01-2.584-3.8 12.262 12.262 0 01-.045-9.326zm6.315-1.775a7.66 7.66 0 00-2.539 4.247h13.978a7.434 7.434 0 00-2.494-4.247 7.065 7.065 0 00-8.944 0z\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6484\",\n d: \"M86.606 14.157a6.086 6.086 0 00-1.438 4.27V31.46h-4.539V8.539h4.494v2.831a6.389 6.389 0 012.225-2.2 6.3 6.3 0 013.258-.809h1.573v4.225h-1.888a4.77 4.77 0 00-3.685 1.571z\"\n })));\n}\nexport default SvgUber;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgEtihad(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 119,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26441\",\n d: \"M66.887 12.482l3.629-3.916V.834c0-.06.079-.119.079-.119l.535-.258V.02h-4.878v.437l.5.318c.139.079.159.139.159.2v4.432h-9.756l-2.2 2.8V.992l.02-.139a.491.491 0 01.119-.079l.456-.3.04-.02V.02h-4.864v.437l.476.318c.079.04.1.079.119.079v13.277l-.02.179a.2.2 0 01-.1.079l-.476.318v.437h4.858v-.437l-.516-.318-.119-.06V8.247l.516.159.674-.4a1.212 1.212 0 01.3-.139.658.658 0 01.278-.04h10.173v4.651z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26442\",\n d: \"M118.703 5.923a7.794 7.794 0 00-3.887-4.412C113.016.497 110.434 0 106.963 0H93.717v.437s.555.378.575.378v1.57h12.651a11.517 11.517 0 015.574 1.015 4.7 4.7 0 012.7 4.194 4.372 4.372 0 01-.694 2.4 5.454 5.454 0 01-2.1 1.809 12.559 12.559 0 01-5.552.954h-6.6V3.475h-3.609v10.653l-.02.159-.1.1-.436.278-.04.02v.437h10.827a25.375 25.375 0 004.858-.358 11.413 11.413 0 004.144-1.709 7.169 7.169 0 002.558-2.783 5.585 5.585 0 00.555-2.5 8.174 8.174 0 00-.3-1.848\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26443\",\n d: \"M71.111 14.549a.8.8 0 01-.2-.06l9.082-9.461-2.1-2.246-11.759 12.324h5.414v-.517h-.2c-.079-.02-.159-.02-.238-.04\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26444\",\n d: \"M78.865 2.186l2.32 2.465 2.4 2.425H79.54L77.318 9.4l.476.338.516-.278a.5.5 0 01.139-.04h7.317l4.779 5.128s-.079.079-.5.079h-.178v.517h5.414L80.947 0z\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26445\",\n d: \"M44.123.457l.476.318c.119.079.178.139.178.2v13.118l-.04.179a.6.6 0 01-.139.1l-.5.318v.437h4.838v-.437l-.436-.318a.716.716 0 01-.1-.08h-.02V.974l.02-.139.119-.1.436-.3V0h-4.832z\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26446\",\n d: \"M23.857 12.224l-.635.358a1.446 1.446 0 01-.278.139l-10.807.02a12.755 12.755 0 01-5.592-.954 4.528 4.528 0 01-2.776-4.234 4.355 4.355 0 01.714-2.385 6.2 6.2 0 014.2-2.663 7.216 7.216 0 011.329-.119h5.572c.337-.02.278.06.3.1l-.059.4h.456l2.38-2.882h-6.643a31.781 31.781 0 00-3.569.159c-.436.06-.853.139-1.269.219a11.81 11.81 0 00-3.153 1.232 8.312 8.312 0 00-3.47 3.518 5.856 5.856 0 00-.555 2.643c0 2.445 1.309 4.393 3.887 5.784a11.932 11.932 0 003.906 1.312 27.829 27.829 0 004.343.258h10.053l2.4-2.922h-.2z\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26447\",\n d: \"M19.058 8.587l2.34-2.942H5.633L4.047 8.01h14.218c.258.02.357.1.377.139l-.059.417.476.02z\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26448\",\n d: \"M18.086 2.783l.456.159.059.02.694-.338a1.081 1.081 0 01.575-.179h8.685v11.707l-.04.159c-.04.04-.079.079-.1.079l-.5.338v.437h4.858v-.437l-.5-.318-.119-.119V2.445h7.734c.3.04.337.1.337.119v.417h.436l2.4-2.922H20.286z\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26449\",\n d: \"M21.933 31.781l3.669-9.282h1.19l3.629 9.282h-1.888l-.734-1.928h-2.4l-.516-1.312h2.419l-.952-2.564-.258-.8-.258.8-2.181 5.8z\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 202\",\n d: \"M34.981 22.499h1.805v9.282h-1.805z\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26450\",\n d: \"M47.216 31.781l-2.122-3.041h-1.035v3.041h-1.8v-9.282h2.974a3.715 3.715 0 012.5.735 2.752 2.752 0 01.853 2.206 3.371 3.371 0 01-.5 1.868 2.744 2.744 0 01-1.388 1.153l2.518 3.279h-2zm-3.133-4.313h1.17c1.011 0 1.527-.616 1.527-1.829a1.982 1.982 0 00-.357-1.272 1.432 1.432 0 00-1.19-.437h-1.15z\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26451\",\n d: \"M55.544 31.781l-2.736-9.282h1.864l1.705 6.619h.079l1.646-5.128-.476-1.491h1.765l2.142 6.619h.04l1.725-6.619h1.765l-2.8 9.282h-1.527l-1.864-5.744-1.864 5.744z\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26452\",\n d: \"M68.038 31.781l3.668-9.282h1.19l3.629 9.282h-1.864l-.734-1.928h-2.419l-.516-1.312h2.439l-.972-2.564-.258-.8-.258.8-2.181 5.8z\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26453\",\n d: \"M82.156 31.781v-3.8l-3.034-5.482h2l2 3.916 2.082-3.916h1.765l-3.034 5.486v3.8z\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26454\",\n d: \"M93.4 32a4.043 4.043 0 01-2.36-.616v-1.888a3.5 3.5 0 002.4.954c1.11 0 1.666-.437 1.666-1.292a.951.951 0 00-.337-.775 3.174 3.174 0 00-1.17-.477l-.337-.08a2.61 2.61 0 01-2.34-2.663 2.689 2.689 0 01.853-2.127 3.619 3.619 0 012.439-.755 4.022 4.022 0 012.36.6v1.888a3.721 3.721 0 00-2.439-.914 1.915 1.915 0 00-1.15.278.991.991 0 00-.357.855.962.962 0 00.3.775 2.791 2.791 0 001.13.477l.337.079a3.658 3.658 0 011.844.914 2.319 2.319 0 01.575 1.709 2.967 2.967 0 01-.873 2.246 3.477 3.477 0 01-2.538.815\"\n })));\n}\nexport default SvgEtihad;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDdb(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 87.002,\n height: 32.002,\n fill: \"#fff\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 4515\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26461\",\n d: \"M38.37 2.346h-1.108a1.088 1.088 0 011.108 0z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Union 92\",\n d: \"M.401 32.002h-.4V3.351h12.031a16.8 16.8 0 015.012.7 11.355 11.355 0 017.316 7.338 19.351 19.351 0 01.8 8.345 14.956 14.956 0 01-1.5 5.527 11.474 11.474 0 01-8.12 6.433 18.559 18.559 0 01-3.31.3zM6.315 8.981v8.646c0 2.867 0 5.831-.1 8.747 0 .2 0 .3.3.3h5.313a6.614 6.614 0 006.717-5.226 14.375 14.375 0 000-7.439 6.613 6.613 0 00-2.105-3.72 7.421 7.421 0 00-4.712-1.71H6.615c-.298 0-.298.101-.298.402zM53.33 31.998c-.307 0-.4-.1-.4-.4V3.651c0-.3.1-.4.4-.4h13.329a14.076 14.076 0 015.012.8 5.725 5.725 0 013.812 5.027 7.983 7.983 0 01-.4 3.72 6.634 6.634 0 01-3.108 3.314c.035.073.05.122.035.157s-.069.07-.149.1a1.788 1.788 0 01-.087.042 6.988 6.988 0 015.213 6.936 7.114 7.114 0 01-1.8 5.426 8.806 8.806 0 01-4.211 2.615 13.944 13.944 0 01-4.109.6zm6.115-12.463v7.237c0 .3.1.3.3.3h3.61a27.015 27.015 0 002.8-.1h.014a7.4 7.4 0 002.092-.2 3.1 3.1 0 002.506-2.412l.017-.1a4.677 4.677 0 00.084-1.608 3.57 3.57 0 00-2.105-3.014 4.768 4.768 0 00-2-.4h-7.017c-.299-.003-.299.098-.299.297zm-.1-11.058v6.132a.265.265 0 00.3.3h3.306a25.184 25.184 0 002.708-.1h.01a3.978 3.978 0 001.093-.1 2.882 2.882 0 002.607-2.311 6.4 6.4 0 00.1-1.409 2.7 2.7 0 00-1.8-2.514 4.772 4.772 0 00-1.706-.3h-6.312c-.305.002-.305.103-.305.302zM26.968 31.9c-.3 0-.4-.1-.4-.4V3.751c0-.2 0-.4.3-.4h12.63a12.059 12.059 0 016.915 2.01 11.4 11.4 0 014.712 6.534 18.923 18.923 0 01-.5 12.463 11.806 11.806 0 01-2.317 3.821 11.337 11.337 0 01-3.595 2.615 14.3 14.3 0 01-5.815 1.1zm5.813-22.818v17.291a.267.267 0 00.3.3h5.312a8.1 8.1 0 003.011-.6 6.58 6.58 0 003.605-4.524 15.087 15.087 0 000-7.639 7.414 7.414 0 00-2.7-4.02 8.112 8.112 0 00-4.11-1.206h-5.113c-.305-.004-.305.098-.305.398z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Subtraction 72\",\n d: \"M81.501 11a5.505 5.505 0 01-5.5-5.5 5.505 5.505 0 015.5-5.5 5.507 5.507 0 015.5 5.5 5.507 5.507 0 01-5.5 5.5zm0-8a2.5 2.5 0 00-2.5 2.5 2.5 2.5 0 002.5 2.5 2.5 2.5 0 002.5-2.5 2.5 2.5 0 00-2.5-2.5z\"\n }))));\n}\nexport default SvgDdb;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgPepsi(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 101.183,\n height: 30.437,\n fill: \"#fff\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 4516\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.763 14.996a5.572 5.572 0 00-.074-.633 7.655 7.655 0 00-.26-1.265 6.92 6.92 0 00-6.609-5.023 7.8 7.8 0 00-.928.074 7.081 7.081 0 00-6.052 8.074 6.894 6.894 0 006.944 6.14 7.8 7.8 0 00.928-.074 7.059 7.059 0 004.827-2.6.29.29 0 00.074-.3.473.473 0 00-.149-.26 15.233 15.233 0 00-1.374-.707c-.111-.074-.223-.112-.26-.149a.5.5 0 00-.3-.074.383.383 0 00-.3.149 4.607 4.607 0 01-2.859 1.563 3.391 3.391 0 01-.594.037 4.7 4.7 0 01-4.382-3.014v-.037l.037-.037a6.082 6.082 0 012.3-.447 2.113 2.113 0 01.483.037c.371.037.743.074 1.151.112a15.533 15.533 0 002.414.186 12.054 12.054 0 001.634-.112 8.385 8.385 0 003.045-1.042c.334-.149.3-.3.3-.6m-2.451-.893a8.874 8.874 0 01-1.448.3 7.388 7.388 0 01-1 .074 17.445 17.445 0 01-1.968-.112h-.037c-.631-.037-1.188-.074-1.745-.074a9.859 9.859 0 00-1.114.074 7.568 7.568 0 00-1.857.447v-.075a4.772 4.772 0 014.084-4.167 3.187 3.187 0 01.594-.037 4.947 4.947 0 014.53 3.535v.037zm36.467-5.207a.333.333 0 00-.334-.335h-1.782a.333.333 0 00-.334.335v12.8a.333.333 0 00.334.335h1.782a.333.333 0 00.334-.335zM99.55 3.982a1.637 1.637 0 101.634 1.637 1.675 1.675 0 00-1.634-1.637M75.674 22.363h.334a6.638 6.638 0 004.827-2.009 7.268 7.268 0 00-5.087-12.279 6.985 6.985 0 00-6.8 5.284 15.457 15.457 0 00-.3 3.274v10.042a.333.333 0 00.334.335h1.782a.333.333 0 00.334-.335v-6.321l.111.074a6.911 6.911 0 004.456 1.935m.074-11.833a4.593 4.593 0 014.53 4.8 4.463 4.463 0 01-4.419 4.726 4.753 4.753 0 01-3.3-1.265 4.6 4.6 0 01-1.374-3.386 4.76 4.76 0 014.567-4.874M43.63 22.363h.334a6.638 6.638 0 004.827-2.009 7.268 7.268 0 00-5.087-12.279 6.985 6.985 0 00-6.8 5.284 15.457 15.457 0 00-.3 3.274v10.042a.333.333 0 00.334.335h1.782a.333.333 0 00.334-.335v-6.321l.074.074a7.107 7.107 0 004.493 1.935m.074-11.833a4.593 4.593 0 014.53 4.8 4.463 4.463 0 01-4.413 4.726 4.753 4.753 0 01-3.3-1.265 4.6 4.6 0 01-1.374-3.386 4.76 4.76 0 014.567-4.874m40.88 9.6a7.715 7.715 0 005.458 2.233h.074c3.787-.037 5.5-2.121 5.5-4.167 0-2.828-2.673-3.609-3.49-3.8-.26-.037-.52-.112-.817-.149a16.817 16.817 0 01-1.968-.447c-.446-.112-1.857-.6-1.857-1.674 0-1.191 1.3-1.823 2.525-1.823a4.28 4.28 0 012.971 1.042.552.552 0 00.334.149.6.6 0 00.334-.112 14.134 14.134 0 001.225-1.079.423.423 0 00.111-.3.427.427 0 00-.186-.335 7.144 7.144 0 00-4.862-1.631c-2.859 0-5.013 1.823-5.013 4.279 0 1.935 1.6 3.312 4.456 3.87l1.782.335c1.188.223 1.857.856 1.819 1.712s-1.077 1.749-2.785 1.749a5.422 5.422 0 01-3.676-1.488.386.386 0 00-.3-.149.4.4 0 00-.26.112c-.111.074-1.3 1.042-1.448 1.153a.205.205 0 00-.074.186.472.472 0 00.149.335M27.886 6.959a10.991 10.991 0 01.483 3.126 10.715 10.715 0 01-4.382 8.6c-4.567 3.386-11.251 3.386-20.459 6.288A15.128 15.128 0 0030.3 15.259a15.306 15.306 0 00-2.414-8.3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.247 3.051A15.17 15.17 0 002.971 24.223 31.5 31.5 0 0024.247 3.051\"\n }))));\n}\nexport default SvgPepsi;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgSnap(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32.002,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Subtraction 75\",\n d: \"M18.582 32h-5.924c-1.054 0-1.977 0-2.821.007-.449 0-.9-.006-1.343-.012l-.671-.009a10.316 10.316 0 01-3.168-.465 6.259 6.259 0 01-1.923-1.042 6.909 6.909 0 01-1.926-2.325A7.252 7.252 0 01.152 26a13.73 13.73 0 01-.14-1.868v-.012c0-.085 0-.167-.007-.249L.016 8.129a11.891 11.891 0 01.328-3.048 6.536 6.536 0 011.672-2.916 6.657 6.657 0 012.5-1.64A8.282 8.282 0 016.4.102 12.94 12.94 0 017.845.03h.316V0h15.69a.034.034 0 00.007.018h.084a11.617 11.617 0 012.989.325A6.613 6.613 0 0129.831 2a6.941 6.941 0 011.332 1.779 6.9 6.9 0 01.65 1.993 9.709 9.709 0 01.157 1.717l.031 16.186v.185a13 13 0 01-.276 2.8 6.714 6.714 0 01-2.125 3.541 6.545 6.545 0 01-3.217 1.563 11.71 11.71 0 01-1.919.2c-1.719.025-3.588.036-5.882.036zm-2.885-5h.174a5.207 5.207 0 003.155-1.244 4.555 4.555 0 011.8-.917 5.941 5.941 0 01.948-.08 6.444 6.444 0 011.314.14 2.772 2.772 0 00.5.063h.024a.332.332 0 00.35-.259c.045-.163.086-.33.133-.542.094-.434.163-.7.328-.724 1.754-.273 2.787-.669 2.989-1.147a.49.49 0 00.038-.154.284.284 0 00-.234-.294c-3.423-.562-4.914-4.1-4.929-4.132a.014.014 0 010-.008v-.006a1.261 1.261 0 01-.123-1.049c.227-.53.973-.768 1.466-.925.138-.042.25-.08.335-.113.894-.353 1.077-.719 1.073-.965a.784.784 0 00-.587-.636h-.008a1.106 1.106 0 00-.419-.08.836.836 0 00-.367.073 3.012 3.012 0 01-1.119.311.965.965 0 01-.622-.21c.009-.174.021-.357.033-.533l.006-.086v-.077c.1-1.6.228-3.585-.279-4.727A6.159 6.159 0 0015.956 5h-.473a6.141 6.141 0 00-5.7 3.674c-.511 1.141-.385 3.127-.283 4.723l.013.221.008.126.021.352a.969.969 0 01-.686.21 2.845 2.845 0 01-1.188-.315.733.733 0 00-.287-.056.977.977 0 00-.95.626c-.093.473.527.828 1.063 1.042.085.032.194.068.332.112.5.158 1.242.4 1.468.926a1.265 1.265 0 01-.118 1.052s-.007.007-.007.01a8.11 8.11 0 01-1.256 1.947 6.1 6.1 0 01-3.674 2.185.284.284 0 00-.237.294.446.446 0 00.038.15c.207.483 1.241.881 2.992 1.15.163.024.229.28.329.731v.027c.036.167.074.339.127.515a.343.343 0 00.374.269 2.724 2.724 0 00.461-.066l.039-.008.049-.009a6.5 6.5 0 011.262-.138 5.911 5.911 0 01.947.08 4.485 4.485 0 011.8.919 5.213 5.213 0 003.153 1.241h.059z\"\n })));\n}\nexport default SvgSnap;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgLinkedin(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 126,\n height: 32,\n fill: \"#fff\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 4517\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26468\",\n d: \"M4.949 4.748H0v22.5h14.023v-4.539H4.949z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 204\",\n d: \"M16.291 11.974h4.743v15.277h-4.743z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26469\",\n d: \"M18.56 4.335a2.731 2.731 0 00-2.681 2.684 2.78 2.78 0 002.681 2.89 2.731 2.731 0 002.681-2.684 2.92 2.92 0 00-2.681-2.89z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26470\",\n d: \"M56.71 11.974h-5.779l-5.362 6.194V4.748h-4.738v22.5h4.743v-7.635l4.949 7.635h5.98l-5.98-8.258z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26471\",\n d: \"M32.583 11.561a5.173 5.173 0 00-4.537 2.477v-2.064h-4.537v15.277h4.743v-7.638c0-2.065.412-3.923 2.887-3.923s2.47 2.271 2.47 4.129v7.432h4.743v-8.464c.005-4.126-.82-7.226-5.769-7.226z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26472\",\n d: \"M64.135 11.355c-4.743 0-8.455 3.1-8.455 8.052s3.712 8.048 8.455 8.048a7.722 7.722 0 006.393-3.1l-3.3-2.477a3.962 3.962 0 01-3.3 1.858 3.394 3.394 0 01-3.506-2.89h10.93v-1.439c.001-4.752-2.886-8.052-7.217-8.052zm2.475 6.4h-6.187a3.17 3.17 0 013.3-2.89 2.821 2.821 0 012.887 2.89z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26473\",\n d: \"M84.55 4.748v8.877a5.848 5.848 0 00-4.949-2.065c-4.331 0-7.011 3.923-7.011 8.258 0 4.748 3.093 7.845 7.63 7.845a5.777 5.777 0 004.743-2.477v2.062h4.326v-22.5H84.55zm-3.3 18.581a3.631 3.631 0 01-3.712-3.923 3.718 3.718 0 117.424 0c0 2.477-1.443 3.923-3.712 3.923z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26474\",\n d: \"M123.731 0H96.51a2.29 2.29 0 00-2.268 2.271v27.458A2.29 2.29 0 0096.51 32h27.221a2.29 2.29 0 002.268-2.271V2.271A2.29 2.29 0 00123.731 0zm-20.209 27.252h-4.743V11.974h4.743zm.412-20.232a2.731 2.731 0 01-2.681 2.68 2.684 2.684 0 112.681-2.684zm17.323 20.232h-4.743v-7.433c0-1.858 0-4.129-2.475-4.129s-2.887 1.858-2.887 3.923v7.639h-4.743V11.974h4.533v2.065a4.946 4.946 0 014.537-2.477c4.743 0 5.774 3.1 5.774 7.226z\"\n }))));\n}\nexport default SvgLinkedin;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgBmw(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32.002,\n height: 31.999,\n fill: \"#fff\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 4518\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.483 16a9.477 9.477 0 01-9.481 9.481V16zm-9.481-9.481V16H6.52a9.477 9.477 0 019.481-9.481z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Subtraction 68\",\n d: \"M16.001 32a15.9 15.9 0 01-11.315-4.686A15.893 15.893 0 01.001 16 15.9 15.9 0 014.687 4.685 15.9 15.9 0 0116.001 0a15.894 15.894 0 0111.313 4.686A15.9 15.9 0 0132.001 16a15.893 15.893 0 01-4.687 11.312A15.9 15.9 0 0116.001 32zm0-30.957A14.976 14.976 0 001.042 16a14.976 14.976 0 0014.959 14.96A14.976 14.976 0 0030.96 16 14.976 14.976 0 0016.001 1.042z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.166 8.281c.511-.535.8-1.153.289-1.743a1 1 0 00-1.133-.232l-.039.015.012-.034a.924.924 0 00-.322-.973.968.968 0 00-.715-.2c-.48.049-.85.374-1.855 1.488-.3.336-.745.866-1.01 1.21l2.762 2.6c.911-1.002 1.287-1.376 2.011-2.131zm-3.6-.637a17.089 17.089 0 011.409-1.531.73.73 0 01.291-.183.342.342 0 01.411.263.6.6 0 01-.206.508c-.294.329-1.373 1.45-1.373 1.45l-.536-.507zm1.075 1.02s1.051-1.1 1.394-1.456a1.282 1.282 0 01.318-.271.362.362 0 01.372.007.324.324 0 01.141.343 1.017 1.017 0 01-.272.423L7.202 9.191l-.56-.527zm9.676-3.489l.884-1.968.056-.175-.016.182.093 2.629c.31.029.631.072.946.124l-.142-3.892q-.663-.071-1.322-.1l-.871 2.148-.031.16-.031-.16-.87-2.148q-.66.028-1.321.1l-.144 3.9c.316-.052.636-.094.946-.124l.093-2.629-.016-.182.056.175.885 1.96h.805zm7.349 4.073c.217.231.53.6.706.832l3.237-2.04c-.162-.21-.419-.529-.612-.754l-2.05 1.346-.14.119.1-.151.905-1.794-.64-.636-1.807.9-.152.1.121-.139 1.356-2.035c-.239-.2-.468-.386-.76-.61L21.876 7.6c.26.2.6.491.822.69l1.934-1 .124-.091-.09.126-1 1.923z\"\n }))));\n}\nexport default SvgBmw;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgShell(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 31.228,\n height: 28.889,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26500\",\n d: \"M14.07 25.36H8.295l-.574-4.676-4.766-3.44a6.979 6.979 0 01-.221-1.677 6.279 6.279 0 01.574-2.691l8.425 8.511-8.16-10.1a6.6 6.6 0 012.029-3.4l7.319 12.659-6.48-13.794a6.662 6.662 0 013.352-2.346l4.5 15.7-3.265-16.364a6.545 6.545 0 013.265-.837 3.793 3.793 0 01.706.044l.662 16.982.662-16.982a3.793 3.793 0 01.706-.044 7.04 7.04 0 013.265.837l-3.266 16.373 4.5-15.746a6.662 6.662 0 013.352 2.337l-6.528 13.85 7.319-12.659a6.426 6.426 0 012.029 3.4l-8.16 10.1 8.424-8.511a6.28 6.28 0 01.574 2.691 7.286 7.286 0 01-.221 1.677l-4.766 3.44-.574 4.676h-5.726l-.882.618a1.154 1.154 0 01-.751.221 1.488 1.488 0 01-.751-.221l-.793-.618zm-.264 2.735h-7.94l-.706-5.866-4.851-3.484a14.789 14.789 0 01-.308-3.132 15.614 15.614 0 1131.227 0 14.789 14.789 0 01-.308 3.132l-4.809 3.484-.751 5.866h-7.939l-.446.352a2.213 2.213 0 01-1.362.441 2.519 2.519 0 01-1.362-.441l-.441-.352z\",\n fillRule: \"evenodd\"\n })));\n}\nexport default SvgShell;","var _path, _path2;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgStanford(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 72,\n height: 32,\n fill: \"#fff\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26478\",\n d: \"M19.017 15.012a2.449 2.449 0 01-2.772-2.528 2.531 2.531 0 011.824-2.564c1.668-.611 2.028-.683 3.215-1.054v-.288a2.4 2.4 0 00-.132-1.054 1.7 1.7 0 00-1.752-1.1 2.108 2.108 0 00-1.92 1.186L17 7.322a3.146 3.146 0 013.251-2.109A2.968 2.968 0 0122.976 6.4a4.827 4.827 0 01.444 2.444c0 .815-.048 1.713-.048 2.444 0 .479-.048.946-.048 1.21 0 .659.132 1.186.66 1.186.24 0 .288-.084.48-.2l.288.371a2.394 2.394 0 01-2 1.186 1.471 1.471 0 01-1.476-.97 2.788 2.788 0 01-2.259.941zm2.268-4.972a10.352 10.352 0 00-2.076.767 1.524 1.524 0 00-.816 1.5 1.272 1.272 0 001.428 1.378 2.68 2.68 0 001.5-.443v-3.211h-.036zm-21.2 4.469c0-.946 0-1.749-.084-2.72h.576a1.824 1.824 0 00.444 1.342 3.241 3.241 0 002.2.731c1.788 0 2.64-.683 2.64-2.156 0-1.258-.768-1.785-1.824-2.528l-.156-.132-1.14-.767C1.157 7.225.341 6.41.341 4.745c0-.815.324-3.5 4.271-3.5a25.442 25.442 0 013.1.24c0 .132-.048.731-.048 1.258 0 .611 0 .767.048 1.5h-.48a1.8 1.8 0 00-.48-1.342 3.245 3.245 0 00-2.112-.575c-2.112 0-2.352 1.054-2.352 1.869 0 1.1.576 1.5 1.824 2.312l1.428.946c1.212.815 2.352 1.581 2.352 3.618 0 3.414-3.215 3.774-4.559 3.774a6.936 6.936 0 01-3.249-.337zm25.556-8.686a7.506 7.506 0 001.92-.132 5.394 5.394 0 001.26-.4l.2.132v.731a4.539 4.539 0 012.772-.9 2.864 2.864 0 013.131 2.24 10.472 10.472 0 01.132 1.713v2.768c0 1.545.084 2 .372 2.276a1.5 1.5 0 00.948.288v.443a37.822 37.822 0 00-2.352-.084c-.852 0-1.824.048-2.352.084v-.443a1.983 1.983 0 00.948-.323c.288-.288.324-.815.372-2 0-.371.048-1.1.048-1.629a18.929 18.929 0 00-.084-2.156 1.773 1.773 0 00-2-1.785 3.9 3.9 0 00-1.788.4v4.96c0 1.545.084 2 .372 2.276a1.566 1.566 0 00.9.288v.443a42.628 42.628 0 00-2.316-.084c-1.26 0-1.668.048-2.4.084v-.467a1.412 1.412 0 001.02-.4c.288-.323.324-1.138.324-2.72V8.611a4.323 4.323 0 00-.2-1.917c-.132-.2-.444-.371-1.1-.371V5.8h-.084v.024zm11.77 8.662a1.321 1.321 0 001.02-.4c.288-.323.324-1.138.324-2.72V6.633h-1.213v-.527a4.234 4.234 0 001.212-.659 17.391 17.391 0 01.156-2.528c.372-1.953 1.632-2.923 3.779-2.923a4.035 4.035 0 012.4.767l.048.2-.948 1.294h-.24a1.7 1.7 0 00-1.668-1.21 1.467 1.467 0 00-.948.323c-.4.4-.48 1.018-.48 2.24v1.821h2.112v1.186h-2.112v5.247a5.228 5.228 0 00.2 2.109c.24.4 1.1.443 1.5.443v.479a43.03 43.03 0 00-2.568-.084c-1.188 0-1.956.048-2.568.084l-.012-.419zm10.906.6c-2.88 0-4.6-1.785-4.6-4.792 0-2.348 1.26-5.08 4.8-5.08 2.88 0 4.6 1.785 4.6 4.792-.002 2.347-1.274 5.079-4.801 5.079zm.12-8.782a1.951 1.951 0 00-1.344.443c-.768.659-1.14 1.785-1.14 3.45 0 .659.132 3.822 2.448 3.822a1.951 1.951 0 001.344-.443c.768-.659 1.14-1.785 1.14-3.45-.013-.648-.121-3.825-2.449-3.825zm5.651-.527a9.652 9.652 0 002.076-.156 3.212 3.212 0 001.14-.323l.156.084v.815a3.089 3.089 0 012.2-.9 2.427 2.427 0 011.668.575v.288l-.816 1.474h-.4a1.918 1.918 0 00-2.6-.563v4.84a5.04 5.04 0 00.2 2.073c.24.4 1.056.443 1.5.4v.527a42.361 42.361 0 00-2.568-.084 24.709 24.709 0 00-2.568.084v-.479a1.372 1.372 0 001.02-.4c.288-.323.324-1.1.324-2.72V8.675c0-1.186 0-1.665-.2-1.917-.156-.2-.48-.323-1.1-.323v-.611l-.024-.048zm13.318-5.2A15.668 15.668 0 0069.65.288a9.572 9.572 0 001.02-.24l.156.084c-.084.767-.084 2.528-.084 3.774v7.715a6.107 6.107 0 00.156 2.109 1.314 1.314 0 001.1.371v.479a12.9 12.9 0 00-2.028.2 6.188 6.188 0 00-1.056.24l-.24-.084v-.815a4.3 4.3 0 01-2.64.9c-2.6 0-4.271-1.785-4.271-4.589a6.553 6.553 0 01.48-2.564 4.745 4.745 0 014.511-2.684 10.592 10.592 0 011.824.156v-2c0-1.186 0-1.785-.2-2.073-.132-.2-.324-.288-1.02-.323V.561h.042zm-.336 13.119a2.61 2.61 0 001.548-.371V7a2.577 2.577 0 00-1.872-.659c-1.824 0-2.724 1.258-2.724 3.87-.037 1.089.287 3.483 3.047 3.483zm-51.759.288a3.057 3.057 0 01-2.568 1.1c-1.476 0-2.28-.527-2.64-1.713a7.576 7.576 0 01-.156-1.917c0-1.5 0-2.72.048-4.145v-.659H8.723v-.371a5.04 5.04 0 001.188-.659 6.565 6.565 0 001.752-2.276h.4v2.109h3.215v1.186h-3.22v4.96c0 1.5.288 2.312 1.668 2.312a2.335 2.335 0 001.344-.371z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 26479\",\n d: \"M60.41 22.847a.745.745 0 00-.48.156.3.3 0 00-.132.288 2.007 2.007 0 00.156.611l.9 2.348c.132.371.24.659.288.851l1.1-3.211a1.6 1.6 0 00.156-.611.349.349 0 00-.132-.24.88.88 0 00-.48-.156v-.371a1.972 1.972 0 01.528.048c.132 0 .372.048.576.048.4 0 .972-.048 1.212-.048v.371c-.156.048-.528-.048-.852.9l-2.316 6.17c-.324.9-.768 2-2.352 2a2.085 2.085 0 01-1.476-.479v-.156l.576-.683h.156a.91.91 0 00.948.527c.732 0 1.056-.659 1.548-1.953l.132-.371-1.944-5.068a.664.664 0 00-.084-.2c-.048-.132-.156-.371-.156-.371a.593.593 0 00-.576-.323v-.371a13.051 13.051 0 001.344.048 5.844 5.844 0 00.852-.048c.156 0 .444-.048.576-.048v.323h-.048v.024zm-21.548-.084a4.5 4.5 0 001.3-.132 3.977 3.977 0 00.732-.2l.132.048v.527a1.9 1.9 0 011.38-.575 1.489 1.489 0 011.056.371v.2l-.48.946h-.24a1.044 1.044 0 00-1.02-.527 1.331 1.331 0 00-.66.2v3.055a3.6 3.6 0 00.132 1.342c.156.24.66.288.948.288v.323c-.4-.048-1.14-.048-1.632-.048a9.813 9.813 0 00-1.632.084v-.323a.994.994 0 00.66-.24c.2-.2.2-.683.2-1.749V24.64c0-.731 0-1.054-.132-1.21-.084-.132-.324-.2-.684-.2v-.443h-.06zm-27.091 5.894c-1.716 0-2.724-.527-3.1-1.665a5.849 5.849 0 01-.2-1.869v-3.247c0-.97-.048-1.138-.24-1.294a1.182 1.182 0 00-.576-.2v-.323c.4.048 1.1.084 1.5.084a8.191 8.191 0 001.548-.084v.371a.929.929 0 00-.66.24c-.2.2-.2.575-.2 1.629v2.875c0 1.713.156 2.815 2.076 2.815 1.956 0 2.076-1.138 2.076-2.875v-3.163c0-.97-.048-1.138-.24-1.294a1.672 1.672 0 00-.576-.2v-.323c.372 0 .852.048 1.344.048a8.65 8.65 0 001.428-.084v.371a.929.929 0 00-.66.24c-.2.2-.2.575-.2 1.629v2.444a7.327 7.327 0 01-.24 2.312c-.396 1.037-1.377 1.564-3.081 1.564zm11.6-.371a1.125 1.125 0 00.684-.24c.2-.2.2-.683.2-1.749v-1.713c0-.731 0-1.1-.132-1.258-.084-.132-.24-.2-.684-.24v-.371a5.82 5.82 0 001.38-.132 3.911 3.911 0 00.66-.2l.132.132c-.048.4-.048 1.258-.048 2.4v1.749a3.6 3.6 0 00.132 1.342.928.928 0 00.732.288v.288a13.2 13.2 0 00-1.476-.048c-.612 0-1.26.048-1.584.084v-.323zm1.5-6.949a.7.7 0 01-.768-.731.756.756 0 01.816-.767.7.7 0 01.768.731.75.75 0 01-.815.77zm24.224 6.949a1.125 1.125 0 00.684-.24c.2-.2.2-.683.2-1.749v-1.713c0-.731 0-1.1-.132-1.258-.084-.132-.24-.2-.684-.24v-.371a5.82 5.82 0 001.38-.132 2.882 2.882 0 00.66-.2l.132.132c-.048.4-.048 1.258-.048 2.4v1.749a3.6 3.6 0 00.132 1.342.928.928 0 00.732.288v.288a14.121 14.121 0 00-1.5-.048c-.612 0-1.26.048-1.584.084v-.323zm1.5-6.949a.7.7 0 01-.768-.731.756.756 0 01.816-.767.7.7 0 01.768.731.743.743 0 01-.815.77zm-6.431 7.033c0-.611-.048-1.258-.084-1.581h.4a1.108 1.108 0 00.24.767 1.2 1.2 0 001.056.4h.084c.66 0 1.02-.288 1.02-.851 0-.443-.288-.659-.768-.946l-.852-.527a1.742 1.742 0 01-.972-1.546 1.571 1.571 0 01.852-1.5 2.766 2.766 0 011.212-.2 10.583 10.583 0 011.584.156 3.743 3.743 0 00-.048.731 4.643 4.643 0 00.048.815h-.4a1.127 1.127 0 00-.24-.683 1.257 1.257 0 00-.972-.323c-.612 0-.948.24-.948.767 0 .4.324.611.612.815h.048l.816.479a1.939 1.939 0 011.212 1.665c0 1.581-1.476 1.821-2.316 1.821a4.935 4.935 0 01-1.583-.259zm12.778-.4a2.1 2.1 0 01-1.632.683c-.948 0-1.476-.323-1.668-1.1a5.755 5.755 0 01-.084-1.21v-3.031h-.816v-.24a4.162 4.162 0 00.768-.4 4.985 4.985 0 001.14-1.474h.288v1.342h2.028v.731h-2.028v3.169c0 .946.156 1.5 1.056 1.5a1.569 1.569 0 00.852-.24zm-27.523-5.451a2.538 2.538 0 00-.576.048c-.324 0-.66.048-.9.048-.444 0-1.1-.048-1.3-.048v.371a.586.586 0 01.612.371 1.919 1.919 0 01.156.371.517.517 0 01.084.2l1.956 4.876.612-.132 2.16-4.792c0-.048.048-.084.084-.156.048-.048.048-.132.2-.371a.732.732 0 01.612-.371v-.371c-.24 0-.768.048-1.188.048a2.689 2.689 0 01-.612-.048c-.156 0-.4-.048-.576-.048v.323a.811.811 0 01.48.156.431.431 0 01.132.24 2.656 2.656 0 01-.156.611l-1.188 2.875c-.048-.156-.132-.4-.24-.731l-.816-2.156a1.431 1.431 0 01-.156-.611c0-.084 0-.156.084-.2a.744.744 0 01.528-.2v-.323zm-13.294.24a3.991 3.991 0 001.212-.084 5.157 5.157 0 00.816-.24l.132.084v.479a2.91 2.91 0 011.752-.575 1.846 1.846 0 012 1.426 7.37 7.37 0 01.084 1.1v1.749c0 .97.048 1.258.24 1.474a.946.946 0 00.576.156v.288c-.4 0-1.1-.048-1.5-.048a14.611 14.611 0 00-1.5.084v-.288a1.889 1.889 0 00.612-.2c.156-.156.2-.527.24-1.258v-1.054a13.1 13.1 0 00-.048-1.378 1.122 1.122 0 00-1.26-1.138 2.7 2.7 0 00-1.14.24v3.187c0 .97.048 1.258.24 1.474a.946.946 0 00.576.156v.288a6.637 6.637 0 00-1.548-.132 6.977 6.977 0 00-1.5.084v-.288a.929.929 0 00.66-.24 3.734 3.734 0 00.2-1.749V24.64c0-.731 0-1.054-.132-1.21-.084-.132-.288-.24-.684-.2v-.455h-.036zm19.773 5.894c-1.824 0-2.82-1.054-2.82-2.971 0-.323.084-3.295 2.844-3.295a2.093 2.093 0 011.872.9 2.792 2.792 0 01.4 1.629v.371h-3.779a3.906 3.906 0 00.084.767 1.839 1.839 0 002 1.749 2.412 2.412 0 001.428-.371l.156.288a2.681 2.681 0 01-2.185.938zm-1.464-4.061h2.352c0-.731-.132-1.545-1.188-1.545-.923.052-1.115.926-1.163 1.549z\"\n })));\n}\nexport default SvgStanford;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgRaiffeisen(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 120.001,\n height: 32,\n fill: \"#fff\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 4519\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Subtraction 74\",\n d: \"M31.541 32H.001V.547h31.541v31.452zM.912 1.456v29.635h29.716V1.456z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.49 25.103l3.876 3.941 9.082-9.193 9.386 9.379 3.933-3.879-9.291-9.265 1.786-1.724v-3.678l1.121-.947v2.88l1.444 1.175 4.313-4.3 1.386 1.059c.817-3.012-3.914-9.852-7.828-6.063l-4.56 4.509.931 1.118-2.318 2.255-2.242-2.2 1.178-1.062-5-4.812c-3.762-3.089-7.619 1.611-7.752 6.2L3.303 9.36l4.2 4.51 1.5-1.25V9.851l.931.7v3.619l1.824 1.819-9.27 9.114zM39.595 4.317v2.729h1.179c1.615-.3 1.178-2.615 0-2.729zm-3.344-2.709v12.354h3.344V9.945l2.85 4.017h3.952l-3.515-4.945c4.066-1.971 2.546-7.352-1.729-7.409h-4.9zm15.465 6.176a1.93 1.93 0 011.994 1.857 1.99 1.99 0 01-3.97 0 1.926 1.926 0 011.976-1.857zm-.7-2.729a4.31 4.31 0 012.47.8v-.477h3.268l.019 8.583h-3.309l.019-.53a4.3 4.3 0 01-2.47.777 4.507 4.507 0 01-4.427-4.566 4.525 4.525 0 014.427-4.585zm7.486.322h3.472v8.583h-3.475V5.378zM60.247.471a1.838 1.838 0 11-1.843 1.837A1.838 1.838 0 0160.247.471zm26.391 4.908h3.477v8.583h-3.477V5.378zM88.366.471a1.838 1.838 0 11-1.824 1.838A1.842 1.842 0 0188.366.471zM62.622 5.378v2.729h1.2v5.855h3.363V8.107h3.154v5.855h3.477V8.069h2.158V5.416h-2.256V3.5c-.057-.7 1.6-.985 2.167-.417V.281c-3.192-1-5.776.8-5.757 3.581v1.516h-2.965V3.5c-.038-.7 1.407-.985 2.242-.417V.281c-2.774-.814-5.738.53-5.718 3.562v1.516l-1.064.019zm18.315 8.83c2.983-.019 4.084-1.25 4.731-3.051h-3.02a1.762 1.762 0 01-3.268-.947h6.384c0-3.486-1.863-5.135-4.826-5.135A4.557 4.557 0 0076.113 9.7a4.634 4.634 0 004.825 4.509zm-1.121-6.025c.038-1.043 2.318-1.043 2.47 0zm24.794 6.025c3-.019 4.1-1.25 4.75-3.051h-3.04a1.761 1.761 0 01-3.267-.947h6.384c0-3.486-1.843-5.135-4.826-5.135A4.556 4.556 0 0099.786 9.7a4.634 4.634 0 004.825 4.509zm-1.121-6.025c.038-1.043 2.318-1.043 2.47 0zm-4.615-2.634l-1.026 2.084c-1.292-.4-2.546-.322-2.508.037.038.227-.171.625 1.843.91 3 .473 2.755 6.044-2.28 5.627a7.652 7.652 0 01-3.439-1l1.121-2.236c1.577.777 3.1 1.232 3.211.455.133-.966-1.653-.625-2.736-1.44-1.938-1.194-.836-4.888 2.337-4.927a9.439 9.439 0 013.477.494zm11.894-.171v8.583h3.249V8.713c.095-1.307 2.679-1.535 2.7 0v5.249h3.286V8.58c-.076-3.012-3.249-4.472-6.118-2.558v-.644zM38.174 19.21l-2.17 12.733h6.137c4.161 0 5.871-5.153 2.907-6.916 2.527-2.331 1.235-5.836-1.482-5.874l-5.4.057zm2.489 7.6l-.437 2.1h1.425c1.615.076 1.425-2.1.494-2.1zm.722-4.566l-.361 1.706.437.018c1.311.076 2.071-1.724.494-1.724zm5.054 9.72h3.724l1.121-2.236h4.218L56.124 32h3.439L56.58 19.286h-3.515l-6.631 12.676zm6.061-4.908h2.314l-.74-3.356-1.577 3.354zM60.741 32h3.439l.873-7.977 4.921 7.939h3.686l1.539-12.753h-3.438l-.969 7.977-4.918-8.015h-3.556L60.741 32zm16.933-12.828l-2.413 12.79h3.629l.969-4.775 3.249 4.775h4.766l-4.655-6.708 5.947-6.1h-4.617l-4.066 4.509.646-4.509-3.458.019z\",\n fillRule: \"evenodd\"\n }))));\n}\nexport default SvgRaiffeisen;","import TwitterIcon from \"../../new_site/images/used_by_white/twitter.svg\";\nimport XIcon from \"../../new_site/images/used_by_white/x.svg\";\nimport AdidasIcon from \"../../new_site/images/used_by_white/adidas.svg\";\nimport InstagramIcon from \"../../new_site/images/used_by_white/instagram.svg\";\nimport InstagramIconLight from \"../../new_site/images/used_by_white/instagram_light.svg\";\nimport NikeIcon from \"../../new_site/images/used_by_white/nike.svg\";\nimport CocaColaIcon from \"../../new_site/images/used_by_white/coca-cola.svg\";\nimport UberlaIcon from \"../../new_site/images/used_by_white/uber.svg\";\nimport EtihadlaIcon from \"../../new_site/images/used_by_white/etihad.svg\";\nimport DdbIcon from \"../../new_site/images/used_by_white/ddb.svg\";\nimport PepsiIcon from \"../../new_site/images/used_by_white/pepsi.svg\";\nimport SnapIcon from \"../../new_site/images/used_by_white/snap.svg\";\nimport LinkedinIcon from \"../../new_site/images/used_by_white/linkedin.svg\";\nimport BmwIcon from \"../../new_site/images/used_by_white/bmw.svg\";\nimport ShellIcon from \"../../new_site/images/used_by_white/shell.svg\";\nimport StanfordIcon from \"../../new_site/images/used_by_white/stanford.svg\";\nimport RaiffeisenIcon from \"../../new_site/images/used_by_white/raiffeisen.svg\";\nimport SaatchiIcon from \"../../new_site/images/used_by_white/saatchi.svg\";\n//Roadmap images\nimport SafariRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/safari_extension.svg\";\nimport DocumentsRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/documents.svg\";\nimport TagsRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/tags.svg\";\nimport TrashRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/trash.svg\";\nimport BusinessRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/business.svg\";\nimport FamilyRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/family.svg\";\nimport SecureShareRoadMapIcon from \"../../new_site/images/pCloudPass/Pricing/secure-share.svg\";\n\nexport const colorLogos = [\n {\n retina: \"/images/used_by_color/twitter@2x.png\",\n image: \"/images/used_by_color/twitter.png\",\n },\n {\n retina: \"/images/used_by_color/adidas@2x.png\",\n image: \"/images/used_by_color/adidas.png\",\n },\n {\n retina: \"/images/used_by_color/instagram@2x.png\",\n image: \"/images/used_by_color/instagram.png\",\n },\n {\n retina: \"/images/used_by_color/nike@2x.png\",\n image: \"/images/used_by_color/nike.png\",\n },\n {\n retina: \"/images/used_by_color/coca-cola@2x.png\",\n image: \"/images/used_by_color/coca-cola.png\",\n },\n {\n retina: \"/images/used_by_color/uber@2x.png\",\n image: \"/images/used_by_color/uber.png\",\n },\n {\n retina: \"/images/used_by_color/etihad@2x.png\",\n image: \"/images/used_by_color/etihad.png\",\n },\n {\n retina: \"/images/used_by_color/ddb@2x.png\",\n image: \"/images/used_by_color/ddb.png\",\n },\n {\n retina: \"/images/used_by_color/pepsi@2x.png\",\n image: \"/images/used_by_color/pepsi.png\",\n },\n {\n retina: \"/images/used_by_color/snapchat@2x.png\",\n image: \"/images/used_by_color/snapchat.png\",\n },\n {\n retina: \"/images/used_by_color/linkedin@2x.png\",\n image: \"/images/used_by_color/linkedin.png\",\n },\n {\n retina: \"/images/used_by_color/bmw@2x.png\",\n image: \"/images/used_by_color/bmw.png\",\n },\n {\n retina: \"/images/used_by_color/shell@2x.png\",\n image: \"/images/used_by_color/shell.png\",\n },\n {\n retina: \"/images/used_by_color/stanford@2x.png\",\n image: \"/images/used_by_color/stanford.png\",\n },\n {\n retina: \"/images/used_by_color/raiffaisen@2x.png\",\n image: \"/images/used_by_color/raiffaisen.png\",\n },\n {\n retina: \"/images/used_by_color/saatchi@2x.png\",\n image: \"/images/used_by_color/saatchi.png\",\n },\n]\n\nexport const customLogos = [\n {\n image: XIcon,\n },\n {\n image: AdidasIcon,\n },\n {\n image: InstagramIcon,\n },\n {\n image: NikeIcon,\n },\n {\n image: CocaColaIcon,\n },\n {\n image: UberlaIcon,\n },\n {\n image: EtihadlaIcon,\n },\n {\n image: DdbIcon,\n },\n {\n image: PepsiIcon,\n },\n {\n image: SnapIcon,\n },\n {\n image: LinkedinIcon,\n },\n {\n image: BmwIcon,\n },\n {\n image: ShellIcon,\n },\n {\n image: StanfordIcon,\n },\n {\n image: RaiffeisenIcon,\n },\n {\n image: SaatchiIcon,\n },\n];\n\nexport const barLogos = [\n {\n image: InstagramIconLight,\n },\n {\n image: NikeIcon,\n },\n {\n image: CocaColaIcon,\n },\n {\n image: XIcon,\n },\n {\n image: UberlaIcon,\n },\n {\n image: AdidasIcon,\n },\n {\n image: PepsiIcon,\n },\n {\n image: DdbIcon,\n },\n {\n image: RaiffeisenIcon,\n },\n {\n image: SnapIcon,\n },\n {\n image: StanfordIcon,\n },\n {\n image: ShellIcon,\n },\n {\n image: EtihadlaIcon,\n },\n {\n image: BmwIcon,\n },\n {\n image: LinkedinIcon,\n }\n];\n\nexport const darkLogos = [\n {\n retina: \"/images/used_by_dark/twitter@2x.png\",\n image: \"/images/used_by_dark/twitter.png\",\n },\n {\n retina: \"/images/used_by_dark/adidas@2x.png\",\n image: \"/images/used_by_dark/adidas.png\",\n },\n {\n retina: \"/images/used_by_dark/instagram@2x.png\",\n image: \"/images/used_by_dark/instagram.png\",\n },\n {\n retina: \"/images/used_by_dark/nike@2x.png\",\n image: \"/images/used_by_dark/nike.png\",\n },\n {\n retina: \"/images/used_by_dark/coca-cola@2x.png\",\n image: \"/images/used_by_dark/coca-cola.png\",\n },\n {\n retina: \"/images/used_by_dark/uber@2x.png\",\n image: \"/images/used_by_dark/uber.png\",\n },\n {\n retina: \"/images/used_by_dark/etihad@2x.png\",\n image: \"/images/used_by_dark/etihad.png\",\n },\n {\n retina: \"/images/used_by_dark/ddb@2x.png\",\n image: \"/images/used_by_dark/ddb.png\",\n },\n {\n retina: \"/images/used_by_dark/pepsi@2x.png\",\n image: \"/images/used_by_dark/pepsi.png\",\n },\n {\n retina: \"/images/used_by_dark/snap@2x.png\",\n image: \"/images/used_by_dark/snap.png\",\n },\n {\n retina: \"/images/used_by_dark/linkedin@2x.png\",\n image: \"/images/used_by_dark/linkedin.png\",\n },\n {\n retina: \"/images/used_by_dark/bmw@2x.png\",\n image: \"/images/used_by_dark/bmw.png\",\n },\n {\n retina: \"/images/used_by_dark/shell@2x.png\",\n image: \"/images/used_by_dark/shell.png\",\n },\n {\n retina: \"/images/used_by_dark/stanford@2x.png\",\n image: \"/images/used_by_dark/stanford.png\",\n },\n {\n retina: \"/images/used_by_dark/raiffeisen@2x.png\",\n image: \"/images/used_by_dark/raiffeisen.png\",\n },\n {\n retina: \"/images/used_by_dark/saatchi@2x.png\",\n image: \"/images/used_by_dark/saatchi.png\",\n },\n]\n\nexport const roadmap = [\n // \"en\": [\n {\n title: \"roadmap_ppass_head_bin\",\n icon: TrashRoadMapIcon,\n description: \"roadmap_ppass_body_bin\"\n },\n { \n title: \"roadmap_ppass_head_image\",\n icon: DocumentsRoadMapIcon,\n description: \"roadmap_ppass_body_image\"\n },\n { \n title: \"roadmap_ppass_head_business\",\n icon: BusinessRoadMapIcon,\n description: \"roadmap_ppass_body_business\"\n }\n // ]\n ];\n\nexport const testimonials = {\n \"en\": [\n {\n title: \"Alan MacLeod\",\n href: \"https://www.trustpilot.com/users/61853559afe9fd00120b259e\",\n quote: \"Very happy with pCloud\",\n text: \"I've been using pCloud for a number of years, first as a free user, now as a lifetime, 2TB user. I use Windows, Mac, Linux (both GUI and CLI), and Android clients and all have been excellent. Knowing my data is secure and transparently accessible for all of the OSes I use are must-have features for me.\",\n },\n {\n title: \"Éamonn Herlihy\",\n href: \"https://www.trustpilot.com/users/588e45130000ff000a71a038\",\n quote: \"In praise of pCloud\",\n text: \"I was attracted both by the many features of their service and also because, at the time, they were one of the few providers offering a lifetime enrolment option. I have never regretted my decision. Based on my personal experience, I would have absolutely no hesitation in recommending them to anyone needing good, reliable, online storage of important files and equally reliable support whenever needed.\",\n },\n {\n title: \"François Gouin\",\n href: \"https://www.trustpilot.com/reviews/61968094f23cf7242d9c4d70\",\n quote: \"2 years on PCloud and would not change.\",\n text: \"Cheap, efficient and the custumer service is really great and quick to answer. One lifetime fee and you have one of the best could on the market.\",\n },\n {\n title: \"Danny B.\",\n quote: \"\\\"pCloud is the All-Around Best Cloud File Sharing/Backup Service!\\\"\",\n text: \"I share folders with clients. With pCloud, they don't need an account and the amount of space I have (4 TBs) is the only thing affected by any folder I share with them.Also, it's usable across my Windows, Android, and iOS devices. I can see all my saved files no matter what device I'm using.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4928733\"\n },\n {\n title: \"Tessa B.\",\n quote: \"\\\"pCloud keeping our business documents in line and our team on the same page.\\\"\",\n text: \"The fact that it updates as soon as you drop something in to the pCloud and instantly everyone with access can see what you're seeing. It's a great way to stay organized on any computer from anywhere. It's easy to organize as your team has full control of how you want to set up your pCloud system. And you can easily share a link to the pCloud with others who may not have access but you want them to see a certain folder of assets or videos.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4706011\"\n },\n {\n title: \"Travis J.\",\n quote: \"\\\"Better solution than Google Drive.\\\"\",\n text: \"It's like google drive but easier to use - easier to send people \\\"upload links\\\" and share folders between people.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-5098225\"\n },\n {\n title: \"Julia P.\",\n quote: \"\\\"Accessing files was never this easy\\\"\",\n text: \"pCloud works very robustly to create a place to store all my files. My favorite feature from this software is the synchronization tool, as I can access my files from multiple devices.I also like that pCloud is very easy to use, as a team and as a singular employee, since it’s easy to access folders that are related to the project I’m working on at the moment, and work faster since I have access to the files. The access features are amazing, and always as customizable as possible, with multiple options of sharing, and with options to customize what users can see and modify.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4227210\"\n },\n {\n title: \"Amit B.\",\n quote: \"\\\"The Best Cloud Service Available with Lifetime Deal\\\"\",\n text: \"- Ease of use- Exceptional customer support- Smooth syncing of data- A public folder that enables you to share files and folders with others- End to end encryption- Another layer of encryption\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4259164\"\n },\n {\n title: \"Dustin S.\",\n quote: \"\\\"The best storage in the cloud!\\\"\",\n text: \"Due to its simple interface, it can use your data in the cloud as if saved on your local hard disk, but without taking space. With PCloud, you can create download and load connections, which can provide anyone for sharing files, is simple to use, simply submit an invite through mail and once users approve your invitation, can use their files in compliance with permissions granted them, you can filter your files via their formats.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3885958\"\n },\n {\n title: \"Nelkis V.\",\n quote: \"\\\"Security and encryption, speed, and excellent price. That is pCloud.\\\"\",\n text: \"In the case of pCloud, it is a modern, simple, and secure tool. pCloud offers a series of features that allow it to stand out from many of its competitors. Offers compatible options with; Windows, Mac, Linux, iOS and Android, also has a website.The communication between the pCloud platform and the users' devices is encrypted. It also has functions to share information with friends and colleagues, through links, where they are granted permission to edit or just view the information, among other security aspects.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3155572\"\n },\n {\n title: \"L. Somasundaram\",\n quote: \"pCloud is a really fantastic…\",\n text: \"pCloud is a really fantastic product/service. It is so easy and intuitive to use. My productivity has improved greatly since I bought the 500 GB lifetime plan. I recently bought another 2 TB. I would like to commend the great customer service. pCloud is way ahead of its competitors. It is expensive but it is definitely worth it. Thanks pCloud!\",\n href: \"https://www.trustpilot.com/users/618cf9abc99e8c0012516383\"\n },\n {\n title: \"Earl Brown\",\n quote: \"Wonderful operation and so easy to use\",\n text: \"Wonderful operation and so easy to use. I like their site format and their excellent customer support. I've got all my stuff stored with them so I can rest easy knowing if my house burns down I still have all my stuff on a secure storage site!\",\n href: \"https://www.trustpilot.com/users/617481a106f68c0012b33b97\"\n },\n {\n title: \"Ed, USA\",\n quote: \"pCloud Knows How to Communicate\",\n text: \"I recently learned about pcloud, downloaded a trial and liked the features. I had some questions about plans and additional capabilities causing me to reach out to their support on two occasions via email.\\n\\nI received a prompt reply on both occasions. In particular, Andrey provided personal, clear, and helpful answers and follow up that addressed my remaining questions, resulting in my purchase.\\n\\nI help technical people to improve their communication skills and appreciate a company that puts a capable technologist and communicator upfront to help consumers. Powerful combination. Kudos pcloud, keep up the good work.\",\n href: \"https://www.trustpilot.com/users/619cda89547f870012d8f625\"\n },\n {\n title: \"François Gouin, Canada\",\n quote: \"2 years on PCloud and would not change.\",\n text: \"Cheap, efficient and the custumer service is really great and quick to answer. One lifetime fee and you have one of the best could on the market\",\n href: \"https://www.trustpilot.com/reviews/61968094f23cf7242d9c4d70\"\n },\n {\n title: \"J.Michael Palka\",\n quote: \"pCloud Drive is Awesome!\",\n text: \"PCloud Drive is something I had wished for, for a long time. Then I discovered it. WOW! I really needed to move a large amount of files (hundreds of GBs) off my harddrive as it was getting full. And the \\\"BEST\\\" solution is pCloud Drive. It is a virtual drive that sits on my desktop and I can just drop folders/files into it. But at all times I can open the drive and see what is there without logging in to some site. I can download any files I might need again. It has a function if you delete a file it is saved in trash for 30 days or you can purchase the function to have it save your deletes for 1 year. Simple, Easy, Effective and Productive.\",\n href: \"https://www.trustpilot.com/users/5bb2cf3c4de5666d34246ecc\"\n },\n {\n title: \"Martin, Germany\",\n quote: \"Recommended!\",\n text: \"I have been using pCloud for about 6 months for my business. It was vital for us to find a partner in Europe, due to GDPR reasons. pCloud has not disappointed and I have been very happy with it from day one.\\n\\nThe customer service is great and consistent (always the same contact person), the menus are intuitive, and it offers a safe and simple way to manage your data - also across systems (Linux, Mac, Windows).\\n\\nThe Crypto option, ensuring extra encryption and safety for important documents, also works very well and is easy to manage.\\n\\nThe shared user/team access could be a bit more intuitive for new users, but once you get the hang of it these options are also easy to manage. I highly recommend pCloud!\",\n href: \"https://www.trustpilot.com/users/615da0591c8cd100128e37a0\"\n },\n {\n title: \"Zereshk, Austria\",\n quote: \"Fast, easy and reliable! Great service.\",\n text: \"I am very well satisfied!\\nWindows and Linux drive clients install fast and work like a charm.\\nSame is true for Android. I can share all necessary files fast, easily and without any hassle.\\nInterfaces are clear and for anyone with some experience in devices and computers very easy to use. Support is responsive, fast and reliable.\",\n href: \"https://www.trustpilot.com/users/6138959854b3900013bee03d\"\n },\n {\n title: \"Egor U.\",\n quote: \"\\\"Just what I was looking for!\\\"\",\n text: \"The pCloud lets you synch, backup, store files with en ease. You get your virtual drive in the Finder and it acts like another folder on your computer. You can purchase military-grade encryption for the Crypto folder. The file synch between you your computer and pCloud online account is SUPER fast! Almost as fast as my Mac! It doesn't feel like cloud storage at all! Has a great iPhone app and a built-in scanner!I now removed Dropbox, Google drives, OneDrive from my Mac, backed them up with pCloud, and doing so also made my RAM usage much less now!\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-5239585\"\n },\n {\n title: \"Tricia B.\",\n quote: \"\\\"Pcloud Is Saving Me From Needing to Upgrade my 2014 Computer!\\\"\",\n text: \"The vast amount of storage room is greatly appreciated! I store all my images, files, and videos with room to spare & I've been using PCloud for years. PCloud was by far the best price for the massive amount of storage offered. I also like the easy file sharing feature!\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-5144244\"\n },\n {\n title: \"Kimberly B.\",\n quote: \"\\\"So much storage!!!\\\"\",\n text: \"I like that PCloud gives plenty of storage. I needed more storage for my photos and videos that students submitted after events, and I knew that a cloud solution would work best. When I found PCloud, I liked that there was a tiered system for storage levels because it is like a competition to get higher and higher tiers. First, I used different email accounts to get higher level tiers so that I could have more storage space. Then, I used the link feature to share the link with all of my students. They uploaded photos and videos from a leadership retreat we took, and I still use those photos for marketing and social media for showing off student involvement.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4705488\"\n },\n {\n title: \"Vince C.\",\n quote: \"\\\"pCloud is a better alternative to DropBox\\\"\",\n text: \"Pcloud is very simple to use. It has an excellent UX that is clear and simple. The system generates links for sharing but it also generates short links. You can also set passwords and blocks on links.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4822995\"\n },\n {\n title: \"User in Non-Profit Organization\",\n quote: \"\\\"Peace of Mind, stay for ever\\\"\",\n text: \"Very reliable cloud storage, you paid the space you need life time and can upgarde when you need.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4868094\"\n },\n {\n title: \"Yasmina E.\",\n quote: \"\\\"Best tool for save and share\\\"\",\n text: \"I like it because you can share it with your team by email, and you can find what they have saved for you!\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4705590\"\n },\n {\n title: \"Lucas G.\",\n quote: \"\\\"Good to improve organization\\\"\",\n text: \"pCloud offers a thousand tools to get started with cloud storage. I think the thing I like most is the multiple sharing options that come with this software, as it allows me to decide whether I want to share files with coworkers or not. It's also a software that comes with organization tools, and everyone in the team can have their own folder that can be personalized according to their work. It's also worth mentioning that pCloud offers a wide accessibility to the cloud in multiple devices, making it easier for our team to share files during work hours, through any device and with the same effectiveness.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-4011019\"\n },\n {\n title: \"Ana A.\",\n quote: \"\\\"This tool is very useful to securely backup\\\"\",\n text: \"The best choice to back up all the necessary cloud records has the free option from which we are able to try the service forever and get 20 GB of storage hastes, It has customers for Windows, Linux and Mac, Ios, iPhone and soon Blackberry and Windows Phone. And its unique feature is backup data on online social networks. PCloud provides various and enticing possibilities, including something which users have always been very concerned about: great security.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3934457\"\n },\n {\n title: \"Bruno D.\",\n quote: \"\\\"pCloud, amazing way to save files in the cloud\\\"\",\n text: \"pCloud allows me to share download links, also provide great security when managing files that are stored in the cloud, also offers an accessible payment plan, has a digital asset management that is very useful, the great advantage of this Software is that you can easily save important files and documents, pCloud also offers an easy-to-use interface, you can also add pCloud as a hard drive that is displayed on my computer.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3478013\"\n },\n {\n title: \"Daichi K.\",\n quote: \"\\\"Store your files securely and easily through the cloud.\\\"\",\n text: \"pCloud Drive is a desktop application that allows us to have a secure virtual drive on our computer, which we can use to easily store, access and work with our files through the cloud. With this smart desktop application it allows us to work with our files as if we were on our computer, but without taking up space on the local disk. It works as a virtual drive, which can expand the available space on the device with up to 2TB.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3820456\"\n },\n {\n title: \"Ana María A.\",\n quote: \"\\\"Easily store all your files in the Pcloud cloud.\\\"\",\n text: \"Today there are many companies that offer collaborative document editing and storage services in the cloud, however, there is one company that offers the best service at the best price, and that is Pcloud. With Pcloud you can store any document regardless of the format in the cloud, in turn you can edit documents simultaneously, this option is ideal for work teams and offices that require changing documents between several workers. Thanks to this software I can save documents in the cloud, and from my office computer, or my smartphone I can review and edit different documents and thus fulfill my work assignments. Pcloud's security is one of the most unbreakable that exists today, and unlike most cloud storage software that offers 1TB of storage, Pcloud offers 2TB of storage. Pcloud is a software that as time goes by is perfected and giving its customers a quality service.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3022550\"\n },\n {\n title: \"Miguel Alberto Z\",\n quote: \"\\\"The best option for storing information in the cloud. \\\"\",\n text: \"Backing up the information issued by our company is one of the most important tasks I have as a programmer in the company where I work. To achieve this I use several software, but, the most important of this group of software I use is PCLOUD, since its characteristics of information storage in the cloud, with great support for multiple types of file formats, its security, expressed in two-step authentication codes and encryption of the information you host in the cloud, and its extensions to link files hosted in social network accounts and emails make it one of the most competitive software currently on the market. Quickly and easily you can create your session in Pcloud, and start using this software with 10 gb free, or paid version, where you will have various plans, including 500 gb and 2 tb. The customer service is at your disposal 24 hours a day, and always answer any questions or problems that arise when using this software\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-2955439\"\n },\n {\n title: \"Emre Demir\",\n quote: \"Good service for reasonable pricing!\",\n text: \"I have been using pcloud for over a year and overall I am very happy with their service and support.\\nEven after reading all the bad reviews, I start to appreciate more and more what pcloud is providing as a service to all of its users.\\nLike a Lifetime package for couple of hundred bucks? I don't trust it by myself and rather pay year after year. Gives me a better feeling and I will keep pcloud supporting to maintain the apps et cetera. The support is fast in general and until today, I never experienced any major issue like data loss or something else.\\nI have used MEGA, Google Drive, One Drive and Dropbox before and as a IT-business owner I honestly believe pcloud is doing good. They provide a lot of features that others don't have like link branding.\\nFor all the bad reviewers: Don't cry too much. You guys even get offered full refund after months which no company does and still write a bad review. This is really childish and low for an adult to do.\\nTo pCloud: I am very happy with everything and thanks for everything until now. Hope to stay with you guys for couple of years more!\",\n href: \"https://www.trustpilot.com/users/6200b900a1f7570012f3f41b\"\n },\n {\n title: \"Peter Bogert\",\n quote: \"Best of the Bunch for Cloud Services\",\n text: \"I've used four or five other services over the years, including the more popular ones, and pCloud beats them all. One service cost a mint, another has privacy concerns, and a third ended up ruining some documents and making them unreadable. pCloud allows me to simply sync my home MacBook Air to my office Mac mini so that I have all my documents in both places when I need them. No problems at all after a several months of use.\",\n href: \"https://www.trustpilot.com/users/61fc5e5af3524900120737ed\"\n },\n {\n title: \"Alrasheed or Virginia\",\n quote: \"I've always had great experiences with…\",\n text: \"I've always had great experiences with using pCloud as cloud technology storage for my study. The most fascinating thing is, last week, I had strong feeling that this file called Volume System Information was a virus and I decided to delete my account. But I had to contact pCloud Team to explain what this file does because I'm suspicious about it and I need some answers. One of the great pCloud team members her name Sherry, so her clarification and elucidation gave me peace more than ever. As you know these days there are so many malicious activities but I like the way how pCloud works. It has comprehensive security layers that prevent from accessing the account such as two factors authentications. And also you can logout of your pCloud drive in your pc as to keep your data safe.\",\n href: \"https://www.trustpilot.com/users/61fbb82de2c7c20012680852\"\n },\n {\n title: \"Inconnu\",\n quote: \"Pcloud is well working on OS\",\n text: \"Pcloud is well working on many OS I have been using for many weeks including linux, Windows and Android.\",\n href: \"https://www.trustpilot.com/users/61aad22fd70d4700125e5985\"\n },\n {\n title: \"Arend Melissant\",\n quote: \"I have tried many cloud storage…\",\n text: \"I have tried many cloud storage providers, but pcloud is by far the best. Fast, reliable, very good software, cost effective, I could go on and on\\nI use it on Windows, and the ease of using the P drive is so much better than anything the competetion has to offer, try it, I'm sure you will not regret it.\",\n href: \"https://www.trustpilot.com/users/61f83a73afedc20013d849f7\"\n },\n {\n title: \"Andrew\",\n quote: \"I wanted to transfer away from Google…\",\n text: \"I wanted to transfer away from Google Drive, due to Google having access to all my files and costing 12 euro a month!\\n\\nI took a lifetime family subscription with pCloud and could not to be happier. I have had no need at all to contact support, everything just works great on ios/android/windows 10.\\n\\nThe automatic photo upload works just fine on both ios and android. I was able to share folders just fine.\\n\\nPersonally I don't trust the Sync feature. I am sure its fine, but I use a free tool \\\"FreeFileSync\\\" instead so I can see what will be synced.\\n\\nGreat product. Thank you very much!\",\n href: \"https://www.trustpilot.com/users/61f7fa40cd80d90012fa77cf\"\n },\n {\n title: \"Jerome B.\",\n quote: \"Very satisfied for my use.\",\n text: \"I have been a customer of pCloud since 2018. I purchased the 500GB lifetime licence, which I upgraded to 2TB in 2021. Since I purchased the bigger package, I guess you can work out that things have been going well for me.\\nMy usage is pretty basic: just backup of my personal data on my home PC: photos, vidéos, software installers, Microsoft office files etc.\\nI do share occasionally folders with friends, and the process is pretty easy.\\nI wanted a \\\"permanent personal folder\\\" online, so I do not have to pay a yearly subscription like Dropbox etc. I mean for the price of 3 years subscription with Dropbox, you get lifetime with pCloud.\\n(I do use Dropbox too, but my work pays for it).\\nI do not use the crypto folder etc, as I do not really have use for it.\\nI have never had any issue with the product, so I cannot comment on customer support.\",\n href: \"https://www.trustpilot.com/users/53f6118b000064000185f9bd\"\n },\n {\n title: \"LONGLIVEWISDOM\",\n quote: \"pCloud Rocks!!\",\n text: \"Thank you pCloud. I am a pCloud user and very happy with the service provided. I have lots of lifetime storage and use it to store photos and videos which I capture from my Samsung Galaxy Smartphone, photos of flowers, animals, places and people :-).\\nThe truth is a reliable cloud storage provider is always better than simply buying an external storage. The amount of functionality and usability along with reliability and security is unmatched.\\nAnd in this regard pCloud is second to none. In my experience. pCloud is the best cloud storage provider one can buy. Really. The merits are too many to count. Almost everything about pCloud is good, all aspects are fully covered and well executed.\\nI would recommend to try it out first and then gradually subscribe to monthly, then yearly, and as per your need you can even subscribe to lifetime storage options.\\nI don't use it for collaboration or anything of that sort but for personal use only. pCloud overall, considering security, functionality, privacy and quality of service and support is better than all other providers including OneDrive, Google Drive, Dropbox and so on. pCloud is what a cloud storage service should be like.\\nNow I am thinking to buy pCloud crypto, to store my marks sheets and Government IDs although pCloud is already so secure I am not sure if that is needed at all. pCloud own all their servers.\\n\\nThank you pCloud, and thanks for reading,\\nAll the best,\\nWisdom (My virtual name as a good privacy practice)\",\n href: \"https://www.trustpilot.com/users/5e22d61e616781259d837ef2\"\n },\n {\n title: \"Mirko Schieder\",\n quote: \"Excellent and very responsive supportllent\",\n text: \"Quick to respond. And very open to suggestion.\\nA pleasure\",\n href: \"https://www.trustpilot.com/users/61af76413b28030012ca4c37\"\n },\n {\n title: \"Per Asbeck\",\n quote: \"Pcloud good product and good support\",\n text: \"Pcloud has very good products. I have a 2TB/life time now. Until recently I used a free plan for years that work well too.\\nI have experienced very goos support when I accdently got the wrong product. So very happy with company\",\n href: \"https://www.trustpilot.com/users/543395cb00006400018ea96c\"\n },\n {\n title: \"Vineet Singhal\",\n quote: \"Very supportive organization\",\n text: \"Very supportive organization with an excellent product and a wonderful customer service\",\n href: \"https://www.trustpilot.com/users/61aa8eaf34258d00125ad715\"\n },\n {\n title: \"Narek Musakhanyan\",\n quote: \"Just bought 2TB on the Black Friday…\",\n text: \"Just bought 2TB on the Black Friday sale\\nAmazed at the features they provide and how useful and convenient it is, especially requesting files and file/folder sharing.\",\n href: \"https://www.trustpilot.com/reviews/61a63d2861218815444e7a46\"\n },\n {\n title: \"Olivier Lebreton\",\n quote: \"Very efficient and reactive support\",\n text: \"Very efficient and reactive support\\nAfter a problem from my fault, Pcloud support was very reactive and efficient to resolve my error.\\nIn few minutes, after only 2 mails, all was ok, it was perfect.\",\n href: \"https://www.trustpilot.com/reviews/61a634c861218815444e6cda\"\n },\n {\n title: \"Mohammed Ali\",\n quote: \"amazing\",\n text: \"reliable service, awesome speed and good price. bought 2TB lifetime on this black friday.\",\n href: \"https://www.trustpilot.com/reviews/61a3f8a6bd63dda48268127a\"\n },\n {\n title: \"Etam\",\n quote: \"This is a an excellent and all supported product.\",\n text: \"This is a great product. I keep adding terabytes because it solves so many problems to have the cloud storage right there on the desktop.\",\n href: \"https://www.trustpilot.com/users/61a130d631cc4f00126c2ae0\"\n },\n {\n title: \"Nihar Behera\",\n quote: \"Very happy with the purchase\",\n text: \"Very happy with the purchase, Felix from the support team highly recommended, Felix answered all the queries and help with 4TB lifetime storage plan purchase.\",\n href: \"https://www.trustpilot.com/users/5cf7e61bd27f4d80c781be59\"\n },\n {\n title: \"George\",\n quote: \"Fantastic Customer Service!\",\n text: \"I am new to pCloud and am impressed with both the customer service and the pCloud drive functionality. Regarding the customer service, I accidentally purchased the wrong plan and wrote to pCloud to try to resolve it. I received a reply almost immediately and the customer service representative was friendly, helpful, and helped me get the plan I wanted. He even followed up to make sure everything was working as expected. As far as my experience with the pCloud drive goes, I am very happy with how easy it is to use. I have a mac, and it works just like any other local drive, so take no time to get right to work. I was mostly impressed with how fast it was when I worked with a large file in photoshop stored on the drive. While I have not been using pCloud very long, I am quite impressed so far and would recommend it to my friends.\",\n href: \"https://www.trustpilot.com/users/61a0be684d9eb7001264db09\"\n },\n {\n title: \"Pavel Lordov\",\n quote: \"I use pcloud for 3 months\",\n text: \"I use pcloud for 3 months. I like it all. Especially I can view file in pcloud area. And also I want to say about speed load files on pcloud, wery fast working. I recommend.\",\n href: \"https://www.trustpilot.com/users/619d4de0516fc90012477e6e\"\n },\n {\n title: \"François Gouin\",\n quote: \"2 years on PCloud and would not change.\",\n text: \"Cheap, efficient and the custumer service is really great and quick to answer. One lifetime fee and you have one of the best could on the market\",\n href: \"https://www.trustpilot.com/users/5da7c70c501cc23d25af2aec\"\n },\n {\n title: \"L. Somasundaram\",\n quote: \"pCloud is a really fantastic…\",\n text: \"pCloud is a really fantastic product/service. It is so easy and intuitive to use. My productivity has improved greatly since I bought the 500 GB lifetime plan. I recently bought another 2 TB. I would like to commend the great customer service. pCloud is way ahead of its competitors. It is expensive but it is definitely worth it. Thanks pCloud!\",\n href: \"https://www.trustpilot.com/users/618cf9abc99e8c0012516383\"\n },\n {\n title: \"Earl Brown\",\n quote: \"Wonderful operation and so easy to use\",\n text: \"Wonderful operation and so easy to use. I like their site format and their excellent customer support. I've got all my stuff stored with them so I can rest easy knowing if my house burns down I still have all my stuff on a secure storage site!\",\n href: \"https://www.trustpilot.com/users/617481a106f68c0012b33b97\"\n },\n {\n title: \"Victor\",\n quote: \"Always with customer oriented mind\",\n text: \"pCloud not only provides a reliable and secured cloud storage services, but also work anything to solve my problem. When I tell them I cannot download their app from my App Store, they provide apk file in their website. As I explain to them I have difficulty in payment for premium service, their staff acts quickly to provide an alternative method to facilitate my settlement. They always have customer oriented mind. Wonderful work!\",\n href: \"https://www.trustpilot.com/review/pcloud.com?page=2&stars=5\"\n },\n {\n title: \"J.Michael Palka\",\n quote: \"pCloud Drive is Awesome!\",\n text: \"PCloud Drive is something I had wished for, for a long time. Then I discovered it. WOW! I really needed to move a large amount of files (hundreds of GBs) off my harddrive as it was getting full. And the \\\"BEST\\\" solution is pCloud Drive. It is a virtual drive that sits on my desktop and I can just drop folders/files into it. But at all times I can open the drive and see what is there without logging in to some site. I can download any files I might need again. It has a function if you delete a file it is saved in trash for 30 days or you can purchase the function to have it save your deletes for 1 year. And there are other addons depending on your neeeds. Simple, Easy, Effective, Productive. When it comes to my files there are now 3 apps I cannot do without and pCloud Drive is one of them. Once you try it (there is a free version to try it out) you will embrace it as one of your priority apps. Now go check it out immediately.\",\n href: \"https://www.trustpilot.com/users/5bb2cf3c4de5666d34246ecc\"\n },\n {\n title: \"Praveen Gautam\",\n quote: \"Recommend using it\",\n text: \"pCloud is the best cloud service ever. I've started using it recently I got to know about it from ayusanimation youtube\\n\\nIts clearly better than any other cloud service\\nTheir application takes the lowest amount of RAM and works well\\nLastly I can sync my minecraft world :)\",\n href: \"https://www.trustpilot.com/users/61685155cae80900131d4247\"\n }\n ],\n \"fr\": [\n {\n title: \"Olivier\",\n href: \"https://www.trustpilot.com/reviews/612374626e38167b798df0e4\",\n quote: \"Un outil facile d'utilisation !\",\n text: \"Un outil facile d'utilisation. Chaque demande, qu'elle soit avant ou après vente, est traitée et la réponse pertinente. Juste simple et top !\",\n },\n {\n title: \"Mr. Joachim Debarge\",\n href: \"https://fr.trustpilot.com/users/56a1cfeb0000ff0001feb8cf\",\n quote: \"Pour moi, le meilleur produit en rapport qualité/prix\",\n text: \"Le meilleur rapport qualité/prix que j'ai trouvé jusqu'à maintenant.De manière globale, je suis très content de ce service. Personnellement je recommande.\",\n },\n {\n title: \"Alain\",\n href: \"https://www.trustpilot.com/users/60dc359c15e6f90011161377\",\n quote: \"Excellente réactivité support pcloud pour paramétrage région\",\n text: \"J'ai fait l'acquisition de la version pCloud lifetime pour la sauvegarde de mes fichiers.\",\n },\n {\n title: \"JMR\",\n quote: \"Enfin, un cloud sérieux et efficace !\",\n text: \"Bonjour,\\nAprès quelques temps de test, j’ai finalement opté pour un forfait payant.\\nAyant contacté le service client pour diverses informations, je peux confirmer que le service est très réactif et que la personne ayant géré mon dossier a été très courtoise et efficace.\\nCe cloud me semble très pratique et très intuitif.\\nUn véritable plus pour sauvegarder son ordinateur, et cerise sur le gâteau, il est accessible depuis une tablette ou un smartphone.\\nLa synchronisation est hyper rapide.\\nEnfin, les données sont hébergées en Europe, ce qui est rassurant côté confidentialité.\\nDonc, selon moi, la réputation de pCloud est amplement méritée.\\nMerci aux développeurs.\\nBien cordialement.\\nJMR\",\n href: \"https://www.trustpilot.com/users/62004e98eb4e5a00120c652e\"\n },\n {\n title: \"Pascal\",\n quote: \"Nouvel adhérent - Content\",\n text: \"Nouvel adhérent, je suis très content du suivi qui a été donné à mon dossier lorsque j'ai rencontré des difficultés de connexion. Réactivité et excellents conseils, j'ai apprécié et je recommande vivement.\",\n href: \"https://fr.trustpilot.com/users/61928c71d2f5a70012deab95\"\n },\n {\n title: \"Gerard\",\n quote: \"Le sav est très réactif\",\n text: \"Le sav est très réactif, le produit fonctionne correctement et de façon fiable.\\nPour ces raisons je recommande ce fournisseur.\",\n href: \"https://fr.trustpilot.com/users/55e4408f0000ff0001d812b9\"\n },\n {\n title: \"Denis\",\n quote: \"Service en tous points performant et de…\",\n text: \"Service en tous points performant et de bonne qualité. Très bon rapport qualité/prix. Le service client est au rendez-vous. Aucun problème pour avoir un retour rapide à nos questions.\\nLes débits sont très corrects et la disponibilité très bonne.\\nJe conseille vraiment.\",\n href: \"https://www.trustpilot.com/users/61f9a90ff74ca800120d5680\"\n },\n {\n title: \"Alain Chappuis\",\n quote: \"Super stockage rapide\",\n text: \"Hello,\\nvoilà je suis un utilisateur depuis presque un an avec pCloud. Serte j'ai eu des problèmes de synchronisation qui se sont réglés par l'intermédiaire du SAV par email, j'ai utilisé leur logiciel de mise au point pour voir ou le problème était présent. Après une mise à jour de la version pCloud, tout fonctionne.\\nJe travaille entre deux pays; la Suisse et la France avec deux FAI différents, j'ai toujours sous la main une copie exacte de tous mes fichiers que j'ai décider de partager dans leur espace, ce qui est vraiment super. J'ai pris un ABT à vie de 500Go ce qui me suffit pour le volume de mes données, j'ai énormément de programmes PHP puis des photos. Les délais de récupération des données et très rapides, sauf pour la France ou j'ai que 5000bps mais ça fonctionne.\\nDonc en règle générale, je recommande vivement pCloud pour avoir ses fichiers sous la main avec PC, téléphone portable, tablette.\\nBonne journée à tous!\",\n href: \"https://www.trustpilot.com/users/5bfe78845483f4b8a967cb87\"\n },\n {\n title: \"Soufian\",\n quote: \"Great support\",\n text: \"Super Cloud avec un service apres vente excelent et reatif\",\n href: \"https://www.trustpilot.com/users/61f2bb9cb41a7e0013a98547\"\n },\n {\n title: \"Erik\",\n quote: \"très bon service après vente\",\n text: \"très bon service après vente, même les fin de semaine ils m'ont répondu rapidement.\\nPour moi, le transfert est bien soit à 250 Ko/ sec. mon serveur est au USA.\",\n href: \"https://www.trustpilot.com/users/61e728139637ea0012d58e8b\"\n },\n {\n title: \"Ludovic\",\n quote: \"Au top\",\n text: \"Au top.\\nMerci pour votre patience.\\nAu bout de quelques jours le problème est résolu.\\nContinuez comme ça.\",\n href: \"https://www.trustpilot.com/users/61e5406a4eeecd0012a64f3d\"\n },\n {\n title: \"Casa Davy\",\n quote: \"Au top l'équipe..\",\n text: \"Au top l'équipe...\\nSav niquel et rapide\",\n href: \"https://www.trustpilot.com/users/61e19a7b65c2820013acead2\"\n },\n {\n title: \"Jerome Goralczyk\",\n quote: \"PCloud est une excellente solution…\",\n text: \"PCloud est une excellente solution alternative aux autres solutions Cloud moins regardantes sur le respect de la vie privée que j'utilise depuis 1 an. Avec des fonctionnalités qui n'ont rien à envier à ces derniers ! J'ai eu recours à l'assistance suite à une évolution vers Big Sur. J'ai pu avoir une réponse rapide et permettre à PCloud de tourner sous mon nouvel environnement Mac. Merci à l'équipe et bonne continuation pour la suite.\",\n href: \"https://www.trustpilot.com/users/5c607a2bdd5dea15cd650218\"\n },\n {\n title: \"Bellier Didier\",\n quote: \"Très bonne expérience et rapport…\",\n text: \"Très bonne expérience et rapport qualité prix excellent. Sauvegarde en temps réel, restauration très rapide, synchronisation de plusieurs postes en miroir, le tout sécurisé et un service Crypto pour y mettre ses fichiers sensibles. De plus, les photos de mon téléphone sont automatiquement sauvegardées dans un répertoire dédié sur Pcloud, et je peux transférer des fichiers de mon téléphone vers mon PC et vice et versa. Les mises à jour et améliorations sont régulières. Je test ce service depuis plusieurs mois et ai finalement pris un abonnement à vie. Je suis pleinement satisfait !\",\n href: \"https://www.trustpilot.com/users/5edb502238d5460851f0a9c3\"\n },\n {\n title: \"Denis Cazaux\",\n quote: \"J'étais un peu méfiant en rejoignant…\",\n text: \"J'étais un peu méfiant en rejoignant PCloud... j'avais des doutes sur la fiabilité dans le temps... et au bout de 4 ans de pratique je ne peux que me réjouir de faire partie de votre famille...\\nJe ne suis pas un expert en informatique et l'usage de Pcloud est accessible à tout le monde...\\nJe résiste encore pour augmenter mes parts chez Pcloud ... mais jusqu'à quand ? Denis Cazaux\",\n href: \"https://www.trustpilot.com/users/61d7641ee79b5b0012be0a1e\"\n },\n {\n title: \"Henrion Yannis\",\n quote: \"Excellent service le meilleur du Net\",\n text: \"Excellent service le meilleur du Net\\nDe vrais professionnels et d’une correction à toute épreuve\",\n href: \"https://www.trustpilot.com/users/600e0e0e6bf5d70019ed3509\"\n },\n {\n title: \"Yves Guillermo Serpo\",\n quote: \"Professionnel !\",\n text: \"J'ai eu un pb après la mise à jour 'une version et mon pcloud avait disparu sur un de mes ordinateurs ... impossible de réinstaller, toujours un code erreur, je tournais en rond ... le SAV m'a répondu rapidement, on a travaillé sur plusieurs pistes, et enfin on a réglé le pb ! Ils ont été très professionnels, sympas et rassurants, avec en prime des conseils en français ! Bref, je recommande\",\n href: \"https://www.trustpilot.com/users/5c6d4df858082a4baaf7b1a0\"\n },\n {\n title: \"Camille Ferrari\",\n quote: \"Support technique très réactif et…\",\n text: \"Support technique très réactif et soucieux de résoudre les problèmes rencontrés. Bonne communication et bon suivi. Merci pour votre implication et la qualité des vos réponses.\",\n href: \"https://www.trustpilot.com/users/61cb155cddbd960012ad6f7a\"\n },\n {\n title: \"Vincent\",\n quote: \"Gestion des données respectant la vie…\",\n text: \"Gestion des données respectant la vie privée et le droit européen. Bande passante fluide et une offre « à vie » très intéressante\",\n href: \"https://www.trustpilot.com/users/61ca3396c3cd0800125aa7e6\"\n },\n {\n title: \"Pierre\",\n quote: \"Pb de synchronisation\",\n text: \"J'ai contacté le support suite à un problème de synchronisation. Réponse très rapide et très précise. Plusieurs échanges dans la journée jusqu'à la résolution de mon problème. C'est top. Merci\",\n href: \"https://www.trustpilot.com/reviews/61ba2c739f60695a25f5d5cc\"\n },\n {\n title: \"Cedric A.\",\n quote: \"Excellent produit\",\n text: \"Excellent produit, tres fiable et flexible. Un support client qui repond tres rapidement, a l'ecoute et efficace.\\nJe suis utilisateur pCloud depuis maintenant 2 ans et je confirme en etre totalement satisfait.\",\n href: \"https://www.trustpilot.com/reviews/61b855b40b7cbbcbfe0bdf00\"\n },\n {\n title: \"Stéphane\",\n quote: \"Un SAV à l'écoute et actif pour aider au mieux\",\n text: \"Lorsque j'ai eu un problème avec une fonction de pCloud, j'ai eu recours au SAV qui à posé des questions pertinentes et qui m'a proposé des solutions pour résoudre le problème. Au final le problème s'est réglé de lui-même avant l'intervention du SAV. Bref, je suis très satisfait de mon échange, tout comme pCloud en général !\",\n href: \"https://www.trustpilot.com/users/61561119f7f9fc0012da1803\"\n },\n {\n title: \"Nogueira Jean-Louis\",\n quote: \"It’s a very good product\",\n text: \"C’est un très bon produit. L’équipe de support est très efficace et compétente. Je ne regrette pas mon choix d’utiliser ce produit.\",\n href: \"https://www.trustpilot.com/users/6192ab12b1ff8300121a8088\"\n },\n {\n title: \"Christian M.\",\n quote: \"Excellent SAV\",\n text: \"Excellent SAV, très bonne communication, professionnalisme des développeurs… suite à une mauvaise manipulation de ma part - une suppression pour ainsi dire - le problème a rapidement été résolu et mes données récupérées. Je ne peux dès lors que féliciter de tout cœur, toute l’équipe de pCloud qui pendant presque une semaine a travaillé pour récupérer mes données; qui plus est pour une faute commise par négligence par moi-même.\\nJe tiens également à exprimer toute ma gratitude à Pauline, la personne qui a échangé par mail avec moi pendant cette semaine, pour son calme et professionnalisme; cela va de soi que je garderai un très bon souvenir.\\nÀ l’approche des fêtes de fin d’année, je souhaite à toute l’équipe pCloud, de très joyeuses fêtes et une merveilleuse année prochaine pleine de succès.\",\n href: \"https://www.trustpilot.com/users/61acf66bfbeadc00129087bb\"\n },\n {\n title: \"Joseph PIERQUIN\",\n quote: \"Simple & intuitif\",\n text: \"Les interfaces (web & applicative Windows) sont très simples et très intuitives, de quoi vous convaincre définitivement de pas utiliser un NAS chez soi.\\n\\nPas mal de fonctionnalités intéressantes (sauvegarde réseaux sociaux, partage de fichiers/screenshot, espace public etc.) et simple d'utilisation.\\n\\nSupport client par e-mail réactif au final (quand l'email fonctionne - un tchat serait un plus).\\n\\nL'investissement \\\"Lifetime\\\" est normalement vite rentabilisé lorsque l'on compare à la concurrence.\\n\\nDeux points clé à bien comprendre optimiser vos copies: la différence entre pCloud Drive et pCloud Sync et la gestion du cache.\",\n href: \"https://www.trustpilot.com/users/5cd82999083ba95384b4a8a3\"\n },\n {\n title: \"Keneda\",\n quote: \"Ravis des services et du SAV!\",\n text: \"Nous sommes ravis de l'utilisation de Pcloud depuis 2018. Cela nous permet de synchroniser nos travaux au sein d'une petite équipe, c'est vraiment génial et partager des fichiers lourds avec qui nous le souhaitons. Les rares fois où un problème est survenu (arrêt des synchronisations) nous avons reçu une réponse immédiate, en Français, dans un langage compréhensible ce qui n'est pas pour déplaire. Les réponses ont été rapides jusqu'à trouver la solution et résoudre le problème. Pour les familles et les télétravailleurs de petites structures associatives, c'est parfait!\",\n href: \"https://www.trustpilot.com/users/61a543e996193b0012cfe4b3\"\n },\n {\n title: \"Bertrand Barcat\",\n quote: \"Il est un peu tôt pour moi pour évaluer…\",\n text: \"Il est un peu tôt pour moi pour évaluer l'entièreté du service fourni par pCloud car j'ai opté récemment pour pCloud payant. Utilisateur jusqu'alors de Dropbox pour la synchro entre appareils et de Backblaze pour la sauvegarde je peux d'ores et déjà faire le retour suivant :\\n– Sauvegarde efficace et facile à utiliser ;\\n– Pour la synchro et l'utilisation de fichiers et dossiers sur plusieurs ordis, j'ai eu beaucoup plus de mal à comprendre comment faire ;\\n– Mes premiers jours ont été pollués par de très nombreux bugs de mon ordi principal et de pCloud, probablement augmentés par le fait que j'avais toujours une sauvegarde Backblaze active ;\\n– J'ai attendu que toutes mes données soient sauvegardées pour contacter le support, qui a répondu quelques heures plus tard par mail : les instructions étaient simples, bien rédigées et tout est rentré dans l'ordre instantanément, tant du côté de pCloud, qui fonctionne maintenant fluidement, que du côté de mon ordi principal, qui ne bugge plus.\\nJe suis très satisfait.\",\n href: \"https://www.trustpilot.com/users/61a215b1e4fd2d0012f9c0f0\"\n },\n {\n title: \"Mr. Joachim Debarge\",\n quote: \"Pour moi, le meilleur produit en rapport qualité/prix\",\n text: \"Le meilleur rapport qualité/prix que j'ai trouvé jusqu'à maintenant.\\nJ'ai eu dernièrement un problème suite à une réinitialisation de mon PC. Le support a été très réactif, courtois et très clair dans les explications. De manière globale, je suis très content de ce service.\\nPersonnellement je recommande ++\",\n href: \"https://www.trustpilot.com/users/56a1cfeb0000ff0001feb8cf\"\n },\n {\n title: \"Françoise de Domont\",\n quote: \"Satisfaction totale\",\n text: \"Bonjour, j'avais un problème de blocage par mon ordi pour ré-ouvrir le lien que mon fils m'avait envoyé pour voir ses photos. Ce problème a été pris \\\"immédiatement\\\" en charge par vos services, plusieurs contacts toujours positifs et vous m'avez donné la solution = je remercie la rapidité des réponses et la cordialité des messages. MERCI+++ Cordialement\",\n href: \"https://www.trustpilot.com/users/4f4e2f0900006400011513c7\"\n },\n {\n title: \"Jean Picq\",\n quote: \"Cloud performant et SAV réactif\",\n text: \"J'utilise pCloud depuis plus d'un an et j'en suis très content. Un souci de synchronisation cette semaine. Le SAV a été très réactif (malgré le fait que je sois encore en version gratuite) et leur réponse m'a permis de régler le problème rapidement. Aucune donnée perdue. Merci !\",\n href: \"https://www.trustpilot.com/users/618ccfd2b5ebaf0012d3d6e7\"\n },\n {\n title: \"Dominique N\",\n quote: \"Pratique et confortable\",\n text: \"Après 6 mois d'utilisation je suis plus que ravi. J'ai mes données partout ou je vais et plus de souci de sauvegarde. Convivial et bien pensé. Indispensable.\",\n href: \"https://www.trustpilot.com/users/51bd799f00006400013ff762\"\n },\n {\n title: \"Blanes Isabelle\",\n quote: \"Professionnels\",\n text: \"Une bonne écoute, rapides pour la réponse, professionnels, je suis plus que satisfaite du produit et du SAV, je recommande Pcloud souvent, et je recommencerai!\\nMerci!\",\n href: \"https://www.trustpilot.com/users/5b5b1a594de5666d343cb3c9\"\n },\n {\n title: \"Gerard\",\n quote: \"Le sav est très réactif\",\n text: \"Le sav est très réactif, le produit fonctionne correctement et de façon fiable.\\nPour ces raisons je recommande ce fournisseur.\",\n href: \"https://www.trustpilot.com/users/55e4408f0000ff0001d812b9\"\n },\n {\n title: \"Jean-Michel\",\n quote: \"Très satisfait sur tous les aspects\",\n text: \"J'utilise tous les jours mon espace pCloud avec grande satisfaction. Mes données sont toujours disponibles et les outils d'accès efficaces. Le SAV est hyper réactif et très courtois, ce qui est très très appréciable. Je ne regrette pas du tout l'investissement initial pour l'achat de mon espace plutôt que la location mensuelle des autres fournisseurs.\\nContinuez ainsi !\",\n href: \"https://www.trustpilot.com/users/615c575be400e200121e6531\"\n },\n {\n title: \"Silvia Stagnaro\",\n quote: \"Extrême courtoisie e soin\",\n text: \"Grâce à l'extrême courtoisie, au soin et à l'efficacité du support pcloud, j'ai pu surmonter les difficultés liées au paiement d'un produit, dues au blocage de la carte de crédit en raison de la législation anti-fraude italienne... vraiment merci beaucoup\",\n href: \"https://www.trustpilot.com/users/614c607f9ac9e700120bb2fa\"\n },\n {\n title: \"Dominique Orecchioni\",\n quote: \"J'utilise pcloud depuis plusieur et je…\",\n text: \"J'utilise pcloud depuis plusieur et je m'en félicite tous les jours. Quand il y a eu quelques problèmes j'ai eu un contact efficace et de grande qualité car les solutions sont arrivées rapidement.\\nDès lors je recommande ce logiciel à mon entourage mes amis ma famille je n'ai que des retours positifs. J'espère que tout va continuer sur cette ligne là en tout cas c'est ce que je souhaite.\",\n href: \"https://www.trustpilot.com/users/6143df09abbb0f0012dbb793\"\n },\n {\n title: \"Blanc\",\n quote: \"Rien a dire a part que c esf un super…\",\n text: \"Rien a dire a part que c esf un super produit.\\nJamais eu besoin du sav!!\",\n href: \"https://www.trustpilot.com/users/613a22fa8b60e5001215ad57\"\n },\n {\n title: \"Olivier\",\n quote: \"Un outil facile d'utilisation !\",\n text: \"Un outil facile d'utilisation. Chaque demande, qu'elle soit avant ou après vente, est traitée et la réponse pertinente.\\nJuste simple et top !\",\n href: \"https://www.trustpilot.com/reviews/612374626e38167b798df0e4\"\n },\n {\n title: \"Claude Gobez\",\n quote: \"Un pc pCloud la mise en service sans…\",\n text: \"Un pc pCloud la mise en service sans problème.\\nun deuxième pc avec la même adresse mail et le même mot de passe que le premier pc. Le deuxième pc pas reconnu.\\nPourtant dans les explications cela devait fonctionné.\\nAprès une demande en fin de soirée au service technique. Le lendemain matin les deux pc était OK.\\nRapide, efficace, sans demande divers qui font perdre du temps et parfois trop technique pour amateur informatique.\\nMerci à l'équipe technique\",\n href: \"https://www.trustpilot.com/users/610a9538d393de0012ea45e0\"\n },\n {\n title: \"FootSkiLLs\",\n quote: \"Meilleur plateform Cloud Photos !!! 10/10\",\n text: \"L'application est TOP , beaucoup de possibilité, on voit que l’équipe cherche toujours à l’amélioré et aussi a écouter les clients avec leur support qui est super réactif.\\n\\nJe recommande les yeux fermé\",\n href: \"https://www.trustpilot.com/users/60f7b08e5380fe0012a2c7c5\"\n },\n {\n title: \"Julchris Wzk\",\n quote: \"Service et Assistance au top!\",\n text: \"Service et Assistance au top!\\n\\nLe fonctionnement est très simple et j'ai pu très facilement réaliser les sauvegardes que je souhaitais.\\nJ'ai également eu ) faire avec le service technique pour un petit soucis qui a été d'une très grande efficacité!!\",\n href: \"https://www.trustpilot.com/users/60f6779e90d8e0001127fd1d\"\n },\n {\n title: \"Eric Jomtien, Thailand\",\n quote: \"Prix incroyable et synchro hyper rapide...\",\n text: \"j ai acheté la license à vie 500 GO après un petit essai gratuit...et je me suis décidé d'abandonner Google drive... la synchro avec Pcloud est bien plus rapide que la synchro de google drive...et google drive est à 20 euros par an pour seulement 100 GO... Cette idée d abonnement à vie est vraiment incroyable... en espérant que Pcloud ne fermera pas dans quelques années pour cause de faillite... becoz si tout le monde prend l abonnement à vie, je sais pas comment ils vont avoir assez de rentrée d argent chaque année pour l entretien des serveurs... mais bon, longue vie à Pcloud!!! et merci pour votre offre :)\",\n href: \"https://www.trustpilot.com/users/60ed9680c841470011cbd86b\"\n },\n {\n title: \"Romain Habouzit\",\n quote: \"Des fonctionnalités et une prestation globale exemplaire et sûr. BRAVO !\",\n text: \"Plusieurs mails envoyés au support pCloud sur plusieurs jours, des réponses rapides et efficaces à chaque fois pour solutionner plusieurs problèmes différents. Les réponses sont claires, précises, ciblées sur la demande et surtout accessibles.\\nPCloud est aujourd'hui l'un des meilleurs prestataires de Cloud par les fonctionnalités de son service et la sécurité apportées au transit et stockage des données, et l'un des meilleurs par son support client.\\nJe recommande fortement pCloud et suis très satisfait par sa prestation d'une manière globale.\",\n href: \"https://www.trustpilot.com/users/60e40e7269b57a00114a981a\"\n },\n {\n title: \"Julien Bouchard\",\n quote: \"Excellent même avec une version gratuite\",\n text: \"Même avec une version gratuite, leur SAV est tout simplement excellent !\",\n href: \"https://www.trustpilot.com/users/60d46a16edb34f0014bc8b4a\"\n },\n {\n title: \"Jérôme Lesur\",\n quote: \"pCloud sans doute le meilleur service…\",\n text: \"pCloud sans doute le meilleur service du marché.\\nSimple, efficace et sécurisé.\\nTrès bon service client, personnalisé et qui répond même le dimanche !\\nA recommander +++\",\n href: \"https://www.trustpilot.com/users/60866c9409d2ea001985e9c4\"\n },\n {\n title: \"Clément\",\n quote: \"Le produit fonctionne très bien et le…\",\n text: \"Le produit fonctionne très bien et le service client est réactif et sympathique.\",\n href: \"https://www.trustpilot.com/users/606d72040f5ae6001bea3962\"\n },\n {\n title: \"Laurline\",\n quote: \"Tout était parfait\",\n text: \"Tout était parfait, ma demande a été très rapidement traitée, ce moyen d'avoir un espace de stockage sur soi sans qu'il prenne de place sur le pc, est vraiment pratique. Merci! Laurline.\",\n href: \"https://www.trustpilot.com/users/6050f9180e9601001ab477cf\"\n },\n {\n title: \"Rémy T.\",\n quote: \"Un service de qualité\",\n text: \"Bonjour,\\n\\nSuite à un comparatif, j'ai découvert pCloud.\\nTout indiqué que l'on s'intéresse à lui.\\nPersonnellement, j'en suis ravi et même très content.\\n+ Accès aux données à l'identique d'un lecteur interne\\n+ Capacité de stockage en ligne 2To\\n+ Paiement à vie (99ans)\\n+ Cross plateformes\\n- Sur Android, je ne trouve pas l'application encore très intuitif...merci viendra avec le temps\\n\\nMerci au SAV, très agréable et très réactif\\nN'hésitez surtout pas 😉\",\n href: \"https://www.trustpilot.com/users/603dd4f74de76c001a19a93b\"\n },\n {\n title: \"Frédéric\",\n quote: \"j'utilise pcloud depuis quelques années…\",\n text: \"j'utilise pcloud depuis quelques années (licence à vie 2 To+crypto)\\nj'en suis satisfait et je l'ai recommandé à mes clients dont certains ont un abonnement à vie\\nje n'ai eu recours qu'une fois au service clients (pour rapatriement de mes données en Europe) et le nécessaire a été fait\\nje n'ai qu'un seul souci : avoir la certitude de la permanence du service pcloud au fil des années\",\n href: \"https://www.trustpilot.com/users/602688eafc7261001a7a8b6c\"\n },\n {\n title: \"Aristide\",\n quote: \"Excellent service...\",\n text: \"Excellent service, disponibilité maximale, rien à redire. Je recommande sans hésitation !!!! Juste Top!!!\",\n href: \"https://www.trustpilot.com/reviews/601da9e7679d9708d82712e0\"\n },\n {\n title: \"Olivier\",\n quote: \"Retour d'expérience\",\n text: \"Après plusieurs déboires avec dropbox (données supprimées intempestivement par eux, sans espoir de les récupérer), j'utilise maintenant pCloud depuis plus d'un an sur plusieurs postes et je suis TRÉS satisfait de ce service.\\nL'utilisation est simple, complète et transparente.\\nL'aide est complète et claire\",\n href: \"https://www.trustpilot.com/users/60195eebcd1f21001ae54334\"\n },\n {\n title: \"M Brice Ducruix\",\n quote: \"Je recommande\",\n text: \"Je recommande. Cloud provenant d'une société suisse et bon rapport qualité-prix surtout lors de l'achat à vie. Petit bémol, il y a une demande à faire afin que les fichiers soient stockés en Europe et non aux États-Unis par défaut.\",\n href: \"https://www.trustpilot.com/users/5b1853c64de5666d345510d3\"\n }\n ],\n \"de\": [\n {\n title: \"Harald Heinisch\",\n href: \"https://de.trustpilot.com/users/6192ce68badf6d0013a21fbc\",\n quote: \"Alles was man braucht!!\",\n text: \"Vertrauenswürdiger Cloudspeicher aus der Schweiz, somit viel empfehlenswerter puncto Datenschutz als die ganzen amerikanischen Anbieter!\",\n },\n {\n title: \"Michael O.\",\n href: \"https://www.trustpilot.com/users/61a3d661b9f9f50012b3986d\",\n quote: \"Attraktive Preise und schneller Support\",\n text: \"pCloud lockt mit attraktiven Preisen bei den Lifetime-Angeboten. Bisher läuft die Technik zuverlässig. Der Support reagiert sehr schnell und antwortet innerhalb weniger Stunden. Sehr vorteilhaft ist, dass pCloud ein Schweizer Unternehmen ist und die Daten in der EU gehostet werden können.\",\n },\n {\n title: \"Yoko\",\n href: \"https://de.trustpilot.com/users/5c07acd1b37e1f6b229a2ba5\",\n quote: \"Ausgezeichnete Cluod, guter Service\",\n text: \"Lebenslanges Konto ist ja schon was außergewöhnliches! Habe in der Zwischenzeit meine Daten synchronisiert um mir das Leben mit der Datensicherung leichter zu machen. Bis jetzt ist alles Ausgezeichnet. pCloud kann ich momentan sehr empfehlen.\",\n },\n {\n title: \"Wolfgang Siebeck, Thailand\",\n quote: \"Hervorragender Support\",\n text: \"Seit Anfang 2019 bin ich zufriedener Nutzer von Pcloud. Der Service ist unschlagbar. Die Unterstützung von den verschiedensten Plattformen ist genial, ich nutze Pcloud unter Linux, Android und Windows zur vollsten Zufriedenheit.\",\n href: \"https://de.trustpilot.com/users/60f59bb333ff06001154846c\"\n },\n {\n title: \"Viktor Bajenov, Deutschland\",\n quote: \"Mega gut\",\n text: \"Sehr stabile, sichere App, freundliche, selbsterklärende Benutzeroberfläche, sehr gute, nette Service. Danke!\",\n href: \"https://de.trustpilot.com/users/605ceb69a42b24001a4d1e8f\"\n },\n {\n title: \"Dietmar K.\",\n quote: \"Toller Support und bester Service\",\n text: \"Toller Support und bester Service, sehr kundenfreundlich. Vorbildlich !!!\",\n href: \"https://www.trustpilot.com/users/5b4cf99f4de5666d3445e9c3\"\n },\n {\n title: \"Joseph\",\n quote: \"Sehr guter Cloudspeicher\",\n text: \"Seid einigen Jahren verwende ich pCloud um von verschiedenen Geräten auf meine Daten zugreifen zu können. Ich verwende Linux Mint, MacOS und IOS. Seid kurzem verwende ich die Backupfunktion von pCloud. Die Synchronisation erfolgt immer schnell und zuverlässig.\\nVor kurzem benötigte ich technische Unterstützung von pCloud. Die Antwortzeit per E-Mail erfolgte innerhalb von 24 Stunden. Die Hilfsmaßnahmen waren ausführlich beschrieben und waren sofort erfolgreich.\",\n href: \"https://www.trustpilot.com/users/5d85e63a07d952c267f783f8\"\n },\n {\n title: \"Saskia John\",\n quote: \"Sehr schnelle und hilfreiche Antwort…\",\n text: \"Sehr schnelle und hilfreiche Antwort auf meine Fragen! Das ist super und ich empfehle pCloud sehr gerne weiter.\",\n href: \"https://www.trustpilot.com/users/5f3a6d0b37f3e885d4639d7a\"\n },\n {\n title: \"Daniel Hä\",\n quote: \"Super und vor allem sehr schneller…\",\n text: \"Super und vor allem sehr schneller Service. Kann ich nur empfehlen. Meine Daten sind und bleiben sicher gespeichert.\",\n href: \"https://www.trustpilot.com/users/6157106b5880c30012e731c3\"\n },\n {\n title: \"André Pahud\",\n quote: \"Ein Support, wie man ihn sich wünscht\",\n text: \"Problem: Zugriff auf Daten auf war nicht mehr möglich, somit potenzieller Datenverlust befürchtet.\\nLösung: Dank rascher und effektiver Unterstützung funktioniert das Backup nun wieder einwandfrei. Sehr gute Erfahrung mit dem zuvorkommenden und hilfreichen Support gemacht.\",\n href: \"https://www.trustpilot.com/users/610cd33b80d5610012782e20\"\n },\n {\n title: \"Man Farang\",\n quote: \"ich bin SEHR zufrieden...\",\n text: \"ich kann mich nur meinem Vorredner Wolfgang Siebeck (der mich für pcloud geworben hat :-)) anschließen:\\nich bin SEHR zufrieden mit meinem LifeTime Abo...\\nAndroid, Windows, Linux...\",\n href: \"https://www.trustpilot.com/users/61000fcc5c510000121a39a1\"\n },\n {\n title: \"Rupert Mohr\",\n quote: \"Seit geraumer Zeit benutze ich pCloud…\",\n text: \"Seit geraumer Zeit benutze ich pCloud zu meiner vollen Zufriedenheit. Das Fehlen merkwürdiger Einschränkungen, die Unterstützung der unterschiedlichen Betriebssystem, der übersichtliche Aufbau des Dateisystems, sowie die verschiedenen Möglichkeiten die Daten zu speichern (Synchronisierung oder Cloud) macht pCloud flexibel. Erweiterung ist kostengünstig möglich und habe ich natürlich gerne wahrgenommen.\",\n href: \"https://www.trustpilot.com/users/60ffc675f54aad0012de91e7\"\n },\n {\n title: \"Wolfgang Siebeck\",\n quote: \"Hervorragender Support\",\n text: \"Seit Anfang 2019 bin ich zufriedener Nutzer von Pcloud. Der Service ist unschlagbar, anfangs gab es kleine Probleme bei Softwareupdates, aber der Support konnte sehr schnell helfen. Die Unterstützung von den verschiedensten Plattformen ist genial, ich nutze Pcloud unter Linux, Android und Windows zur vollsten Zufriedenheit.\",\n href: \"https://www.trustpilot.com/users/60f59bb333ff06001154846c\"\n },\n {\n title: \"Theo Noetzli\",\n quote: \"kunde wird ernst genommen\",\n text: \"schnelle, sehr detaillierte antworten, man hat sich engagiert um mein problem gekümmert und verschiedene gangbare lösungswege vorgeschlagen. freundliche und der situation angepasste korrekte wortwahl. ich hatte über die ganze problemlösungsperiode eine einzige person als ansprechpartner und nicht jedesmal jemand anders. der kunde wird ernst genommen.\",\n href: \"https://www.trustpilot.com/users/570fdd940000ff000a1774da\"\n },\n {\n title: \"C. H.\",\n quote: \"Ganz toller Support!!!\",\n text: \"Ganz toller Support. Ich war sehr zufrieden mit der Lösung und der Hartnäckigkeit vom Support-Team! Ich kann pCloud nur empfehlen.\\n\\nNach diversen anderen Clouds, mit denen ich nicht zufrieden war, fühle ich mich endlich gut aufgehoben :-)\",\n href: \"https://www.trustpilot.com/users/58402b5d0000ff000a5cedc1\"\n },\n {\n title: \"Erich\",\n quote: \"Bin sehr zufrieden.\",\n text: \"Ich bin nach den ersten Tagen der Nutzung von pCloud sehr zufrieden. Würde sogar sagen, begeistert.\\n\\nDer Plan, mein Archiv - grosse Fotomengen - in die Cloud zu legen ist voll aufgegangen. Technisch gab es überhaupt keine Probleme. Auch mit grösseren Datenmengen. Ich habe noch etliche GB-Daten die ich transferieren werde.\\n\\nAber auch sensible Daten habe ich hochgeladen und mittels dem angebotenen Crypo-Zusatz bearbeitet.\\n\\nMit dem Support habe ausschliesslich gute Erfahrungen gemacht. Etwa 3 Mal hatte ich kontakt, da ich Fragen - keine Probleme - hatte. Selbst während den Osterfeiertagen erhielt ich eine Antwort.\\n\\nIch betrachte mich als \\\"normalen Nutzer\\\" der am liebsten mit Standard Apps und Einrichtungen arbeitet. Aus dieser Sicht kann ich pCloud uneingeschränkt empfehlen. Ob allenfalls IT-Spezialisten höhere/andere Anforderungen haben, kann ich nicht beurteilen.\\n\\nNoch einen Blick auf die Kosten. Ich habe vom Osterangebot Gebrauch gemacht. 2-TB für 400 Euro, Liftime. Bei einem realistischen Szenario von 5 Jahren betragen die Kosten gerade mal 80 Euro p.a. für 2-TB inkl. Crypto-Funktion. Das scheint mit angemessen zu sein. Bei 10 Jahren Nutzung, was bei mir nicht unüblich ist, ist der Preis noch besser.\\n\\nIch bin rundum zufrieden.\",\n href: \"https://www.trustpilot.com/users/606e8a14c61786001b8183d6\"\n },\n {\n title: \"Rafael Studer\",\n quote: \"Hervorragender Service\",\n text: \"Sehr zufrieden.\\nIch hatte eine Tiefpreis-Aktion um einen Tag verpasst. Auf meine E-Mail-Nachfrage, ob da nicht etwas zu machen sei, bekam ich nach wenigen Stunden die Rückmeldung, dass sie mir diese Option auch aktivieren würden. Hervorragender Service - kulant und schnell\",\n href: \"https://www.trustpilot.com/users/5de692db741d5fc31532e484\"\n }\n ],\n \"es\": [\n {\n title: \"Natalia C.\",\n quote: \"\\\"pCloud la mas alta calidad y garantía que existe\\\"\",\n text: \"pCloud es el mejor software que existe cuando se trata de guardar o almacenar archivos de distintas clases en nube, de manera fácil y segura, una de sus virtudes es que el programa no depende completamente de Internet para poder disfrutarlo, lo mejor de esta herramienta es que es de muy fácil uso, y permite guardar información de gran tamaño y de manera eficiente, ademas pCloud cuenta con un sistema de seguridad muy eficiente para evitar cualquier ataque de algún virus, su plataforma de uso es bastante sencilla y completa permitiendo a los usuarios garantizar sus trabajo.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3289191\"\n },\n {\n title: \"Marbán, México\",\n quote: \"Insuperable el mejor\",\n text: \"pCloud es el mejor servicio que he usado, ya que el servicio y la atención son de calidad.\\nEl costo beneficio no tiene rival, estoy muy satisfecho!\",\n href: \"https://es.trustpilot.com/users/60f579cc90d8e0001127866c\"\n },\n {\n title: \"Antonio, España\",\n quote: \"Funciona perfectamente, muy buen solución\",\n text: \"Funciona perfectamente tanto en Mac como en W10. Hasta el momento ninguna queja. El servicio de soporte es rápido y eficaz por lo menos respecto a lo que me toca.\",\n href: \"https://es.trustpilot.com/users/5ba27c564de5666d34cb8063\"\n },\n {\n title: \"Consultant in Accounting\",\n quote: \"\\\"recomendado como mejor web para compartir archivos en linea\\\"\",\n text: \"es un extraordinario sistema para estar conectado en cualquier pc o dispositivo y en cualquier parte. si colocas o subes algo en pcloud, al instante, todos los que estan conectados pueden verlo.\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-5120761\"\n },\n {\n title: \"Juana C.\",\n quote: \"\\\"Almacenamiento para toda la vida\\\"\",\n text: \"pCloud la mejor alternativa para almacenamiento en la nube ya que no se necesita espacio en nuestro computador para sincronizarse en la nube, por lo que tenemos acceso conveniente a los datos en ese \\\"disco en la nube\\\", pero a diferencia de las unidades de red que ya no están disponibles una vez que estamos fuera de la conexión, la unidad pCloud se instala como si fuera una unidad USB e incluso si no tenemos una conexión, aún podemos usar la información debido a su protección de caché\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3703834\"\n },\n {\n title: \"Adrián Meza G., Costa Rica\",\n quote: \"Excelente servicio, seguridad y dedicado servicio al cliente\",\n text: \"El servicio y sus posibilidades son excelentes. Tras adquirirlo tengo seguridad de que mis archivos están bien resguardados y, en lo que respecta a imágenes, con la calidad original intacta, además de tener un respaldo sincronizado de mis carpetas esenciales de trabajo. Lo recomiendo abiertamente.\",\n href: \"https://es.trustpilot.com/users/60f8af8b5380fe0012a35ba8\"\n },\n {\n title: \"Juana C\",\n quote: \"\\\"Almacenamiento para toda la vida\\\"\",\n text: \"pCloud la mejor alternativa para almacenamiento en la nube ya que no se necesita espacio en nuestro computador para sincronizarse en la nube, por lo que tenemos acceso conveniente a los datos en ese \\\"disco en la nube\\\", pero a diferencia de las unidades de red que ya no están disponibles una vez que estamos fuera de la conexión, la unidad pCloud se instala como si fuera una unidad USB e incluso si no tenemos una conexión, aún podemos usar la información debido a su protección de caché\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3703834\"\n },\n {\n title: \"Elena Elizabeth D\",\n quote: \"\\\"El poder del almacenamiento en la nube\\\"\",\n text: \"pCloud es un gran servicio de almacenamiento en la nube que se encargará de a asegurar sus mejores medidas de seguridad que están disponibles para que toda su información esté resguardada y recopilada proporciona acceso a todo su contenido multimedia, incluidas audio, imágenes, documentos, video, copias de seguridad y más, en cualquier lugar, en cualquier momento, en cualquier dispositivo. Ofrece una interfaz muy intuitiva y sencilla de usar, puedes almacenar gran cantidad de información que van desde los 10GB en de forma gratuita (que pueden llegar hasta 20 GB haciendo tareas sencillas como invitar a amigos, compartir la página en las redes sociales etc), el plan de por vida es muy económico en comparación con otras plataformas pudiendo obtener hasta 500 TB de\",\n href: \"https://www.g2.com/products/pcloud/reviews/pcloud-review-3453644\"\n },\n {\n title: \"Cesar H\",\n quote: \"De las mejores en Cloud Storage\",\n text: \"Es una excelente herramienta de almacenamiento en la nube. Te permite streaming de tus videos\",\n href: \"https://www.trustpilot.com/users/61320b9022f3570012127667\"\n },\n ],\n \"ru\": [\n {\n title: \"Dmitriy Kucher, Румыния\",\n quote: \"Лучший сервис\",\n text: \"Лучший сервис, простой и удобный в использовани.\\nРекомендую!!!\",\n href: \"https://trustpilot.com/users/609a3b29845ded00190e6032\"\n },\n {\n title: \"Andrew, Россия\",\n quote: \"Стабильное хранение данных\",\n text: \"Стабильное хранение данных\",\n href: \"https://trustpilot.com/users/615c0a31e400e200121e2c6c\"\n },\n {\n title: \"Емил, Болгария\",\n quote: \"Супер простой в использовании и очень надежный\",\n text: \"Пользуюсь pCloud последние 2 года. Я и моя семья всегда будем благодарны этой замечательной услуге!По сей день мы делаем резервные копии и делимся нашими файлами без особых усилий, и все наши воспоминания доступны где угодно!\",\n href: \"https://trustpilot.com/users/61a5e5bd9004ca0012167154\"\n }\n\n ],\n \"it\": [\n {\n title: \"Blumax78\",\n quote: \"Ottimo servizio\",\n text: \"Ottimo servizio. Veloce e semplice da usare. Lo sto utilizzando da oltre un anno e per ora non ho avuto alcun problema.\",\n href: \"https://it.trustpilot.com/users/5dd45dcd6bc2c816285ac45d\"\n },\n {\n title: \"Alce84\",\n quote: \"Fatto l'abbonamento a vita…\",\n text: \"Fatto l'abbonamento a vita 2tb...semplice, funziona bene e lo consiglio vivamente a tutti.\",\n href: \"https://it.trustpilot.com/users/57d3eee40000ff000a431a98\"\n },\n {\n title: \"Shingi Hyakugei\",\n quote: \"Problema risolto, ottimo servizio cloud\",\n text: \"Dopo aver subito un furto della mia mail gmail, e dopo che mi hanno rubato l'account cloud, facendomelo bloccare non si sa come, l'assistenza eccellente della pcloud ha risolto il problema in 4 giorni, che dire, un servizio da sogno, ve lo consiglio proprio.\",\n href: \"https://it.trustpilot.com/users/5f5fd54b14844e5892a06f5c\"\n },\n {\n title: \"Cliente\",\n quote: \"Ottimo servizio cloud\",\n text: \"Ottimo servizio cloud, ho fatto l'abbonamento a vita da 2T molto conveniente. Ho dovuto rivolgermi all'assistenza per un problema di sincronizzazione delle cartelle con l'app su W10, il tutto è stato risolto in tempi discretamente rapidi molto soddisfatto.\",\n href: \"https://www.trustpilot.com/users/60c303635e8b8c0019ab605d\"\n },\n {\n title: \"Vincenzo Maiello\",\n quote: \"ho installato pcloud su windows7\",\n text: \"ho installato pcloud su windows7. ho un abbonamento a vita. pero' dopo l installazione, il programma non si apre e si richiude automaticamente.\",\n href: \"https://www.trustpilot.com/users/60649a3a4fac64001ad8d667\"\n },\n {\n title: \"Matteo Lanzillo\",\n quote: \"Più che consigliato\",\n text: \"Più che consigliato, telefono arrivato imballato ottimamente e al miglior prezzo sul mercato. Non avevo mai acquistato, prima, uno smartphone su internet perché non mi fidavo, ma Tecnosell è garanzia di qualità\",\n href: \"https://www.trustpilot.com/users/5fbe9d4906deb5001b6dfc1f\"\n },\n ],\n \"pt\": [\n {\n title: \"Francisco\",\n quote: \"Fácil e Intuitivo de usar\",\n text: \"O pCloud é um produto/serviço realmente fantástico. É tão fácil e intuitivo de usar. Minha produtividade melhorou muito desde que comprei o plano de vida de 500 GB.\",\n },\n {\n title: \"Rita\",\n quote: \"Muito feliz com o pCloud\",\n text: \"pCloud não só oferece serviços de armazenamento em nuvem confiáveis e seguros. Eles têm sempre uma mente orientada para o cliente. Bom trabalho!\",\n },\n {\n title: \"António\",\n quote: \"2 anos no pCloud e muito contente\",\n text: \"O pCloud é o melhor serviço de armazenamento em nuvem de todos os tempos. É claramente melhor do que qualquer outro serviço cloud. Sua aplicação utiliza a menor quantidade de RAM e funciona perfeitamente. Finalmente, posso sincronizar meu mundo Minecraft\",\n },\n ],\n \"nl\": [\n {\n title: \"Alan MacLeod\",\n quote: \"Erg blij met pCloud\",\n text: \"Ik gebruik pCloud al een aantal jaren, eerst als gratis gebruiker, nu als levenslange gebruiker van 2TB. Ik gebruik Windows, Mac, Linux (zowel GUI als CLI) en Android-clients en ze zijn allemaal uitstekend. Wetend dat mijn gegevens veilig en transparant toegankelijk zijn voor alle besturingssystemen die ik gebruik, is voor mij een onmisbare functie.\",\n href: \"https://www.trustpilot.com/users/61853559afe9fd00120b259e\"\n },\n {\n title: \"Éamonn Herlihy\",\n quote: \"Niets dan lof voor pCloud\",\n text: \" Ik werd aangetrokken door zowel de vele functies van hun service als ook het feit dat ze destijds een van de weinige providers waren die een levenslange abonnementsvorm boden. Ik heb nooit spijt gehad van mijn beslissing. Op basis van mijn persoonlijke ervaring zou ik absoluut niet aarzelen om ze aan iedereen aan te bevelen die goede, betrouwbare, online opslag van belangrijke bestanden en even betrouwbare ondersteuning nodig heeft wanneer dat nodig is.\",\n href: \"https://www.trustpilot.com/users/588e45130000ff000a71a038\"\n },\n {\n title: \"François Gouin\",\n quote: \"2 jaar PCloud en wil niet anders\",\n text: \"Goedkoop, efficiënt en de klantenservice is echt geweldig en snel met antwoorden. Eén levenslange betaling en je hebt één van de beste oplossingen in de markt.\",\n href: \"https://www.trustpilot.com/reviews/61968094f23cf7242d9c4d70\"\n },\n ],\n \"ja\": [\n {\n title: \"スズキイッセイ\",\n quote: \"\",\n text: \"pCloud、いろいろ遊んでみましたが、かなりいいですね。同期と非同期の切り分けがはっきりしてて、思うように動いてくれるので、全然ストレスがないです。同期も比較的サクサク動くので、メインPCのドキュメントフォルダをバックアップ指定して同期して、出張ではサブPCでpCloud上のものを編集する、なんて使い方もありですね。使い勝手の点では100点だと思いました。\",\n // href: \"#\"\n },\n {\n title: \"ゆうママ\",\n quote: \"\",\n text: \"こどもがいる家庭にぴったりのサービスだと思います。写真整理が簡単なのと遠方の両親とも共有できるのがありがたいです。ストレージの容量に悩むことも、月々の支払いを考えるストレスもなくなりました。以前より子どもを撮ることが増えたと思います。いつか、子どもが大きくなったときに一緒に振り返るのが楽しみです。買ってよかったです。\",\n // href: \"#\"\n },\n {\n title: \"隅田真人\",\n quote: \"\",\n text: \"Premium Plus 2TBを買い切りで購入しました。以前は他社の月額のプランに加入していましたが、買い切りプランがあるpCloudを選択。月額は終わりのない支払ですから、なるべく変更したかったです。必要な音源が出社時間を活用し聴くことができます。PCでも端末でも利用可能なのでとても重宝しています。\",\n // href: \"#\"\n },\n ],\n \"zh\": [\n {\n title: \"張永言\",\n quote: \"我是超過3年的pCloud用戶。\",\n text: \"我是超過3年的pCloud用戶。已經擁有兩個賬戶：家用版以及商務版的。我可以隨時隨地在兩個帳戶之間共享文件夾，一切都在我的手中。pCloud的加密功能特別好用, 可以加密私人文件並且使用密碼保護我的文檔。\",\n // href: \"#\"\n },\n {\n title: \"夢呤雪\",\n quote: \"pCloud 提供良好的客戶服務以及很多高效的功能。\",\n text: \"就pCloud而言，是現代的、簡易使用的而且很安全的雲儲存的工具。pCloud提供一系列能從衆多競爭對手中脫穎而出的功能。可以在Windows、Mac、Linux、iOS和Android的平臺使用，而且也可以使用網頁版本。\",\n // href: \"#\"\n },\n {\n title: \"柳聆韻\",\n quote: \"我推薦使用pCloud的軟件！\",\n text: \"我已經爲我的業務大約6個月使用了pCloud的服務。由於GDPR的原因，我們在歐洲找到合作伙伴至關重要。客戶服務很棒而且都有解決問題的一貫方法，方案很易懂的。pCloud提供安全簡單的方式來管理您的數據, 而且也可以在不同的操作系統使用（Linux、Mac、Windows）。\",\n // href: \"#\"\n },\n {\n title: \"雲高輝\",\n quote: \"比Google Drive更好的雲儲存軟件。\",\n text: \"價格便宜，效率高，客戶服務非常好，快速回答問題。只要一次付終身費用，就可以擁有市場上最好用的雲儲存app之一。\",\n // href: \"#\"\n },\n {\n title: \"林子祥\",\n quote: \"我推薦使用pCloud的軟件！\",\n text: \"此工具與google drive相似，但pCloud更易於使用，可以簡單地向用戶發送“上傳鏈接”以及在用戶之間共享文件夾。\",\n // href: \"#\"\n },\n {\n title: \"林海月\",\n quote: \"安全性、加密文檔功能、實惠的價格，這就是pCloud。\",\n text: \"應用特點強調易用性-優秀的客戶服務-平穩的數據同步-通過共資料夾可以與他人分享文檔和文件夾。端到端加密，就是高層的加密功能。\",\n // href: \"#\"\n },\n {\n title: \"程銘文\",\n quote: \"pCloud爲新手提供易於使用，用戶友好的界面。\",\n text: \"由於簡單的界面，它可以像保存在本地硬盤上一樣在雲存儲空間中保存數據，但不佔用設備的空間。\",\n // href: \"#\"\n },\n {\n title: \"趙景幹\",\n quote: \"最好的儲存數據的工具。\",\n text: \"通過pCloud可以同步、備份並簡單地存儲您所有的數據。您可以在訪達中查看虛擬磁盤，它就像你電腦上的另一個文件夾。\",\n // href: \"#\"\n },\n ],\n}","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport { __ } from \"../lib/utils\";\nimport { barLogos } from \"../lib/constants\";\n\nconst LogoBar = ({\n logoColor = \"#DADADF\"\n}) => {\n return (\n \n {__(\"used_by_wrokers\", \"pCloud is used by people working at\")}:\n \n {barLogos.map(({image: LogoSVG}, index) => )}\n \n \n );\n};\n\nexport default LogoBar;\n\nconst LogoBarWrapper = styled.div`\n padding: var(--spacing-2xl) 0 var(--spaces-6) 0;\n max-width: var(--pricing-page-content-width);\n width: calc(100% - var(--pricing-page-content-offset));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-2xl);\n`;\n\nconst Headline = styled.div`\n color: var(--color-base-black);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 17px;\n font-weight: 400;\n`;\n\nconst LogosWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: var(--spaces-10);\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n gap: var(--spacing-2xl);\n }\n`;","var _path, _path2, _path3, _path4, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgFamilyIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 100,\n height: 64,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M99.998 47.994a15.349 15.349 0 00-1.475-6.802 15.376 15.376 0 00-4.328-5.455 13.508 13.508 0 01-7.162 6.242 13.383 13.383 0 006.076-6.33 13.352 13.352 0 00.842-8.727 13.37 13.37 0 00-4.752-7.373 13.41 13.41 0 00-8.305-2.85 8.646 8.646 0 00-1.359.07 30.14 30.14 0 012.547 11.33h-.203A32.047 32.047 0 0071.268 8.03 32.15 32.15 0 0050.008 0a32.15 32.15 0 00-21.26 8.03A32.047 32.047 0 0018.137 28.1h-.211a28.88 28.88 0 012.351-11.204C8.552 18.364 0 28.225 0 40.304a23.7 23.7 0 006.976 16.765 23.78 23.78 0 0016.807 6.93h60.484v-.023a16.046 16.046 0 0011.134-4.785 15.992 15.992 0 004.597-11.197z\",\n fill: \"url(#family-icon_svg__paint0_linear_136_2250)\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.05,\n d: \"M84.268 64H23.783a23.743 23.743 0 01-9.258-1.862A23.706 23.706 0 013.96 53.411 23.646 23.646 0 01.009 39.656 23.565 23.565 0 007.163 56.05a23.646 23.646 0 0016.62 6.67h60.485v-.023a16.063 16.063 0 0010.907-4.567 16.01 16.01 0 004.812-10.786A15.995 15.995 0 0195.4 59.191a16.049 16.049 0 01-11.132 4.786V64z\",\n fill: \"#000\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M44.694 14.797a4.97 4.97 0 014.963 4.955c0 2.706-2.252 4.955-4.963 4.955-2.71 0-4.963-2.249-4.963-4.955 0-2.707 2.252-4.955 4.963-4.955zm11.762 3.497a4.464 4.464 0 014.462 4.456 4.464 4.464 0 01-4.462 4.455 4.464 4.464 0 01-4.463-4.455 4.464 4.464 0 014.463-4.456zM38.355 46.983v3.456l.041.041c0 .208.167.375.376.375h3.67v-3.664a3.587 3.587 0 01-4.087-.208zm5.755-2.499a4.894 4.894 0 014.046-2.123h4.588c1.752 0 3.336.916 4.212 2.415 0 .708.209 1.415.668 2.04v4.038h-2.837v-2.29a.374.374 0 00-.375-.374.374.374 0 00-.375.375v2.29H46.82v-2.29a.374.374 0 00-.375-.375.374.374 0 00-.375.375v2.29h-2.837v-3.581c0-.25 0-.541.084-.791.459-.583.75-1.29.792-1.999zm17.726 6.33a.374.374 0 00.376-.375v-3.04a3.47 3.47 0 01-1.96.666c-.626 0-1.252-.208-1.794-.54v3.289h3.378zM50.305 31.93c2.131 0 3.9 1.727 3.9 3.895a3.875 3.875 0 01-3.9 3.893 3.875 3.875 0 01-3.9-3.894 3.875 3.875 0 013.9-3.893zm11.698 14.636l5.866-6.07.056-.05c.793-.792.96-2.04.376-2.999l-3.546-6.12c-1-1.666-2.71-2.665-4.67-2.665H54.37c-1.447 0-2.785.65-3.686 1.711a5.503 5.503 0 00-1.04.103 5.674 5.674 0 011.765-1.73 5.387 5.387 0 00-4.421-2.332H40.69c-2.21 0-4.087 1.082-5.172 2.997l-3.92 6.746a2.757 2.757 0 00.417 3.372l6.506 6.496a2.772 2.772 0 003.92 0 2.761 2.761 0 000-3.914l-4.754-4.747c-.083-.083-.125-.291-.041-.458l1.918-3.33c.125-.21.334-.292.542-.167.209.124.292.333.167.54l-1.793 3.082 4.546 4.538c.5.5.792 1.083.959 1.708 1.084-1.083 2.544-1.75 4.13-1.75h4.587c1.71 0 3.337.792 4.421 2.124.167-.416.417-.832.75-1.166l4.13-4.122-1.585-2.748a.42.42 0 01.167-.54.422.422 0 01.542.166l1.752 3.04c.125.124.083.332-.042.457l-4.338 4.33c-.959.958-.959 2.54 0 3.498.46.5 1.085.75 1.752.75s1.293-.292 1.752-.75zM50.305 31.152c2.557 0 4.68 2.071 4.68 4.672a4.65 4.65 0 01-4.68 4.673 4.65 4.65 0 01-4.68-4.673 4.65 4.65 0 014.68-4.672z\",\n fill: \"#000\",\n fillOpacity: 0.05\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M44.694 14.019a4.97 4.97 0 014.963 4.954c0 2.707-2.252 4.955-4.963 4.955-2.71 0-4.963-2.248-4.963-4.955 0-2.706 2.252-4.954 4.963-4.954zm11.762 3.497a4.464 4.464 0 014.462 4.456 4.464 4.464 0 01-8.925 0 4.464 4.464 0 014.463-4.456zM38.355 46.205v3.456l.041.041c0 .209.167.375.376.375h3.67v-3.664a3.587 3.587 0 01-4.087-.208zm5.756-2.498a4.894 4.894 0 014.045-2.124h4.588c1.752 0 3.337.916 4.212 2.415 0 .708.209 1.416.668 2.04v4.039h-2.836v-2.29a.374.374 0 00-.376-.374.374.374 0 00-.375.374v2.29h-7.215v-2.29a.374.374 0 00-.376-.374.374.374 0 00-.375.374v2.29h-2.836v-3.58c0-.25 0-.542.083-.791.459-.583.75-1.291.793-2zm17.725 6.329a.374.374 0 00.376-.375v-3.04a3.47 3.47 0 01-1.96.667c-.626 0-1.252-.208-1.794-.542v3.29h3.378zM50.305 31.153c2.131 0 3.9 1.726 3.9 3.894a3.875 3.875 0 01-3.9 3.894 3.875 3.875 0 01-3.9-3.894 3.875 3.875 0 013.9-3.894zm11.698 14.635l5.866-6.07.056-.05c.793-.792.96-2.041.376-2.999l-3.546-6.12c-1-1.666-2.71-2.665-4.67-2.665H54.37c-1.447 0-2.785.65-3.686 1.71a5.488 5.488 0 00-1.04.104 5.674 5.674 0 011.765-1.731 5.387 5.387 0 00-4.421-2.332H40.69c-2.21 0-4.087 1.083-5.172 2.998l-3.92 6.746a2.757 2.757 0 00.417 3.372l6.506 6.496a2.772 2.772 0 003.92 0 2.761 2.761 0 000-3.914l-4.754-4.747c-.083-.083-.125-.291-.041-.458l1.918-3.331c.125-.208.334-.291.542-.167.209.125.292.334.167.542l-1.793 3.08 4.546 4.54c.5.499.792 1.082.959 1.706 1.084-1.082 2.544-1.748 4.13-1.748h4.587c1.71 0 3.337.79 4.421 2.123.167-.416.417-.832.75-1.166l4.13-4.122-1.585-2.748a.42.42 0 01.167-.541.422.422 0 01.542.166l1.752 3.04c.125.125.083.333-.042.458l-4.338 4.33c-.959.958-.959 2.54 0 3.498.46.5 1.085.75 1.752.75s1.293-.292 1.752-.75zM50.305 30.373c2.557 0 4.68 2.072 4.68 4.673a4.65 4.65 0 01-4.68 4.673 4.65 4.65 0 01-4.68-4.673 4.65 4.65 0 014.68-4.673z\",\n fill: \"#fff\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"family-icon_svg__paint0_linear_136_2250\",\n x1: 28.864,\n y1: 0.779,\n x2: 76.348,\n y2: 63.548,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#84FAB0\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#20B5DB\"\n })))));\n}\nexport default SvgFamilyIcon;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { sectionTitleCSS, textGradientCSS, baseButtonCSS } from \"./PricingPage/styles/Plans\";\nimport FamilyIconSVG from \"../../new_site/images/p_plans_premium/family-icon.svg\";\n\nimport { __ } from \"../lib/utils\";\nimport Button from \"@pcloud/web-utilities/dist/resources/components/ButtonDefault\";\n\n\nconst FamilyOffrerSection = ({\n familyPageLink = \"/family.html\"\n}) => {\n \n return (\n \n {__(\"PricingPage2025_FamilySection_title\", \"More users, More savings, One plan\")}\n \n \n {__(\"PricingPage2025_FamilySection_subtitle\", \"Want to bring your family or friends along?\")}\n {__(\"PricingPage2025_FamilySection_desc\", \"Check pCloud Family Plan - up to 5 users, one affordable solution.\")}\n \n\n \n\n \n );\n};\n\nexport default FamilyOffrerSection;\n\nconst FamilyOfferWrapper = styled.div`\n max-width: var(--pricing-page-content-width);\n width: calc(100% - var(--pricing-page-content-offset));\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex: 1;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: var(--spacing-2xl);\n padding: var(--spaces-10) 0 var(--spaces-12) 0;\n\n .offer-btn {\n ${baseButtonCSS};\n background: var(--button-family-background);\n border: 1.5px solid transparent;\n padding: 0 var(--spaces-7);\n text-transform: uppercase;\n color: var(--button-color);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: auto;\n min-width: 260px;\n }\n`;\n\nconst Headline = styled.div`\n ${sectionTitleCSS}\n ${textGradientCSS}\n`;\n\nconst DescWrapper = styled.div`\n color: var(--color-base-black);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nconst Title = styled.div`\n font-size: 26px;\n font-style: normal;\n font-weight: 600;\n line-height: 34px;\n`;\n\nconst Description = styled.div`\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: 34px;\n`;\n\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCheck(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 47.8,\n height: 45.931\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.3 39.166l-6.9-1.4a1.7 1.7 0 01-1-.6 1.383 1.383 0 01-.3-1.2l.8-6.7-4.4-5.1a1.584 1.584 0 01-.5-1.2 1.5 1.5 0 01.4-1.1l4.4-5.1-.8-6.7a1.383 1.383 0 01.3-1.2 1.217 1.217 0 011-.6l6.9-1.4 3.5-6a1.765 1.765 0 01.9-.8 1.9 1.9 0 011.3.1l6.1 2.8 6.1-2.8a1.672 1.672 0 011.2-.1 1.419 1.419 0 01.9.8l3.5 6 6.8 1.4a1.7 1.7 0 011 .6 1.383 1.383 0 01.3 1.2l-.8 6.7 4.4 5.1a1.712 1.712 0 010 2.2l-4.4 5.1.8 6.7a1.383 1.383 0 01-.3 1.2 1.217 1.217 0 01-1 .6l-6.8 1.4-3.5 6a1.419 1.419 0 01-.9.8 1.99 1.99 0 01-1.3-.1l-6-2.8-6.1 2.8a1.672 1.672 0 01-1.2.1 1.419 1.419 0 01-.9-.8zm8.1-9.9a1.656 1.656 0 001.2.5 2.078 2.078 0 001.2-.5l10.3-10.3a1.5 1.5 0 00.4-1.1 1.707 1.707 0 00-1.7-1.7 2.106 2.106 0 00-1.3.5l-8.9 8.9-4.1-4.3a1.536 1.536 0 00-1.3-.5 1.76 1.76 0 00-1.3.6 2.106 2.106 0 00-.5 1.3 1.656 1.656 0 00.5 1.2z\",\n fill: \"#84c400\"\n })));\n}\nexport default SvgCheck;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgAmex(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32,\n height: 32\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 189\",\n transform: \"translate(-954 -1696)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n \"data-name\": \"Rectangle 286\",\n width: 32,\n height: 32,\n rx: 1,\n transform: \"translate(954 1696)\",\n fill: \"#016fd0\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7074\",\n d: \"M965.621 1722.948v-11.453H986v3.116l-2.358 2.526 2.358 2.61v3.2h-3.789l-1.937-2.189-2.021 2.189z\",\n fill: \"#fff\",\n fillRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7075\",\n d: \"M966.968 1721.684v-8.926h7.579v2.021h-5.137v1.432h4.968v2.021h-4.968v1.347h5.137v2.105z\",\n fill: \"#016fd0\",\n fillRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7076\",\n d: \"M974.463 1721.684l4.211-4.463-4.211-4.463h3.284l2.611 2.779 2.526-2.779H986l-4.126 4.463 4.126 4.295v.168h-3.116l-2.611-2.863-2.611 2.863z\",\n fill: \"#016fd0\",\n fillRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7077\",\n d: \"M966.548 1701.305h4.884l1.768 3.874v-3.874h6.063l1.011 2.947 1.095-2.947h4.632v11.453h-24.506z\",\n fill: \"#fff\",\n fillRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7078\",\n d: \"M967.474 1702.568l-3.958 8.926h2.695l.758-1.768h4.042l.758 1.768h2.779l-3.958-8.926zm.337 5.137l1.179-2.863 1.179 2.863z\",\n fill: \"#016fd0\",\n fillRule: \"evenodd\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7079\",\n d: \"M974.547 1711.494v-8.926h3.789l2.021 5.474 1.937-5.474h3.705v8.926h-2.358v-6.147l-2.274 6.147h-2.105l-2.358-6.147v6.147z\",\n fill: \"#016fd0\",\n fillRule: \"evenodd\"\n }))));\n}\nexport default SvgAmex;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDiners(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 39,\n height: 32\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 191\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Rectangle 2635\",\n fill: \"#fff\",\n stroke: \"#e5e5e5\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 39,\n height: 32,\n rx: 5,\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 38,\n height: 31,\n rx: 4.5,\n fill: \"none\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6936\",\n d: \"M21.635 26C27.052 26 32 21.52 32 16.08A10.156 10.156 0 0021.635 6H17A9.822 9.822 0 007 16.08 10.02 10.02 0 0017 26z\",\n fill: \"#0079be\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6937\",\n d: \"M17 6.8a9.174 9.174 0 109.062 9.173A9.121 9.121 0 0017 6.8zm-5.729 9.173a5.832 5.832 0 013.7-5.44V21.36a5.708 5.708 0 01-3.701-5.387zm7.812 5.44v-10.88a5.854 5.854 0 013.7 5.44 5.99 5.99 0 01-3.7 5.44z\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6938\",\n d: \"M21.635 26C27.052 26 32 21.52 32 16.08A10.156 10.156 0 0021.635 6H17A9.822 9.822 0 007 16.08 10.02 10.02 0 0017 26z\",\n fill: \"#0079be\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6939\",\n d: \"M16.739 6.8a9.176 9.176 0 108.958 9.173A9.067 9.067 0 0016.739 6.8zm-5.833 9.173a5.942 5.942 0 013.906-5.653v11.307a5.942 5.942 0 01-3.906-5.654zm7.813 5.653V10.32a6.044 6.044 0 010 11.307z\",\n fill: \"#fff\"\n }))));\n}\nexport default SvgDiners;","var _defs, _path, _g, _g2, _g3;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDiscouver(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 32,\n height: 32\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"discouver_svg__c\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7071\",\n d: \"M48.667 46.633a2.333 2.333 0 11-2.334-2.333 2.319 2.319 0 012.334 2.333z\",\n transform: \"translate(-44 -44.3)\",\n opacity: 0.5\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"discouver_svg__d\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7072\",\n d: \"M54.8 23.8H24.867a1.053 1.053 0 00-1.067 1.067v29.866a1.053 1.053 0 001.067 1.067h29.866a1.053 1.053 0 001.067-1.067V24.867a1.087 1.087 0 00-1-1.067zM24.867 55.467a.74.74 0 01-.733-.733V24.867a.74.74 0 01.733-.733H38.6A15.649 15.649 0 0154.267 39.8 15.649 15.649 0 0138.6 55.467z\",\n transform: \"translate(-23.8 -23.8)\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"discouver_svg__e\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n \"data-name\": \"Ellipse 87\",\n cx: 29.667,\n cy: 29.667,\n r: 29.667\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"discouver_svg__a\",\n x1: 0.765,\n y1: 0.891,\n x2: 0.423,\n y2: 0.356,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#ff9200\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.207,\n stopColor: \"#ff8e00\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.442,\n stopColor: \"#ff8000\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.62,\n stopColor: \"#ff7100\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.818,\n stopColor: \"#ff5e00\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#ff5200\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"discouver_svg__b\",\n x1: 0.711,\n y1: 0.884,\n x2: 0.212,\n y2: -0.092,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#ff7100\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.217,\n stopColor: \"#ff5900\",\n stopOpacity: 0.165\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.505,\n stopColor: \"#ff4000\",\n stopOpacity: 0.38\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.769,\n stopColor: \"#ff3100\",\n stopOpacity: 0.58\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.982,\n stopColor: \"#ff2b00\",\n stopOpacity: 0.741\n })))), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6940\",\n d: \"M14.8 31.666A15.649 15.649 0 0030.467 16 15.649 15.649 0 0014.8.333\",\n fill: \"none\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 180\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6941\",\n d: \"M30.467 16A15.649 15.649 0 0114.8 31.666H31a.74.74 0 00.733-.733V1.066A.74.74 0 0031 .333H14.8A15.734 15.734 0 0130.467 16z\",\n fill: \"none\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6942\",\n d: \"M.4 1.066v29.867a.74.74 0 00.733.733H14.8A15.649 15.649 0 0030.467 16 15.649 15.649 0 0014.8.333H1.067a.727.727 0 00-.667.733z\",\n fill: \"#fff\"\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 185\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 184\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6943\",\n d: \"M2.734 13.8H1.467v4.333h1.267a1.97 1.97 0 001.533-.533 2.225 2.225 0 00.8-1.667A2.16 2.16 0 002.734 13.8zm1 3.267a1.45 1.45 0 01-1.133.333h-.2v-2.867h.2a1.45 1.45 0 011.133.333 1.573 1.573 0 01.467 1.067 1.373 1.373 0 01-.467 1.134z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 200\",\n fill: \"#231f20\",\n d: \"M5.467 13.8h.867v4.333h-.867z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6944\",\n d: \"M8.4 15.467c-.533-.2-.667-.333-.667-.533a.539.539 0 01.6-.467A.926.926 0 019 14.8l.467-.6a1.76 1.76 0 00-1.267-.467 1.244 1.244 0 00-1.333 1.268c0 .6.267.933 1.067 1.2a2.754 2.754 0 01.6.267.5.5 0 01.267.467.616.616 0 01-.667.6 1.006 1.006 0 01-.933-.6l-.533.533a1.644 1.644 0 001.533.8 1.442 1.442 0 001.533-1.4c-.067-.734-.334-1.067-1.334-1.401z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6945\",\n d: \"M9.934 16a2.248 2.248 0 002.267 2.267A2.286 2.286 0 0013.268 18v-1a1.389 1.389 0 01-1 .467 1.418 1.418 0 01-1.467-1.533 1.384 1.384 0 011.4-1.467 1.42 1.42 0 011.067.467v-1a2.111 2.111 0 00-1.067-.267A2.349 2.349 0 009.934 16z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6946\",\n d: \"M20.001 16.733L18.867 13.8h-.933l1.8 4.467h.467l1.866-4.467H21.2z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6947\",\n d: \"M22.467 18.133h2.4V17.4h-1.533v-1.133h1.467v-.733h-1.467v-1h1.533V13.8h-2.4z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6948\",\n d: \"M28.267 15.067c0-.8-.533-1.267-1.533-1.267h-1.267v4.333h.867V16.4h.133l1.2 1.733h1.067l-1.4-1.8a1.244 1.244 0 00.933-1.266zm-1.733.733h-.267v-1.333h.267c.533 0 .8.2.8.667.066.466-.267.666-.8.666z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6949\",\n d: \"M28.934 14.067a.143.143 0 00-.133-.133h-.134v.4h.067v-.2l.133.133H29l-.133-.133zm-.2 0v-.133c.067 0 .067 0 .067.067s-.001.066-.067.066z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6950\",\n d: \"M28.8 13.8a.333.333 0 10.333.333.315.315 0 00-.333-.333zm0 .6a.267.267 0 11.267-.267.287.287 0 01-.267.267z\",\n fill: \"#231f20\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 181\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6951\",\n d: \"M48.667 46.633a2.319 2.319 0 01-2.333 2.333A2.278 2.278 0 0144 46.633a2.333 2.333 0 114.667 0z\",\n transform: \"translate(-30.533 -30.633)\",\n fill: \"url(#discouver_svg__a)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6952\",\n d: \"M48.667 46.633a2.319 2.319 0 01-2.333 2.333A2.278 2.278 0 0144 46.633a2.333 2.333 0 114.667 0z\",\n transform: \"translate(-30.533 -30.633)\",\n opacity: 0.65,\n fill: \"url(#discouver_svg__b)\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 183\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 182\",\n clipPath: \"url(#discouver_svg__c)\",\n transform: \"translate(13.467 13.667)\",\n opacity: 0.5\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6953\",\n d: \"M2.4 0A2.333 2.333 0 11.067 2.333 2.319 2.319 0 012.4 0z\",\n fill: \"#030100\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6954\",\n d: \"M2.4 0A2.333 2.333 0 11.067 2.333 2.362 2.362 0 012.4 0z\",\n fill: \"#060200\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6955\",\n d: \"M2.4 0A2.333 2.333 0 11.067 2.333 2.362 2.362 0 012.4 0z\",\n fill: \"#0a0300\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6956\",\n d: \"M2.4 0A2.333 2.333 0 11.067 2.333 2.362 2.362 0 012.4 0z\",\n fill: \"#0d0300\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6957\",\n d: \"M2.4 0a2.319 2.319 0 012.333 2.333A2.333 2.333 0 112.4 0z\",\n fill: \"#100400\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6958\",\n d: \"M2.4 0a2.319 2.319 0 012.333 2.333A2.333 2.333 0 112.4 0z\",\n fill: \"#130500\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6959\",\n d: \"M2.4 0a2.319 2.319 0 012.333 2.333 2.421 2.421 0 01-2.333 2.4A2.367 2.367 0 012.4 0z\",\n fill: \"#160600\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6960\",\n d: \"M2.467 0A2.319 2.319 0 014.8 2.333a2.421 2.421 0 01-2.333 2.4A2.362 2.362 0 01.135 2.4 2.294 2.294 0 012.467 0z\",\n fill: \"#190700\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6961\",\n d: \"M2.466.068a2.319 2.319 0 012.333 2.333 2.421 2.421 0 01-2.333 2.4A2.362 2.362 0 01.133 2.468a2.258 2.258 0 012.333-2.4z\",\n fill: \"#1d0800\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6962\",\n d: \"M2.466.067a2.376 2.376 0 012.4 2.333 2.433 2.433 0 01-2.4 2.4A2.362 2.362 0 01.133 2.467a2.3 2.3 0 012.333-2.4z\",\n fill: \"#200900\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6963\",\n d: \"M2.466.067a2.376 2.376 0 012.4 2.333 2.433 2.433 0 01-2.4 2.4A2.362 2.362 0 01.133 2.467a2.335 2.335 0 012.333-2.4z\",\n fill: \"#230a00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6964\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4A2.362 2.362 0 01.133 2.4 2.319 2.319 0 012.466.067z\",\n fill: \"#260a00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6965\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 010-4.667z\",\n fill: \"#290b00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6966\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 010-4.667z\",\n fill: \"#2c0c00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6967\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 010-4.667z\",\n fill: \"#300d00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6968\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 010-4.667z\",\n fill: \"#330e00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6969\",\n d: \"M2.466.067a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 010-4.667z\",\n fill: \"#360f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6970\",\n d: \"M2.466.135a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4A2.362 2.362 0 01.133 2.467 2.278 2.278 0 012.466.135z\",\n fill: \"#391000\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6971\",\n d: \"M2.466.135a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4A2.362 2.362 0 01.133 2.467 2.278 2.278 0 012.466.135z\",\n fill: \"#3c1000\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6972\",\n d: \"M2.466.133a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#3f1100\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6973\",\n d: \"M2.466.133a2.364 2.364 0 012.4 2.267 2.433 2.433 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#431200\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6974\",\n d: \"M2.533.133a2.32 2.32 0 012.4 2.267 2.48 2.48 0 01-2.4 2.4A2.362 2.362 0 01.2 2.466 2.319 2.319 0 012.533.133z\",\n fill: \"#461300\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6975\",\n d: \"M2.533.133a2.32 2.32 0 012.4 2.267 2.48 2.48 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#491400\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6976\",\n d: \"M2.533.133a2.32 2.32 0 012.4 2.267 2.48 2.48 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#4c1500\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6977\",\n d: \"M2.533.133a2.32 2.32 0 012.4 2.267 2.48 2.48 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#4f1600\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6978\",\n d: \"M2.533.133a2.32 2.32 0 012.4 2.267 2.48 2.48 0 01-2.4 2.4 2.333 2.333 0 110-4.667z\",\n fill: \"#521600\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6979\",\n d: \"M2.533.133a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#561700\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6980\",\n d: \"M2.533.201a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.362 2.362 0 01.2 2.466 2.263 2.263 0 012.533.201z\",\n fill: \"#591800\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6981\",\n d: \"M2.533.201a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.362 2.362 0 01.2 2.466 2.263 2.263 0 012.533.201z\",\n fill: \"#5c1900\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6982\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.2 2.533 2.319 2.319 0 012.533.2z\",\n fill: \"#5f1a00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6983\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467 2.333 2.333 0 110-4.667z\",\n fill: \"#621b00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6984\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467 2.333 2.333 0 110-4.667z\",\n fill: \"#651c00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6985\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.2 2.533 2.456 2.456 0 012.533.2z\",\n fill: \"#691d00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6986\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.2 2.533 2.456 2.456 0 012.533.2z\",\n fill: \"#6c1d00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6987\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.2 2.533 2.456 2.456 0 012.533.2z\",\n fill: \"#6f1e00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6988\",\n d: \"M2.533.2a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.2 2.533 2.456 2.456 0 012.533.2z\",\n fill: \"#721f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6989\",\n d: \"M2.6.268a2.309 2.309 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.6 2.278 2.278 0 012.6.268z\",\n fill: \"#752000\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6990\",\n d: \"M2.6.268a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.6 2.278 2.278 0 012.6.268z\",\n fill: \"#782100\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6991\",\n d: \"M2.6.268a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.6 2.278 2.278 0 012.6.268z\",\n fill: \"#7c2200\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6992\",\n d: \"M2.6.268a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.6 2.278 2.278 0 012.6.268z\",\n fill: \"#7f2300\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6993\",\n d: \"M2.6.267a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467 2.333 2.333 0 110-4.667z\",\n fill: \"#822300\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6994\",\n d: \"M2.6.267A2.256 2.256 0 015 2.4a2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#852400\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6995\",\n d: \"M2.6.267A2.256 2.256 0 015 2.4a2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#882500\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6996\",\n d: \"M2.6.267A2.256 2.256 0 015 2.4a2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.534 2.447 2.447 0 012.6.267z\",\n fill: \"#8b2600\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6997\",\n d: \"M2.6.267A2.3 2.3 0 015 2.4a2.54 2.54 0 01-2.4 2.467A2.362 2.362 0 01.267 2.534 2.447 2.447 0 012.6.267z\",\n fill: \"#8f2700\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6998\",\n d: \"M2.6.335A2.3 2.3 0 015 2.468a2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#922800\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 6999\",\n d: \"M2.6.335a2.365 2.365 0 012.467 2.132A2.551 2.551 0 012.6 4.935a2.3 2.3 0 110-4.6z\",\n fill: \"#952900\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7000\",\n d: \"M2.6.335a2.365 2.365 0 012.467 2.132A2.551 2.551 0 012.6 4.935a2.3 2.3 0 110-4.6z\",\n fill: \"#982900\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7001\",\n d: \"M2.6.335a2.365 2.365 0 012.467 2.132A2.551 2.551 0 012.6 4.935a2.3 2.3 0 110-4.6z\",\n fill: \"#9b2a00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7002\",\n d: \"M2.6.335a2.365 2.365 0 012.467 2.132A2.551 2.551 0 012.6 4.935a2.3 2.3 0 110-4.6z\",\n fill: \"#9e2b00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7003\",\n d: \"M2.666.333a2.365 2.365 0 012.467 2.133 2.551 2.551 0 01-2.467 2.467A2.362 2.362 0 01.333 2.6 2.305 2.305 0 012.666.333z\",\n fill: \"#a22c00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7004\",\n d: \"M2.666.333a2.365 2.365 0 012.467 2.133 2.6 2.6 0 01-2.467 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#a52d00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7005\",\n d: \"M2.666.333a2.365 2.365 0 012.467 2.133 2.662 2.662 0 01-2.467 2.533 2.333 2.333 0 110-4.667z\",\n fill: \"#a82e00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7006\",\n d: \"M2.666.333a2.365 2.365 0 012.467 2.133 2.662 2.662 0 01-2.467 2.533A2.362 2.362 0 01.333 2.666 2.408 2.408 0 012.666.333z\",\n fill: \"#ab2f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7007\",\n d: \"M2.666.401a2.318 2.318 0 012.467 2.132 2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.733 2.359 2.359 0 012.666.401z\",\n fill: \"#ae3000\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7008\",\n d: \"M2.666.401c1.267.067 2.467.8 2.467 2.067a2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.666 2.347 2.347 0 012.666.401z\",\n fill: \"#b13000\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7009\",\n d: \"M2.666.401c1.267.067 2.467.8 2.467 2.067a2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.666 2.347 2.347 0 012.666.401z\",\n fill: \"#b53100\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7010\",\n d: \"M2.666.401c1.267.067 2.467.8 2.467 2.067a2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.666 2.347 2.347 0 012.666.401z\",\n fill: \"#b83200\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7011\",\n d: \"M5.133 2.466a2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.666 2.361 2.361 0 012.666.333c1.267.133 2.467.867 2.467 2.133z\",\n fill: \"#b30\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7012\",\n d: \"M2.666.401c1.267.067 2.467.8 2.467 2.067a2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.666 2.347 2.347 0 012.666.401z\",\n fill: \"#bc3604\",\n opacity: 0.983\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7013\",\n d: \"M2.666.4c1.267.067 2.467.8 2.467 2.067A2.662 2.662 0 012.666 5 2.319 2.319 0 01.333 2.667 2.4 2.4 0 012.666.4z\",\n fill: \"#bd3a09\",\n opacity: 0.966\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7014\",\n d: \"M2.666.4c1.267.067 2.467.8 2.467 2.067A2.662 2.662 0 012.666 5 2.319 2.319 0 01.333 2.667 2.4 2.4 0 012.666.4z\",\n fill: \"#be3d0d\",\n opacity: 0.949\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7015\",\n d: \"M2.666.4a2.318 2.318 0 012.467 2.133 2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.733 2.406 2.406 0 012.666.4z\",\n fill: \"#c04111\",\n opacity: 0.932\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7016\",\n d: \"M2.666.4a2.318 2.318 0 012.467 2.133 2.662 2.662 0 01-2.467 2.533A2.319 2.319 0 01.333 2.733 2.406 2.406 0 012.666.4z\",\n fill: \"#c14416\",\n opacity: 0.915\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7017\",\n d: \"M2.666.4a2.365 2.365 0 012.467 2.133A2.6 2.6 0 012.666 5 2.319 2.319 0 01.333 2.667 2.447 2.447 0 012.666.4z\",\n fill: \"#c2481a\",\n opacity: 0.898\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7018\",\n d: \"M2.666.468A2.365 2.365 0 015.133 2.6a2.551 2.551 0 01-2.467 2.468A2.319 2.319 0 01.333 2.733 2.347 2.347 0 012.666.468z\",\n fill: \"#c34b1e\",\n opacity: 0.881\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7019\",\n d: \"M2.733.468A2.365 2.365 0 015.2 2.6a2.551 2.551 0 01-2.467 2.468 2.3 2.3 0 110-4.6z\",\n fill: \"#c44f23\",\n opacity: 0.864\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7020\",\n d: \"M2.733.468a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#c55227\",\n opacity: 0.848\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7021\",\n d: \"M2.733.468a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#c7562b\",\n opacity: 0.831\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7022\",\n d: \"M2.733.468a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#c85930\",\n opacity: 0.814\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7023\",\n d: \"M2.733.468a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467 2.3 2.3 0 110-4.6z\",\n fill: \"#c95c34\",\n opacity: 0.797\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7024\",\n d: \"M2.733.467a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.349 2.349 0 012.733.467z\",\n fill: \"#ca6038\",\n opacity: 0.78\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7025\",\n d: \"M2.733.467a2.3 2.3 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.349 2.349 0 012.733.467z\",\n fill: \"#cb633d\",\n opacity: 0.763\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7026\",\n d: \"M2.733.467a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.349 2.349 0 012.733.467z\",\n fill: \"#cc6741\",\n opacity: 0.746\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7027\",\n d: \"M2.733.467a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.4 2.4 0 012.733.467z\",\n fill: \"#cd6a45\",\n opacity: 0.729\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7028\",\n d: \"M2.733.467a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.447 2.447 0 012.733.467z\",\n fill: \"#cf6e49\",\n opacity: 0.712\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7029\",\n d: \"M2.733.467a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.734 2.447 2.447 0 012.733.467z\",\n fill: \"#d0714e\",\n opacity: 0.695\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7030\",\n d: \"M2.733.535a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.8 2.347 2.347 0 012.733.535z\",\n fill: \"#d17552\",\n opacity: 0.678\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7031\",\n d: \"M2.733.535a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.8 2.347 2.347 0 012.733.535z\",\n fill: \"#d27856\",\n opacity: 0.661\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7032\",\n d: \"M2.733.535a2.256 2.256 0 012.4 2.133 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.8 2.347 2.347 0 012.733.535z\",\n fill: \"#d37c5b\",\n opacity: 0.644\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7033\",\n d: \"M2.733.535a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.867 2.359 2.359 0 012.733.535z\",\n fill: \"#d47f5f\",\n opacity: 0.627\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7034\",\n d: \"M2.733.535a2.266 2.266 0 012.4 2.2 2.54 2.54 0 01-2.4 2.467A2.319 2.319 0 01.4 2.867 2.359 2.359 0 012.733.535z\",\n fill: \"#d68363\",\n opacity: 0.61\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7035\",\n d: \"M2.733.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.319 2.319 0 01.4 2.8 2.4 2.4 0 012.733.533z\",\n fill: \"#d78668\",\n opacity: 0.593\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7036\",\n d: \"M2.733.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.319 2.319 0 01.4 2.8 2.4 2.4 0 012.733.533z\",\n fill: \"#d8896c\",\n opacity: 0.576\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7037\",\n d: \"M2.8.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#d98d70\",\n opacity: 0.559\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7038\",\n d: \"M2.8.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#da9075\",\n opacity: 0.542\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7039\",\n d: \"M2.8.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.319 2.319 0 01.467 2.8 2.35 2.35 0 012.8.533z\",\n fill: \"#db9479\",\n opacity: 0.525\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7040\",\n d: \"M2.8.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.319 2.319 0 01.467 2.8 2.35 2.35 0 012.8.533z\",\n fill: \"#dc977d\",\n opacity: 0.508\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7041\",\n d: \"M2.8.533a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4A2.319 2.319 0 01.467 2.8 2.4 2.4 0 012.8.533z\",\n fill: \"#de9b82\",\n opacity: 0.491\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7042\",\n d: \"M2.8.601a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#df9e86\",\n opacity: 0.475\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7043\",\n d: \"M2.8.601a2.309 2.309 0 012.4 2.2 2.48 2.48 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#e0a28a\",\n opacity: 0.458\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7044\",\n d: \"M2.8.601a2.309 2.309 0 012.4 2.2 2.433 2.433 0 01-2.4 2.4 2.3 2.3 0 110-4.6z\",\n fill: \"#e1a58f\",\n opacity: 0.441\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7045\",\n d: \"M2.8.6a2.309 2.309 0 012.4 2.2 2.433 2.433 0 01-2.4 2.4A2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e2a993\",\n opacity: 0.424\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7046\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e3ac97\",\n opacity: 0.407\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7047\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e4af9c\",\n opacity: 0.39\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7048\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e6b3a0\",\n opacity: 0.373\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7049\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e7b6a4\",\n opacity: 0.356\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7050\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.349 2.349 0 012.8.6z\",\n fill: \"#e8baa9\",\n opacity: 0.339\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7051\",\n d: \"M2.8.6a2.25 2.25 0 012.333 2.2A2.421 2.421 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.447 2.447 0 012.8.6z\",\n fill: \"#e9bdad\",\n opacity: 0.322\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7052\",\n d: \"M2.8.6a2.263 2.263 0 012.333 2.267 2.421 2.421 0 01-2.333 2.4A2.319 2.319 0 01.467 2.933 2.456 2.456 0 012.8.6z\",\n fill: \"#eac1b1\",\n opacity: 0.305\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7053\",\n d: \"M2.8.6a2.305 2.305 0 012.333 2.267A2.362 2.362 0 012.8 5.2 2.319 2.319 0 01.467 2.867 2.447 2.447 0 012.8.6z\",\n fill: \"#ebc4b6\",\n opacity: 0.288\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7054\",\n d: \"M2.8.668a2.305 2.305 0 012.333 2.267A2.362 2.362 0 012.8 5.268 2.319 2.319 0 01.467 2.933 2.347 2.347 0 012.8.668z\",\n fill: \"#edc8ba\",\n opacity: 0.271\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7055\",\n d: \"M2.866.668a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 2.933 2.263 2.263 0 012.866.668z\",\n fill: \"#eecbbe\",\n opacity: 0.254\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7056\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#efcfc2\",\n opacity: 0.237\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7057\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#f0d2c7\",\n opacity: 0.22\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7058\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#f1d6cb\",\n opacity: 0.203\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7059\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#f2d9cf\",\n opacity: 0.186\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7060\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#f3dcd4\",\n opacity: 0.169\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7061\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#f5e0d8\",\n opacity: 0.153\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7062\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 2.934 2.35 2.35 0 012.866.667z\",\n fill: \"#f6e3dc\",\n opacity: 0.136\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7063\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 2.934 2.35 2.35 0 012.866.667z\",\n fill: \"#f7e7e1\",\n opacity: 0.119\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7064\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 2.934 2.4 2.4 0 012.866.667z\",\n fill: \"#f8eae5\",\n opacity: 0.102\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7065\",\n d: \"M2.866.667a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 2.934 2.4 2.4 0 012.866.667z\",\n fill: \"#f9eee9\",\n opacity: 0.085\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7066\",\n d: \"M2.866.735a2.305 2.305 0 012.333 2.267 2.362 2.362 0 01-2.333 2.333 2.3 2.3 0 110-4.6z\",\n fill: \"#faf1ee\",\n opacity: 0.068\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7067\",\n d: \"M2.866.733A2.305 2.305 0 015.199 3a2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 3 2.349 2.349 0 012.866.733z\",\n fill: \"#fcf5f2\",\n opacity: 0.051\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7068\",\n d: \"M2.866.733A2.305 2.305 0 015.199 3a2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 3 2.349 2.349 0 012.866.733z\",\n fill: \"#fdf8f6\",\n opacity: 0.034\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7069\",\n d: \"M2.866.733A2.305 2.305 0 015.199 3a2.362 2.362 0 01-2.333 2.333A2.319 2.319 0 01.533 3 2.349 2.349 0 012.866.733z\",\n fill: \"#fefcfb\",\n opacity: 0.017\n })))))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 188\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 187\",\n clipPath: \"url(#discouver_svg__d)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 186\",\n transform: \"translate(-22.667 -13.667)\",\n clipPath: \"url(#discouver_svg__e)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 201\",\n fill: \"#e04e15\",\n d: \"M-10.869 18.827l51.382-29.666L70.18 40.543 18.797 70.209z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 202\",\n fill: \"#e04f15\",\n d: \"M-10.268 19.903L41.114-9.763l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 203\",\n fill: \"#e15015\",\n d: \"M-9.61 20.945L41.772-8.721 71.44 42.66 20.056 72.327z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 204\",\n fill: \"#e15115\",\n d: \"M-9.01 22.022L42.372-7.644 72.04 43.737 20.656 73.404z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 205\",\n fill: \"#e25215\",\n d: \"M-8.409 23.098L42.973-6.568 72.64 44.813 21.257 74.48z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 206\",\n fill: \"#e25316\",\n d: \"M-7.751 24.14L43.631-5.526l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 207\",\n fill: \"#e35416\",\n d: \"M-7.117 25.274L44.265-4.392 73.932 46.99 22.549 76.656z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 208\",\n fill: \"#e35516\",\n d: \"M-6.516 26.35L44.866-3.316l29.667 51.382L23.15 77.732z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 209\",\n fill: \"#e35616\",\n d: \"M-5.916 27.426L45.466-2.24l29.667 51.382L23.75 78.808z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 210\",\n fill: \"#e45716\",\n d: \"M-5.257 28.469L46.125-1.197l29.667 51.382L24.409 79.85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 211\",\n fill: \"#e45716\",\n d: \"M-4.657 29.545L46.725-.121 76.392 51.26 25.009 80.927z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 212\",\n fill: \"#e55816\",\n d: \"M-4.056 30.621L47.326.955l29.667 51.382L25.61 82.003z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 213\",\n fill: \"#e55916\",\n d: \"M-3.455 31.697L47.927 2.031l29.667 51.382L26.21 83.079z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 214\",\n fill: \"#e55a16\",\n d: \"M-2.797 32.74L48.585 3.074l29.667 51.382L26.87 84.122z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 215\",\n fill: \"#e65b16\",\n d: \"M-2.197 33.816L49.185 4.15l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 216\",\n fill: \"#e65c17\",\n d: \"M-1.596 34.892L49.786 5.226l29.667 51.382L28.07 86.274z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 217\",\n fill: \"#e75d17\",\n d: \"M-.938 35.935L50.444 6.269 80.111 57.65 28.728 87.317z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 218\",\n fill: \"#e75e17\",\n d: \"M-.337 37.011L51.045 7.345l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 219\",\n fill: \"#e85f17\",\n d: \"M.263 38.087L51.645 8.421l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 220\",\n fill: \"#e86017\",\n d: \"M.864 39.163L52.246 9.497l29.667 51.382L30.53 90.545z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 221\",\n fill: \"#e86117\",\n d: \"M1.12 39.551L52.502 9.885 82.17 61.267 30.786 90.933z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 222\",\n fill: \"#e96217\",\n d: \"M1.352 40.03l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 223\",\n fill: \"#e96317\",\n d: \"M1.608 40.418L52.99 10.752l29.667 51.382L31.274 91.8z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 224\",\n fill: \"#e96418\",\n d: \"M1.864 40.806L53.246 11.14l29.667 51.382L31.53 92.188z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 225\",\n fill: \"#e96518\",\n d: \"M2.062 41.227l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 226\",\n fill: \"#ea6618\",\n d: \"M2.318 41.615L53.7 11.949 83.367 63.33 31.984 92.997z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 227\",\n fill: \"#ea6718\",\n d: \"M2.55 42.094l51.382-29.666L83.6 63.81 32.216 93.476z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 228\",\n fill: \"#ea6818\",\n d: \"M2.806 42.482l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 229\",\n fill: \"#ea6918\",\n d: \"M3.062 42.87l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 230\",\n fill: \"#eb6a18\",\n d: \"M3.26 43.291l51.382-29.666L84.31 65.006 32.926 94.673z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 231\",\n fill: \"#eb6b19\",\n d: \"M3.516 43.679l51.382-29.666 29.667 51.382L33.182 95.06z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 232\",\n fill: \"#eb6c19\",\n d: \"M3.748 44.158L55.13 14.492l29.667 51.382L33.414 95.54z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 233\",\n fill: \"#eb6d19\",\n d: \"M4.004 44.546L55.386 14.88l29.667 51.382L33.67 95.928z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 234\",\n fill: \"#ec6e19\",\n d: \"M4.203 44.968l51.382-29.666 29.667 51.382L33.87 96.35z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 235\",\n fill: \"#ec6f19\",\n d: \"M4.459 45.356L55.841 15.69l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 236\",\n fill: \"#ec7019\",\n d: \"M4.748 45.801L56.13 16.135l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 237\",\n fill: \"#ec7119\",\n d: \"M4.946 46.223l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 238\",\n fill: \"#ed7219\",\n d: \"M5.202 46.61l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 239\",\n fill: \"#ed731a\",\n d: \"M5.401 47.032l51.382-29.666L86.45 68.748 35.067 98.414z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 240\",\n fill: \"#ed741a\",\n d: \"M5.657 47.42l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 241\",\n fill: \"#ed751a\",\n d: \"M5.946 47.865l51.382-29.666L86.995 69.58 35.612 99.247z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 242\",\n fill: \"#ee761a\",\n d: \"M6.144 48.287l51.382-29.666 29.667 51.382L35.81 99.669z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 243\",\n fill: \"#ee771a\",\n d: \"M6.401 48.675l51.382-29.666L87.45 70.39l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 244\",\n fill: \"#ee781a\",\n d: \"M6.599 49.096L57.981 19.43l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 245\",\n fill: \"#ef791a\",\n d: \"M6.855 49.484l51.382-29.666L87.904 71.2 36.52 100.866z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 246\",\n fill: \"#ef7a1b\",\n d: \"M7.087 49.963l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 247\",\n fill: \"#ef7b1b\",\n d: \"M7.343 50.351l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 248\",\n fill: \"#ef7c1b\",\n d: \"M7.599 50.739l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 249\",\n fill: \"#f07d1b\",\n d: \"M7.797 51.16l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 250\",\n fill: \"#f07e1b\",\n d: \"M8.053 51.548l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 251\",\n fill: \"#f07f1b\",\n d: \"M8.285 52.027l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 252\",\n fill: \"#f0801b\",\n d: \"M8.541 52.415l51.382-29.666L89.59 74.13l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 253\",\n fill: \"#f1801c\",\n d: \"M8.797 52.803l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 254\",\n fill: \"#f1811c\",\n d: \"M8.995 53.224l51.382-29.666L90.044 74.94 38.66 104.606z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 255\",\n fill: \"#f1821c\",\n d: \"M9.251 53.612l51.382-29.666L90.3 75.328l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 256\",\n fill: \"#f1831c\",\n d: \"M9.483 54.091l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 257\",\n fill: \"#f2841c\",\n d: \"M9.739 54.479l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 258\",\n fill: \"#f2851c\",\n d: \"M9.937 54.9l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 259\",\n fill: \"#f2861c\",\n d: \"M10.193 55.288l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 260\",\n fill: \"#f2871d\",\n d: \"M10.449 55.676L61.831 26.01l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 261\",\n fill: \"#f3881d\",\n d: \"M10.681 56.155l51.382-29.666L91.73 77.87l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 262\",\n fill: \"#f3891d\",\n d: \"M10.937 56.543l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 263\",\n fill: \"#f38a1d\",\n d: \"M11.135 56.964l51.382-29.666L92.184 78.68 40.8 108.346z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 264\",\n fill: \"#f48b1d\",\n d: \"M11.392 57.352l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 265\",\n fill: \"#f48c1d\",\n d: \"M11.681 57.798l51.382-29.666L92.73 79.513 41.347 109.18z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 266\",\n fill: \"#f48d1d\",\n d: \"M11.879 58.219l51.382-29.666 29.667 51.382L41.545 109.6z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 267\",\n fill: \"#f48e1e\",\n d: \"M12.135 58.607l51.382-29.666 29.667 51.382L41.8 109.989z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 268\",\n fill: \"#f58f1e\",\n d: \"M12.334 59.028l51.382-29.666 29.667 51.382L42 110.41z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 269\",\n fill: \"#f5901e\",\n d: \"M12.59 59.416L63.972 29.75 93.64 81.131l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 270\",\n fill: \"#f5911e\",\n d: \"M12.821 59.895l51.382-29.666L93.87 81.61l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 271\",\n fill: \"#f5921e\",\n d: \"M13.077 60.283l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 272\",\n fill: \"#f6931e\",\n d: \"M13.334 60.671l51.382-29.666 29.667 51.382L43 112.053z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 273\",\n fill: \"#f6941e\",\n d: \"M13.532 61.092l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 274\",\n fill: \"#f6951e\",\n d: \"M13.788 61.48L65.17 31.814l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 275\",\n fill: \"#f6961f\",\n d: \"M14.02 61.959l51.382-29.666L95.07 83.674 43.686 113.34z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 276\",\n fill: \"#f7971f\",\n d: \"M14.276 62.347l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 277\",\n fill: \"#f7981f\",\n d: \"M14.532 62.735l51.382-29.666L95.581 84.45l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 278\",\n fill: \"#f7991f\",\n d: \"M14.73 63.157l51.382-29.666L95.78 84.873l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 279\",\n fill: \"#f79a1f\",\n d: \"M14.986 63.544l51.382-29.666L96.035 85.26l-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 280\",\n fill: \"#f89b1f\",\n d: \"M15.218 64.023L66.6 34.357l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 281\",\n fill: \"#f89c1f\",\n d: \"M15.474 64.411l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 282\",\n fill: \"#f89d20\",\n d: \"M15.672 64.833l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 283\",\n fill: \"#f89e20\",\n d: \"M15.928 65.221L67.31 35.555l29.667 51.382-51.383 29.666z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 284\",\n fill: \"#f99f20\",\n d: \"M16.184 65.609l51.382-29.666 29.667 51.382L45.85 116.99z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 285\",\n fill: \"#f9a020\",\n d: \"M16.416 66.088l51.382-29.666 29.667 51.382-51.383 29.666z\"\n }))))));\n}\nexport default SvgDiscouver;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgMastercard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 39,\n height: 32\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 195\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Rectangle 2635\",\n fill: \"#fff\",\n stroke: \"#e5e5e5\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 39,\n height: 32,\n rx: 5,\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 38,\n height: 31,\n rx: 4.5,\n fill: \"none\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 194\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 193\",\n transform: \"translate(-806 -1616)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n \"data-name\": \"Ellipse 90\",\n cx: 9,\n cy: 9,\n r: 9,\n transform: \"translate(823 1623)\",\n fill: \"#fea109\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n \"data-name\": \"Ellipse 91\",\n cx: 9,\n cy: 9,\n r: 9,\n transform: \"translate(810 1623)\",\n fill: \"#ff2a20\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Intersection 2\",\n d: \"M17 16a8.968 8.968 0 012.5-6.225A8.97 8.97 0 0122 16a8.973 8.973 0 01-2.5 6.226A8.971 8.971 0 0117 16z\",\n fill: \"#ff5015\"\n })))));\n}\nexport default SvgMastercard;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgPaypal(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 27,\n height: 32\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 190\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7086\",\n d: \"M7.67 30.915l.552-3.523-1.229-.03H1.12L5.201 1.37a.344.344 0 01.114-.2.332.332 0 01.217-.081h9.9c3.287 0 5.556.687 6.74 2.043a4.666 4.666 0 011.087 2.03 7.371 7.371 0 010 2.8l-.013.082v.718l.555.316a3.9 3.9 0 011.124.861 4.018 4.018 0 01.912 2.055 8.731 8.731 0 01-.13 2.982 10.531 10.531 0 01-1.216 3.375 6.931 6.931 0 01-1.927 2.121 7.8 7.8 0 01-2.595 1.176 12.885 12.885 0 01-3.243.376h-.767a2.321 2.321 0 00-2.29 1.968l-.058.317-.975 6.209-.044.228a.2.2 0 01-.061.133.163.163 0 01-.1.037H7.67z\",\n fill: \"#253b80\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7087\",\n d: \"M24.33 8.13q-.044.285-.1.583c-1.306 6.735-5.773 9.061-11.479 9.061H9.844a1.413 1.413 0 00-1.395 1.2l-1.486 9.477-.419 2.686a.746.746 0 00.734.863h5.153a1.242 1.242 0 001.225-1.05l.051-.263.97-6.184.062-.339a1.241 1.241 0 011.225-1.052h.771c4.992 0 8.9-2.036 10.043-7.928.477-2.461.23-4.516-1.032-5.962A4.93 4.93 0 0024.33 8.13z\",\n fill: \"#179bd7\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7088\",\n d: \"M22.965 7.583q-.3-.087-.617-.159t-.653-.124a16.064 16.064 0 00-2.561-.188h-7.761a1.228 1.228 0 00-.535.122 1.242 1.242 0 00-.688.93l-1.651 10.5-.053.311a1.413 1.413 0 011.395-1.2h2.905c5.706 0 10.173-2.328 11.479-9.061.039-.2.072-.393.1-.583a6.944 6.944 0 00-1.074-.455 4.591 4.591 0 00-.286-.093z\",\n fill: \"#222d65\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 7089\",\n d: \"M10.149 8.164a1.238 1.238 0 011.224-1.051h7.761a16.064 16.064 0 012.561.188q.336.054.653.124t.617.159c.1.03.2.06.293.091a7.049 7.049 0 011.074.455c.388-2.489 0-4.183-1.343-5.718C21.512.723 18.847 0 15.436 0h-9.9a1.417 1.417 0 00-1.4 1.2L.011 27.463a.853.853 0 00.839.988h6.113L8.5 18.669z\",\n fill: \"#253b80\"\n }))));\n}\nexport default SvgPaypal;","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgVisa(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 39,\n height: 32\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"visa_svg__a\",\n x2: 1,\n gradientUnits: \"objectBoundingBox\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"#0e2c9a\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#20225f\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(-263 -289)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n \"data-name\": \"Rectangle 2635\",\n width: 39,\n height: 32,\n rx: 5,\n transform: \"translate(263 289)\",\n fill: \"url(#visa_svg__a)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M286.888 300.077c-2.072 0-3.9 1.108-3.9 3.2 0 2.338 3.291 2.585 3.291 3.692 0 .492-.609.985-1.463.985a4.73 4.73 0 01-2.316-.615l-.609 2.092a7.142 7.142 0 002.681.492c2.316 0 4.022-1.231 4.022-3.323 0-2.462-3.291-2.708-3.291-3.815 0-.369.487-.862 1.341-.862a4.3 4.3 0 011.95.492l.366-1.969a7.988 7.988 0 00-2.072-.369zm-19.013.123v.246a7.573 7.573 0 011.706.492c.975.369 1.1.615 1.219 1.231l1.828 7.508h2.438l3.778-9.477h-2.438l-2.437 6.523-.975-5.538a1.159 1.159 0 00-1.1-.985zm12.066 0l-1.95 9.477h2.316l1.95-9.477h-2.316zm13.163 0c-.609 0-.853.369-1.1.862l-3.529 8.615h2.438l.487-1.477h3.047l.241 1.477h2.194l-1.95-9.477h-1.829zm.366 2.585l.731 3.569h-1.95z\",\n fill: \"#fff\"\n }))));\n}\nexport default SvgVisa;","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport CheckIcon from \"../../new_site/images/plans/encrypted-payment/check.svg\";\nimport AmexIcon from \"../../new_site/images/plans/encrypted-payment/amex.svg\";\nimport DinersIcon from \"../../new_site/images/plans/encrypted-payment/diners.svg\";\nimport DiscoverIcon from \"../../new_site/images/plans/encrypted-payment/discouver.svg\";\nimport MastercardIcon from \"../../new_site/images/plans/encrypted-payment/mastercard.svg\";\nimport PaypalIcon from \"../../new_site/images/plans/encrypted-payment/paypal.svg\";\nimport VisaIcon from \"../../new_site/images/plans/encrypted-payment/visa.svg\";\n\nimport { __ } from \"../lib/utils\";\n\nconst PaymentLogos = ({ direction = \"column\", fontSize = 22 }) => {\n return (\n \n \n \n
{__(\"10_DAYS_MONEY_BACK\")}
\n
{__(\"secure_ssl_payment_short\")}
\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default PaymentLogos;\n\nconst PaymentLogosContainer = styled.div`\n width: 100%;\n margin: 0;\n display: flex;\n flex-direction: ${({ direction = \"column\" }) => direction};\n align-items: center;\n justify-content: center;\n gap: 20px 35px;\n flex-wrap: wrap;\n\n @media (max-width: 768px) {\n margin: 0px;\n padding: 20px 0 34px 0;\n }\n`;\n\nconst LogosWrap = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n margin: 0px 10px;\n\n &:first-of-type {\n margin-top: 0px;\n }\n\n &:last-of-type {\n margin-bottom: 0px;\n }\n }\n`;\n\nconst Headline = styled.div`\n font-size: ${({ fontsize = 22}) => fontsize}px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.2;\n letter-spacing: normal;\n text-align: ${({ textalign = \"center\"}) => textalign};\n color: #000;\n\n div {\n margin: 6px auto;\n\n &:first-of-type {\n margin-top: 0px;\n }\n\n &:last-of-type {\n margin-bottom: 0px;\n }\n }\n`;","var _path, _path2, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgGogoMedal(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 37,\n height: 37,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.488 13.748a8.645 8.645 0 00-6.232 2.648 9.102 9.102 0 00-2.578 6.394c0 2.416.913 4.683 2.578 6.394a8.642 8.642 0 006.232 2.648c2.36 0 4.568-.937 6.233-2.648 3.434-3.527 3.434-9.262 0-12.788a8.626 8.626 0 00-6.233-2.648zm.706 4.36l.96 1.988a.794.794 0 00.59.44l2.138.323c.636.092.902.902.428 1.364l-1.48 1.48a.837.837 0 00-.196.844l.682 1.978c.23.659-.417 1.283-1.052 1.006l-2.475-1.11a.736.736 0 00-.624 0l-2.475 1.11c-.624.277-1.283-.347-1.052-1.006l.682-1.978a.813.813 0 00-.196-.844l-1.48-1.48c-.463-.462-.208-1.271.428-1.364l2.139-.324a.768.768 0 00.59-.44l.959-1.988c.312-.601 1.145-.601 1.434 0z\",\n fill: \"url(#gogo-medal_svg__paint0_linear_150_54)\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.232 2.313A1.31 1.31 0 006.937 3.63v6.694c0 .463.245.902.642 1.133l3.569 2.114a11.99 11.99 0 00-4.269 9.218c0 6.57 5.197 11.898 11.609 11.898 6.411 0 11.608-5.327 11.608-11.898a11.99 11.99 0 00-4.223-9.18l3.561-2.152c.387-.23.628-.67.628-1.133V3.631c0-.729-.571-1.318-1.269-1.318H8.232zm16.8 1.156v9.493a11.451 11.451 0 00-3.018-1.512V3.47h3.018zm-9.955 0v7.944a11.438 11.438 0 00-3.007 1.46V3.47h3.007zm3.422 29.785a9.988 9.988 0 01-7.215-3.064 10.52 10.52 0 01-2.994-7.4c0-2.798 1.063-5.423 2.994-7.4a10.047 10.047 0 0114.442 0c3.977 4.081 3.977 10.718 0 14.8-1.943 1.977-4.51 3.064-7.227 3.064z\",\n fill: \"#707070\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"gogo-medal_svg__paint0_linear_150_54\",\n x1: 18.487,\n y1: 13.748,\n x2: 18.487,\n y2: 31.832,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#FF4824\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D72C0B\"\n })))));\n}\nexport default SvgGogoMedal;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCyanRightArrow(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 7,\n height: 11,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.931 5.172L.872 1.36A.659.659 0 01.66.87.642.642 0 01.872.373.74.74 0 011.397.17a.74.74 0 01.526.203L6.4 4.58c.093.088.159.18.197.277a.85.85 0 01.058.315.85.85 0 01-.058.315.777.777 0 01-.197.277L1.923 9.971a.748.748 0 01-.52.199.73.73 0 01-.53-.2.652.652 0 01-.217-.492c0-.193.072-.358.216-.494l4.06-3.812z\",\n fill: \"#17BED0\"\n })));\n}\nexport default SvgCyanRightArrow;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgChevronTop(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 10,\n height: 6,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.22 5.598a.76.76 0 001.063 0l3.722-3.637 3.72 3.637A.761.761 0 009.78 5.59a.727.727 0 00.009-1.03L5.536.403a.76.76 0 00-1.063 0L.22 4.559a.726.726 0 000 1.04z\",\n fill: \"#17BED0\"\n })));\n}\nexport default SvgChevronTop;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgChevronBottom(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 11,\n height: 6,\n fill: \"none\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M.72.403a.76.76 0 011.063 0L5.505 4.04 9.225.403a.761.761 0 011.055.009.726.726 0 01.009 1.03L6.036 5.598a.76.76 0 01-1.063 0L.72 1.442a.726.726 0 010-1.04z\",\n fill: \"#17BED0\"\n })));\n}\nexport default SvgChevronBottom;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCheckStampIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 26,\n height: 26,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M13 26a2.776 2.776 0 01-1.976-.818L9.67 23.828a2.808 2.808 0 00-1.974-.818H5.782a2.801 2.801 0 01-2.794-2.794V18.3a2.812 2.812 0 00-.818-1.974L.816 14.972A2.776 2.776 0 010 13a2.775 2.775 0 01.816-1.975L2.17 9.671a2.812 2.812 0 00.818-1.974V5.783a2.8 2.8 0 012.794-2.794h1.914a2.808 2.808 0 001.974-.818L11.024.817A2.772 2.772 0 0113 0a2.773 2.773 0 011.975.818l1.354 1.354a2.808 2.808 0 001.974.818h1.914a2.8 2.8 0 012.794 2.794V7.7c.002.74.296 1.45.817 1.974l1.354 1.354A2.775 2.775 0 0126 13a2.775 2.775 0 01-.816 1.975l-1.354 1.354a2.81 2.81 0 00-.817 1.974v1.914a2.8 2.8 0 01-2.794 2.794h-1.914c-.74.002-1.45.296-1.974.818l-1.354 1.354A2.769 2.769 0 0113 26zm4.407-16.793l-6.072 6.083-2.074-2.082A.716.716 0 008.735 13a.713.713 0 00-.527.207.716.716 0 00-.207.528c0 .213.07.389.207.527l2.495 2.484c.18.18.392.271.633.271.24 0 .451-.09.632-.271l6.495-6.484a.716.716 0 00.207-.528.713.713 0 00-.207-.527.716.716 0 00-.528-.207.712.712 0 00-.527.207z\",\n fill: \"#63BF00\"\n })));\n}\nexport default SvgCheckStampIcon;","export function onDocumentReady(func: Function) {\n if (document.readyState == \"complete\") {\n func();\n } else {\n $(window).on(\"load\", func);\n }\n}\n\nlet onSentSubscribeRequestResolve = null;\nconst onSentSubscribeRequest = new Promise((resolve, reject) => onSentSubscribeRequestResolve = resolve); \n\nconst subscriptions = {\n xhr: null,\n chkint: null,\n resetTo: null,\n resetTimeoutMilisec: 10000,\n subscribers: [],\n onSentSubscribeRequestResolve: onSentSubscribeRequestResolve,\n onSentSubscribeRequest: onSentSubscribeRequest,\n\n add: function (subscriber, instance) {\n console.log(\"Adding new subscriber: \", subscriber, instance);\n this.remove(subscriber);\n this.checkInstanceInterface(instance);\n\n var subs = { name: subscriber, state: 'preparing', instance: instance };\n this.subscribers.push(subs);\n return this;\n },\n\n checkInstanceInterface: function (instance) {\n var requiredMethods = ['getParams', 'handleEvents'];\n requiredMethods.forEach(function (method) {\n if (typeof instance[method] !== 'function') {\n throw Error(\"Instance must provide method: \", method);\n }\n });\n },\n\n remove: function (subscriber) {\n console.log(\"removing subscriber\", subscriber);\n\n var subs = this.subscribers;\n this.subscribers = subs.filter(function (sub) { return sub.name !== subscriber; });\n\n if (this.subscribers.length === 0) {\n console.log(\"zero subscribers\");\n this.abort();\n }\n },\n\n setState: function (subscriber, state) {\n var subs = this._getSubscriber(subscriber);\n\n if (subs === undefined) {\n console.log(subscriber);\n //console.trace();\n }\n\n subs.state = state;\n\n this.listen();\n //setTimeout(this.listen.bind(this), 0);\n\n return this;\n },\n\n _getSubscriber: function (subscriber) {\n return this.subscribers.filter(function (sub) { return sub.name == subscriber; })[0];\n },\n\n _getReady: function () {\n return this.subscribers.filter(function (sub) { return sub.state == 'ready'; });\n },\n\n reset: function() {\n this.abort();\n this.subscribers = [];\n },\n\n stop: function () {\n this.abort();\n },\n\n resume: function () {\n this.listen();\n },\n\n listen: function () {\n var self = this;\n var params = {};\n var subscribefor = [];\n var subsrdy = this._getReady();\n\n if (this.isRunning()) {\n this.abort();\n }\n if (subsrdy.length == 0) {\n return;\n }\n\n // waiting all subscribers to get ready\n if (subsrdy.length != this.subscribers.length) {\n return;\n }\n\n subsrdy.forEach(function (sub) {\n subscribefor.push(sub.name);\n params = $.extend(params, sub.instance.getParams());\n });\n\n params.subscribefor = subscribefor.join(',');\n params._t = $.now;\n\n console.log(subsrdy);\n console.log(\"running\", params);\n\n onDocumentReady(() => {\n this.xhr = pCloudGlobals.apiMethod('subscribe', params, function (ret) {\n if (self.chkint) {\n clearInterval(self.chkint);\n }\n\n console.log(\"receiving update: \", ret);\n\n self.setState(ret.from, 'processing');\n var sub = self._getSubscriber(ret.from);\n if (sub) {\n sub.instance.handleEvents(ret);\n }\n\n if (self.restartTo) {\n clearTimeout(self.restartTo);\n self.restartTo = null;\n }\n if (!sub) {\n self.restartTo = setTimeout(self.listen.bind(self), 100);\n }\n }, {\n timeout: 0,\n errorCallback: function(ret) {\n console.log(\"Subscription API Error\", ret);\n\n self.abort();\n },\n onXhrError: function(xhr, status, error) {\n console.log('subscribe rejected: ', arguments, xhr.status);\n\n if (self.resetTo)\n clearTimeout(self.resetTo);\n\n self.resetTo = setTimeout(self.listen.bind(self), self.resetTimeoutMilisec);\n self.resetTimeoutMilisec += Math.round(10 / 100 * self.resetTimeoutMilisec);\n }\n });\n this.onSentSubscribeRequestResolve();\n this.setCheck();\n });\n },\n setCheck: function () {\n var self = this;\n\n if (this.chkint) {\n clearInterval(this.chkint);\n this.chkint = null;\n }\n\n this.chkint = setInterval(function () {\n var xhr = self.xhr;\n if (xhr && xhr.readyState > 0 && xhr.readyState < 4) {\n } else if (xhr) {\n console.log('subscriptions: ', xhr.readyState)\n self.listen();\n }\n }, 3000);\n },\n isRunning: function () {\n return (this.xhr && this.xhr.readyState > 0 && this.xhr.readyState < 4);\n },\n abort: function () {\n if (this.xhr && typeof this.xhr.abort == 'function') {\n console.log('Aborting xhr...');\n try {\n this.xhr.abort();\n } catch(e) {};\n this.xhr = null;\n console.log('Done aborting');\n }\n\n if (this.restartTo) { // this restarts the listen after successfull listen\n clearTimeout(this.restartTo);\n this.restartTo = null;\n }\n if (this.resetTo) { // this resets the listen after killed/aborted listen\n clearTimeout(this.resetTo);\n this.resetTo = null;\n }\n if (this.chkint) { // this checks diff from time to time using interval (mainly for waking apps)\n clearInterval(this.chkint);\n this.chkint = null;\n }\n }\n}\n\nexport default subscriptions;\n","import subscriptions from \"./subscriptions\";\n\nlet authToken = false;\nlet listeners = [];\nlet isRunning = false;\nlet lastDiffId = -1;\nlet xhr;\nlet diffIsReadyResolve = null;\nlet diffIsReadyReject = null;\nconst setDiffIsReady = () => new Promise((resolve, reject) => {\n diffIsReadyResolve = resolve;\n diffIsReadyReject = reject;\n });\n\nlet diffIsReady = {promise: setDiffIsReady()};\nconst onDiffIsReady = () => diffIsReady.promise;\n\nconst diffInstance = {\n getParams: function() {\n return {\n diffid: lastDiffId,\n iconformat: \"id\",\n difflimit: 500,\n auth: authToken\n };\n },\n handleEvents: function(ret) {\n lastDiffId = ret.diffid;\n\n processDiffEvents(ret.entries);\n setTimeout(\n subscriptions.setState.bind(subscriptions, \"diff\", \"ready\"),\n ret.entries.length\n );\n }\n};\n\nfunction processDiffEvents(entries) {\n listeners.forEach(listener => listener(entries));\n}\n\nfunction listen(token, callback) {\n\n if (authToken !== token) {\n authToken = token;\n }\n\n if (typeof callback === \"function\") {\n listeners.push(callback);\n }\n\n start();\n\n return (skipStop) => {\n if (typeof callback !== \"function\") {\n return;\n }\n\n listeners.splice(listeners.indexOf(callback));\n\n console.log(\"removed diff listener\", `#${listeners.length}`);\n\n if (!listeners.length && !skipStop) {\n stop();\n }\n };\n}\n\nfunction start() {\n if (isRunning) {\n return;\n }\n\n isRunning = true;\n subscriptions.add(\"diff\", diffInstance);\n\n const onErrorDiffRequest = () => {\n isRunning = false;\n diffIsReadyReject();\n }\n\n xhr = pCloudGlobals.apiMethod(\"diff\", { last: 0, auth: authToken }, function(ret) {\n lastDiffId = ret.diffid;\n\n subscriptions.setState(\"diff\", \"ready\");\n \n subscriptions.onSentSubscribeRequest.then(() => {\n diffIsReadyResolve();\n });\n\n xhr = false;\n }, \n { \n errorCallback: onErrorDiffRequest,\n onXhrError: onErrorDiffRequest\n });\n}\n\nfunction stop() {\n if (xhr) {\n xhr.abort();\n }\n\n lastDiffId = -1;\n subscriptions.remove(\"diff\");\n isRunning = false;\n diffIsReady.promise = setDiffIsReady();\n}\n\nexport default { listen, stop, onDiffIsReady };","var _path, _path2, _path3;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgVisa(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 54 36\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M5.5 35.5c-2.8 0-5-2.3-5-5v-25c0-2.8 2.3-5 5-5h42.9c2.8 0 5 2.3 5 5v24.9c0 2.8-2.3 5-5 5H5.5z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D9D9D9\",\n d: \"M48.5 1C51 1 53 3 53 5.5v24.9c0 2.5-2 4.5-4.5 4.5h-43C3 35 1 33 1 30.5v-25C1 3 3 1 5.5 1h43m0-1h-43C2.5 0 0 2.5 0 5.5v24.9C0 33.5 2.5 36 5.5 36h42.9c3.1 0 5.5-2.5 5.5-5.5v-25c.1-3-2.4-5.5-5.4-5.5z\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#1434CB\",\n d: \"M33.4 11.2c-3 0-5.6 1.5-5.6 4.4 0 3.3 4.7 3.5 4.7 5.1 0 .7-.8 1.3-2.1 1.3-1.9 0-3.4-.9-3.4-.9l-.6 2.9s1.7.7 3.9.7c3.3 0 5.8-1.6 5.8-4.5 0-3.5-4.7-3.7-4.7-5.2 0-.5.7-1.1 2-1.1 1.5 0 2.8.6 2.8.6l.6-2.8c-.2.1-1.5-.5-3.4-.5zm-27.3.2l-.1.4s1.3.2 2.4.7c1.5.5 1.6.8 1.8 1.8l2.7 10.3h3.6L22 11.4h-3.6l-3.5 9-1.4-7.6c-.1-.9-.8-1.4-1.6-1.4H6.1zm17.3 0l-2.8 13.2H24l2.8-13.2h-3.4zm19 0c-.8 0-1.3.4-1.6 1.2l-5 12h3.6l.7-2h4.4l.4 2H48l-2.7-13.2h-2.9zm.4 3.6l1.1 4.9h-2.8l1.7-4.9z\"\n })));\n}\nexport default SvgVisa;","var _path, _path2, _path3;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgVisaV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#fff\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 .25H4A3.75 3.75 0 00.25 4v24A3.75 3.75 0 004 31.75h32A3.75 3.75 0 0039.75 28V4A3.75 3.75 0 0036 .25z\",\n stroke: \"#DDD\",\n strokeWidth: 0.5\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5 11.078c-2.125 0-4 1.108-4 3.2 0 2.338 3.375 2.585 3.375 3.692 0 .492-.625.985-1.5.985A4.944 4.944 0 0120 18.34l-.625 2.092c.878.335 1.81.502 2.75.492 2.375 0 4.125-1.231 4.125-3.323 0-2.462-3.375-2.708-3.375-3.815 0-.369.5-.862 1.375-.862a4.5 4.5 0 012 .492l.375-1.969a8.379 8.379 0 00-2.125-.369zM5 11.201v.246c.6.096 1.187.261 1.75.492 1 .369 1.125.615 1.25 1.231l1.875 7.508h2.5l3.875-9.477h-2.5l-2.5 6.523-1-5.538a1.18 1.18 0 00-1.125-.985H5zm12.375 0l-2 9.477h2.375l2-9.477h-2.375zm13.5 0c-.625 0-.875.369-1.125.862l-3.625 8.615h2.5l.5-1.477h3.125l.25 1.477h2.25l-2-9.477h-1.875zm.375 2.585l.75 3.569h-2l1.25-3.569z\",\n fill: \"#1434CB\"\n })));\n}\nexport default SvgVisaV2;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgMastercard(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 54 36\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M5.5 35.5c-2.8 0-5-2.3-5-5v-25c0-2.8 2.3-5 5-5h42.9c2.8 0 5 2.3 5 5v24.9c0 2.8-2.3 5-5 5H5.5z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D9D9D9\",\n d: \"M48.5 1C51 1 53 3 53 5.5v24.9c0 2.5-2 4.5-4.5 4.5h-43C3 35 1 33 1 30.5v-25C1 3 3 1 5.5 1h43m0-1h-43C2.5 0 0 2.5 0 5.5v24.9C0 33.5 2.5 36 5.5 36h42.9c3.1 0 5.5-2.5 5.5-5.5v-25c.1-3-2.4-5.5-5.4-5.5z\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n fill: \"#EA001B\",\n cx: 20.3,\n cy: 18,\n r: 10\n }), /*#__PURE__*/React.createElement(\"circle\", {\n fill: \"#F79F1A\",\n cx: 33.7,\n cy: 18,\n r: 10\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FF6002\",\n d: \"M23.7 18c0 3 1.3 5.5 3.3 7.3 2-1.8 3.3-4.5 3.3-7.3S29 12.5 27 10.7c-2 1.8-3.3 4.3-3.3 7.3z\"\n }))));\n}\nexport default SvgMastercard;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgMastercardV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#fff\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 .25H4A3.75 3.75 0 00.25 4v24A3.75 3.75 0 004 31.75h32A3.75 3.75 0 0039.75 28V4A3.75 3.75 0 0036 .25z\",\n stroke: \"#DDD\",\n strokeWidth: 0.5\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.75 24.23c4.832 0 8.75-3.857 8.75-8.615S18.582 7 13.75 7 5 10.857 5 15.615s3.918 8.615 8.75 8.615z\",\n fill: \"#FF2A20\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.25 24.5a8.75 8.75 0 100-17.5 8.75 8.75 0 000 17.5z\",\n fill: \"#FEA109\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.5 15.746a8.72 8.72 0 012.521-6.142 8.516 8.516 0 011.8 9.345 8.53 8.53 0 01-1.932 2.805 8.722 8.722 0 01-2.389-6.008z\",\n fill: \"#FF5015\"\n }))));\n}\nexport default SvgMastercardV2;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgAmex(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 54 36\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M5.5 35.5c-2.8 0-5-2.3-5-5v-25c0-2.8 2.3-5 5-5h42.9c2.8 0 5 2.3 5 5v24.9c0 2.8-2.3 5-5 5H5.5z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D9D9D9\",\n d: \"M48.5 1C51 1 53 3 53 5.5v24.9c0 2.5-2 4.5-4.5 4.5h-43C3 35 1 33 1 30.5v-25C1 3 3 1 5.5 1h43m0-1h-43C2.5 0 0 2.5 0 5.5v24.9C0 33.5 2.5 36 5.5 36h42.9c3.1 0 5.5-2.5 5.5-5.5v-25c.1-3-2.4-5.5-5.4-5.5z\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fillRule: \"evenodd\",\n fill: \"#016FD0\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.6 23.2h8.5v-2.3h-5.7v-1.5H38v-2.3h-5.6v-1.6h5.7v-2.3h-8.5zM51.1 13.2h-3.5l-2.9 3.1-3-3.1h-3.6l4.8 5-4.6 5h3.3l2.9-3.3 3 3.3h3.6V23l-4.6-4.9zM21.8 19.4l-2.3-6.2h-4.3v9.6L11 13.2H7.3L3 23.2h3.1l.8-2h4.6l.8 2H18v-6.9l2.6 6.9h2.5l2.5-6.9v6.9h2.6v-10h-4.1l-2.3 6.2zm-14.1-.7L9 15.5l1.3 3.3H7.7z\"\n }))));\n}\nexport default SvgAmex;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgAmexV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#fff\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 .25H4A3.75 3.75 0 00.25 4v24A3.75 3.75 0 004 31.75h32A3.75 3.75 0 0039.75 28V4A3.75 3.75 0 0036 .25z\",\n stroke: \"#DDD\",\n strokeWidth: 0.5\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 4v24h24V4H8z\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27.72 9.888l.768-2.088H32V4H8v24h24v-3.792h-3.312l-1.224-1.432-1.272 1.432h-9.408v-7.624h-3.1L17.56 7.8h3.776l.912 1.992V7.8h4.688l.784 2.088zm-2.648 1.384l-.008-.84.32.84 1.56 4.168H28.5l1.568-4.168.3-.832v5H32v-6.4h-2.712l-1.232 3.248-.328.88-.336-.88-1.24-3.248H23.44v6.4h1.632v-4.168zM21.56 15.44h1.88l-2.816-6.4H18.44l-2.832 6.4h1.856l.5-1.232h3.1l.5 1.232h-.004zm-2.368-4.232l.32-.8.32.8.664 1.616h-1.968l.664-1.616zm-1.1 5.384v6.376h5.348v-1.384h-3.712v-1.112h3.64V19.1h-3.64v-1.12h3.712v-1.388h-5.348zm11.288 6.376h2.12l-2.992-3.2 2.992-3.176h-2.084l-1.928 2.072-1.92-2.072H23.44l2.984 3.2-2.984 3.176h2.06l1.944-2.08 1.936 2.08zm.808-3.208L32 21.6v-3.656l-1.808 1.816h-.004z\",\n fill: \"#006FCF\"\n }))));\n}\nexport default SvgAmexV2;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDiners(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 28 22\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n fill: \"#FFF\",\n d: \"M3.2 21.5c-1.5 0-2.7-1.2-2.7-2.7V3.2C.5 1.7 1.7.5 3.2.5h21.7c1.5 0 2.7 1.2 2.7 2.7v15.7c0 1.5-1.2 2.7-2.7 2.7H3.2z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EBEBEB\",\n d: \"M24.8 1C26 1 27 2 27 3.2v15.7c0 1.2-1 2.2-2.2 2.2H3.2C2 21 1 20 1 18.8V3.2C1 2 2 1 3.2 1h21.6m0-1H3.2C1.4 0 0 1.4 0 3.2v15.7C0 20.6 1.4 22 3.2 22h21.7c1.7 0 3.2-1.4 3.2-3.2V3.2C28 1.4 26.6 0 24.8 0z\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#0079BE\",\n d: \"M15.4 17.3c3.5 0 6.6-2.8 6.6-6.3 0-3.8-3.2-6.4-6.6-6.4h-3C8.9 4.7 6 7.3 6 11.1c0 3.5 2.9 6.3 6.4 6.3h3z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M12.4 5.2c-3.2 0-5.8 2.6-5.8 5.8 0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8 0-3.2-2.6-5.8-5.8-5.8zM8.7 11c0-1.6 1-2.9 2.4-3.4v6.9c-1.4-.6-2.4-1.9-2.4-3.5zm5 3.4V7.6c1.4.5 2.4 1.9 2.4 3.4 0 1.6-1 2.9-2.4 3.4z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#0079BE\",\n d: \"M15.4 17.3c3.5 0 6.6-2.8 6.6-6.3 0-3.8-3.2-6.4-6.6-6.4h-3C8.9 4.7 6 7.3 6 11.1c0 3.5 2.9 6.3 6.4 6.3h3z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M12.4 5.2c-3.2 0-5.8 2.6-5.8 5.8 0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8 0-3.2-2.6-5.8-5.8-5.8zM8.7 11c0-1.6 1-2.9 2.4-3.4v6.9c-1.4-.6-2.4-1.9-2.4-3.5zm5 3.4V7.6c1.4.5 2.4 1.9 2.4 3.4 0 1.6-1 2.9-2.4 3.4z\"\n }))));\n}\nexport default SvgDiners;","var _path, _path2, _path3, _path4, _path5;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDinersV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#fff\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 .25H4A3.75 3.75 0 00.25 4v24A3.75 3.75 0 004 31.75h32A3.75 3.75 0 0039.75 28V4A3.75 3.75 0 0036 .25z\",\n stroke: \"#DDD\",\n strokeWidth: 0.5\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.507 6.826a9.155 9.155 0 10-.002 18.31 9.155 9.155 0 00.002-18.31zm-5.8 9.156a5.812 5.812 0 013.724-5.415v10.83a5.81 5.81 0 01-3.725-5.415h.001zm7.878 5.414v-10.83a5.8 5.8 0 010 10.832v-.002z\",\n fill: \"#fff\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.189 26c5.466.026 10.455-4.458 10.455-9.913A10.21 10.21 0 0022.189 6h-4.7A9.864 9.864 0 007.4 16.087 10.019 10.019 0 0017.485 26h4.704z\",\n fill: \"#004A98\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.507 6.826a9.155 9.155 0 10-.002 18.31 9.155 9.155 0 00.002-18.31zm-5.8 9.156a5.812 5.812 0 013.724-5.415v10.83a5.81 5.81 0 01-3.725-5.415h.001zm7.878 5.414v-10.83a5.8 5.8 0 010 10.832v-.002z\",\n fill: \"#fff\"\n })));\n}\nexport default SvgDinersV2;","var _path, _path2, _g, _path3, _path4;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgJcb(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 28 22\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n fill: \"#FFF\",\n d: \"M3.2 21.5c-1.5 0-2.7-1.2-2.7-2.7V3.2C.5 1.7 1.7.5 3.2.5h21.7c1.5 0 2.7 1.2 2.7 2.7v15.7c0 1.5-1.2 2.7-2.7 2.7H3.2z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#EBEBEB\",\n d: \"M24.8 1C26 1 27 2 27 3.2v15.7c0 1.2-1 2.2-2.2 2.2H3.2C2 21 1 20 1 18.8V3.2C1 2 2 1 3.2 1h21.6m0-1H3.2C1.4 0 0 1.4 0 3.2v15.7C0 20.6 1.4 22 3.2 22h21.7c1.7 0 3.2-1.4 3.2-3.2V3.2C28 1.4 26.6 0 24.8 0z\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#40A737\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.1 12.3h1.3c.2 0 .4-.2.4-.5s-.2-.5-.4-.5h-1.3v1z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.1 5c-1.1 0-2 .9-2 2v2.1h3c.6 0 1.1.4 1.1.9s-.3.8-.9.9c.6 0 1.1.4 1.1 1s-.5 1-1.3 1H17V17h3c1.1 0 2-.9 2-2V5h-2.9z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.6 10.2c0-.3-.2-.4-.4-.5h-1.1v1h1.1c.2-.1.4-.3.4-.5z\"\n }))), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#004E94\",\n d: \"M8 5c-1.1 0-2 .9-2 2v4.9c.6.3 1.1.5 1.7.5.7 0 1.1-.4 1.1-1V9.1h1.7v2.3c0 .9-.6 1.6-2.5 1.6-1.1 0-2-.2-2-.2V17h2.9c1.1 0 2-.9 2-2V5H8z\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#BE1833\",\n d: \"M13.5 5c-1.1 0-2 .9-2 2v2.6c.5-.4 1.4-.7 2.8-.6.8 0 1.6.2 1.6.2v.8c-.4-.2-.9-.4-1.5-.4-1.1-.1-1.7.5-1.7 1.4 0 .9.6 1.5 1.7 1.4.6 0 1.1-.2 1.5-.4v.8s-.8.2-1.6.2c-1.4.1-2.3-.2-2.8-.6V17h2.9c1.1 0 2-.9 2-2V5h-2.9z\"\n })));\n}\nexport default SvgJcb;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDiscover(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 54 36\",\n overflow: \"visible\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#FFF\",\n d: \"M5.5 35.5c-2.8 0-5-2.3-5-5v-25c0-2.8 2.3-5 5-5h42.9c2.8 0 5 2.3 5 5v24.9c0 2.8-2.3 5-5 5H5.5z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#D9D9D9\",\n d: \"M48.5 1C51 1 53 3 53 5.5v24.9c0 2.5-2 4.5-4.5 4.5h-43C3 35 1 33 1 30.5v-25C1 3 3 1 5.5 1h43m0-1h-43C2.5 0 0 2.5 0 5.5v24.9C0 33.5 2.5 36 5.5 36h42.9c3.1 0 5.5-2.5 5.5-5.5v-25c.1-3-2.4-5.5-5.4-5.5z\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#231F20\",\n d: \"M5.4 14.1H3.2v7.7h2.2c1.2 0 2-.3 2.7-.9.9-.7 1.4-1.8 1.4-3 .1-2.2-1.6-3.8-4.1-3.8zm1.8 5.8c-.5.4-1.1.6-2.1.6h-.4v-5.1h.4c1 0 1.6.2 2.1.6.5.5.8 1.2.8 2 0 .7-.3 1.5-.8 1.9zM10.3 14.1h1.5v7.7h-1.5zM15.4 17.1c-.9-.3-1.2-.6-1.2-1 0-.5.5-.9 1.1-.9.4 0 .8.2 1.2.6l.8-1c-.6-.5-1.3-.8-2.2-.8-1.4 0-2.4 1-2.4 2.2 0 1.1.5 1.6 1.9 2.1.6.2.9.4 1 .4.3.2.4.5.4.8 0 .6-.5 1.1-1.2 1.1s-1.3-.4-1.6-1l-1 .9c.7 1 1.5 1.5 2.7 1.5 1.6 0 2.7-1 2.7-2.5.1-1.2-.5-1.8-2.2-2.4zM18.1 18c0 2.3 1.8 4 4.1 4 .6 0 1.2-.1 1.9-.4v-1.8c-.6.6-1.1.8-1.8.8-1.5 0-2.6-1.1-2.6-2.7 0-1.5 1.1-2.6 2.5-2.6.7 0 1.3.3 1.9.9v-1.8c-.7-.3-1.2-.5-1.8-.5-2.4.1-4.2 1.8-4.2 4.1zM36 19.3l-2.1-5.2h-1.6l3.2 7.9h.9l3.3-7.9h-1.6zM40.4 21.8h4.2v-1.3h-2.7v-2.1h2.6v-1.3h-2.6v-1.7h2.7v-1.3h-4.2zM50.6 16.4c0-1.4-1-2.3-2.7-2.3h-2.2v7.7h1.5v-3.1h.2l2.1 3.1h1.8l-2.4-3.2c1-.2 1.7-1 1.7-2.2zm-3.1 1.3h-.4v-2.3h.5c.9 0 1.4.4 1.4 1.1 0 .8-.5 1.2-1.5 1.2z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n transform: \"rotate(-80.781 28.656 18)\",\n fill: \"#E16F27\",\n cx: 28.7,\n cy: 18,\n r: 4.1\n }))));\n}\nexport default SvgDiscover;","var _path, _path2, _path3, _path4, _path5, _g, _path6, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgDiscoverV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#EC6B29\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4 .5h18.5a15 15 0 0115 15v1a15 15 0 01-15 15H4A3.5 3.5 0 01.5 28V4A3.5 3.5 0 014 .5z\",\n fill: \"#fff\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.606 16.197a2.548 2.548 0 102.548-2.548 2.555 2.555 0 00-2.548 2.548z\",\n fill: \"url(#discover-v2_svg__paint0_linear_136_1967)\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.606 16.197a2.548 2.548 0 102.548-2.548 2.555 2.555 0 00-2.548 2.548z\",\n fill: \"url(#discover-v2_svg__paint1_linear_136_1967)\"\n })), /*#__PURE__*/React.createElement(\"mask\", {\n id: \"discover-v2_svg__a\",\n style: {\n maskType: \"luminance\"\n },\n maskUnits: \"userSpaceOnUse\",\n x: 17,\n y: 13,\n width: 6,\n height: 6\n }, _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.606 16.198a2.548 2.548 0 102.548-2.548 2.555 2.555 0 00-2.548 2.548z\",\n fill: \"#fff\"\n }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n mask: \"url(#discover-v2_svg__a)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.182 16.792a3.329 3.329 0 106.657-.024 3.329 3.329 0 00-6.657.024z\",\n fill: \"url(#discover-v2_svg__paint2_radial_136_1967)\"\n }))), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.982 18.727h-.5l-2.047-4.913h1.025l1.284 3.216 1.3-3.216h1.018l-2.08 4.911v.002zm-13.349-.008a1.867 1.867 0 01-1.667-.912l.607-.58a1.115 1.115 0 001.025.64.682.682 0 00.73-.676.574.574 0 00-.283-.5 4.1 4.1 0 00-.65-.27c-.887-.319-1.186-.65-1.186-1.314a1.413 1.413 0 011.504-1.372 2.08 2.08 0 011.412.532l-.49.64a.973.973 0 00-.759-.39c-.4 0-.7.23-.7.532 0 .257.171.4.731.6 1.06.388 1.384.74 1.384 1.5a1.548 1.548 0 01-1.658 1.57zm4.491-.012a2.492 2.492 0 01-2.342-3.46 2.46 2.46 0 01.554-.809 2.576 2.576 0 011.813-.73c.404-.003.802.098 1.156.293v1.1a1.57 1.57 0 00-2.752 1.106 1.562 1.562 0 001.616 1.65 1.51 1.51 0 001.136-.524v1.1a2.655 2.655 0 01-1.18.274zm15.582-.1h-.933v-4.793h1.388c1.082 0 1.7.516 1.7 1.414a1.276 1.276 0 01-1.1 1.36l1.521 2.014H33.13l-1.3-1.922h-.124v1.927zm0-4.038v1.45h.276c.6 0 .918-.255.918-.739 0-.468-.312-.713-.9-.713l-.294.002zm-1.556 4.038h-2.668v-4.793h2.664v.81h-1.723v1.064h1.66v.81h-1.656v1.3h1.723v.81zm-20.539 0h-.938v-4.793h.938v4.793zm-3.96 0H4.281v-4.793h1.376a2.388 2.388 0 012.585 2.4 2.42 2.42 0 01-.874 1.84 2.523 2.523 0 01-1.719.553zm-.432-3.983v3.17h.251c.462.043.923-.096 1.284-.387a1.635 1.635 0 00.52-1.2 1.6 1.6 0 00-.519-1.192 1.724 1.724 0 00-1.285-.39h-.25z\",\n fill: \"#261F20\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"discover-v2_svg__paint0_linear_136_1967\",\n x1: 21.51,\n y1: 352.553,\n x2: 18.809,\n y2: 348.237,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F59F00\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.193,\n stopColor: \"#F49B00\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.367,\n stopColor: \"#F29101\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.496,\n stopColor: \"#F08302\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.598,\n stopColor: \"#EE7905\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.759,\n stopColor: \"#EC7008\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#EC6D09\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"discover-v2_svg__paint1_linear_136_1967\",\n x1: 21.51,\n y1: 352.553,\n x2: 18.809,\n y2: 348.237,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F3941E\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.204,\n stopColor: \"#F67B17\",\n stopOpacity: 0.243\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.495,\n stopColor: \"#FA590D\",\n stopOpacity: 0.565\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.733,\n stopColor: \"#FD4006\",\n stopOpacity: 0.8\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.908,\n stopColor: \"#FE3102\",\n stopOpacity: 0.945\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#FF2B00\"\n })), /*#__PURE__*/React.createElement(\"radialGradient\", {\n id: \"discover-v2_svg__paint2_radial_136_1967\",\n cx: 0,\n cy: 0,\n r: 1,\n gradientUnits: \"userSpaceOnUse\",\n gradientTransform: \"matrix(3.32233 0 0 3.32235 20.41 15.914)\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F3941E\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.483,\n stopColor: \"#E98C1C\",\n stopOpacity: 0.051\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.698,\n stopColor: \"#C57217\",\n stopOpacity: 0.227\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.859,\n stopColor: \"#87450E\",\n stopOpacity: 0.533\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.993,\n stopColor: \"#2F0401\",\n stopOpacity: 0.969\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#290000\"\n })))));\n}\nexport default SvgDiscoverV2;","var _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgPaypalLogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 26,\n height: 26,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#paypal-logo_svg__clip0_974_23618)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.1 0H3.9A3.9 3.9 0 000 3.9v18.2A3.9 3.9 0 003.9 26h18.2a3.9 3.9 0 003.9-3.9V3.9A3.9 3.9 0 0022.1 0z\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.145 9.384L9.176 20.262H5.52a.43.43 0 01-.406-.508L7.55 4.316a.712.712 0 01.711-.609h6.195c4.266.152 5.434 2.336 4.672 5.688l.016-.01z\",\n fill: \"#002C8A\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.307 8.379c1.524.812 1.88 2.336 1.371 4.367-.66 2.996-2.64 4.266-5.535 4.316l-.812.051c-.305 0-.508.203-.559.508l-.66 4.012a.712.712 0 01-.711.61H9.354a.43.43 0 01-.406-.509l1.117-7.261c.05-.254 9.242-6.094 9.242-6.094z\",\n fill: \"#009BE1\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.004 14.828l1.016-6.45a.711.711 0 01.66-.558h4.875c1.168 0 2.03.203 2.742.559-.254 2.234-1.32 5.84-6.5 5.941h-2.235c-.253 0-.507.203-.558.508z\",\n fill: \"#001F6B\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"paypal-logo_svg__clip0_974_23618\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h26v26H0z\"\n })))));\n}\nexport default SvgPaypalLogo;","var _path, _path2, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgPaypalLogoV2(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 40,\n height: 32,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 0H4a4 4 0 00-4 4v24a4 4 0 004 4h32a4 4 0 004-4V4a4 4 0 00-4-4z\",\n fill: \"#fff\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M36 .25H4A3.75 3.75 0 00.25 4v24A3.75 3.75 0 004 31.75h32A3.75 3.75 0 0039.75 28V4A3.75 3.75 0 0036 .25z\",\n stroke: \"#DDD\",\n strokeWidth: 0.5\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.688 10.25a.577.577 0 00-.57.487l-.945 6a.575.575 0 01.569-.487h2.772a5.662 5.662 0 005.59-4.793 4.63 4.63 0 00.055-.622 5.263 5.263 0 00-2.455-.584l-5.016-.001z\",\n fill: \"#001C64\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.158 10.833a4.627 4.627 0 01-.055.622 5.662 5.662 0 01-5.59 4.793H17.74a.576.576 0 00-.57.487l-.87 5.513-.544 3.459a.468.468 0 00.462.541h3.009a.576.576 0 00.569-.487l.793-5.027a.577.577 0 01.57-.487h1.772a5.661 5.661 0 005.59-4.793 4.393 4.393 0 00-2.364-4.621z\",\n fill: \"#0070E0\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.269 6.25a.576.576 0 00-.57.486l-2.36 14.972a.47.47 0 00.463.541h3.5l.869-5.513.946-6a.577.577 0 01.569-.487h5.016a5.263 5.263 0 012.454.584 4.62 4.62 0 00-4.872-4.584l-6.015.001z\",\n fill: \"#003087\"\n }))));\n}\nexport default SvgPaypalLogoV2;","var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgCardDefault(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n baseProfile: \"tiny\",\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 28 22\",\n overflow: \"visible\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fillRule: \"evenodd\",\n fill: \"#999\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.8 0H3.2C1.4 0 0 1.4 0 3.2V5h28V3.2C28 1.4 26.6 0 24.8 0zM0 18.8C0 20.6 1.4 22 3.2 22h21.7c1.7 0 3.2-1.4 3.2-3.2V8H0v10.8zm21-3.2c0-.3.3-.6.6-.6h2.8c.3 0 .6.3.6.6v2.8c0 .3-.3.6-.6.6h-2.8c-.3 0-.6-.3-.6-.6v-2.8z\"\n }))));\n}\nexport default SvgCardDefault;","var _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgGooglePlay(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 26,\n height: 26,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#google-play_svg__clip0_988_24044)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#32BBFF\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.417 8.918C16.397 7.228 11.55 4.516 4.03.305A1.813 1.813 0 002.436.097l12.9 12.901 4.081-4.08z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.436.094a1.814 1.814 0 00-1.24 1.73v22.342a1.814 1.814 0 001.24 1.73l12.9-12.901L2.437.094zM15.336 13l-12.9 12.901a1.794 1.794 0 001.594-.208 10851.28 10851.28 0 0115.14-8.468l.25-.14L15.337 13z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.196 13v11.17a1.814 1.814 0 001.24 1.731L15.335 13H1.197z\",\n fill: \"#2C9FD9\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.03.306A1.819 1.819 0 002.16.216l12.98 12.979 4.276-4.277C16.397 7.23 11.549 4.516 4.03.306z\",\n fill: \"#29CC5E\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.14 12.805L2.162 25.785a1.806 1.806 0 001.869-.092c7.292-4.083 12.085-6.764 15.14-8.467l.25-.141-4.28-4.28z\",\n fill: \"#D93F21\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.804 13.002a1.81 1.81 0 00-.931-1.59l-4.707-2.63-4.22 4.22 4.225 4.226c3.51-1.971 4.702-2.636 4.702-2.636a1.81 1.81 0 00.931-1.59z\",\n fill: \"#FFD500\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.873 14.59a1.81 1.81 0 00.931-1.59h-9.859l4.226 4.225c3.51-1.97 4.702-2.635 4.702-2.635z\",\n fill: \"#FA0\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"google-play_svg__clip0_988_24044\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h26v26H0z\"\n })))));\n}\nexport default SvgGooglePlay;","var _path, _path2, _path3, _path4, _path5, _path6, _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgItunes(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 26,\n height: 26,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 25.995c6.94 0 12.567-5.534 12.567-12.36C25.567 6.806 19.94 1.272 13 1.272 6.06 1.273.434 6.807.434 13.634c0 6.827 5.626 12.36 12.566 12.36z\",\n fill: \"#000\",\n opacity: 0.08\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 25.574c7.18 0 13-5.725 13-12.787C26 5.725 20.18 0 13 0S0 5.725 0 12.787c0 7.062 5.82 12.787 13 12.787z\",\n fill: \"url(#itunes_svg__paint0_linear_1154_23362)\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 0C5.82 0 0 5.725 0 12.787c0 7.062 5.82 12.787 13 12.787s13-5.725 13-12.787C26 5.725 20.18 0 13 0zm0 24.721C6.31 24.721.867 19.368.867 12.787.867 6.207 6.31.852 13 .852c6.69 0 12.133 5.354 12.133 11.935 0 6.58-5.443 11.934-12.133 11.934z\",\n fill: \"url(#itunes_svg__paint1_linear_1154_23362)\",\n opacity: 0.04\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 24.29c6.462 0 11.7-5.153 11.7-11.508 0-6.356-5.238-11.509-11.7-11.509-6.461 0-11.7 5.153-11.7 11.509C1.3 19.137 6.54 24.29 13 24.29z\",\n fill: \"url(#itunes_svg__paint2_linear_1154_23362)\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 1.273c-6.462 0-11.7 5.153-11.7 11.509C1.3 19.137 6.538 24.29 13 24.29c6.462 0 11.7-5.153 11.7-11.508 0-6.356-5.238-11.509-11.7-11.509zm0 22.59c-6.223 0-11.267-4.961-11.267-11.081C1.733 6.662 6.777 1.7 13 1.7c6.222 0 11.267 4.961 11.267 11.082 0 6.12-5.045 11.082-11.267 11.082z\",\n fill: \"url(#itunes_svg__paint3_linear_1154_23362)\",\n opacity: 0.16\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 0C5.82 0 0 5.725 0 12.787c0 7.062 5.82 12.787 13 12.787s13-5.725 13-12.787C26 5.725 20.18 0 13 0zm0 25.148C6.06 25.148.433 19.613.433 12.787.433 5.96 6.06.427 13 .427s12.567 5.533 12.567 12.36c0 6.826-5.627 12.36-12.567 12.36z\",\n fill: \"#000\",\n opacity: 0.16\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.9\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.983 9.797a.212.212 0 00-.128.385l4.842 3.492 1.295-3.877H4.983z\",\n fill: \"url(#itunes_svg__paint4_linear_1154_23362)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.81 19.326a.21.21 0 00.08.239.22.22 0 00.255 0L13 16.061 9.697 13.68 7.81 19.326z\",\n fill: \"url(#itunes_svg__paint5_linear_1154_23362)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.855 19.564a.22.22 0 00.255 0 .21.21 0 00.079-.238l-1.887-5.646L13 16.062l4.856 3.502z\",\n fill: \"url(#itunes_svg__paint6_linear_1154_23362)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.206 4.405c-.059-.175-.353-.175-.412 0l-1.802 5.394h4.016l-1.802-5.394z\",\n fill: \"url(#itunes_svg__paint7_linear_1154_23362)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.223 9.944a.217.217 0 00-.206-.147h-6.01l1.296 3.877 4.842-3.492a.212.212 0 00.078-.238z\",\n fill: \"url(#itunes_svg__paint8_linear_1154_23362)\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.992 9.797l-1.295 3.877L13 16.057l3.303-2.383-1.295-3.877h-4.016z\",\n fill: \"#FFFEFF\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint0_linear_1154_23362\",\n x1: 13,\n y1: 25.574,\n x2: 13,\n y2: 0,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#F2F2F2\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint1_linear_1154_23362\",\n x1: 13,\n y1: 25.574,\n x2: 13,\n y2: 0,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", null), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.36,\n stopOpacity: 0\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint2_linear_1154_23362\",\n x1: 13,\n y1: 24.29,\n x2: 13,\n y2: 1.273,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#CB44F6\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#EB4CBD\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint3_linear_1154_23362\",\n x1: 13,\n y1: 24.29,\n x2: 13,\n y2: 1.273,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", null), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.36,\n stopOpacity: 0\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint4_linear_1154_23362\",\n x1: 10.359,\n y1: 11.74,\n x2: 4.907,\n y2: 9.874,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\",\n stopOpacity: 0.9\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint5_linear_1154_23362\",\n x1: 11.358,\n y1: 14.857,\n x2: 8.074,\n y2: 19.65,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\",\n stopOpacity: 0.9\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint6_linear_1154_23362\",\n x1: 17.907,\n y1: 19.408,\n x2: 14.728,\n y2: 14.83,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\",\n stopOpacity: 0.9\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint7_linear_1154_23362\",\n x1: 13,\n y1: 9.799,\n x2: 13,\n y2: 4.273,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\",\n stopOpacity: 0.9\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"itunes_svg__paint8_linear_1154_23362\",\n x1: 15.635,\n y1: 11.742,\n x2: 21.221,\n y2: 9.94,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#fff\",\n stopOpacity: 0.9\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#fff\"\n })))));\n}\nexport default SvgItunes;","var _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgVivacomLogo(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 26,\n height: 26,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#vivacom-logo_svg__clip0_1111_23042)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.37 2.579c-.35.294-.448.571-.484.848-.23 1.73.315 3.644.927 5.143.612 1.492 1.524 3.259 2.578 4.233 1.05.974 1.716.723 2.481.066.766-.654 1.948-2.351 2.928-3.853.98-1.502 1.62-2.599 2.94-4.352 1.316-1.754 1.993-2.18 2.325-2.35.329-.166.566-.272.971-.13l-.05-.036A12.84 12.84 0 0012.993.086c-2.852 0-5.486.928-7.623 2.493z\",\n fill: \"#868484\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.184 4.592a12.856 12.856 0 00-3.107 8.403c0 7.137 5.783 12.916 12.914 12.916 7.134 0 12.917-5.78 12.917-12.916 0-3.573-1.452-6.81-3.795-9.145-.019-.02-.421-.483-1.204.208-.71.631-1.04 1.071-1.663 1.877-.626.808-2.496 3.835-4.034 6.62-1.537 2.785-2.829 5.005-3.634 5.797-.808.788-1.583 1.488-3.089.088-1.505-1.399-3.071-3.755-4.107-6.297-2.357-5.751-1.198-7.55-1.198-7.55z\",\n fill: \"#F47216\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"vivacom-logo_svg__clip0_1111_23042\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h26v26H0z\"\n })))));\n}\nexport default SvgVivacomLogo;","import React from \"react\";\nimport { sha256 } from \"js-sha256\";\n\nimport { __ } from \"./utils\";\nimport {\n STRIPE_PK,\n SAFECHARGE_MERCHANT_SITE_ID,\n SAFECHARGE_MERCHANT_ID,\n} from \"@pcloud/web-utilities/dist/config\";\nimport { signToCurrency } from \"@pcloud/web-utilities/dist/payments/constants.payments\";\nimport { rcookie, removeCyclic } from \"@pcloud/web-utilities/dist/lib/utils\";\nimport apiConfig from \"@pcloud/web-utilities/dist/api/config.api\";\nimport { EU_LOCATIONID, US_LOCATIONID } from \"@pcloud/web-utilities/dist/config/constants\";\n\nimport diffs from \"../lib/diffs\";\n\nimport VisaSVG from \"../svg/card-logo/visa.svg\";\nimport VisaV2SVG from \"../svg/card-logo/visa-v2.svg\";\nimport MasterCardSVG from \"../svg/card-logo/mastercard.svg\";\nimport MasterCardV2SVG from \"../svg/card-logo/mastercard-v2.svg\";\n// import MaestroSVG from \"../svg/card-logo/maestro.svg\";\nimport AmexCardSVG from \"../svg/card-logo/amex.svg\";\nimport AmexCardV2SVG from \"../svg/card-logo/amex-v2.svg\";\nimport DinersCardSVG from \"../svg/card-logo/diners.svg\";\nimport DinersCardV2SVG from \"../svg/card-logo/diners-v2.svg\";\nimport JCBSVG from \"../svg/card-logo/jcb.svg\";\nimport DiscoverSVG from \"../svg/card-logo/discover.svg\";\nimport DiscoverV2SVG from \"../svg/card-logo/discover-v2.svg\";\nimport PaypalSVG from \"../svg/paypal-logo.svg\";\nimport PaypalV2SVG from \"../svg/card-logo/paypal-logo-v2.svg\";\nimport DefaultCardSVG from \"../svg/card-logo/card-default.svg\";\nimport GooglePlaySVG from \"../svg/google-play.svg\";\nimport ItunesSVG from \"../svg/itunes.svg\";\nimport VivacomSVG from \"../svg/vivacom-logo.svg\";\nimport { loadSafecharge } from \"@pcloud/web-utilities/dist/payments/insertSafechargeForm\";\n\nconst paymentApiUrls = {};\npaymentApiUrls[EU_LOCATIONID] = \"eqapayments.pcloud.com\";\npaymentApiUrls[US_LOCATIONID] = \"qabraintree.pcloud.com\";\n\nexport const getPaymentsApiUrl = () => {\n return paymentApiUrls[apiConfig.locationid];\n};\n\nlet passedOpts;\nlet errorCallback;\n\nexport function SubscriptionUpdate({\n provider,\n period,\n discountcode,\n billingAddress,\n userAuth,\n products = [],\n traffic,\n storage,\n toggleLoader,\n showPaymentError,\n providerSourceId,\n newCC,\n authorizeCard,\n isBusinessTrial = false,\n downgrade = false,\n onBraintreeCreatePayment = () => {}\n}) {\n const apiMethods = {\n stripe: \"paystripe\",\n safecharge: \"paysafecharge\",\n paypal: isBusinessTrial ? \"subscription/createbusiness\" : \"purchase/create\",\n adyen: \"payadyen\"\n };\n\n this.method = apiMethods[provider];\n this.checkout = null;\n this.safeChargeCCToken = \"\";\n this.amountToPay = 1;\n this.userTokenId = \"\";\n this.orderid = null;\n this.metapixeleventid = null;\n\n this.paymentInfo = {\n auth: userAuth,\n products: products.join(\",\"),\n period,\n discountcode\n };\n\n if (traffic !== 0) {\n this.paymentInfo.traffic = traffic;\n }\n\n if (storage !== 0) {\n this.paymentInfo.storage = storage;\n }\n\n if (downgrade) {\n this.paymentInfo.isdowngrade = 1;\n }\n\n if (rcookie(\"_fbp\")) {\n this.paymentInfo.fbp = rcookie(\"_fbp\");\n }\n\n if (rcookie(\"_fbc\")) {\n this.paymentInfo.fbc = rcookie(\"_fbc\");\n }\n\n this.errors = {\n \"1120\": __(\"discount_error_1120\"),\n \"1126\": \"Invalid usage.\",\n \"1131\": \"Please provide ‘period’.\",\n \"2247\": __(\"discount_error_2247\"),\n \"2248\": __(\"discount_error_2248\"),\n \"2249\": __(\"discount_error_2249\"),\n \"2250\": __(\"discount_error_2250\"),\n \"2252\": __(\"discount_error_2252\"),\n \"2253\": __(\"discount_error_2253\"),\n \"2256\": \"You can’t use your own referral code.\",\n \"2257\": \"You already bought this lifetime product.\",\n \"2289\": \"This custom plan can’t be bought.\",\n \"1101\": \"Invalid request.\",\n \"1056\": __(\"payment_error_1056\"),\n \"2209\": __(\"payment_error_2209\"),\n \"2215\": __(\"payment_error_2215\"),\n \"2273\": __(\"payment_method_limit_reached\"),\n \"93107\": __(\"payment_error_93107\"),\n \"93109\": __(\"payment_error_93109\"),\n \"82901\": __(\"payment_error_82901\"),\n \"92910\": __(\"payment_error_92910\"),\n \"92911\": __(\"payment_error_92911\"),\n \"93108\": __(\"payment_error_93108\"),\n \"81901\": __(\"payment_error_81901\"),\n \"81905\": __(\"payment_error_81905\"),\n \"91609\": __(\"payment_error_91609\"),\n api_connection_error: __(\"stripe_api_connection_error\"),\n api_error: __(\"stripe_api_error\"),\n authentication_error: __(\"stripe_authentication_error\"),\n invalid_request_error: __(\"stripe_invalid_request_error\"),\n rate_limit_error: __(\"stripe_rate_limit_error\"),\n invalid_number: __(\"stripe_invalid_number\"),\n invalid_expiry_month: __(\"stripe_invalid_expiry_month\"),\n invalid_expiry_year: __(\"stripe_invalid_expiry_year\"),\n invalid_cvc: __(\"stripe_invalid_cvc\"),\n incorrect_number: __(\"stripe_incorrect_number\"),\n expired_card: __(\"stripe_expired_card\"),\n incorrect_cvc: __(\"stripe_incorrect_cvc\"),\n incorrect_zip: __(\"stripe_incorrect_zip\"),\n card_declined: __(\"stripe_card_declined\"),\n processing_error: __(\"stripe_processing_error,\"),\n missing: __(\"stripe_missing\"),\n // triggered by window.sfc.createPayment in errorDescription field\n incorrect_card_number: __(\"stripe_incorrect_number\"),\n xhr_error: __(\"payment_error_1056\")\n };\n\n this.handlePaymenterror = (data) => {\n const translated = this.errors[data.reasoncode] || this.errors[data.reason] || this.errors[data.result] || this.errors[data.error] || this.errors[data.code] || this.errors[data.errorDescription];\n let message;\n if (translated) {\n message = translated;\n } else {\n if (data.reason && data.reason.indexOf(\"TRANSID\") != -1) {\n message = __(\"payment_error_unhandled\");\n } else {\n message = data.reason || data.error || data.errorDescription || data.result || data.message;\n }\n\n if (message instanceof Object) {\n message = message.message || message.code\n }\n }\n \n toggleLoader(\"hide\");\n showPaymentError(message);\n };\n\n this.onPaymentSuccess = (res, opt) => {\n if (opt.callback && typeof opt.callback == \"function\") {\n opt.callback({...res, metapixeleventid: this.metapixeleventid}, () => {}, (data) => {\n this.handlePaymenterror(data);\n });\n } else {\n toggleLoader(\"hide\", \"success\");\n }\n };\n\n this.createCardData = (\n numberProp,\n expMonthProp,\n expYearProp,\n nameProp,\n cvcProp\n ) => {\n if (newCC) {\n const forCardData = {};\n forCardData[numberProp] = newCC.cardNumber;\n forCardData[expMonthProp] = newCC.expirationMonth;\n forCardData[expYearProp] = newCC.expirationYear;\n forCardData[nameProp] = newCC.cardHolderName;\n forCardData[cvcProp] = newCC.CVV;\n return forCardData;\n }\n };\n\n this.paymentApiCall = opt => {\n toggleLoader(\"show\");\n apiCall(\n this.method,\n this.paymentInfo,\n data => {\n if (data?.eventid) {\n this.metapixeleventid = data.eventid;\n }\n\n if (\n data.redirecturl || (data.action && data.action.type === \"redirect\")\n ) {\n window.showSafeChargeError = message => {\n this.onPaymentError(message);\n };\n } else {\n this.onPaymentSuccess(data, opt);\n }\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n };\n\n this.createStripePayment = ({ newpaymentmethod, paymentmethodid, paymentintentsecret }, opt) => {\n const stripe = Stripe('pk_test_rqxCBCYuPZVO5zmwMeD0yEvk');\n let params = {};\n const self = this;\n \n // if (newpaymentmethod) {\n // params = {\n // payment_method_data: {\n // card: { token: this.paymentInfo[\"token\"] },\n // billing_details: { name: newCC && newCC.cardHolderName }\n // },\n // save_payment_method: true,\n // setup_future_usage: \"off_session\"\n // }\t\n // } \n \n if (paymentmethodid) {\n params = {\n payment_method: paymentmethodid,\n setup_future_usage: \"off_session\"\n };\n } else {\n params = { \n payment_method: {card: { token: this.paymentInfo[\"token\"] }},\n setup_future_usage: \"off_session\"\n };\n }\n\n stripe.confirmCardPayment(paymentintentsecret, params)\n .then(function(result) {\n if (result?.paymentIntent && result?.paymentIntent?.id) {\n self.metapixeleventid = sha256(result.paymentIntent.id.toString());\n }\n\n if (result.error) {\n self.handlePaymenterror(result);\n } else {\n self.onPaymentSuccess(result, opt);\n }\n });\n }\n\n this.confirmStripeCard = ({ newpaymentmethod, paymentmethodid, clientsecret }, opt) => {\n const stripe = Stripe('pk_test_rqxCBCYuPZVO5zmwMeD0yEvk');\n const params = {\n payment_method: {\n card: { token: this.paymentInfo[\"token\"] }\n }\n }\t\n const self = this;\n \n if (paymentmethodid && !newCC) {\n params.payment_method = paymentmethodid;\n }\n\n stripe.confirmCardSetup(clientsecret, params)\n .then(function(result) {\n if (result?.setupIntent && result?.setupIntent?.id) {\n self.metapixeleventid = sha256(result.setupIntent.id.toString());\n }\n\n if (result?.error) {\n self.handlePaymenterror(result);\n } else if (opt.shoudUpdateDefaultSource) {\n self.updateStripeDefaultSource(result.setupIntent.payment_method, {\n refresh: false,\n callback: opt.callback\n });\n } else if (opt.paymentCallback) {\n opt.paymentCallback();\n } else {\n self.onPaymentSuccess(result, opt);\n }\n });\n }\n\n this.updateStripeSubscription = async(opt, skipModal) => {\n toggleLoader(\"show\");\n const self = this;\n\n // Wait for API to be ready to listen for user info change == successfully paid new plan.\n diffs.listen(userAuth);\n await diffs.onDiffIsReady().catch(err => console.error('Failed to create /subscribe request before payment.'));\n\n if (opt.changeCard) {\n self.paymentInfo.changecard = true;\n }\n\n if (opt.showPaymentConfirmationModal && !skipModal) {\n modalManager.open('PaymentConfirmationModal', {\n handleButtonClick: () => {\n self.updateStripeSubscription(opt, true);\n },\n handleModalClose: () => {\n toggleLoader(\"hide\");\n }\n });\n\n return;\n }\n\n if (newCC) {\n this.setStripePaymentSource({\n paymentCallback: () => {\n delete self.paymentInfo.token;\n this.paymentApiCall({\n callback: (res) => {\n if (res.paymentintentsecret) {\n this.createStripePayment(res, opt);\n } else {\n opt.callback(res);\n }\n }\n });\n }\n });\n } else {\n this.paymentApiCall({\n callback: (res) => {\n if (res.paymentintentsecret) {\n this.createStripePayment(res, opt);\n } else {\n opt.callback(res);\n }\n }\n });\n }\n };\n\n this.updateStripeDefaultSource = (methodid, opt) => {\n toggleLoader(\"show\");\n\n apiCall(\n \"billing/stripe/setdefaultpaymentmethod\",\n { auth: userAuth, methodid: methodid },\n res => {\n this.onPaymentSuccess(res, opt);\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n };\n \n this.openSafechargeOrder = ({ successCallback }) => {\n if (pCloudGlobals && pCloudGlobals.apiMethod) {\n const openorderParams = authorizeCard ? {\n authorizecard: 1,\n auth: userAuth\n } : this.paymentInfo;\n\n pCloudGlobals.apiMethod('safecharge/openorder', openorderParams, data => {\n if (data.sessiontoken) {\n this.safeChargeCCToken = data.sessiontoken;\n this.userTokenId = data.usertokenid;\n this.amountToPay = data.amounttopay / 100;\n\n if (data.orderid) {\n this.orderid = data.orderid;\n }\n\n if (successCallback && typeof successCallback === \"function\") {\n successCallback(data);\n }\n }\n }, {\n errorCallback: (res) => {\n this.handlePaymenterror(res);\n },\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n })\n }\n }\n\n this.applySafechargeOrder = (opt) => {\n if (pCloudGlobals && pCloudGlobals.apiMethod) {\n pCloudGlobals.apiMethod('safecharge/applyorder', {\n auth: userAuth,\n orderid: this.orderid\n }, res => {\n // this.onPaymentSuccess(res, opt);\n opt.callback(res, () => {}, (data) => {\n this.handlePaymenterror(data);\n }, true);\n }, {\n errorCallback: (res) => {\n this.handlePaymenterror(res);\n toggleLoader(\"hide\");\n },\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n })\n }\n }\n\n this.callSafechargePayment = (opt) => {\n if (!this.safeChargeCCToken) {\n return;\n }\n const currency = sessionStorage.pclCurrency || '$';\n let billingAddressFormatted; \n \n if (billingAddress) {\n billingAddressFormatted = { ...billingAddress };\n billingAddressFormatted.country = billingAddressFormatted.country ? billingAddressFormatted.country.toUpperCase() : \"LU\";\n }\n\n const params = {\n sessionToken: this.safeChargeCCToken, //received from openOrder API \n userTokenId: this.userTokenId,\n merchantId: SAFECHARGE_MERCHANT_ID.replace('SC_TEST_MERCHANT_ID_', ''),\n merchantSiteId : SAFECHARGE_MERCHANT_SITE_ID.replace('SC_TEST_MERCHANT_ID_', ''),\n clientUniqueId: Date.now(),\n currency: signToCurrency[currency],\n amount: this.amountToPay,\n billingAddress: billingAddressFormatted,\n }\n if (newCC && SFCardNumber) {\n removeCyclic(SFCardNumber);\n params.paymentOption = SFCardNumber;\n params.cardHolderName = newCC.cardHolderName\n } else if (providerSourceId) {\n params.paymentOption = { userPaymentOptionId: providerSourceId };\n }\n \n // Safecharge don't call the new callback, but the fist one provided\n // this we updated the opts used in the original callback\n passedOpts = opt;\n errorCallback = this.handlePaymenterror;\n\n window.sfc.createPayment(params, res => {\n if (res?.transactionId) {\n this.metapixeleventid = sha256(res.transactionId.toString());\n };\n\n if (res.result === \"SUCCESS\" || res.result === \"APPROVED\") {\n this.onPaymentSuccess(res, passedOpts);\n } else {\n errorCallback(res);\n }\n });\n }\n\n this.initSafechargePayment = async(opt) => {\n const self = this;\n passedOpts = opt;\n\n const afterOpenOrder = (res) => {\n if (res.amounttopay === 0 && res.orderid && !newCC && typeof SFCardNumber === \"undefined\") {\n this.applySafechargeOrder(passedOpts);\n } else {\n if (window.sfc) {\n this.callSafechargePayment(passedOpts);\n } else {\n // Await for safecharge.js to be ready. Loaded inside insertSafechargeForm.js.\n loadSafecharge().then(() => {\n this.callSafechargePayment(passedOpts)\n });\n }\n }\n }\n\n toggleLoader(\"show\");\n\n // Wait for API to be ready to listen for user info change == successfully paid new plan.\n diffs.listen(userAuth);\n await diffs.onDiffIsReady().catch(err => console.error('Failed to create /subscribe request before payment.'));\n \n if (opt.showPaymentConfirmationModal) {\n modalManager.open('PaymentConfirmationModal', {\n handleButtonClick: () => {\n self.openSafechargeOrder({\n successCallback: (res) => afterOpenOrder(res),\n });\n },\n handleModalClose: () => {\n toggleLoader(\"hide\");\n }\n });\n } else {\n self.openSafechargeOrder({\n successCallback: (res) => afterOpenOrder(res)\n });\n }\n };\n\n this.createBraintreePayment = async (opt, skipModal) => {\n const self = this;\n onBraintreeCreatePayment();\n \n if (opt.showPaymentConfirmationModal && !skipModal) {\n modalManager.open('PaymentConfirmationModal', {\n handleButtonClick: () => {\n self.createBraintreePayment(opt, true);\n },\n handleModalClose: () => {\n toggleLoader(\"hide\");\n }\n });\n\n return;\n }\n\n toggleLoader(\"show\");\n\n // Wait for API to be ready to listen for user info change == successfully paid new plan.\n diffs.listen(userAuth);\n await diffs.onDiffIsReady().catch(err => console.error('Failed to create /subscribe request before payment.'));\n\n apiCall(\n this.method,\n this.paymentInfo,\n res => {\n if (self.checkout) {\n self.checkout.teardown(() => {\n self.checkout = null;\n })\n }\n\n if (res?.transactionid) {\n this.metapixeleventid = `${res.transactionid}-${apiConfig.locationid}`\n }\n this.onPaymentSuccess(res, opt);\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n apiServer: getPaymentsApiUrl(),\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n };\n\n this.initBrainTree = (token, opt) => {\n const self = this;\n\n braintree.client.create({\n authorization: token\n }, function (clientErr, clientInstance) {\n \n // Stop if there was a problem creating the client.\n // This could happen if there is a network error or if the authorization\n // is invalid.\n if (clientErr) {\n console.error('Error creating client:', clientErr);\n return;\n }\n \n // Create a PayPal Checkout component.\n braintree.paypalCheckout.create({\n client: clientInstance\n }, function (paypalCheckoutErr, paypalCheckoutInstance) {\n paypalCheckoutInstance.loadPayPalSDK({\n vault: true\n }, function () {\n paypal.Buttons({\n fundingSource: paypal.FUNDING.PAYPAL,\n style: {\n color: opt.color || 'blue',\n label: opt.label || ''\n },\n createBillingAgreement: function () {\n return paypalCheckoutInstance.createPayment({\n flow: 'vault', // Required\n });\n },\n \n onApprove: function (data, actions) {\n toggleLoader(\"show\");\n return paypalCheckoutInstance.tokenizePayment(data, function (err, payload) {\n if (payload.nonce) {\n self.paymentInfo[\"nonce\"] = payload.nonce;\n if (isBusinessTrial) {\n opt.callback({ nonce: payload.nonce })\n } else {\n self.createBraintreePayment(opt);\n }\n } else {\n showPaymentError(\n __(\n \"something_went_wrong_refresh_and_try_again\",\n \"Something went wrong. Refresh and try again.\"\n )\n );\n }\n // Submit `payload.nonce` to your server\n });\n },\n \n onCancel: function (data) {\n toggleLoader(\"hide\");\n },\n \n onError: function (err) {\n console.error('PayPal error', err);\n toggleLoader(\"hide\");\n }\n }).render('#paypal-button').then(function () {\n // The PayPal button will be rendered in an html element with the ID\n // `paypal-button`. This function will be called when the PayPal button\n // is set up and ready to be used\n if (opt.onReady) {\n opt.onReady();\n }\n });\n \n });\n });\n });\n };\n\n this.getTokenBraintree = (opt) => {\n // toggleLoader(\"show\");\n apiCall(\n \"./token/get\",\n {auth: userAuth},\n res => {\n this.initBrainTree(res.token, opt);\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n apiServer: getPaymentsApiUrl(),\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n };\n\n this.setupIntent = (token, { callback }) => {\n apiCall(\n \"billing/stripe/setupintent\",\n { auth: userAuth },\n res => {\n if (callback && typeof callback === \"function\") {\n if (res.setupIntent && res.setupIntent.payment_method) {\n this.paymentInfo.paymentmethodid = res.setupresult.setupIntent.payment_method;\n }\n callback(res);\n }\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n }\n\n this.setStripePaymentSource = (opt) => {\n toggleLoader(\"show\");\n const self = this;\n opt.shoudUpdateDefaultSource = typeof opt.shoudUpdateDefaultSource !== \"undefined\" ? opt.shoudUpdateDefaultSource : false;\n\n if (newCC) {\n Stripe.setPublishableKey(STRIPE_PK);\n const cardData = this.createCardData(\"number\", \"exp_month\", \"exp_year\", \"name\", \"cvc\");\n\n Stripe.card.createToken(cardData, (status, tokenInfo) => {\n if (status == 200) {\n self.paymentInfo[\"token\"] = tokenInfo.id;\n self.setupIntent(tokenInfo, {\n callback: (res) => {\n if (res.clientsecret) {\n self.confirmStripeCard(res, opt);\n } else {\n opt.callback(res);\n }\n }\n });\n } else {\n toggleLoader(\"hide\");\n self.handlePaymenterror(tokenInfo.error);\n }\n });\n }\n }\n\n this.createAlipayPayment = (opt, skipModal) => {\n toggleLoader(\"show\");\n this.paymentInfo.instrument = \"alipay\";\n const self = this;\n\n if (opt.showPaymentConfirmationModal && !skipModal) {\n modalManager.open('PaymentConfirmationModal', {\n handleButtonClick: () => {\n self.createAlipayPayment(opt, true);\n },\n handleModalClose: () => {\n toggleLoader(\"hide\");\n }\n });\n\n return;\n }\n\n apiCall(\n \"paystripe\",\n self.paymentInfo,\n data => {\n const {paymentintentsecret} = data;\n const stripe = Stripe('pk_test_rqxCBCYuPZVO5zmwMeD0yEvk');\n stripe.confirmAlipayPayment(paymentintentsecret, {\n // Return URL where the customer should be redirected to after payment\n return_url: window.location.href,\n }).then((result) => {\n if (result.error) {\n self.handlePaymenterror(result);\n }\n });\n },\n ret => {\n self.handlePaymenterror(ret);\n },\n {\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n }\n\n this.createWechatPayment = (opt, skipModal) => {\n toggleLoader(\"show\");\n this.paymentInfo.instrument = \"wechat\";\n const self = this;\n\n if (opt.showPaymentConfirmationModal && !skipModal) {\n modalManager.open('PaymentConfirmationModal', {\n handleButtonClick: () => {\n self.createWechatPayment(opt, true);\n },\n handleModalClose: () => {\n toggleLoader(\"hide\");\n }\n });\n\n return;\n }\n\n apiCall(\n \"paystripe\",\n this.paymentInfo,\n data => {\n const {paymentintentsecret} = data;\n const stripe = Stripe('pk_test_rqxCBCYuPZVO5zmwMeD0yEvk');\n\n stripe.confirmWechatPayPayment(\n paymentintentsecret,\n {\n payment_method_options: {\n wechat_pay: {\n client: 'web',\n }\n }\n }, {\n handleActions: false\n }).then(({error, paymentIntent}) => {\n if (error) {\n this.handlePaymenterror(result);\n } else if (paymentIntent && paymentIntent.status === 'requires_action') {\n if (paymentIntent && paymentIntent.next_action) {\n opt.onNextAction(paymentIntent.next_action.wechat_pay_display_qr_code.image_url_png);\n }\n } \n })\n },\n ret => {\n this.handlePaymenterror(ret);\n },\n {\n onXhrError: (xhr, status, error) => {\n this.handlePaymenterror({reasoncode: \"xhr_error\", xhrError: {error: xhr, status, error}});\n }\n }\n );\n }\n}\n\nexport const providers = {\n\t1: {name: 'iTunes', short_name: 'itunes', type: 'mobile'},\n\t2: {name: 'PayPal', short_name: 'paypal', type: 'paypal'}, // Old Paypal\n\t3: {name: 'Bitcoin', short_name: 'bitcoin', type: 'bitcoin'},\n\t4: {name: 'Authorize', short_name: 'authorize', type: 'authorize'},\n\t5: {name: 'Vivacom', short_name: 'vivacom', type: 'vivacom'},\n\t6: {name: 'Bank', short_name: 'bank', type: 'bank'},\n\t7: {name: 'PaymentWall', short_name: 'paymentwall', type: 'paymentwall'},\n\t8: {name: 'SEP', short_name: 'sep', type: 'sep'},\n\t9: {name: 'Stripe', short_name: 'stripe', type: 'ccard'},\n\t11: {name: 'PayPal', short_name: 'paypal', type: 'paypal'}, // BrainTree\n\t12: {name: 'Google Play', short_name: 'googleplay', type: 'mobile'},\n\t13: {name: 'SafeCharge', short_name: 'safecharge', type: 'ccard'},\n 15: {name: 'Vivacom', short_name: 'vivacom', type: 'vivacom'},\n 16: {name: 'Adyen', short_name: 'adyen', type: 'ccard'}\n};\n\nexport const internalProviders = [\n {id: 11, short_name: 'paypal'},\n {id: 9, short_name: 'stripe'},\n {id: 13, short_name: 'safecharge'},\n];\n\nexport const isInternalPaymentProvider = providerId => internalProviders.find((internalProvider) => internalProvider.id === providerId);\n\nexport const getPurchaseData = () => {\n\tif (typeof(Storage) === 'undefined' || typeof(localStorage) === 'undefined' || localStorage === null) {\n\t\treturn [];\n }\n \n const purchases = localStorage.getItem(\"purchases\");\n \n\tif (purchases) {\n\t\treturn JSON.parse(purchases);\n\t} else {\n\t\treturn [];\n\t}\n}\n\nexport const storePurchaseDataLocally = (purchaseData) => {\n\tif (typeof(Storage) === 'undefined' || typeof(localStorage) === 'undefined' || localStorage === null) {\n\t\treturn;\n }\n \n\tconst purchases = getPurchaseData();\n\n\tpurchases.push(purchaseData);\n\n\tlocalStorage.setItem(\"purchases\", JSON.stringify(purchases));\n}\n\nexport const getCreditCardInfo = (paymentSource) => {\n if (!paymentSource) {\n return null;\n }\n \n const paymentProvider = paymentSource.safecharge ? \"safecharge\" : (paymentSource.stripe ? \"stripe\" : null);\n \n if (paymentProvider === null) {\n return null;\n }\n\n const creditCardInfo = paymentSource[paymentProvider].sources && paymentSource[paymentProvider].sources.length > 0 && \n // Find default source\n paymentSource[paymentProvider].sources.find(pSource => pSource.isdefault) && \n // If no default is set -> use the last in the array.\n paymentSource[paymentProvider].sources[paymentSource[paymentProvider].sources.length - 1];\n\n return creditCardInfo;\n};\n\nexport const brandIcons = {\n visa: ,\n visa_v2: ,\n master_card: ,\n mastercard: ,\n mastercard_v2: ,\n // maestro: ,\n american_express: ,\n americanexpress: ,\n americanexpress_v2: ,\n dinersclub: ,\n diners_club: ,\n dinersclub_v2: ,\n discover: ,\n discover_v2: ,\n jcb: ,\n paypal: ,\n paypal_v2: ,\n default: ,\n googleplay: ,\n itunes: ,\n vivacom: \n};\n\nexport const renderBillingProviderOrPaymentSourceIcon = (paymentProvider, paymentSource = null) => {\n let brandIcon = brandIcons[\"default\"];\n if (paymentSource && (paymentProvider.short_name === \"safecharge\" || paymentProvider.short_name === \"stripe\")) {\n // Safecharge, paypal or stripe.\n const creditCardInfo = getCreditCardInfo(paymentSource);\n brandIcon = brandIcons[creditCardInfo && creditCardInfo.brand ? creditCardInfo.brand.toLowerCase() : \"default\"] || brandIcon;\n } else if (paymentProvider.short_name === \"paypal\") {\n brandIcon = brandIcons[\"paypal\"];\n } else {\n // For example vivacom, googleplay or itunes...\n brandIcon = brandIcons[paymentProvider.short_name] || brandIcon;\n }\n\n return brandIcon;\n};","//@flow\n\nimport React, { useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { hiDPI } from \"polished\";\nimport Modal from \"@pcloud/web-utilities/dist/resources/components/Modal\";\nimport { onMouseOut, __ } from \"../../../lib/utils\";\nimport { setcookie, rcookie } from \"@pcloud/web-utilities/dist/lib/utils\";\n\ntype Props = {\n handleButtonClick: () => void,\n openedExitIntentCookieId: string,\n gaKey: string,\n title: string,\n description: string,\n ctaText: string\n};\nconst SimpleExitIntentModal = ({ \n handleButtonClick = () => {}, \n openedExitIntentCookieId = \"openedExitIntentModal\", \n gaKey = \"exit-intent\",\n title = \"\",\n description = \"\",\n ctaText = \"\"\n}: Props) => {\n const [showModal, setShowModal] = useState(false);\n const modalCustomStyle = {\n \"display\": \"flex\",\n \"alignItems\": \"center\",\n // \"justifyContent\": \"center\"\n };\n\n useEffect(() => {\n const timer = setTimeout(setMouseOutEvent, 5000);\n\n return () => {\n clearTimeout(timer)\n document.onmouseout = () => {};\n };\n }, []);\n\n const handleMouseOut = (event) => {\n onMouseOut(event, () => {\n if (!showModal && !rcookie(openedExitIntentCookieId)) {\n setShowModal(true);\n document.getElementsByTagName(\"BODY\")[0].classList.add(\"overlayed\");\n setcookie(openedExitIntentCookieId, 'true', 1);\n }\n });\n };\n\n const setMouseOutEvent = () => {\n document.onmouseout = handleMouseOut;\n };\n\n const closeModal = () => {\n setShowModal(false);\n document.getElementsByTagName(\"BODY\")[0].classList.remove(\"overlayed\");\n };\n\n const handleClick = () => {\n closeModal();\n handleButtonClick();\n };\n\n return (\n \n \n {title}\n {description}\n {ctaText}\n \n \n \n );\n};\n\nexport default SimpleExitIntentModal;\n\nconst modalWrapImg = (typeof cdnPath !== 'undefined' ? cdnPath : '/') + 'images/2023-Exit-intent-popup.png';\nconst modalWrapImgHiDpi = (typeof cdnPath !== 'undefined' ? cdnPath : '/') + 'images/2023-Exit-intent-popup@2x.png';\nconst ModalWrap = styled.div`\n width: 100%;\n min-width: 780px;\n height: 420px;\n max-height: 420px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n background-clip: padding-box;\n margin: 0 auto;\n padding: 0 80px;\n border-radius: 20px;\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n background-color: #01131d;\n background-size: 582px 420px;\n background-repeat: no-repeat;\n background-position: right;\n background-image: url(${modalWrapImg});\n ${hiDPI(1.5)} {\n background-image: url(${modalWrapImgHiDpi});\n }\n`;\n\nconst ovalModalCloseImg = (typeof cdnPath !== 'undefined' ? cdnPath : '/') + 'images/exit-intent-modal-close.png';\nexport const OvalModalClose = styled.div`\n position: fixed;\n right: 22px;\n top: 12px;\n background-size: 24px 24px;\n background-repeat: no-repeat;\n background-position: center;\n background-image: url(${ovalModalCloseImg});\n padding: 3px;\n box-sizing: border-box;\n cursor: pointer;\n z-index: 41;\n width: 30px;\n height: 30px;\n`;\n\nconst ModalTitle = styled.div`\n font-size: 18px;\n text-align: left;\n color: #17bed0;\n text-transform: uppercase;\n`;\n\nconst ModalDescription = styled.div`\n max-width: 294px;\n font-size: 28px;\n text-align: left;\n color: #ffffff;\n text-transform: uppercase;\n font-weight: 300;\n margin-top: 4px;\n`;\n\nconst ModalButton = styled.div`\n min-width: 100px;\n padding: 0 32px;\n float: left;\n height: 48px;\n font-size: 16px;\n letter-spacing: 0.32px;\n border-radius: 8px;\n background-color: #746de4;\n background-image: linear-gradient(105deg,#17bed0 0%,#746de4 96%);\n color: #ffffff;\n text-transform: uppercase;\n line-height: 48px;\n margin-top: 40px;\n cursor: pointer;\n`;\n","//@flow\n\nimport React, { Fragment, useState, useEffect, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport Componentify from \"react-componentify\";\nimport reactStringReplace from \"react-string-replace\";\n\nimport type {\n PeriodType,\n Userinfo,\n DisabledPlan,\n ColorType,\n CurrencyType\n} from \"../../../lib/types/dataTypes.components\";\n\nimport { linkConverter } from \"@pcloud/web-utilities/dist/lib/componentifyConverters\";\n\nimport {\n CRYPTO_PLAN_ID,\n PREMIUM_PLAN_ID,\n PREMIUM_PLUS_PLAN_ID,\n CUSTOM_PLAN_ID,\n FAMILY2TB_PLAN_ID,\n FAMILY4TB_PLAN_ID,\n FAMILY10TB_PLAN_ID,\n FAMILY_CUSTOM_PLAN_ID\n} from \"@pcloud/web-utilities/dist/plans/constants.plans\";\nimport { __ } from \"../../../lib/utils\";\n\nimport { PlanType } from \"../../../lib/types/PlanType\";\n\nimport Plans from \"./Plans\";\nimport MoreOptions from \"./MoreOptions\";\nimport ExplorePcloud from \"./ExplorePcloud\";\nimport UserPlanInfo from \"./UserPlanInfo\";\nimport { PriceError } from \"./Style\";\n\nimport TimerDiscountModal from \"../../ModalManager/StaticContainers/TimerDiscountModal\";\nimport ImagePreviewModalSimple from \"../../ModalManager/StaticContainers/ImagePreviewModalSimple\";\nimport { VIVACOM_128GB_PLAN_ID, VIVACOM_1TB_PLAN_ID, VIVACOM_500GB_PLAN_ID } from \"@pcloud/web-utilities/dist/plans/constants.plans\";\nimport FeaturesSection from \"../../FeaturesSection\";\nimport PremiumPlanFeatures from \"../../PremiumPlanFeatures\";\nimport LogoBar from \"../../LogoBar\";\nimport FamilyOfferSection from \"../../FamilyOfferSection\";\nimport PaymentLogos from \"../../PaymentLogos\";\nimport GogoMedal from \"../../../../new_site/images/plans/gogo-medal.svg\";\nimport RightArrowIconSVG from \"../../../../new_site/images/cyan-right-arrow.svg\";\nimport ChevronTop from \"../../../../new_site/images/plans/chevron-top.svg\";\nimport ChevronBottom from \"../../../../new_site/images/plans/chevron-bottom.svg\";\nimport CheckStampIcon from \"../../../svg/check-stamp-icon.svg\";\nimport { brandIcons } from \"../../../lib/payments\";\n\nimport SimpleExitIntentModal from \"../../ModalManager/StaticContainers/SimpleExitIntentModal\";\nimport PlansTypeComponent from \"../styles/PlansTypeComponent\";\n\ntype Props = {\n loadingPlans: boolean,\n loadingPlansError: string | null,\n currency: CurrencyType,\n user: Userinfo | null,\n disabled: DisabledPlan | null,\n plans: {[period: PeriodType]: [PlanType]},\n hiddenPeriods: [PeriodType],\n chosenPeriod: PeriodType,\n switchToMonthlyPlans: () => void,\n setChosenPeriod: (chosenPeriod: PeriodType) => void,\n setDiscount: (discount: string) => void,\n discount: string,\n hidePlansFooter: boolean,\n hideVatIncluded: boolean,\n hideExitIntent: boolean,\n hidePageTitle: boolean,\n hideFeaturesForAll: boolean,\n hideUsedByBar: boolean,\n hideFamilySection: boolean,\n hideTrafficSection: boolean,\n hidePaymentLogos: boolean,\n showComparePrices: boolean,\n showBestPriceByRandomGirl: boolean,\n country: string,\n checkoutPageLink: string,\n familyPageLink: string,\n trafficPageLink: string,\n downgrade: boolean,\n plansType: \"storage\" | \"crypto\" | \"traffic\" | \"storage_family\" | \"passwords\",\n plansVersion: string,\n showPlanDescriptionText: boolean,\n hideJapanesePartner: boolean,\n showTextUnderPrices: boolean,\n maxNumberOfFeaturesToShow: number, // -1 -> no limit\n periodsMainColor: ColorType,\n periodsBackgroundColor: string,\n defaultPeriod: PeriodType,\n analytics: {\n category: string,\n label: string,\n pageTitle: string\n },\n switchPlansFromSamePeriodByTabs: boolean,\n onTabSwitch: (plans: [PlanType], period: PeriodType, currency: CurrencyType) => void,\n tabsTitle: string,\n subtitlePosition: \"top\" | \"bottom\",\n showSaveLabel: boolean,\n plansContainerBackground: string,\n topHeadlineBackground: string\n};\n\nconst PricingPageDefaultUI = ({\n loadingPlans,\n loadingPlansError,\n currency,\n user,\n plans,\n hiddenPeriods,\n chosenPeriod,\n switchToMonthlyPlans,\n setChosenPeriod,\n setDiscount,\n discount,\n hidePlansFooter,\n hideVatIncluded,\n hideExitIntent,\n hidePageTitle,\n hideFeaturesForAll,\n hideUsedByBar = true,\n hideFamilySection = true,\n hideTrafficSection = true,\n hidePaymentLogos,\n hideDiscountPercentage,\n showComparePrices,\n showBestPriceByRandomGirl,\n country,\n checkoutPageLink,\n familyPageLink,\n trafficPageLink,\n downgrade,\n plansType,\n plansVersion = null,\n showPlanDescriptionText = false,\n hideJapanesePartner = false,\n showTextUnderPrices = true,\n maxNumberOfFeaturesToShow = 2,\n periodsMainColor = \"cyan\",\n periodsBackgroundColor = \"#ebebeb\",\n defaultPeriod = \"lifetime\",\n analytics = null,\n switchPlansFromSamePeriodByTabs = false,\n onTabSwitch = null,\n tabsTitle = null,\n layout = \"default\",\n subtitlePosition,\n showSaveLabel,\n plansContainerBackground = null,\n topHeadlineBackground = null\n}: Props) => {\n const [isMobile, setIsMobile] = useState(window.innerWidth <= 768);\n const [imagePreviewModalSrc, setImagePreviewModalSrc] = useState();\n const [showMoreJaCloudAward, setShowMoreJaCloudAward] = useState(false);\n\n const userWithPlanEligibleForTrafficPlan = useMemo(() => {\n const eligibleForTrafficPlans = [\n PREMIUM_PLAN_ID,\n PREMIUM_PLUS_PLAN_ID,\n FAMILY2TB_PLAN_ID,\n FAMILY4TB_PLAN_ID,\n FAMILY10TB_PLAN_ID,\n FAMILY_CUSTOM_PLAN_ID,\n CUSTOM_PLAN_ID,\n VIVACOM_128GB_PLAN_ID,\n VIVACOM_500GB_PLAN_ID,\n VIVACOM_1TB_PLAN_ID\n ];\n\n return user && user.plan && eligibleForTrafficPlans.indexOf(user.plan) !== -1\n }, [user]);\n\n const userHasStoragePlan = useMemo(() => user && user.premium, [user]);\n\n useEffect(() => {\n window.addEventListener('resize', onResizeSetIsMobile);\n\n return () => {\n window.removeEventListener('resize', onResizeSetIsMobile);\n }\n }, []);\n\n const onResizeSetIsMobile = () => {\n const newIsMobile = window.innerWidth <= 768;\n setIsMobile(newIsMobile);\n }\n \n const openRegisterModal = () => {\n openGlobalModal(\"loginorsignup\");\n };\n\n const scrollToJapaneseCertificates = () => {\n const targetElement = document.getElementById('japanese-certificates-container');\n const header = document.querySelector('header');\n \n if (targetElement && header) {\n const position = targetElement.getBoundingClientRect().top + window.scrollY - header.offsetHeight;\n window.scroll({ top: position, behavior: 'smooth' });\n }\n };\n\n const renderPageTitle = () => {\n if (hidePageTitle) {\n return;\n }\n\n let topHeadlineText = plansVersion !== \"0.0.0\" ? __(\"toggle2_pricingpage_storage\", \"Choose Your Plan\") : __(\"key_pricing_plans_individual\", \"Individual plans\");\n let topSubTitleText = plansVersion !== \"0.0.0\" ? __(\"PricingPage_SocialProof\", \"For over a decade, more than 20 million people have chosen us as their trusted cloud storage provider.\") : \"\";\n\n if (user) {\n const { business, plan } = user;\n\n if (business) {\n // We cannot be here after planVersion 1.0.0, because NoPlansInfoMessage will be shown instead.\n topHeadlineText = __(\"your_current_plan_is_pcloud_ba\", \"Your current plan is pCloud Business\");\n topSubTitleText = \"\";\n } else if (plan) {\n topHeadlineText = __(\"upgrade_your_experience\", \"Upgrade your pCloud experience\");\n topSubTitleText = \"\";\n } else if (chosenPeriod && plans[chosenPeriod].indexOf(CRYPTO_PLAN_ID) !== -1) {\n topHeadlineText = __(\"get_pcl_crypto\", \"Get pCloud Encryption\");\n topSubTitleText = \"\";\n } else if (plansVersion === \"0.0.0\") {\n topHeadlineText = __(\"choose_storage_and_price\", \"Choose your storage and price\");\n }\n }\n\n return (\n \n
\n {topHeadlineText != \"\" ? \n
{topHeadlineText}
\n : null}\n\n {topSubTitleText != \"\" ? \n
{topSubTitleText}
\n : null}\n
\n \n );\n };\n\n const renderJapanesePartner = () => {\n const lang = currentLang;\n if ((country === \"jp\" && lang === \"en\") || lang === \"ja\") {\n return (\n \n \n \n \n \n \n \n \n \n
\n {reactStringReplace(__(\"japanese_certification_jury_prize\"), /(%link%)/g, (match, i) => (\n \n \n {__(\"japanese_certification_jury_prize_link\")}\n \n \n ))}\n
\n \n \n );\n }\n };\n\n const renderJapaneseCloudAward = () => {\n const lang = currentLang;\n if ((country === \"jp\" && lang === \"en\") || lang === \"ja\") {\n return (\n \n setImagePreviewModalSrc(undefined)}\n />\n {__(\"japanese_certification_jury_prize_title\")}\n \n {__('japanese_certification_jury_prize_description_short')}\n \n {showMoreJaCloudAward &&\n \n {__('japanese_certification_jury_prize_description_long')}\n \n }\n setShowMoreJaCloudAward((showMoreJaCloudAward) => !showMoreJaCloudAward)}>\n {__('Read more')} {showMoreJaCloudAward ? : }\n \n \n setImagePreviewModalSrc(\"/images/aspic-certificate.jpg\")} />\n setImagePreviewModalSrc(\"/images/aspic-certificate-accreditation.png\")} />\n \n \n );\n }\n };\n\n const renderMoreOptions = () => {\n const userHasNoStoragePlan = user && !user.plan && !user.business;\n const optionsToShow = [];\n\n if (!user || userWithPlanEligibleForTrafficPlan || userHasNoStoragePlan) {\n optionsToShow.unshift(\"traffic\");\n }\n\n if (!user || (user && !user.premiumlifetime && !user.business)) {\n optionsToShow.unshift(\"business\");\n }\n\n if (!user || (user && (!user.premiumlifetime || user.plan === FAMILY2TB_PLAN_ID) && !user.business)) {\n optionsToShow.unshift(\"family\");\n }\n\n if (optionsToShow.length) {\n return ;\n }\n\n return null;\n };\n\n const renderExitIntent = () => {\n if (hideExitIntent) {\n return null;\n }\n\n if (chosenPeriod !== \"lifetime\" && user && !user.lastsubscription && !discount) {\n return setDiscount(\"EXIT_INTENT\")} />;\n }\n\n\n if (user && (user.plan || user.business)) {\n // No need to show exit intent to user with plan or business.\n return null;\n }\n\n const handleYearExitIntentCLick = () => {\n setChosenPeriod(\"year\");\n };\n \n const pattern = /landing/i;\n if (discount && chosenPeriod !== \"year\" && !pattern.test(document.referrer)) {\n return (\n \n );\n }\n\n return null;\n };\n\n const renderPaymentLogos = () => {\n const brands = [\"visa_v2\", \"mastercard_v2\", \"americanexpress_v2\", \"paypal_v2\", \"dinersclub_v2\", \"discover_v2\"];\n\n return (\n \n \n \n {__(\"10_DAYS_MONEY_BACK\")} {__(\"secure_ssl_payment_short\")}\n \n \n {brands.map((brand, index) => {brandIcons[brand]})}\n \n \n );\n };\n\n return (\n \n {renderPageTitle()}\n\n {renderExitIntent()}\n\n {plansType === \"storage\" ? : null}\n \n {!hideJapanesePartner ?\n renderJapanesePartner()\n : null}\n\n {loadingPlansError ? {loadingPlansError} : null}\n\n \n\n {!hideVatIncluded ?\n \n
{__(\"no_vat_or_fees_included\")}!
\n {plansType === \"storage\" ?\n \n \n \n : null}\n \n : null}\n\n {/** !!!OLDER DESIGN!!! */}\n {plansVersion === \"0.0.0\" ? \n \n {!hidePlansFooter ?\n \n {plansType === \"storage\" ? renderJapaneseCloudAward() : null}\n \n {plansType === \"storage\" ? renderMoreOptions() : null}\n \n {plansType === \"storage\" ?\n \n : null}\n \n : null}\n {!hideFeaturesForAll ?\n \n \n \n : null}\n {!hidePaymentLogos ?\n \n : null}\n \n : null}\n\n {/** NEWER DESIGN */}\n {plansVersion !== \"0.0.0\" ? \n \n {!hidePaymentLogos ?\n renderPaymentLogos() \n : null}\n\n {!hidePlansFooter ?\n \n {plansType === \"storage\" ? renderJapaneseCloudAward() : null}\n\n {/* \n {plansType === \"storage\" && plans && plans[\"month\"]?.length > 0 ?\n \n : null} \n */}\n \n : null}\n\n\n {!hidePaymentLogos && (!hideTrafficSection && userWithPlanEligibleForTrafficPlan) ? \n \n : null}\n\n {!hideTrafficSection && userWithPlanEligibleForTrafficPlan ? \n \n {__(\"pricing_traffic_option_title\", \"Link traffic\")}\n {__(\"pricing_traffic_option_description\", \"Get additional traffic for your shared links.\")}\n \n : null}\n \n {!hideFeaturesForAll && !userHasStoragePlan ?\n \n \n \n : null}\n\n {!hideUsedByBar && !userHasStoragePlan ? : null}\n\n {!hideFamilySection && !userHasStoragePlan ? \n \n \n \n : null}\n \n : null}\n \n );\n};\n\nexport default PricingPageDefaultUI;\n\nconst TextContainer = styled.div`\n text-align: left;\n margin-left: 20px;\n\n @media (max-width: 768px) {\n text-align: center;\n }\n`;\n\nconst WhiteSectionWrapper = styled.div`\n width: 100%;\n background: #fff;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nconst FeaturesWrap = styled.div`\n padding: 40px 20px 40px 0px;\n position: relative;\n width: 100%;\n border-top: 1px solid #e4e4e4;\n`;\n\nconst Upgradetext = styled.div`\n margin-bottom: 5px;\n\n a {\n text-decoration: none;\n font-weight: bold;\n }\n`;\n\nconst Link = styled.span`\n color: #17bed0;\n cursor: pointer;\n text-decoration: underline;\n`;\n\nconst StyledGogoMedal = styled(GogoMedal)`\n flex-shrink: 0;\n`;\n\nconst PaymentLogosWrapper = styled.div`\n padding: 44px 0;\n background: #fff;\n`;\n\nconst PaymentLogosContainer = styled.div`\n max-width: var(--pricing-page-content-width);\n width: calc(100% - var(--pricing-page-content-offset));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-md);\n margin-bottom: var(--spaces-6);\n text-align: center;\n\n @media (max-width: 1030px) {\n max-width: var(--plan-box-max-width);\n }\n`;\n\nconst SecurePaymentsHeadline = styled.div`\n color: var(--color-base-black);\n font-size: 18px;\n font-weight: 500;\n line-height: 26px;\n`;\n\nconst PaymentBrandsIconsWrapper = styled.div`\n display: flex;\n gap: var(--spacing-md);\n margin-top: var(--spacing-sm);\n align-items: center;\n justify-content: center;\n\n @media (max-width: 768px) {\n gap: var(--spacing-sm);\n }\n`;\n\nconst PaymentBrandIcon = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \n svg {\n height: 32px;\n }\n`;\n\nconst SeparationLine = styled.div`\n height: 0.5px;\n background-color: var(--box-border);\n width: 100%;\n max-width: 380px;\n width: calc(100% - var(--pricing-page-content-offset));\n border-radius: 0.75px;\n\n @media (max-width: 1030px) {\n max-width: var(--plan-box-max-width);\n }\n`;\n\nconst TrafficOfferWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n line-height: 22px;\n margin-bottom: var(--spaces-6);\n margin-top: var(--spacing-2xl);\n\n a {\n text-decoration: none;\n color: var(--text-link);\n font-size: 15px;\n font-weight: 400;\n\n svg {\n margin-left: var(--spacing-xs);\n position: relative;\n top: 1px;\n }\n }\n`;\n\nconst LinkHeader = styled.div`\n color: var(--color-base-black);\n font-size: 18px;\n font-weight: 500;\n`;\n","//@flow\n\nimport { \n PREMIUM_PLAN_ID,\n PREMIUM_PLUS_PLAN_ID,\n CUSTOM_PLAN_ID,\n ADD_STORAGE_1COUNT_PLAN_ID,\n ADD_STORAGE_4COUNT_PLAN_ID,\n ADD_STORAGE_8COUNT_PLAN_ID,\n ADD_STORAGE_12COUNT_PLAN_ID,\n ADD_STORAGE_20COUNT_PLAN_ID,\n CUSTOM_20COUNT_PLAN_ID,\n CUSTOM_8COUNT_PLAN_ID,\n CUSTOM4TB_PLAN_ID,\n CRYPTO_PLAN_ID,\n EFH_PLAN_ID,\n FAMILY2TB_PLAN_ID,\n FAMILY_CUSTOM_2COUNT_PLAN_ID,\n FAMILY_CUSTOM_5COUNT_PLAN_ID,\n FAMILY_ADD_1COUNT_PLAN_ID,\n FAMILY_ADD_2COUNT_PLAN_ID,\n FAMILY_ADD_5COUNT_PLAN_ID,\n ADDITIONAL_TRAFFIC_ID,\n PASS_PREMIUM_PLAN_ID,\n PASS_FAMILY_PLAN_ID\n} from \"@pcloud/web-utilities/dist/plans/constants.plans\";\n\nexport const STEP = \"choose-plan\";\nexport const PERIODS = [\"year\", \"lifetime\"];\nexport const PLANS = {\n month: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID],\n year: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID],\n lifetime: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID]\n};\nexport const PLANS_EXTENDED = {\n month: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID],\n year: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID],\n lifetime: [PREMIUM_PLAN_ID, PREMIUM_PLUS_PLAN_ID, CUSTOM_20COUNT_PLAN_ID]\n};\nexport const PLANS_ADD_STORAGE = {\n month: [],\n year: [],\n lifetime: [ADD_STORAGE_1COUNT_PLAN_ID, ADD_STORAGE_4COUNT_PLAN_ID, ADD_STORAGE_20COUNT_PLAN_ID]\n};\nexport const CHOSEN_PERIOD = \"lifetime\";\nexport const CURRENCY = \"\";\nexport const PLAN_OPTIONS_PER_PERIOD = {\n month: {\n [PREMIUM_PLAN_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [PREMIUM_PLUS_PLAN_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [CRYPTO_PLAN_ID]: [EFH_PLAN_ID],\n [EFH_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADDITIONAL_TRAFFIC_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [PASS_PREMIUM_PLAN_ID]: [],\n [PASS_FAMILY_PLAN_ID]: []\n },\n year: {\n [PREMIUM_PLAN_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [PREMIUM_PLUS_PLAN_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [CRYPTO_PLAN_ID]: [EFH_PLAN_ID],\n [EFH_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADDITIONAL_TRAFFIC_ID]: [CRYPTO_PLAN_ID, EFH_PLAN_ID],\n [PASS_PREMIUM_PLAN_ID]: [],\n [PASS_FAMILY_PLAN_ID]: []\n },\n lifetime: {\n [PREMIUM_PLAN_ID]: [CRYPTO_PLAN_ID],\n [PREMIUM_PLUS_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADD_STORAGE_1COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADD_STORAGE_4COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADD_STORAGE_8COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADD_STORAGE_12COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADD_STORAGE_20COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [CUSTOM_20COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [CUSTOM_8COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [CUSTOM4TB_PLAN_ID]: [CRYPTO_PLAN_ID],\n [CUSTOM_PLAN_ID]: [CRYPTO_PLAN_ID],\n [CRYPTO_PLAN_ID]: [],\n [FAMILY2TB_PLAN_ID]: [CRYPTO_PLAN_ID],\n [FAMILY_CUSTOM_2COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [FAMILY_CUSTOM_5COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [FAMILY_ADD_1COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [FAMILY_ADD_2COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [FAMILY_ADD_5COUNT_PLAN_ID]: [CRYPTO_PLAN_ID],\n [ADDITIONAL_TRAFFIC_ID]: [CRYPTO_PLAN_ID],\n [PASS_PREMIUM_PLAN_ID]: [],\n [PASS_FAMILY_PLAN_ID]: []\n }\n};\n\nexport const PERIOD_OPTIONS_PER_PLAN = {\n [PREMIUM_PLAN_ID]: [\"year\", \"lifetime\"],\n [PREMIUM_PLUS_PLAN_ID]: [\"year\", \"lifetime\"],\n [ADD_STORAGE_1COUNT_PLAN_ID]: [\"lifetime\"],\n [ADD_STORAGE_4COUNT_PLAN_ID]: [\"lifetime\"],\n [ADD_STORAGE_8COUNT_PLAN_ID]: [\"lifetime\"],\n [ADD_STORAGE_12COUNT_PLAN_ID]: [\"lifetime\"],\n [ADD_STORAGE_20COUNT_PLAN_ID]: [\"lifetime\"],\n [CUSTOM_8COUNT_PLAN_ID]: [\"lifetime\"],\n [CUSTOM_20COUNT_PLAN_ID]: [\"lifetime\"],\n [CUSTOM_PLAN_ID]: [\"lifetime\"],\n [CUSTOM4TB_PLAN_ID]: [\"lifetime\"],\n [CRYPTO_PLAN_ID]: [\"year\", \"lifetime\"],\n [EFH_PLAN_ID]: [\"month\", \"year\"],\n [FAMILY2TB_PLAN_ID]: [\"lifetime\"],\n [FAMILY_CUSTOM_2COUNT_PLAN_ID]: [\"lifetime\"],\n [FAMILY_CUSTOM_5COUNT_PLAN_ID]: [\"lifetime\"],\n [FAMILY_ADD_1COUNT_PLAN_ID]: [\"lifetime\"],\n [FAMILY_ADD_2COUNT_PLAN_ID]: [\"lifetime\"],\n [FAMILY_ADD_5COUNT_PLAN_ID]: [\"lifetime\"],\n [ADDITIONAL_TRAFFIC_ID]: [\"month\", \"year\", \"lifetime\"],\n [PASS_PREMIUM_PLAN_ID]: [\"month\", \"year\", \"lifetime\"],\n [PASS_FAMILY_PLAN_ID]: [\"month\", \"year\", \"lifetime\"]\n};\n\nexport const ADD_STORAGE_PLANS = [\n ADD_STORAGE_1COUNT_PLAN_ID,\n ADD_STORAGE_4COUNT_PLAN_ID,\n ADD_STORAGE_8COUNT_PLAN_ID,\n ADD_STORAGE_12COUNT_PLAN_ID,\n ADD_STORAGE_20COUNT_PLAN_ID,\n];\n\nexport const CUSTOM_STORAGE_PLANS = [\n CUSTOM_8COUNT_PLAN_ID,\n CUSTOM_20COUNT_PLAN_ID,\n];\n\nexport const FAMILY_ADD_STORAGE_PLANS = [\n FAMILY_ADD_1COUNT_PLAN_ID,\n FAMILY_ADD_2COUNT_PLAN_ID,\n FAMILY_ADD_5COUNT_PLAN_ID\n];\n\nexport const FAMILY_CUSTOM_STORAGE_PLANS = [\n FAMILY_CUSTOM_2COUNT_PLAN_ID,\n FAMILY_CUSTOM_5COUNT_PLAN_ID,\n];","import { useEffect, useRef, useState } from \"react\";\n\nimport * as DEFAULT from \"../defaultValues\";\nimport { PlanType } from \"../../../lib/types/PlanType\";\nimport type { PeriodType, CurrencyType } from \"../../../lib/types/dataTypes.components\";\nimport { currencyMap } from \"@pcloud/web-utilities/dist/payments/constants.payments\";\nimport { rcookie, setcookie, hrefSearch } from \"@pcloud/web-utilities/dist/lib/utils\";\n\nconst useLoadPlans = (({\n user,\n plansType,\n plansVersion,\n discountCode,\n abTest,\n downgrade,\n stopPageLoading\n}) => {\n const [plans, setPlans] = useState(null);\n const [noPlans, setNoPlans] = useState(null);\n const [currency, setCurrency] = useState(DEFAULT.CURRENCY);\n\n const [loadingPlans, setLoadingPlans] = useState(true);\n const [loadingPlansError, setLoadingPlansError] = useState(null);\n\n const loadPlansXHR = useRef(null);\n const storagePlansBackupRes = useRef(null);\n const plansTypeRef = useRef(plansType);\n\n (plans: {[period: PeriodType]: [PlanType]});\n (currency: CurrencyType);\n (loadingPlans: boolean);\n (loadingPlansError: string | null);\n\n useEffect(() => {\n // Load plans data.\n abortPreviousLoadPlansRequest();\n\n setLoadingPlans(true);\n setLoadingPlansError(\"\");\n\n // If crypto was shwon due to no sorage plans available let's rollback it to its initial plans type. \n plansTypeRef.current = plansType;\n loadPlansXHR.current = loadPlansApiCall();\n }, [user, discountCode]);\n\n const loadPlansApiCall = () => {\n const params = getLoadPlansParams();\n\n return pCloudGlobals.apiMethod(\"billing/getplans\", params, \n (res) => {\n if (res.result !== 0) {\n onLoadPlansError();\n return false;\n }\n\n onLoadedPlans(res);\n },\n {\n errorCallback: onLoadPlansError, \n onXhrError: onLoadPlansError\n }) || null;\n };\n\n const getLoadPlansParams = () => {\n const params = {\n type: plansTypeRef.current // \"storage\"\n };\n\n if (user) {\n params.auth = user.auth;\n } else {\n params.clearsession = 1;\n }\n\n if (discountCode) {\n params.discountcode = discountCode;\n }\n\n if ((abTest && !rcookie(\"lpseenproducts\") || rcookie(\"abtestinitiated\") || rcookie(\"showorigprices\"))) {\n params.showorigprices = 1;\n params.label = rcookie(\"origipricelable\") || \"ABTestJan2024\";\n\n if (!rcookie(\"origipricelable\")) {\n setcookie(\"origipricelable\", \"ABTestJan2024\");\n }\n };\n\n if (downgrade) {\n params.isdowngrade = 1;\n }\n \n return params;\n }\n\n /**\n * \n * @param {\n * result: number, \n * currency: \"USD\" | \"EUR\" | \"GBP\" | \"BGN\",\n * products: {\n * [period: PeriodType]: [{\n * \"productid\": PlanIDType,\n * \"trafficafterbuy\": number,\n * \"canbuy\": boolean,\n * \"pricecents\": number,\n * \"originalpricecents\": number,\n * }]\n * } \n * } res \n */\n const onLoadedPlans = (res) => {\n const plansData = prepareLoadedPlansData(res);\n \n if (!plansData) {\n return;\n }\n\n stopPageLoading();\n setLoadingPlans(false);\n setLoadingPlansError(\"\");\n setCurrency(currencyMap[plansData.currency]);\n\n let canBuyDisabledReason = null;\n let hasProducts = false;\n \n for (const period in plansData.products) {\n if (plansData.products[period][0]?.type === \"storage\") {\n plansData.products[period].sort((a, b) => a.quota - b.quota);\n }\n\n // Cache first canbuydisabledreason in products by period array.\n canBuyDisabledReason = canBuyDisabledReason || (plansData.products[period][0]?.canbuydisabledreason) || null;\n\n if (plansVersion !== \"0.0.0\") {\n // We no longer want to show plans with canbuy === false.\n plansData.products[period] = plansData.products[period].filter(({ canbuy }) => canbuy);\n }\n\n if (plansData.products[period].length > 0) {\n hasProducts = true;\n } else {\n delete plansData.products[period];\n }\n\n // Plans version 0.0.0 shows all plans independently if they are disabled.\n if (plansVersion === \"0.0.0\" && plansData.products[period][0]?.type !== \"storage\") {\n break;\n }\n }\n\n // No plans available to buy.\n setNoPlans(!hasProducts ? {reason: canBuyDisabledReason} : null);\n\n setPlans(plansData.products);\n };\n\n const onLoadPlansError = (xhr, status, error) => {\n if (status && status === \"abort\") {\n return;\n }\n\n setLoadingPlans(false);\n setLoadingPlansError(__(\"custom_plan_price_error\"));\n }\n\n const abortPreviousLoadPlansRequest = () => {\n if (loadPlansXHR && typeof loadPlansXHR.current !== \"undefined\" && loadPlansXHR.current !== null && loadPlansXHR.current.abort) {\n loadPlansXHR.current.abort();\n }\n }\n\n const allPlansAreDisabled = (plans: {[period: PeriodType]: [PlanType]}) => {\n for (const period in plans) {\n if (plans[period].some(plan => plan.canbuy)) {\n return false;\n }\n }\n // Yes, they are disabled.\n return true;\n }\n\n const filterPlansByRequiredURLParams = (plans: {[period: PeriodType]: [PlanType]}) => {\n for (const period in plans) {\n plans[period] = plans[period].filter(plan => !plan.paramforshow || plan.paramforshow === \"\" || hrefSearch(plan.paramforshow));\n }\n };\n\n const prepareLoadedPlansData = (res) => {\n if (plansTypeRef.current === \"storage_family\") {\n // show4tboption\n filterPlansByRequiredURLParams(res.products);\n }\n\n if (allPlansAreDisabled(res.products)) {\n // User has already bought all possible storage. Let's offer them encryption plans.\n if (plansTypeRef.current === \"storage\") {\n\n // Check if we are a family or business user.\n let canBuyDisabledReason = null;\n for (const period in res.products) {\n // Check against first canbuydisabledreason in products by period array.\n canBuyDisabledReason = (res.products[period][0]?.canbuydisabledreason) || null;\n if (canBuyDisabledReason !== null) {\n break;\n }\n }\n\n // Skip family or business users from offering Encryption plans.\n if ([\"isbusiness\", \"isfamily\", \"isfamilymember\"].indexOf(canBuyDisabledReason) === -1) {\n // Save backup to be restored if all crypto plans are also disabled.\n storagePlansBackupRes.current = res;\n // Load crypto plans.\n plansTypeRef.current = \"crypto\";\n loadPlansXHR.current = loadPlansApiCall();\n return false;\n }\n }\n\n // Rollback to all disabled storage plans.\n if (storagePlansBackupRes.current) {\n plansTypeRef.current = \"storage\";\n return storagePlansBackupRes.current;\n }\n } else {\n storagePlansBackupRes.current = null;\n }\n\n return res;\n };\n\n return {\n plans,\n currency,\n loadingPlans,\n loadingPlansError,\n noPlans\n };\n});\n\nexport default useLoadPlans;","import {\n CUSTOM_PLAN_ID,\n CUSTOM4TB_PLAN_ID, \n ADDITIONAL_TRAFFIC_ID,\n FAMILY2TB_PLAN_ID,\n FAMILY4TB_PLAN_ID,\n FAMILY10TB_PLAN_ID,\n PASS_PREMIUM_PLAN_ID,\n PASS_FAMILY_PLAN_ID,\n CRYPTO_PLAN_ID,\n VIVACOM_500GB_PLAN_ID,\n VIVACOM_1TB_PLAN_ID,\n VIVACOM_128GB_PLAN_ID\n} from \"@pcloud/web-utilities/dist/plans/constants.plans\";\n\nimport { productNameMap, STORAGE_PLANS, PASS_PLANS } from \"@pcloud/web-utilities/dist/plans/plansInfo\";\n\nimport { getPlanTtraffic, getUserTtrafficCount, getCurrentStorageCount } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\n\nimport { PLAN_NAMES_KEYS } from \"@pcloud/web-utilities/dist/config/constants\";\n\nimport { renderQuota } from \"@pcloud/web-utilities/dist/plans/utils.plans\";\n\nimport diffs from \"../lib/diffs\";\n\nimport {\n __, \n convertDateToDDMMMYY, \n daysDiff \n} from \"./utils\";\n\nimport { signToCurrency } from \"@pcloud/web-utilities/dist/payments/constants.payments\";\n\nimport { getPaymentsApiUrl, isInternalPaymentProvider, providers } from \"./payments\";\n\nimport userinfo from \"@pcloud/web-utilities/dist/api/methods/userinfo\";\n\nexport const filterSubscriptionsByCartItems = (userSubscriptions, planIdsToBuy, buyingPeriod) => {\n if (!planIdsToBuy.length || buyingPeriod === \"lifetime\" || !userSubscriptions || !userSubscriptions.length) {\n return;\n }\n\n const internalPaymentSubscriptions = userSubscriptions.filter(subscription => subscription.status !== \"canceled\" && isInternalPaymentProvider(subscription.provider));\n \n const plans = [];\n\n const storagePlansToUpgrade = [];\n const passPlansToUpgrade = [];\n const trafficPlansToUpgrade = [];\n const periods = [];\n let extProductIds = [];\n\n userSubscriptions.map(subscription => {\n if (subscription.status === \"canceled\") {\n return;\n }\n\n let subscriptionPeriod = null;\n let subscriptionProducts = [];\n \n if (subscriptionPeriod === null && !isInternalPaymentProvider(subscription.provider)) { \n // Google play, iTunes, Vivacom are here.\n // Set the opposite to the buyingPeriod, because we want to show them in \"YOUR ORDER\" list instead of \"CURRENTLY SUBSCRIBED\" list.\n // We'll receive money for those plans independently from their current subscription.\n subscriptionPeriod = buyingPeriod === \"month\" ? \"year\" : \"month\";\n\n subscriptionProducts = subscription.products.filter(productId => \n // Remove products if they are already part of active SafeCharge, PayPal or Stripe subscription.\n !internalPaymentSubscriptions.find(sub => sub.products.includes(productId)) &&\n // Remove VIVACOM products, because they should not be included in subscribed products.\n (productId !== VIVACOM_128GB_PLAN_ID && productId !== VIVACOM_1TB_PLAN_ID && productId !== VIVACOM_500GB_PLAN_ID) && \n // It's not already added as part of another external payment provider.\n extProductIds.indexOf(productId) === -1\n );\n\n if (subscriptionProducts.length === 0) {\n return;\n }\n\n extProductIds = extProductIds.concat(subscriptionProducts);\n } else {\n // SafeCharge, PayPal, Stripe are here.\n subscriptionPeriod = subscription.period;\n subscriptionProducts = subscription.products;\n }\n\n const userIsBuyingStorage = planIdsToBuy.some(planId => STORAGE_PLANS.indexOf(planId) !== -1);\n const userIsBuyingPcloudPass = planIdsToBuy.some(planId => PASS_PLANS.indexOf(planId) !== -1);\n const userIsBuyingTraffic = planIdsToBuy.some(planId => planId === ADDITIONAL_TRAFFIC_ID);\n\n periods.push(subscriptionPeriod);\n \n const subscribedProducts = subscriptionProducts.filter(planId => {\n if (userIsBuyingTraffic && planId === ADDITIONAL_TRAFFIC_ID) {\n // User is upgrading their traffic.\n trafficPlansToUpgrade.push(planId);\n return false;\n }\n\n const isStoragePlan = STORAGE_PLANS.indexOf(planId) !== -1;\n const isPassPlan = PASS_PLANS.indexOf(planId) !== -1;\n \n if (isStoragePlan && userIsBuyingStorage) {\n storagePlansToUpgrade.push(planId);\n }\n\n if (userIsBuyingPcloudPass && isPassPlan) {\n passPlansToUpgrade.push(planId);\n }\n\n // Remove 1. Plan is for storage and we're buying DIFFERENT storage. 3. Plan is pass plan and we're buying DIFFERENT pass plan.\n return !((isStoragePlan && userIsBuyingStorage && planIdsToBuy.indexOf(planId) === -1) || (userIsBuyingPcloudPass && isPassPlan && planIdsToBuy.indexOf(planId) === -1));\n });\n\n if (subscribedProducts.length === 0) {\n return;\n }\n \n plans.push({subscribedProducts, period: subscriptionPeriod});\n });\n\n return {plans, storagePlansToUpgrade, passPlansToUpgrade, trafficPlansToUpgrade, periods};\n};\n\nexport const getPreviewUserPlanChangeApiMethodAndOpts = (user, paymentType, paymentCardProvider) => {\n let apiMethod = \"\";\n const apiMethodOpts = {};\n\n if (!user) {\n apiMethod = \"billing/getproductsinfo\";\n } else {\n switch (paymentType) {\n case \"ccard\":\n switch (paymentCardProvider) {\n case \"safecharge\":\n apiMethod = \"safecharge/previewuserplanchange\";\n break;\n case \"stripe\":\n apiMethod = \"billing/stripe/previewuserplanchange\";\n break;\n }\n break;\n case \"paypal\": \n apiMethod = \"subscription/previewuserplanchange\";\n apiMethodOpts.apiServer = getPaymentsApiUrl();\n break;\n case \"alipay\": \n case \"wechat\": \n apiMethod = \"billing/stripe/previewuserplanchange\";\n break;\n case \"local\":\n apiMethod = \"safecharge/previewuserplanchange\";\n break;\n }\n }\n\n return {apiMethod, apiMethodOpts};\n};\n\nexport const loadPlanInfoApiCall = (\n {\n user, \n chosenPeriod,\n chosenPlanIds, \n getNextBilling = false,\n subscribedPlans = {plans: [], storagePlansToUpgrade: [], passPlansToUpgrade: [], trafficPlansToUpgrade: [], periods: []}, \n chosenUpsellPlans = {}, \n traffic, \n paymentView, \n cardProvider,\n discountCode,\n downgrade = false,\n forceFresh = false\n },\n\n onSuccess = (res, inputData) => {}, \n onError = (err) => {}\n ) => {\n\n const params = {};\n const chosenUpsellPlanIds = [];\n\n if (getNextBilling) {\n params.getnextbilling = 1;\n } else {\n if (!chosenPlanIds || chosenPlanIds.length == 0) {\n return null;\n }\n \n const productIDs = subscribedPlans.plans.length === 0 ? chosenPlanIds.concat([]) : [...new Set(chosenPlanIds.concat(...new Set(subscribedPlans.plans.map(({subscribedProducts}) => subscribedProducts))))];\n \n if (chosenUpsellPlans !== null) {\n for (const planId in chosenUpsellPlans) {\n if (productIDs.indexOf(chosenUpsellPlans[planId]) === -1) {\n productIDs.push(chosenUpsellPlans[planId]);\n chosenUpsellPlanIds.push(chosenUpsellPlans[planId]);\n }\n }\n }\n \n let trafficParam = -1;\n \n if (productIDs.indexOf(ADDITIONAL_TRAFFIC_ID) !== -1) {\n trafficParam = parseInt(traffic) || (user && getUserTtrafficCount(user, true));\n }\n \n params.products = productIDs.join(\",\");\n params.period = chosenPeriod;\n\n if (trafficParam !== -1) {\n params.traffic = trafficParam;\n }\n }\n\n if (user) {\n params.auth = user.auth;\n } else {\n params.clearsession = 1;\n }\n\n if (discountCode) {\n params.discountcode = discountCode;\n }\n\n if (downgrade) {\n params.isdowngrade = 1;\n }\n\n if (user?.lastsubscription?.status === \"active\" && user.lastsubscription?.products.indexOf(CUSTOM4TB_PLAN_ID) !== -1 && chosenPeriod !== \"lifetime\") {\n if (user?.planparams?.traffic) {\n params.traffic = (params.traffic || 0) + user.planparams.traffic\n }\n\n if (user?.planparams?.storage) {\n params.storage = user.planparams.storage\n }\n }\n\n // console.log('Load order info params', params);\n\n const {apiMethod: loadOrderInfoApiMethod, apiMethodOpts: loadOrderInfoApiMethodOpts} = getPreviewUserPlanChangeApiMethodAndOpts(user, paymentView, cardProvider);\n \n if (loadOrderInfoApiMethod == \"\") {\n onError({message: \"Missing provider method to handle this provider.\"});\n }\n\n if (forceFresh) {\n loadOrderInfoApiMethodOpts.forceFresh = forceFresh;\n }\n\n return pCloudGlobals.apiMethod(loadOrderInfoApiMethod, params, \n (res) => {\n onSuccess(res, {user, chosenPlanIds, subscribedPlans, chosenUpsellPlanIds});\n },\n {\n ...loadOrderInfoApiMethodOpts, \n errorCallback: onError, \n onXhrError: (xhr, status, error) => onError({\n result: \"xhr_error\", \n error: {xhr, status, error}\n })\n }) || null;\n}\n\nexport const checkIfUserPlanIsChanged = (currentUser, newUser) => {\n if ((!currentUser.lastsubscription && newUser.lastsubscription) || (currentUser.lastsubscription && !newUser.lastsubscription)) {\n return true;\n }\n\n // Amount of subscribed products are different?\n if (currentUser.lastsubscription && newUser.lastsubscription) {\n\n // Check period.\n if (currentUser.lastsubscription.period !== newUser.lastsubscription.period) {\n return true;\n }\n\n if (currentUser.lastsubscription.products.length !== newUser.lastsubscription.products.length) {\n return true;\n }\n\n // Check if each product exist in the other array.\n if(!newUser.lastsubscription.products.every(productId => currentUser.lastsubscription.products.includes(productId))) {\n return true;\n }\n }\n\n // Lifetime plans are different?\n if (\n currentUser.premiumlifetime != newUser.premiumlifetime || \n currentUser.cryptolifetime != newUser.cryptolifetime || \n currentUser.additionaltrafficlifetime != newUser.additionaltrafficlifetime\n ) {\n return true;\n }\n\n // Check pass plans\n if ((!currentUser.passmanagerdata && newUser.passmanagerdata) || (currentUser.passmanagerdata && !newUser.passmanagerdata)) {\n return true;\n }\n\n if (currentUser.passmanagerdata && newUser.passmanagerdata) {\n if (currentUser.passmanagerdata.islifetime != newUser.passmanagerdata.islifetime) {\n return true;\n }\n\n if (currentUser.passmanagerdata.family != newUser.passmanagerdata.family) {\n return true;\n }\n\n if (currentUser.passmanagerdata.plan != newUser.passmanagerdata.plan) {\n return true;\n }\n }\n\n // Amount of traffic is different?\n if (getUserTtrafficCount(currentUser, true) != getUserTtrafficCount(newUser, true)) {\n return true;\n }\n\n // Amount of storage is different?\n if (getCurrentStorageCount(currentUser) != getCurrentStorageCount(newUser)) {\n return true;\n }\n\n return false;\n};\n\nexport const getPaymentSummaryText = (subscriptionSummary, keepOldSubscriptionDate) => {\n let paymentSummaryText = \"\";\n \n const remainingDaysCurrentPlan = subscriptionSummary.nextBillingDate != \"\" ? daysDiff(subscriptionSummary.nextBillingDate) : 0;\n\n if (keepOldSubscriptionDate && remainingDaysCurrentPlan > 0) {\n if (subscriptionSummary.totalNextPriceToPay !== subscriptionSummary.totalPlanPrice) {\n // Text 1:\n // Payment applies to the remаining %num_days% days of your current plan. \n // Your total subscription price is %total_amount_and_currency%. \n // Next payment: %next_amount_and_currency%, on %date%.\n paymentSummaryText = __(remainingDaysCurrentPlan === 1 ? \"payment_summary_text_1_1\" : \"payment_summary_text_1\")\n .replace(\"%num_days%\", remainingDaysCurrentPlan)\n .replace(\"%total_amount_and_currency%\", `${subscriptionSummary.totalPlanPrice / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%next_amount_and_currency%\", `${subscriptionSummary.totalNextPriceToPay / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate));\n } else {\n // Text 2:\n // Payment applies to the remаining %num_days% days of your current plan.\n // Your total subscription price is %total_amount_and_currency%. \n // Next billing date: %date%.\n paymentSummaryText = __(remainingDaysCurrentPlan === 1 ? \"payment_summary_text_2_1\" : \"payment_summary_text_2\")\n .replace(\"%num_days%\", remainingDaysCurrentPlan)\n .replace(\"%total_amount_and_currency%\", `${subscriptionSummary.totalPlanPrice / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate));\n }\n } else {\n if (subscriptionSummary.totalPlanPrice !== subscriptionSummary.totalPriceToPay && subscriptionSummary.totalNextPriceToPay !== subscriptionSummary.totalPlanPrice) {\n // Text 3:\n // Your total subscription price is %total_amount_and_currency%. \n // Next payment: %next_amount_and_currency%, on %date%.\n paymentSummaryText = __(\"payment_summary_text_3\")\n .replace(\"%total_amount_and_currency%\", `${subscriptionSummary.totalPlanPrice / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%next_amount_and_currency%\", `${subscriptionSummary.totalNextPriceToPay / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate));\n } else if (subscriptionSummary.totalPlanPrice !== subscriptionSummary.totalPriceToPay && subscriptionSummary.totalNextPriceToPay === subscriptionSummary.totalPlanPrice) {\n // Text 4:\n // Your total subscription price is %total_amount_and_currency%. \n // Next billing date: %date%.\n // payment_summary_text_4\n paymentSummaryText = __(\"payment_summary_text_4\")\n .replace(\"%total_amount_and_currency%\", `${subscriptionSummary.totalPlanPrice / 100} ${signToCurrency[subscriptionSummary.currency]}`)\n .replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate));\n } else if (subscriptionSummary.totalPlanPrice === subscriptionSummary.totalPriceToPay && subscriptionSummary.totalNextPriceToPay !== subscriptionSummary.totalPlanPrice) {\n // Text 5:\n // Next payment: %amount_and_currency%, on %date%.\n paymentSummaryText = __(\"next_payment_price_and_date\").replace(\"%amount_and_currency%\", `${subscriptionSummary.totalNextPriceToPay / 100} ${signToCurrency[subscriptionSummary.currency]}`).replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate));\n } else {\n // Text 6:\n // Next billing date: %date%.\n paymentSummaryText = __(\"next_billing_date\").replace(\"%date%\", convertDateToDDMMMYY(subscriptionSummary.nextBillingDate))\n }\n }\n\n return paymentSummaryText;\n}\n\nexport const subscribeForUserDiff = (user, onChange, currentUserDiffRef) => {\n if (!user) {\n return;\n }\n\n if (currentUserDiffRef.current) {\n // Skip stop is important here, because we are readding different listener.\n currentUserDiffRef.current(true);\n }\n\n const { auth } = user;\n\n currentUserDiffRef.current = diffs.listen(auth, entries => {\n if (entries.length) {\n const modifyUserEvents = entries.filter(({ event, time, userinfo }) => {\n const eventTime = new Date(time);\n return event === \"modifyuserinfo\" && userinfo;\n });\n\n if (modifyUserEvents.length) {\n const { userinfo } = modifyUserEvents[modifyUserEvents.length - 1];\n // console.log(\"!!!!!!!!!!!!!!! userDiff\", { user, userinfo });\n if (user && userinfo && userinfo.language !== user.language) {\n return;\n };\n\n if (onChange) {\n // Refresh the user info if we are before payment process\n // or show thank you page if we are in active payment process.\n onChange(userinfo);\n currentUserDiffRef.current();\n } else {\n // Not invoked, but just in case we don't have given onChange...\n location.reload();\n }\n }\n }\n });\n};\n\nexport const waitForAPItoUpdateUserInfo = ({\n onUpdateSuccess,\n metapixeleventid,\n currentUser,\n userDiff,\n transactionID,\n successCallback,\n errorCallback\n}) => {\n // Let's set fallback for user info change, because the event for changed user info\n // can be received from the backend before payment success method to be invoked.\n const fallbackUserInfoChangeTimeoutHandler = setTimeout(async () => {\n const userInfoResponse = await userinfo(currentUser.auth, () => {}, { apiServer: pCloudGlobals?.apiConfig?.apiServer, forceFresh: true });\n\n if (userInfoResponse && userInfoResponse.result === 0 && checkIfUserPlanIsChanged(currentUser, userInfoResponse)) {\n onUpdateSuccess({transactionID, metapixeleventid}, successCallback, errorCallback);\n diffs.stop();\n }\n }, 3000);\n\n subscribeForUserDiff(currentUser, (newUserInfo) => {\n clearTimeout(fallbackUserInfoChangeTimeoutHandler);\n onUpdateSuccess({transactionID, metapixeleventid}, successCallback, errorCallback);\n }, userDiff);\n};\n\nexport const getPaymentType = (userPaymentProvider) => {\n return !userPaymentProvider ? null : (userPaymentProvider.short_name === \"safecharge\" || userPaymentProvider.short_name === \"stripe\" ? \"ccard\" : (userPaymentProvider.short_name === \"paypal\" ? \"paypal\" : null));\n};\n\nexport const getCardProvider = (userPaymentProvider) => {\n return getPaymentType(userPaymentProvider) === \"ccard\" ? (userPaymentProvider.short_name === \"safecharge\" ? \"safecharge\" : \"stripe\") : null;\n}\n\nexport const getSubscriptionPaymentProvider = (subscription) => {\n return providers[(subscription && subscription.provider) || 0] || null;\n}\n\nexport const isExternalPaymentProvider = (subscription) => {\n const paymentProvider = getSubscriptionPaymentProvider(subscription);\n return paymentProvider && paymentProvider.short_name !== \"safecharge\" && paymentProvider.short_name !== \"stripe\" && paymentProvider.short_name !== \"paypal\";\n}\n\nexport const getUserLifetimeProducts = (user) => {\n if (!(user && (user.premiumlifetime || user.cryptolifetime || user.additionaltrafficlifetime || (user.passmanagerdata && user.passmanagerdata.islifetime)))) {\n // No Lifetime services.\n return [];\n }\n\n const lifetimeProducts = [];\n\n if (user.premiumlifetime) {\n lifetimeProducts.push({\n id: user.plan,\n name: (user.plan == CUSTOM_PLAN_ID ? __(PLAN_NAMES_KEYS[CUSTOM_PLAN_ID]) : productNameMap[user.plan].long) + ((user.plan == CUSTOM4TB_PLAN_ID || user.plan == CUSTOM_PLAN_ID) ? \" \" + renderQuota(user.quota) : \"\"),\n });\n }\n\n if (user.cryptolifetime) {\n lifetimeProducts.push({\n id: CRYPTO_PLAN_ID,\n name: productNameMap[CRYPTO_PLAN_ID].long\n });\n }\n\n if (user.additionaltrafficlifetime) {\n lifetimeProducts.push({\n id: ADDITIONAL_TRAFFIC_ID,\n name: productNameMap[ADDITIONAL_TRAFFIC_ID].long.replace(\"%amount%\", getPlanTtraffic(getUserTtrafficCount(user, true)))\n });\n }\n\n if (user.passmanagerdata && user.passmanagerdata.islifetime) {\n if (user.passmanagerdata.plan === 1) {\n lifetimeProducts.push({\n id: PASS_PREMIUM_PLAN_ID,\n name: productNameMap[PASS_PREMIUM_PLAN_ID].long\n });\n }\n\n if (user.passmanagerdata.plan === 2) {\n lifetimeProducts.push({\n id: PASS_FAMILY_PLAN_ID,\n name: productNameMap[PASS_FAMILY_PLAN_ID].long\n });\n }\n }\n\n return lifetimeProducts;\n};\n\nexport const getPricingPageURL = (plans, {discount, period, downgrade}, {pricingPagePassURL, familyPageURL, trafficPageURL, cryptoPageURL, pricingPageURL}) => {\n let url = \"\";\n for (const plan of plans) {\n switch (plan.id) {\n case PASS_PREMIUM_PLAN_ID:\n case PASS_FAMILY_PLAN_ID:\n url = pricingPagePassURL;\n break;\n case FAMILY2TB_PLAN_ID:\n case FAMILY4TB_PLAN_ID:\n case FAMILY10TB_PLAN_ID:\n url = familyPageURL;\n break;\n case ADDITIONAL_TRAFFIC_ID: \n url = trafficPageURL;\n break;\n case CRYPTO_PLAN_ID:\n url = cryptoPageURL;\n break;\n default: \n url = pricingPageURL;\n break;\n }\n\n if (url !== \"\") {\n // Break the for;\n break;\n }\n }\n\n const params = [];\n\n if (discount) {\n params.push(\"discount=\" + discount);\n }\n\n if (downgrade) {\n params.push(\"downgrade=1\");\n }\n\n params.push(\"period=\" + period);\n\n return url + (url.search(/[?]/) === -1 ? \"?\" : \"&\") + params.join(\"&\");\n};\n","import { useEffect, useRef, useState } from \"react\";\n\nimport { subscribeForUserDiff } from \"../../../lib/plansUtils\";\n\nimport type { Userinfo } from \"../../../lib/types/dataTypes.components\";\n\nimport { rcookie, hrefSearch } from \"@pcloud/web-utilities/dist/lib/utils\";\n\nimport userinfo from \"@pcloud/web-utilities/dist/api/methods/userinfo\";\n\nconst useUser = (({\n globalUserInfo,\n showPageLoading,\n setHiddenPeriods,\n getInitialHiddenPeriods\n}) => {\n\n const [user, setUser] = useState(globalUserInfo || null);\n const userDiff = useRef(null);\n\n (user: Userinfo | null);\n\n useEffect(() => {\n if (user) {\n // Logged in\n _subscribeForUserDiff(user, onUserDiff);\n\n if (typeof _learnq !== 'undefined' && (rcookie('ref') == 56215 || hrefSearch(\"ref\") == 56215)) {\n _learnq.push(['identify', {\n '$email': user.email,\n '$id': user.userid\n }])\n }\n\n } else {\n // Logged out.\n diffs.stop();\n }\n }, [user]); //[user]\n\n const onLoginCallback = (userData, invokedAfterAction) => {\n if (pCloud && pCloud.user) {\n // If we are here when logged by using another page.\n if (invokedAfterAction !== \"onAuthAction\") {\n showPageLoading();\n } // Else we were logged by using the login / register form ON this page.\n\n setUser({ ...pCloud.user });\n }\n }\n\n const onLogoutCallback = () => {\n // Show pageLoading\n // showPageLoading();\n setHiddenPeriods(getInitialHiddenPeriods());\n setUser(null);\n };\n\n const onUserDiff = async (newUserInfo) => {\n showPageLoading();\n\n // newUserInfo has no exactly the same info returned by /userinfo. For example we want to use \"publiclinkquota\", but it's missing there.\n const userInfoResponse = await userinfo(user.auth, () => {}, { apiServer: pCloudGlobals?.apiConfig?.apiServer, forceFresh: true });\n\n setUser({...user, ...userInfoResponse});\n };\n\n const _subscribeForUserDiff = (user, onChange) => {\n return subscribeForUserDiff(user, onChange, userDiff);\n };\n\n return {\n user,\n onLoginCallback,\n onLogoutCallback\n }\n});\n\nexport default useUser;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { __ } from \"../../../lib/utils\";\nimport AvailableSVGIcon from \"../../../svg/plan-feature-available-check.svg\";\nimport UnavailableSVGIcon from \"../../../svg/plan-feature-unavailable.svg\";\n\nconst PlansComparisonTable = ({\n CustomAvailableSvgIcon = null,\n CustomUnavailableSVGIcon = null,\n showFeatureDescrionInANewRow = true,\n comparePlansTexts = [\n {\n text: __(\"acclr1_plans_free\", \"Free Plan\"),\n color: null\n },\n {\n text: __(\"acclr1_plans_paid\", \"Paid Plans\"),\n color: null\n }\n ],\n compareFeaturesValues = [\n {\n feature: __(\"acclr1_plans_storage\", \"Storage\"),\n description: \"\",\n valuesForPlan: [\n {\n text: __(\"acclr1_plans_10gb\", \"Up to 10 GB\"),\n color: null,\n },\n {\n text: `500 ${__(\"GB\")} - 10 ${__(\"TB\")}`,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_sharing\", \"File Sharing\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 1,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_access\", \"Access from any Device\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 1,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_branding\", \"Shared link branding\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 0,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_30days_trash\", \"30 days trash history\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 0,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_public_folder\", \"Public Folder\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 0,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_password_protected_links\", \"Password protected shared links\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 0,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n {\n feature: __(\"acclr1_plans_expiration_date_for_shared_links\", \"Expiration date for shared links\"),\n description: \"\",\n valuesForPlan: [\n {\n boolean: 0,\n color: null,\n },\n {\n boolean: 1,\n color: null,\n },\n ]\n },\n ]\n}) => {\n const columnsNumber = comparePlansTexts.length + 1;\n const columnWidth = 100 / columnsNumber;\n\n const renderHeaderRow = (rowid = 0) => {\n return (\n \n \n {comparePlansTexts.map(({ text, color }, index) => {text})}\n \n )\n }\n const rednerTableContent = () => {\n return (\n compareFeaturesValues.map(({ feature, valuesForPlan, description }, rowindex) => (\n \n \n
{feature}
\n {(description && !showFeatureDescrionInANewRow) ? {description} : null}\n \n {valuesForPlan.map(({ text, boolean, color }, featureindex) => {\n if (text) {\n return {text};\n }\n\n if (typeof text === \"undefined\" && (typeof boolean === \"number\" || typeof boolean === \"boolean\")) {\n return boolean ? (\n \n {CustomAvailableSvgIcon ? : }\n \n ) : (\n \n {CustomUnavailableSVGIcon ? : }\n \n );\n }\n })}\n {(description && showFeatureDescrionInANewRow) ? {description} : null}\n \n ))\n )\n }\n\n return (\n \n {renderHeaderRow()}\n {rednerTableContent()}\n \n );\n};\n\nexport default PlansComparisonTable;\n\nconst CompareTable = styled.div`\n background: #fff;\n box-shadow: 4px, 4px, 4, 0, rgba(96, 96, 96, 0.2);\n border-radius: 17px;\n max-width: 1032px;\n margin: 0 auto;\n padding: 40px 60px;\n box-sizing: border-box;\n\n @media (max-width: 768px) {\n padding: 12px 30px;\n }\n`;\n\nconst Row = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 18px 0;\n border-bottom: 1px solid #EEEEEE;\n\n ${({descriptiononnewrow}) => {\n if (descriptiononnewrow) {\n return `\n flex-wrap: wrap;\n `;\n }\n }}\n &:last-of-type {\n border-bottom: none;\n }\n\n @media (max-width: 768px) {\n padding: 12px 0px;\n }\n`;\nconst HeaderRow = styled(Row)`\n border-bottom: none;\n`;\nconst Cell = styled.div`\n width: ${({ width }) => width}%;\n font-size: 15px;\n letter-spacing: -0.2px;\n text-align: center;\n\n ${({ color }) => {\n if (color) {\n return `\n color: ${color};\n svg {\n fill: ${color};\n }\n `;\n }\n }}\n`;\n\nconst FeatureCell = styled(Cell)`\n text-align: left;\n`;\n\nconst HeaderCell = styled(Cell)`\n text-align: center;\n font-weight: 500;\n font-size: 19px;\n color: ${({ color }) => {color || \"#000\"}};\n`;\n\nconst FeatureDescription = styled.div`\n margin-top: 4px;\n color: #454545;\n font-size: 12px;\n width: 100%;\n text-align: left;\n font-weight: 300;\n flex-grow: 1;\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n font-size: 10px;\n }\n`;","//@flow\n\nimport React, { Fragment, useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport Componentify from \"react-componentify\";\nimport reactStringReplace from \"react-string-replace\";\n\nimport type {\n PeriodType,\n Userinfo,\n DisabledPlan,\n CurrencyType\n} from \"../../../lib/types/dataTypes.components\";\n\nimport { linkConverter } from \"@pcloud/web-utilities/dist/lib/componentifyConverters\";\n\nimport { CRYPTO_PLAN_ID } from \"@pcloud/web-utilities/dist/plans/constants.plans\";\nimport { __ } from \"../../../lib/utils\";\n\nimport { PlanType } from \"../../../lib/types/PlanType\";\n\nimport Plans from \"./Plans\";\nimport ExplorePcloud from \"./ExplorePcloud\";\nimport UserPlanInfo from \"./UserPlanInfo\";\nimport { TopHeadline, PriceError, UserPlanInfoContainer } from \"./Style\";\n\nimport TimerDiscountModal from \"../../ModalManager/StaticContainers/TimerDiscountModal\";\nimport ImagePreviewModalSimple from \"../../ModalManager/StaticContainers/ImagePreviewModalSimple\";\nimport FeaturesSection from \"../../FeaturesSection\";\nimport PaymentLogos from \"../../PaymentLogos\";\nimport GogoMedal from \"../../../../new_site/images/plans/gogo-medal.svg\";\nimport ChevronTop from \"../../../../new_site/images/plans/chevron-top.svg\";\nimport ChevronBottom from \"../../../../new_site/images/plans/chevron-bottom.svg\";\n\nimport SimpleExitIntentModal from \"../../ModalManager/StaticContainers/SimpleExitIntentModal\";\nimport PlansComparisonTable from \"./PlansComparisonTable\";\nimport EncryptionSVGIcon from \"../../../svg/pricing-encryption.svg\";\nimport SwissSVGIcon from \"../../../svg/pricing-swiss-protection.svg\";\nimport EasyAccessSVGIcon from \"../../../svg/pricing-easy-access.svg\";\n\ntype Props = {\n loadingPlans: boolean,\n loadingPlansError: string | null,\n currency: CurrencyType,\n user: Userinfo | null,\n disabled: DisabledPlan | null,\n plans: {[period: PeriodType]: [PlanType]},\n hiddenPeriods: [PeriodType],\n chosenPeriod: PeriodType,\n switchToMonthlyPlans: () => void,\n setChosenPeriod: (chosenPeriod: PeriodType) => void,\n setDiscount: (discount: string) => void,\n discount: string,\n hidePlansFooter: boolean,\n hideExitIntent: boolean,\n hidePageTitle: boolean,\n hideFeaturesForAll: boolean,\n hidePaymentLogos: boolean,\n showComparePrices: boolean,\n showBestPriceByRandomGirl: boolean,\n country: string,\n checkoutPageLink: string,\n downgrade: boolean,\n plansType: \"storage\" | \"crypto\" | \"traffic\" | \"storage_family\" | \"passwords\",\n showPlanDescriptionText: boolean,\n hideJapanesePartner: boolean,\n showTextUnderPrices: boolean,\n maxNumberOfFeaturesToShow: number, // -1 -> no limit\n periodsMainColor: ColorType,\n periodsBackgroundColor: string,\n defaultPeriod: PeriodType,\n analytics: {\n category: string,\n label: string,\n pageTitle: string\n },\n switchPlansFromSamePeriodByTabs: boolean,\n onTabSwitch: (plans: [PlanType], period: PeriodType, currency: CurrencyType) => void,\n tabsTitle: string\n};\n\nconst PricingPageAcceleratedUI = ({\n loadingPlans,\n loadingPlansError,\n currency,\n user,\n plans,\n hiddenPeriods,\n chosenPeriod,\n switchToMonthlyPlans,\n setChosenPeriod,\n setDiscount,\n discount,\n hidePlansFooter,\n hideExitIntent,\n hidePageTitle,\n hideFeaturesForAll,\n hidePaymentLogos,\n hideDiscountPercentage,\n showComparePrices,\n showBestPriceByRandomGirl,\n country,\n checkoutPageLink,\n downgrade,\n plansType,\n showPlanDescriptionText = false,\n hideJapanesePartner = false,\n showTextUnderPrices = true,\n maxNumberOfFeaturesToShow = 2,\n periodsMainColor = \"cyan\",\n periodsBackgroundColor = \"#ebebeb\",\n defaultPeriod = \"lifetime\",\n analytics = null,\n switchPlansFromSamePeriodByTabs = false,\n onTabSwitch = null,\n tabsTitle = null\n}: Props) => {\n const [isMobile, setIsMobile] = useState(window.innerWidth <= 768);\n const [imagePreviewModalSrc, setImagePreviewModalSrc] = useState();\n const [showMoreJaCloudAward, setShowMoreJaCloudAward] = useState(false);\n\n useEffect(() => {\n window.addEventListener('resize', onResizeSetIsMobile);\n\n return () => {\n window.removeEventListener('resize', onResizeSetIsMobile);\n }\n }, []);\n\n const onResizeSetIsMobile = () => {\n const newIsMobile = window.innerWidth <= 768;\n setIsMobile(newIsMobile);\n }\n \n const openRegisterModal = () => {\n openGlobalModal(\"register\");\n };\n\n const scrollToJapaneseCertificates = () => {\n const targetElement = document.getElementById('japanese-certificates-container');\n const header = document.querySelector('header');\n \n if (targetElement && header) {\n const position = targetElement.getBoundingClientRect().top + window.scrollY - header.offsetHeight;\n window.scroll({ top: position, behavior: 'smooth' });\n }\n };\n\n const renderPageTopSection = () => {\n if (hidePageTitle) {\n return;\n }\n\n let topHeadlineText = __(\"acclr1_plans_head\", \"Upgrade your free plan for more security, storage and flexibility\");\n\n if (user) {\n const { business, plan } = user;\n\n if (business) {\n topHeadlineText = __(\"your_current_plan_is_pcloud_ba\");\n } else if (plan) {\n topHeadlineText = __(\"upgrade_your_experience\");\n } else if (chosenPeriod && plans[chosenPeriod].indexOf(CRYPTO_PLAN_ID) !== -1) {\n topHeadlineText = __(\"get_pcl_crypto\");\n } else {\n topHeadlineText = __(\"choose_storage_and_price\");\n }\n }\n\n return (\n <>\n {topHeadlineText}\n \n \n \n {__(\"acclr1_home_head_bul1\", \"Top-tier encryption\")}\n \n \n \n {__(\"acclr1_plans_easy\", \"Easy file access\")}\n \n \n \n {__(\"acclr1_plans_swiss\", \"Swiss Data Protection\")}\n \n \n \n );\n };\n\n const renderJapanesePartner = () => {\n const lang = currentLang;\n if ((country === \"jp\" && lang === \"en\") || lang === \"ja\") {\n return (\n \n \n \n \n \n \n \n \n \n
\n {reactStringReplace(__(\"japanese_certification_jury_prize\"), /(%link%)/g, (match, i) => (\n \n \n {__(\"japanese_certification_jury_prize_link\")}\n \n \n ))}\n
\n \n \n );\n }\n };\n\n const renderJapaneseCloudAward = () => {\n const lang = currentLang;\n if ((country === \"jp\" && lang === \"en\") || lang === \"ja\") {\n return (\n \n setImagePreviewModalSrc(undefined)}\n />\n {__(\"japanese_certification_jury_prize_title\")}\n \n {__('japanese_certification_jury_prize_description_short')}\n \n {showMoreJaCloudAward &&\n \n {__('japanese_certification_jury_prize_description_long')}\n \n }\n setShowMoreJaCloudAward((showMoreJaCloudAward) => !showMoreJaCloudAward)}>\n {__('Read more')} {showMoreJaCloudAward ? : }\n \n \n setImagePreviewModalSrc(\"/images/aspic-certificate.jpg\")} />\n setImagePreviewModalSrc(\"/images/aspic-certificate-accreditation.png\")} />\n \n \n );\n }\n };\n\n const renderExitIntent = () => {\n if (hideExitIntent) {\n return null;\n }\n\n if (chosenPeriod !== \"lifetime\" && user && !user.lastsubscription && !discount) {\n return setDiscount(\"EXIT_INTENT\")} />;\n }\n\n\n if (user && (user.plan || user.business)) {\n // No need to show exit intent to user with plan or business.\n return null;\n }\n\n const handleYearExitIntentCLick = () => {\n setChosenPeriod(\"year\");\n };\n \n const pattern = /landing/i;\n if (discount && chosenPeriod !== \"year\" && !pattern.test(document.referrer)) {\n return (\n \n );\n }\n\n return null;\n }\n\n return (\n
\n {renderPageTopSection()}\n\n {renderExitIntent()}\n\n {plansType === \"storage\" ? : null}\n \n {!hideJapanesePartner ? \n renderJapanesePartner()\n : null}\n\n {loadingPlansError ? {loadingPlansError} : null}\n\n \n {!hidePlansFooter ?\n \n \n
{__(\"no_vat_or_fees_included\")}!
\n \n {!hidePaymentLogos &&\n \n }\n \n : null}\n \n {__(\"acclr1_plans_benefits\", \"Free plan benefits vs Paid plans benefits\")}\n \n \n \n {renderJapaneseCloudAward()}\n {!hideFeaturesForAll ?\n \n \n \n : null}\n
\n );\n};\n\nexport default PricingPageAcceleratedUI;\n\nconst MainFeatures = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 36px;\n padding: 0px 20px; \n box-sizing: border-box;\n\n @media (max-width: 768px) {\n font-size: 14px;\n gap: 2px 30px;\n }\n`;\n\nconst MainFeature = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 11px;\n`\n\nconst MainFeatureText = styled.div`\n font-size: 20px;\n font-weight: 400;\n line-height: 29px;\n letter-spacing: -0.36px;\n color: #000;\n\n @media (max-width: 768px) {\n font-size: 14px;\n }\n`;\n \nconst VatIncluded = styled.div`\n color: #999;\n font-size: 14px;\n margin: 40px 0 21px 0;\n text-align: center;\n`;\n\nconst PaymentPartner = styled(UserPlanInfoContainer)`\n background: #fff;\n border-color: #eee;\n display: flex;\n align-items: center;\n\n @media (max-width: 768px) {\n flex-direction: column;\n justify-content: center;\n }\n`;\n\nconst GogoLogo = styled.div`\n display: inline-block;\n height: 55px;\n width: 200px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 200px 55px;\n background-image: url(\"/images/plans/gogo-mini.png\");\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n margin: 0 auto 10px auto;\n }\n`;\n\nconst TextContainer = styled.div`\n text-align: left;\n margin-left: 20px;\n\n @media (max-width: 768px) {\n text-align: center;\n }\n`;\n\nconst FeaturesWrap = styled.div`\n padding: 40px 20px 40px 0px;\n position: relative;\n width: 100%;\n border-top: 1px solid #e4e4e4;\n`;\n\nconst JapaneseCertification = styled.div`\n font-size: 14px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.4;\n letter-spacing: normal;\n color: #707070;\n margin: 30px auto;\n box-sizing: border-box;\n max-width: 826px;\n display: flex;\n gap: 4px;\n @media (max-width: 768px) {\n padding: 0px 20px;\n }\n`;\n\nconst Link = styled.span`\n color: #17bed0;\n cursor: pointer;\n text-decoration: underline;\n`;\n\nconst StyledGogoMedal = styled(GogoMedal)`\n flex-shrink: 0;\n`;\n\nconst JapaneseCloudAwardContainer = styled.div`\n border-bottom: 1px solid #E4E4E4;\n padding: 47px 15px 72px 15px;\n`;\n\nconst JapaneseCloudAwardContainerTitle = styled.h2`\n color: #2C2C2C;\n font-family: Roboto;\n font-size: 28px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-align: center;\n margin-bottom: 12px;\n letter-spacing: normal;\n`;\n\nconst ReadMoreToggle = styled.span`\n color: #17BED0;\n text-align: center;\n font-family: Roboto;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n text-decoration-line: underline;\n margin: 0 auto;\n display: block;\n cursor: pointer;\n`;\n\nconst JapaneseCertificationDescription = styled.div`\n color: #707070;\n text-align: center;\n font-family: Roboto;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n margin-bottom: 12px;\n max-width: 830px;\n margin: 0 auto 12px auto;\n`;\n\nconst CertificatesWrapper = styled.div`\n display: flex;\n gap: 40px;\n margin: 72px auto 0 auto;\n justify-content: center;\n flex-wrap: wrap;\n @media (max-width: 768px) {\n max-width: 570px;\n }\n`;\n\nconst CertificateImage = styled.img`\n cursor: pointer;\n width: 570px;\n border-radius: 12px;\n @media (max-width: 768px) {\n width: 100%;\n }\n`;\n\nconst PaymentLogosWrapper = styled.div`\n padding: 20px 0;\n box-sizing: border-box;\n border-top: 1px solid #EEEEEE;\n border-bottom: 1px solid #EEEEEE;\n\n @media (max-width: 768px) {\n padding: 20px;\n }\n`;\n\nconst SectionHeadline = styled.div`\n margin-bottom: 40px;\n font-weight: 700;\n font-size: 28px;\n text-align: center;\n padding: 0 20px;\n box-sizing: border-box;\n\n @media (max-width: 768px) {\n font-size: 24px;\n }\n`;\n\nconst PlanComparisonWrapper = styled.div`\n padding: 36px 20px 0px 20px;\n`;","var _path, _path2, _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgBigInfoIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 48,\n height: 49,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#E2E2E2\",\n d: \"M0 0h48v49H0z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M-6072-3591v-4h-4v4h4zm7268 0h4v-4h-4v4zm0 5850v4h4v-4h-4zm-7268 0h-4v4h4v-4zm0-5846h7268v-8h-7268v8zm7264-4v5850h8v-5850h-8zm4 5846h-7268v8h7268v-8zm-7264 4v-5850h-8v5850h8z\",\n fill: \"#000\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#big-info-icon_svg__clip0_0_1)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M-936-199H984V881H-936z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: -296,\n y: -39,\n width: 640,\n height: 279,\n rx: 23,\n fill: \"#F0F8FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.002 36.171c.378 0 .695-.127.95-.383.254-.255.381-.572.381-.95v-12c0-.378-.128-.694-.384-.95a1.293 1.293 0 00-.951-.383c-.378 0-.695.128-.95.383a1.292 1.292 0 00-.381.95v12c0 .378.128.694.384.95s.573.383.951.383zM24 17.711c.465 0 .855-.158 1.17-.473.314-.315.471-.704.471-1.17 0-.464-.157-.854-.472-1.169A1.59 1.59 0 0024 14.43a1.59 1.59 0 00-1.17.47 1.588 1.588 0 00-.471 1.17c0 .465.157.854.472 1.17.314.314.704.471 1.169.471zm.009 30.46c-3.319 0-6.44-.63-9.361-1.889-2.921-1.26-5.463-2.969-7.624-5.128-2.161-2.16-3.872-4.698-5.133-7.617C.631 30.618 0 27.499 0 24.18c0-3.319.63-6.439 1.89-9.36 1.259-2.922 2.968-5.463 5.127-7.625 2.16-2.161 4.699-3.872 7.618-5.132C17.553.802 20.672.17 23.99.17s6.44.63 9.361 1.89c2.921 1.26 5.463 2.969 7.624 5.128 2.161 2.159 3.872 4.698 5.133 7.617C47.369 17.725 48 20.844 48 24.163c0 3.318-.63 6.439-1.89 9.36-1.259 2.922-2.968 5.463-5.127 7.624-2.16 2.162-4.699 3.873-7.618 5.133-2.918 1.26-6.037 1.891-9.356 1.891zM24 45.505c5.956 0 11-2.067 15.133-6.2 4.134-4.134 6.2-9.178 6.2-15.134 0-5.955-2.066-11-6.2-15.133C35 4.905 29.956 2.838 24 2.838c-5.956 0-11 2.067-15.133 6.2-4.134 4.133-6.2 9.178-6.2 15.133 0 5.956 2.066 11 6.2 15.134 4.133 4.133 9.177 6.2 15.133 6.2z\",\n fill: \"url(#big-info-icon_svg__paint0_linear_0_1)\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"big-info-icon_svg__paint0_linear_0_1\",\n x1: 0,\n y1: 24.171,\n x2: 48,\n y2: 24.171,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#17BED0\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.525,\n stopColor: \"#6B61EF\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#FA595D\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"big-info-icon_svg__clip0_0_1\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n transform: \"translate(-936 -199)\",\n d: \"M0 0h1920v1080H0z\"\n })))));\n}\nexport default SvgBigInfoIcon;","import React, { useMemo } from \"react\";\nimport styled from \"styled-components\";\n\nimport { __ } from \"../../../lib/utils\";\n\nimport BigInfoIconSVG from \"../../../../new_site/images/big-info-icon.svg\";\nimport Button from \"@pcloud/web-utilities/dist/resources/components/ButtonDefault\";\nimport PlansTypeComponent from \"../styles/PlansTypeComponent\";\nimport { baseButtonCSS } from \"../styles/Plans\";\n\nconst NoPlansInfoMessage = ({\n reason,\n logoutUser = () => {},\n plansContainerBackground = \"#fff\",\n familyPageLink = \"/family.html\",\n contactUsPageLink = \"/company/contactus.html\"\n}) => {\n\n const {noPlansInfoHeader , noPlansInfoDescription} = useMemo(() => {\n let header = \"\";\n let description = \"\";\n switch (reason) {\n case \"isbusiness\":\n header = __(\"isbusiness_pricing_page_header\", \"Your account is associated with a business plan.\");\n description = __(\"isbusiness_pricing_page_description\", \"To explore individual plans, please sign out.\");\n break;\n case \"isfamily\":\n header = __(\"isfamily_pricing_page_header\", \"Your account is associated with a Family plan.\");\n description = __(\"isfamily_pricing_page_description\", \"Please go to our Family Plans page.\");\n break;\n case \"isfamilymember\":\n header = __(\"isfamily_pricing_page_header\", \"Your account is associated with a Family plan.\");\n description = __(\"isfamilymember_pricing_page_description\", \"Contact the account owner to upgrade, or sign out to view individual plans.\");\n break;\n // case \"hasplan\": case \"haslifetime\": case \"exceedquota\": case \"lowerplan\": case \"lowerperiod\": case 7 // \"notavailableforsubscription\":\n default: \n header = __(\"largest_plan_pricing_page_header\", \"You’re on the largest plan available.\");\n description = __(\"largest_plan_pricing_page_description\", \"Contact our support for more details.\");\n }\n\n return {noPlansInfoHeader: header, noPlansInfoDescription: description};\n }, [reason]);\n\n const renderNoPlansButton = () => {\n switch (reason) {\n case \"isbusiness\":\n case \"isfamilymember\": \n // Sign Out\n return ;\n case \"isfamily\": \n // Go to family\n return ;\n default: \n // Contact Us\n return ;\n }\n }\n\n return (\n \n \n \n \n\n \n \n {noPlansInfoHeader}\n \n\n \n {noPlansInfoDescription}\n \n \n\n {renderNoPlansButton()}\n \n \n \n );\n}\n\nexport default NoPlansInfoMessage;\n\nconst NoPlansInfoWrapper = styled.div`\n max-width: var(--pricing-page-content-width);\n width: calc(100% - var(--pricing-page-content-offset));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nconst NoPlansInfoBox = styled.div`\n width: 640px;\n max-width: 100%;\n box-sizing: border-box;\n background: var(--alert-info-background);\n border-radius: var(--alert-info-border-radius);\n padding: var(--spacing-2xl);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: var(--spacing-xl);\n margin: var(--spaces-20) 0;\n\n @media (max-width: 768px) {\n margin: var(--spacing-lg) 0 var(--spacing-3xl) 0;\n }\n\n @media (max-width: 360px) {\n padding: var(--spacing-lg);\n }\n\n a {\n ${baseButtonCSS}\n height: 38px;\n line-height: 38px;\n font-size: 15px;\n font-weight: 500;\n width: 200px;\n max-width: 100%;\n box-sizing: border-box;\n }\n`;\n\nconst NoPlansInfoTextWrapper = styled.div`\n color: var(--color-base-black);\n`;\n\nconst NoPlansInfoHeader = styled.div`\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n`;\n\nconst NoPlansInfoDescription = styled.div`\n font-weight: 400;\n font-size: 15px;\n line-height: 24px;\n`;","//@flow\n\nimport React, { useState, useEffect } from \"react\";\n\nimport PricingPageDefaultUI from \"./views/PricingPageDefaultUI\";\n\nimport type { PeriodType, Userinfo, CurrencyType, ColorType } from \"../../lib/types/dataTypes.components\";\n\nimport usePrevious from \"@pcloud/web-utilities/dist/hooks/usePrevious\";\n\nimport { __, addHrefSearch } from \"../../lib/utils\";\n\nimport { rcookie, hrefSearch, setcookie } from \"@pcloud/web-utilities/dist/lib/utils\";\n\nimport { PlanType } from \"../../lib/types/PlanType\";\n\nimport useLoadPlans from \"./hooks/LoadPlansHook\";\nimport useUser from \"./hooks/UserHook\";\nimport PricingPageAcceleratedUI from \"./views/PricingPageAcceleratedUI\";\nimport NoPlansInfoMessage from \"./views/NoPlansInfoMessage\";\n\ntype Props = {\n globalUserInfo: Userinfo,\n hidePlansFooter: boolean,\n hideVatIncluded: boolean,\n hideExitIntent: boolean,\n hidePageTitle: boolean,\n hideFeaturesForAll: boolean,\n hideUsedByBar: boolean,\n hideFamilySection: boolean,\n hideTrafficSection: boolean,\n hidePaymentLogos: boolean,\n showComparePrices: boolean,\n showBestPriceByRandomGirl: boolean,\n maxCustomStorageCount: number,\n checkoutPageLink: string,\n familyPageLink: string,\n trafficPageLink: string,\n contactUsPageLink: string,\n stopPageLoading: () => void,\n showPageLoading: () => void,\n activateMonthlyPlans: {value: boolean},\n plansType: \"storage\" | \"crypto\" | \"traffic\" | \"storage_family\" | \"passwords\",\n plansVersion: string,\n layout: \"default\" | \"accelerated\",\n showPlanDescriptionText: boolean,\n hideJapanesePartner: boolean,\n showTextUnderPrices: boolean,\n maxNumberOfFeaturesToShow: number, // -1 -> no limit\n periodsMainColor: ColorType,\n periodsBackgroundColor: string,\n initialHiddenPeriods: Array,\n defaultPeriod: PeriodType,\n analytics: {\n category: string,\n label: string,\n pageTitle: string\n },\n switchPlansFromSamePeriodByTabs: boolean,\n onTabSwitch: (plans: [PlanType], period: PeriodType, currency: CurrencyType) => void,\n tabsTitle: string,\n subtitlePosition: \"top\" | \"bottpm\",\n showSaveLabel: boolean,\n logoutUser: () => void,\n plansContainerBackground: string,\n topHeadlineBackground: string\n}\n\nconst PricingPage = ({\n globalUserInfo,\n hidePlansFooter,\n hideVatIncluded,\n hideExitIntent,\n hidePageTitle,\n hideFeaturesForAll,\n hideUsedByBar,\n hideFamilySection,\n hideTrafficSection,\n hidePaymentLogos,\n hideDiscountPercentage,\n showComparePrices,\n showBestPriceByRandomGirl,\n abTest = false,\n checkoutPageLink = \"/checkout.html\",\n familyPageLink = \"/family.html\",\n trafficPageLink = \"/additional-traffic.html\",\n contactUsPageLink = \"/company/contactus.html\",\n stopPageLoading = () => {},\n showPageLoading = () => {},\n activateMonthlyPlans = null,\n plansType = \"storage\",\n plansVersion = \"0.0.0\",\n layout = \"default\",\n showPlanDescriptionText = false,\n hideJapanesePartner = false,\n showTextUnderPrices = true,\n maxNumberOfFeaturesToShow = 2,\n periodsMainColor = \"cyan\",\n periodsBackgroundColor = \"#ebebeb\",\n initialHiddenPeriods = null,\n defaultPeriod = \"lifetime\",\n analytics = null,\n switchPlansFromSamePeriodByTabs = false,\n onTabSwitch = null,\n tabsTitle = null,\n subtitlePosition,\n showSaveLabel,\n logoutUser = () => {},\n plansContainerBackground = null,\n topHeadlineBackground = null\n}: Props) => {\n // URL Parameters\n let URL_Discount: string | false = hrefSearch(\"discount\");\n let URL_Downgrade: boolean = hrefSearch(\"downgrade\");\n // END of URL Parameters\n\n let discount = URL_Discount || rcookie(\"discount\");\n \n if (discount === \"null\") {\n discount = null;\n }\n\n const [chosenPeriod, setChosenPeriod] = useState(null);\n const [discountCode, setDiscountCode] = useState(discount);\n\n const getInitialHiddenPeriods = () => initialHiddenPeriods !== null ? initialHiddenPeriods : (hrefSearch(\"period\") !== \"month\" && plansVersion === \"0.0.0\" ? [\"month\"] : []);\n const [hiddenPeriods, setHiddenPeriods] = useState(getInitialHiddenPeriods);\n\n const prevChosenPeriod = usePrevious(chosenPeriod);\n\n const country = pCloudUserIP && pCloudUserIP.country ? pCloudUserIP.country : \"fr\";\n\n (chosenPeriod: PeriodType);\n (discountCode: string | null | false);\n (hiddenPeriods: Array);\n\n const {\n user,\n onLoginCallback,\n onLogoutCallback\n } = useUser({\n globalUserInfo,\n showPageLoading,\n setHiddenPeriods,\n getInitialHiddenPeriods\n });\n\n const {\n plans,\n currency,\n loadingPlans,\n loadingPlansError,\n noPlans,\n } = useLoadPlans({\n user,\n plansType,\n plansVersion,\n discountCode,\n abTest,\n downgrade: Boolean(URL_Downgrade),\n stopPageLoading\n });\n\n useEffect(() => {\n login_callback = login_callback ? [].concat(login_callback) : [];\n register_callback = register_callback ? [].concat(register_callback) : [];\n if (plansType !== \"passwords\") {\n logout_callback = logout_callback ? [].concat(logout_callback) : [];\n } else {\n pass_logout_callback = pass_logout_callback ? [].concat(pass_logout_callback) : [];\n }\n \n login_callback.push(onLoginCallback);\n register_callback.push((userData) => onLoginCallback(userData, \"onAuthAction\"));\n \n if (plansType !== \"passwords\") {\n logout_callback.push(onLogoutCallback);\n } else {\n pass_logout_callback.push(onLogoutCallback);\n }\n\n // Check if we are already logged in on this moment.\n if (user === null && pCloud && pCloud.user) {\n onLoginCallback(pCloud.user);\n }\n\n if (rcookie(\"discount\") && URL_Discount && rcookie(\"discount\") !== URL_Discount) {\n setcookie(\"discount\", URL_Discount);\n }\n }, []);\n\n useEffect(() => {\n if (typeof prevChosenPeriod !== \"undefined\" && chosenPeriod !== prevChosenPeriod) {\n // Fix URL params when changed chosenPeriod.\n addHrefSearch([\"period=\" + chosenPeriod]);\n }\n\n if (hiddenPeriods.indexOf(chosenPeriod) !== -1) {\n // Remove from hidden periods.\n setHiddenPeriods(hiddenPeriods.filter(period => period !== chosenPeriod));\n }\n }, [chosenPeriod]);\n\n const scrollToTop = () => {\n window.scrollTo(0);\n };\n\n useEffect(() => {\n if (activateMonthlyPlans && activateMonthlyPlans.value) {\n switchToMonthlyPlans();\n }\n }, [activateMonthlyPlans]);\n\n const switchToMonthlyPlans = () => {\n if (chosenPeriod !== \"month\") {\n setChosenPeriod(\"month\");\n }\n\n scrollToTop();\n };\n\n if (!plans) {\n return null;\n }\n\n if (noPlans !== null) {\n return (\n \n );\n }\n\n return (\n \n );\n};\n\nexport default PricingPage;\n","import React from \"react\";\n\nimport _move from \"../lib/move\";\nimport componentMount from \"../lib/componentMount\"\nimport PricingPage from \"../components/PricingPage/PricingPage\";\n\nconst _attachList = [\n {\n attach: self,\n list: [\n //components\n \"PricingPage\"\n ]\n }\n]\n\nconst prepComponents = {\n PricingPage: componentMount(props => )\n};\n\n_move(prepComponents, _attachList);","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t `'${s}'`).join(\",\") : \"\"\n\t\t}. Find the full error at: https://bit.ly/3cXEKWf`\n\t)\n}\n","import {\n\tDRAFT_STATE,\n\tDRAFTABLE,\n\thasSet,\n\tObjectish,\n\tDrafted,\n\tAnyObject,\n\tAnyMap,\n\tAnySet,\n\tImmerState,\n\thasMap,\n\tArchtype,\n\tdie\n} from \"../internal\"\n\n/** Returns true if the given value is an Immer draft */\n/*#__PURE__*/\nexport function isDraft(value: any): boolean {\n\treturn !!value && !!value[DRAFT_STATE]\n}\n\n/** Returns true if the given value can be drafted by Immer */\n/*#__PURE__*/\nexport function isDraftable(value: any): boolean {\n\tif (!value) return false\n\treturn (\n\t\tisPlainObject(value) ||\n\t\tArray.isArray(value) ||\n\t\t!!value[DRAFTABLE] ||\n\t\t!!value.constructor?.[DRAFTABLE] ||\n\t\tisMap(value) ||\n\t\tisSet(value)\n\t)\n}\n\nconst objectCtorString = Object.prototype.constructor.toString()\n/*#__PURE__*/\nexport function isPlainObject(value: any): boolean {\n\tif (!value || typeof value !== \"object\") return false\n\tconst proto = Object.getPrototypeOf(value)\n\tif (proto === null) {\n\t\treturn true\n\t}\n\tconst Ctor =\n\t\tObject.hasOwnProperty.call(proto, \"constructor\") && proto.constructor\n\n\tif (Ctor === Object) return true\n\n\treturn (\n\t\ttypeof Ctor == \"function\" &&\n\t\tFunction.toString.call(Ctor) === objectCtorString\n\t)\n}\n\n/** Get the underlying object that is represented by the given draft */\n/*#__PURE__*/\nexport function original(value: T): T | undefined\nexport function original(value: Drafted): any {\n\tif (!isDraft(value)) die(23, value)\n\treturn value[DRAFT_STATE].base_\n}\n\n/*#__PURE__*/\nexport const ownKeys: (target: AnyObject) => PropertyKey[] =\n\ttypeof Reflect !== \"undefined\" && Reflect.ownKeys\n\t\t? Reflect.ownKeys\n\t\t: typeof Object.getOwnPropertySymbols !== \"undefined\"\n\t\t? obj =>\n\t\t\t\tObject.getOwnPropertyNames(obj).concat(\n\t\t\t\t\tObject.getOwnPropertySymbols(obj) as any\n\t\t\t\t)\n\t\t: /* istanbul ignore next */ Object.getOwnPropertyNames\n\nexport const getOwnPropertyDescriptors =\n\tObject.getOwnPropertyDescriptors ||\n\tfunction getOwnPropertyDescriptors(target: any) {\n\t\t// Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n\t\tconst res: any = {}\n\t\townKeys(target).forEach(key => {\n\t\t\tres[key] = Object.getOwnPropertyDescriptor(target, key)\n\t\t})\n\t\treturn res\n\t}\n\nexport function each(\n\tobj: T,\n\titer: (key: string | number, value: any, source: T) => void,\n\tenumerableOnly?: boolean\n): void\nexport function each(obj: any, iter: any, enumerableOnly = false) {\n\tif (getArchtype(obj) === Archtype.Object) {\n\t\t;(enumerableOnly ? Object.keys : ownKeys)(obj).forEach(key => {\n\t\t\tif (!enumerableOnly || typeof key !== \"symbol\") iter(key, obj[key], obj)\n\t\t})\n\t} else {\n\t\tobj.forEach((entry: any, index: any) => iter(index, entry, obj))\n\t}\n}\n\n/*#__PURE__*/\nexport function getArchtype(thing: any): Archtype {\n\t/* istanbul ignore next */\n\tconst state: undefined | ImmerState = thing[DRAFT_STATE]\n\treturn state\n\t\t? state.type_ > 3\n\t\t\t? state.type_ - 4 // cause Object and Array map back from 4 and 5\n\t\t\t: (state.type_ as any) // others are the same\n\t\t: Array.isArray(thing)\n\t\t? Archtype.Array\n\t\t: isMap(thing)\n\t\t? Archtype.Map\n\t\t: isSet(thing)\n\t\t? Archtype.Set\n\t\t: Archtype.Object\n}\n\n/*#__PURE__*/\nexport function has(thing: any, prop: PropertyKey): boolean {\n\treturn getArchtype(thing) === Archtype.Map\n\t\t? thing.has(prop)\n\t\t: Object.prototype.hasOwnProperty.call(thing, prop)\n}\n\n/*#__PURE__*/\nexport function get(thing: AnyMap | AnyObject, prop: PropertyKey): any {\n\t// @ts-ignore\n\treturn getArchtype(thing) === Archtype.Map ? thing.get(prop) : thing[prop]\n}\n\n/*#__PURE__*/\nexport function set(thing: any, propOrOldValue: PropertyKey, value: any) {\n\tconst t = getArchtype(thing)\n\tif (t === Archtype.Map) thing.set(propOrOldValue, value)\n\telse if (t === Archtype.Set) {\n\t\tthing.add(value)\n\t} else thing[propOrOldValue] = value\n}\n\n/*#__PURE__*/\nexport function is(x: any, y: any): boolean {\n\t// From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n\tif (x === y) {\n\t\treturn x !== 0 || 1 / x === 1 / y\n\t} else {\n\t\treturn x !== x && y !== y\n\t}\n}\n\n/*#__PURE__*/\nexport function isMap(target: any): target is AnyMap {\n\treturn hasMap && target instanceof Map\n}\n\n/*#__PURE__*/\nexport function isSet(target: any): target is AnySet {\n\treturn hasSet && target instanceof Set\n}\n/*#__PURE__*/\nexport function latest(state: ImmerState): any {\n\treturn state.copy_ || state.base_\n}\n\n/*#__PURE__*/\nexport function shallowCopy(base: any) {\n\tif (Array.isArray(base)) return Array.prototype.slice.call(base)\n\tconst descriptors = getOwnPropertyDescriptors(base)\n\tdelete descriptors[DRAFT_STATE as any]\n\tlet keys = ownKeys(descriptors)\n\tfor (let i = 0; i < keys.length; i++) {\n\t\tconst key: any = keys[i]\n\t\tconst desc = descriptors[key]\n\t\tif (desc.writable === false) {\n\t\t\tdesc.writable = true\n\t\t\tdesc.configurable = true\n\t\t}\n\t\t// like object.assign, we will read any _own_, get/set accessors. This helps in dealing\n\t\t// with libraries that trap values, like mobx or vue\n\t\t// unlike object.assign, non-enumerables will be copied as well\n\t\tif (desc.get || desc.set)\n\t\t\tdescriptors[key] = {\n\t\t\t\tconfigurable: true,\n\t\t\t\twritable: true, // could live with !!desc.set as well here...\n\t\t\t\tenumerable: desc.enumerable,\n\t\t\t\tvalue: base[key]\n\t\t\t}\n\t}\n\treturn Object.create(Object.getPrototypeOf(base), descriptors)\n}\n\n/**\n * Freezes draftable objects. Returns the original object.\n * By default freezes shallowly, but if the second argument is `true` it will freeze recursively.\n *\n * @param obj\n * @param deep\n */\nexport function freeze(obj: T, deep?: boolean): T\nexport function freeze(obj: any, deep: boolean = false): T {\n\tif (isFrozen(obj) || isDraft(obj) || !isDraftable(obj)) return obj\n\tif (getArchtype(obj) > 1 /* Map or Set */) {\n\t\tobj.set = obj.add = obj.clear = obj.delete = dontMutateFrozenCollections as any\n\t}\n\tObject.freeze(obj)\n\tif (deep) each(obj, (key, value) => freeze(value, true), true)\n\treturn obj\n}\n\nfunction dontMutateFrozenCollections() {\n\tdie(2)\n}\n\nexport function isFrozen(obj: any): boolean {\n\tif (obj == null || typeof obj !== \"object\") return true\n\t// See #600, IE dies on non-objects in Object.isFrozen\n\treturn Object.isFrozen(obj)\n}\n","import {\n\tImmerState,\n\tPatch,\n\tImmerScope,\n\tDrafted,\n\tAnyObject,\n\tImmerBaseState,\n\tAnyMap,\n\tAnySet,\n\tProxyType,\n\tdie\n} from \"../internal\"\n\n/** Plugin utilities */\nconst plugins: {\n\tPatches?: {\n\t\tgeneratePatches_(\n\t\t\tstate: ImmerState,\n\t\t\tbasePath: PatchPath,\n\t\t\tpatches: Patch[],\n\t\t\tinversePatches: Patch[]\n\t\t): void\n\t\tgenerateReplacementPatches_(\n\t\t\tbase: any,\n\t\t\treplacement: any,\n\t\t\tpatches: Patch[],\n\t\t\tinversePatches: Patch[]\n\t\t): void\n\t\tapplyPatches_(draft: T, patches: Patch[]): T\n\t}\n\tES5?: {\n\t\twillFinalizeES5_(scope: ImmerScope, result: any, isReplaced: boolean): void\n\t\tcreateES5Proxy_(\n\t\t\tbase: T,\n\t\t\tparent?: ImmerState\n\t\t): Drafted\n\t\thasChanges_(state: ES5ArrayState | ES5ObjectState): boolean\n\t}\n\tMapSet?: {\n\t\tproxyMap_(target: T, parent?: ImmerState): T\n\t\tproxySet_(target: T, parent?: ImmerState): T\n\t}\n} = {}\n\ntype Plugins = typeof plugins\n\nexport function getPlugin(\n\tpluginKey: K\n): Exclude {\n\tconst plugin = plugins[pluginKey]\n\tif (!plugin) {\n\t\tdie(18, pluginKey)\n\t}\n\t// @ts-ignore\n\treturn plugin\n}\n\nexport function loadPlugin(\n\tpluginKey: K,\n\timplementation: Plugins[K]\n): void {\n\tif (!plugins[pluginKey]) plugins[pluginKey] = implementation\n}\n\n/** ES5 Plugin */\n\ninterface ES5BaseState extends ImmerBaseState {\n\tassigned_: {[key: string]: any}\n\tparent_?: ImmerState\n\trevoked_: boolean\n}\n\nexport interface ES5ObjectState extends ES5BaseState {\n\ttype_: ProxyType.ES5Object\n\tdraft_: Drafted\n\tbase_: AnyObject\n\tcopy_: AnyObject | null\n}\n\nexport interface ES5ArrayState extends ES5BaseState {\n\ttype_: ProxyType.ES5Array\n\tdraft_: Drafted\n\tbase_: any\n\tcopy_: any\n}\n\n/** Map / Set plugin */\n\nexport interface MapState extends ImmerBaseState {\n\ttype_: ProxyType.Map\n\tcopy_: AnyMap | undefined\n\tassigned_: Map | undefined\n\tbase_: AnyMap\n\trevoked_: boolean\n\tdraft_: Drafted\n}\n\nexport interface SetState extends ImmerBaseState {\n\ttype_: ProxyType.Set\n\tcopy_: AnySet | undefined\n\tbase_: AnySet\n\tdrafts_: Map // maps the original value to the draft value in the new set\n\trevoked_: boolean\n\tdraft_: Drafted\n}\n\n/** Patches plugin */\n\nexport type PatchPath = (string | number)[]\n","import {\n\tPatch,\n\tPatchListener,\n\tDrafted,\n\tImmer,\n\tDRAFT_STATE,\n\tImmerState,\n\tProxyType,\n\tgetPlugin\n} from \"../internal\"\nimport {die} from \"../utils/errors\"\n\n/** Each scope represents a `produce` call. */\n\nexport interface ImmerScope {\n\tpatches_?: Patch[]\n\tinversePatches_?: Patch[]\n\tcanAutoFreeze_: boolean\n\tdrafts_: any[]\n\tparent_?: ImmerScope\n\tpatchListener_?: PatchListener\n\timmer_: Immer\n\tunfinalizedDrafts_: number\n}\n\nlet currentScope: ImmerScope | undefined\n\nexport function getCurrentScope() {\n\tif (__DEV__ && !currentScope) die(0)\n\treturn currentScope!\n}\n\nfunction createScope(\n\tparent_: ImmerScope | undefined,\n\timmer_: Immer\n): ImmerScope {\n\treturn {\n\t\tdrafts_: [],\n\t\tparent_,\n\t\timmer_,\n\t\t// Whenever the modified draft contains a draft from another scope, we\n\t\t// need to prevent auto-freezing so the unowned draft can be finalized.\n\t\tcanAutoFreeze_: true,\n\t\tunfinalizedDrafts_: 0\n\t}\n}\n\nexport function usePatchesInScope(\n\tscope: ImmerScope,\n\tpatchListener?: PatchListener\n) {\n\tif (patchListener) {\n\t\tgetPlugin(\"Patches\") // assert we have the plugin\n\t\tscope.patches_ = []\n\t\tscope.inversePatches_ = []\n\t\tscope.patchListener_ = patchListener\n\t}\n}\n\nexport function revokeScope(scope: ImmerScope) {\n\tleaveScope(scope)\n\tscope.drafts_.forEach(revokeDraft)\n\t// @ts-ignore\n\tscope.drafts_ = null\n}\n\nexport function leaveScope(scope: ImmerScope) {\n\tif (scope === currentScope) {\n\t\tcurrentScope = scope.parent_\n\t}\n}\n\nexport function enterScope(immer: Immer) {\n\treturn (currentScope = createScope(currentScope, immer))\n}\n\nfunction revokeDraft(draft: Drafted) {\n\tconst state: ImmerState = draft[DRAFT_STATE]\n\tif (\n\t\tstate.type_ === ProxyType.ProxyObject ||\n\t\tstate.type_ === ProxyType.ProxyArray\n\t)\n\t\tstate.revoke_()\n\telse state.revoked_ = true\n}\n","import {\n\tImmerScope,\n\tDRAFT_STATE,\n\tisDraftable,\n\tNOTHING,\n\tPatchPath,\n\teach,\n\thas,\n\tfreeze,\n\tImmerState,\n\tisDraft,\n\tSetState,\n\tset,\n\tProxyType,\n\tgetPlugin,\n\tdie,\n\trevokeScope,\n\tisFrozen,\n\tshallowCopy\n} from \"../internal\"\n\nexport function processResult(result: any, scope: ImmerScope) {\n\tscope.unfinalizedDrafts_ = scope.drafts_.length\n\tconst baseDraft = scope.drafts_![0]\n\tconst isReplaced = result !== undefined && result !== baseDraft\n\tif (!scope.immer_.useProxies_)\n\t\tgetPlugin(\"ES5\").willFinalizeES5_(scope, result, isReplaced)\n\tif (isReplaced) {\n\t\tif (baseDraft[DRAFT_STATE].modified_) {\n\t\t\trevokeScope(scope)\n\t\t\tdie(4)\n\t\t}\n\t\tif (isDraftable(result)) {\n\t\t\t// Finalize the result in case it contains (or is) a subset of the draft.\n\t\t\tresult = finalize(scope, result)\n\t\t\tif (!scope.parent_) maybeFreeze(scope, result)\n\t\t}\n\t\tif (scope.patches_) {\n\t\t\tgetPlugin(\"Patches\").generateReplacementPatches_(\n\t\t\t\tbaseDraft[DRAFT_STATE].base_,\n\t\t\t\tresult,\n\t\t\t\tscope.patches_,\n\t\t\t\tscope.inversePatches_!\n\t\t\t)\n\t\t}\n\t} else {\n\t\t// Finalize the base draft.\n\t\tresult = finalize(scope, baseDraft, [])\n\t}\n\trevokeScope(scope)\n\tif (scope.patches_) {\n\t\tscope.patchListener_!(scope.patches_, scope.inversePatches_!)\n\t}\n\treturn result !== NOTHING ? result : undefined\n}\n\nfunction finalize(rootScope: ImmerScope, value: any, path?: PatchPath) {\n\t// Don't recurse in tho recursive data structures\n\tif (isFrozen(value)) return value\n\n\tconst state: ImmerState = value[DRAFT_STATE]\n\t// A plain object, might need freezing, might contain drafts\n\tif (!state) {\n\t\teach(\n\t\t\tvalue,\n\t\t\t(key, childValue) =>\n\t\t\t\tfinalizeProperty(rootScope, state, value, key, childValue, path),\n\t\t\ttrue // See #590, don't recurse into non-enumerable of non drafted objects\n\t\t)\n\t\treturn value\n\t}\n\t// Never finalize drafts owned by another scope.\n\tif (state.scope_ !== rootScope) return value\n\t// Unmodified draft, return the (frozen) original\n\tif (!state.modified_) {\n\t\tmaybeFreeze(rootScope, state.base_, true)\n\t\treturn state.base_\n\t}\n\t// Not finalized yet, let's do that now\n\tif (!state.finalized_) {\n\t\tstate.finalized_ = true\n\t\tstate.scope_.unfinalizedDrafts_--\n\t\tconst result =\n\t\t\t// For ES5, create a good copy from the draft first, with added keys and without deleted keys.\n\t\t\tstate.type_ === ProxyType.ES5Object || state.type_ === ProxyType.ES5Array\n\t\t\t\t? (state.copy_ = shallowCopy(state.draft_))\n\t\t\t\t: state.copy_\n\t\t// Finalize all children of the copy\n\t\t// For sets we clone before iterating, otherwise we can get in endless loop due to modifying during iteration, see #628\n\t\t// To preserve insertion order in all cases we then clear the set\n\t\t// And we let finalizeProperty know it needs to re-add non-draft children back to the target\n\t\tlet resultEach = result\n\t\tlet isSet = false\n\t\tif (state.type_ === ProxyType.Set) {\n\t\t\tresultEach = new Set(result)\n\t\t\tresult.clear()\n\t\t\tisSet = true\n\t\t}\n\t\teach(resultEach, (key, childValue) =>\n\t\t\tfinalizeProperty(rootScope, state, result, key, childValue, path, isSet)\n\t\t)\n\t\t// everything inside is frozen, we can freeze here\n\t\tmaybeFreeze(rootScope, result, false)\n\t\t// first time finalizing, let's create those patches\n\t\tif (path && rootScope.patches_) {\n\t\t\tgetPlugin(\"Patches\").generatePatches_(\n\t\t\t\tstate,\n\t\t\t\tpath,\n\t\t\t\trootScope.patches_,\n\t\t\t\trootScope.inversePatches_!\n\t\t\t)\n\t\t}\n\t}\n\treturn state.copy_\n}\n\nfunction finalizeProperty(\n\trootScope: ImmerScope,\n\tparentState: undefined | ImmerState,\n\ttargetObject: any,\n\tprop: string | number,\n\tchildValue: any,\n\trootPath?: PatchPath,\n\ttargetIsSet?: boolean\n) {\n\tif (__DEV__ && childValue === targetObject) die(5)\n\tif (isDraft(childValue)) {\n\t\tconst path =\n\t\t\trootPath &&\n\t\t\tparentState &&\n\t\t\tparentState!.type_ !== ProxyType.Set && // Set objects are atomic since they have no keys.\n\t\t\t!has((parentState as Exclude).assigned_!, prop) // Skip deep patches for assigned keys.\n\t\t\t\t? rootPath!.concat(prop)\n\t\t\t\t: undefined\n\t\t// Drafts owned by `scope` are finalized here.\n\t\tconst res = finalize(rootScope, childValue, path)\n\t\tset(targetObject, prop, res)\n\t\t// Drafts from another scope must prevented to be frozen\n\t\t// if we got a draft back from finalize, we're in a nested produce and shouldn't freeze\n\t\tif (isDraft(res)) {\n\t\t\trootScope.canAutoFreeze_ = false\n\t\t} else return\n\t} else if (targetIsSet) {\n\t\ttargetObject.add(childValue)\n\t}\n\t// Search new objects for unfinalized drafts. Frozen objects should never contain drafts.\n\tif (isDraftable(childValue) && !isFrozen(childValue)) {\n\t\tif (!rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1) {\n\t\t\t// optimization: if an object is not a draft, and we don't have to\n\t\t\t// deepfreeze everything, and we are sure that no drafts are left in the remaining object\n\t\t\t// cause we saw and finalized all drafts already; we can stop visiting the rest of the tree.\n\t\t\t// This benefits especially adding large data tree's without further processing.\n\t\t\t// See add-data.js perf test\n\t\t\treturn\n\t\t}\n\t\tfinalize(rootScope, childValue)\n\t\t// immer deep freezes plain objects, so if there is no parent state, we freeze as well\n\t\tif (!parentState || !parentState.scope_.parent_)\n\t\t\tmaybeFreeze(rootScope, childValue)\n\t}\n}\n\nfunction maybeFreeze(scope: ImmerScope, value: any, deep = false) {\n\t// we never freeze for a non-root scope; as it would prevent pruning for drafts inside wrapping objects\n\tif (!scope.parent_ && scope.immer_.autoFreeze_ && scope.canAutoFreeze_) {\n\t\tfreeze(value, deep)\n\t}\n}\n","import {\n\teach,\n\thas,\n\tis,\n\tisDraftable,\n\tshallowCopy,\n\tlatest,\n\tImmerBaseState,\n\tImmerState,\n\tDrafted,\n\tAnyObject,\n\tAnyArray,\n\tObjectish,\n\tgetCurrentScope,\n\tDRAFT_STATE,\n\tdie,\n\tcreateProxy,\n\tProxyType\n} from \"../internal\"\n\ninterface ProxyBaseState extends ImmerBaseState {\n\tassigned_: {\n\t\t[property: string]: boolean\n\t}\n\tparent_?: ImmerState\n\trevoke_(): void\n}\n\nexport interface ProxyObjectState extends ProxyBaseState {\n\ttype_: ProxyType.ProxyObject\n\tbase_: any\n\tcopy_: any\n\tdraft_: Drafted\n}\n\nexport interface ProxyArrayState extends ProxyBaseState {\n\ttype_: ProxyType.ProxyArray\n\tbase_: AnyArray\n\tcopy_: AnyArray | null\n\tdraft_: Drafted\n}\n\ntype ProxyState = ProxyObjectState | ProxyArrayState\n\n/**\n * Returns a new draft of the `base` object.\n *\n * The second argument is the parent draft-state (used internally).\n */\nexport function createProxyProxy(\n\tbase: T,\n\tparent?: ImmerState\n): Drafted {\n\tconst isArray = Array.isArray(base)\n\tconst state: ProxyState = {\n\t\ttype_: isArray ? ProxyType.ProxyArray : (ProxyType.ProxyObject as any),\n\t\t// Track which produce call this is associated with.\n\t\tscope_: parent ? parent.scope_ : getCurrentScope()!,\n\t\t// True for both shallow and deep changes.\n\t\tmodified_: false,\n\t\t// Used during finalization.\n\t\tfinalized_: false,\n\t\t// Track which properties have been assigned (true) or deleted (false).\n\t\tassigned_: {},\n\t\t// The parent draft state.\n\t\tparent_: parent,\n\t\t// The base state.\n\t\tbase_: base,\n\t\t// The base proxy.\n\t\tdraft_: null as any, // set below\n\t\t// The base copy with any updated values.\n\t\tcopy_: null,\n\t\t// Called by the `produce` function.\n\t\trevoke_: null as any,\n\t\tisManual_: false\n\t}\n\n\t// the traps must target something, a bit like the 'real' base.\n\t// but also, we need to be able to determine from the target what the relevant state is\n\t// (to avoid creating traps per instance to capture the state in closure,\n\t// and to avoid creating weird hidden properties as well)\n\t// So the trick is to use 'state' as the actual 'target'! (and make sure we intercept everything)\n\t// Note that in the case of an array, we put the state in an array to have better Reflect defaults ootb\n\tlet target: T = state as any\n\tlet traps: ProxyHandler