\r\n \r\n {campaign.name}\r\n \r\n {isNotDelivering && (\r\n
\r\n );\r\n }\r\n },\r\n // { title: 'Name' },\r\n {\r\n title: 'Type',\r\n value: (campaign) => {\r\n switch (campaign.settings.type) {\r\n case 'bundles':\r\n return (\r\n \r\n \r\n
\r\n )}\r\n {isMonsterFreeShippingAddToUnlock && (\r\n \r\n due to 16th May checkout upgrade. Please edit\r\n this campaign to fix this.\r\n
\r\n \r\n
\r\n )}\r\n \r\n This add to unlock version is out of date.\r\n Please make new campaign.\r\n {/*
\r\n \r\n
\r\n );\r\n case 'add_to_unlock':\r\n return (\r\n \r\n \r\n
\r\n );\r\n case 'one_check_up_sell':\r\n return (\r\n \r\n \r\n
\r\n );\r\n default:\r\n return null;\r\n }\r\n }\r\n },\r\n {\r\n title: 'Trigger',\r\n value: (campaign) =>\r\n CAMPAIGN_TARGETS.find(({ value }) => value === campaign.target.type)\r\n .label\r\n },\r\n // { title: \"Created At\", value: \"createdAt\" },\r\n // { title: \"Updated At\", value: \"updatedAt\" },\r\n {\r\n title: 'Campaign Opt-in',\r\n value: (campaign) =>\r\n analytics ? (\r\n numberFormat(analytics[campaign.id]?.UpsellsGenerated || 0)\r\n ) : (\r\n \r\n
\r\n )}\r\n >\r\n Frequent Bought Module
\r\n\r\n
\r\n \r\n
\r\n Products Added
\r\n{fbt_upsells_generated}
\r\n\r\n
\r\n Revenue Added
\r\n\r\n
\r\n )}\r\n \r\n Once activated this offer is SITEWIDE. All products in cart will contribute\r\n to the unlock goal.\r\n
\r\n }\r\n \r\n );\r\n}\r\n","import React, { useContext, useEffect } from \"react\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n Input,\r\n Icon,\r\n Button,\r\n ButtonSelect,\r\n ShopifyResourcePicker,\r\n Alert,\r\n Dropdown,\r\n} from \"components\";\r\nimport styles from \"styles/campaign_settings_first_step.module.scss\";\r\nimport tutorial_styles from \"styles/tutorial.module.scss\";\r\nimport {\r\n BOX_CHECK_ICON,\r\n CAMPAIGN_TYPES,\r\n CAMPAIGN_TARGETS,\r\n BREAK_POINTS,\r\n} from \"lib/globals\";\r\nimport { COUNTRIES_LIST } from \"lib/countries\";\r\nimport classNames from \"lib/classNames\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport CampaignTarget from \"./CampaignTarget\";\r\n// import compareVersions from 'compare-versions';\r\n\r\nconst FirstStep = ({ context, setIsOpen }) => {\r\n const { state: campaign, setItem, validationErrors, validate } = context;\r\n const shopContext = useContext(ShopContext);\r\n const {\r\n state: {\r\n settings: { multiCurrencyMode },\r\n },\r\n } = shopContext;\r\n const select = (type) => setItem(\"settings.type\", type);\r\n const killDraftBreakPoint = BREAK_POINTS[\"kill_draft\"](shopContext);\r\n\r\n useEffect(() => {\r\n if (\r\n campaign.settings.type === \"bundles\" &&\r\n campaign.target.type === \"all_products\"\r\n ) {\r\n setItem(\"target.type\", \"specific_products\");\r\n }\r\n // if (\r\n // campaign.settings.type !== \"bundles\" &&\r\n // campaign.target.type !== \"all_products\"\r\n // ) {\r\n // setItem(\"target.type\", \"all_products\");\r\n // }\r\n }, [campaign.settings.type]);\r\n\r\n // useEffect(() => {\r\n // \tsetItem('target.selected', []);\r\n // }, [campaign.target.type]);\r\n\r\n return (\r\n <>\r\n {!!Object.keys(validationErrors).filter(\r\n (e) => typeof validationErrors[e] === \"string\"\r\n ).length && (\r\n- \r\n {Object.keys(validationErrors).map((key) => {\r\n const error = validationErrors[key];\r\n return Array.isArray(error) ? (\r\n error\r\n .filter((e) => typeof e === \"string\")\r\n .map((k, i) =>
- {k} )\r\n ) : (\r\n
- {error} \r\n );\r\n })}\r\n
Shopify native checkout doesn't support all campaign types.
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n\t\t\t\t\t next()}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
*/}\r\n \r\n {!campaign.settings.type && (\r\n \r\n We are creating a new campaign for this, however you can achieve\r\n Buy X Get Y using Shopify Automatic discounts.\r\n
\r\n\r\n Once activated this offer is SITEWIDE. All products in cart will\r\n contribute to the unlock goal.\r\n
\r\n \r\n )} */}\r\n {campaign.settings.type === \"bundles\" && (\r\n\r\n Only works on volume of same exact product (Not mixing with other products)\r\n
\r\n \r\n )}\r\n {campaign.settings.type !== 'add_to_unlock' &&{description}
\r\n \r\n );\r\n};\r\n\r\nexport default FirstStep;\r\n","import React from 'react';\r\nimport { SortableElement, sortableHandle } from 'react-sortable-hoc';\r\nimport { Switch, Button, Icon } from 'components';\r\nimport styles from 'styles/extra_modules.module.scss';\r\nimport classNames from 'lib/classNames';\r\n\r\nconst Module = SortableElement(\r\n\t({ module, name, reset, switchButton = true, resetModule, moduleKey, children, context, info }) => {\r\n\t\tconst active = module && typeof module.active === 'boolean' ? module.active : true;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{!!children && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t{reset && (\r\n\t\t\t\t\t\t\t resetModule(moduleKey)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{switchButton && (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{!!info && {info}
}\r\n\t\t\t\t{children}
\r\n\t\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n});\r\n\r\nexport default Module;\r\n","import React from 'react';\r\nimport Module from './Module';\r\nimport { FormControl, Input, RichEditor } from 'components';\r\n\r\nconst RandomText = (props) => {\r\n\tconst { context } = props;\r\n\tconst { validationErrors, state } = context;\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n \r\n\t\t\t\t{modules.order.map((key, index) => {\r\n\t\t\t\t\tswitch (key) {\r\n\t\t\t\t\t\tcase 'random_text':\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\r\n {/* pass trigger function to children */}\r\n {children(() => setIsOpen(true))}\r\n {!!tags.length && removeItem(id)} />}\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {\r\n if (location.pathname !== \"/\") history.push(\"/\" + location.search);\r\n }}\r\n >\r\n \r\n Getting started\r\n \r\n \r\n
\r\n \r\n (Early Bird Pricing)\r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n setCollapsed(!collapsed)}\r\n />\r\n
\r\n {/* \r\n
*/}\r\n \r\n );\r\n};\r\n\r\nconst MenuItem = ({\r\n pathto,\r\n activeRoutes = false,\r\n children,\r\n icon,\r\n onClick,\r\n badge,\r\n newApp,\r\n}) => {\r\n const { history, location } = useReactRouter();\r\n const active = (activeRoutes || [pathto]).includes(location.pathname);\r\n return (\r\n \r\n
\r\n {badge && \r\n {children}\r\n
\r\n);\r\n\r\nexport default SideBar;\r\n","import { Bindings, FormControl, RichEditor, ShopifyResourcePicker, Button, Alert, Icon, CustomText, ColorPicker, ButtonSelect, ImagePicker } from \"components\"\r\nimport PreviewContext from \"context/PreviewContext\";\r\nimport classNames from \"lib/classNames\";\r\nimport { GIFT_WITH_PURCHASE_PRODUCT_REDUCER } from \"lib/globals\";\r\nimport React, { Fragment, useContext, useState } from \"react\"\r\nimport { Toast } from '@shopify/app-bridge/actions';\r\nimport EmbeddedContext from \"context/EmbeddedContext\";\r\nimport imagePlaceholder from \"assets/image_placeholder.png\"\r\nimport { InitialSelectionIds } from \"components/ShopifyResourcePicker\";\r\nimport { SideBarBadge } from \"components/Sidebar\";\r\n\r\nexport default function Gift ({ context, index, validationErrors }) {\r\n const [current, setCurrentState] = useState(\"before\")\r\n const { setGiftCurrentPreview } = useContext(PreviewContext)\r\n const { AppBridgeToast } = useContext(EmbeddedContext);\r\n const setCurrent = state => {\r\n setGiftCurrentPreview(state)\r\n setCurrentState(state)\r\n }\r\n const { goals } = context.state.settings.add_to_unlock\r\n const currentGoal = goals[index].gift\r\n const isRandom = currentGoal.multi_gift_select === \"random\"\r\n const previousGift = index > 0 ? goals[index - 1].reward_type === \"gift\" : false\r\n const hasMultipleGiftFeature = !!currentGoal.products //((currentGoal.products || []).concat([currentGoal.product]).filter(Boolean)).length > 1\r\n const hasMoreThanOneGift = currentGoal.products?.length > 1\r\n return (\r\n This campaign will not discount products for you. It will add a $0 product you created within shopify. We suggest hiding $0 products from your site search.
\r\n\r\n \r\n
\r\n \r\n {\r\n previousGift &&\r\n \r\n \r\n \r\n {/* \r\n */}\r\n
\r\n \r\n
\r\n \r\n \r\n {hasMultipleGiftFeature && !isRandom &&\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {hasMoreThanOneGift &&\r\n \r\n {\r\n context.setItem(`settings.add_to_unlock.goals.${index}.gift.widget.before.multi_gift_image`, value)\r\n }}\r\n />\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n } */}\r\n
\r\n {hasMultipleGiftFeature && \r\n \r\n \r\n \r\n
}\r\n \r\n \r\n \r\n \r\n
\r\n !badge).length !== 0\r\n\t\t\t\t\t})}>\r\n \t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{/* mu-block mu-flex-1 mu-flex-grow mu-capitalize mu-text-sm mu-font-bold mu-text-gray-600 */}\r\n\t\t\t\t\t\t{add_to_unlock?.goals?.map((goal, index) => {\r\n\t\t\t\t\t\t\tconst isQuantityGoal = add_to_unlock.multi_goal_type === \"quantity\"\r\n\t\t\t\t\t\t\tconst added_currencies = goal.specific_goals?.map(({ currency }) => currency) || []\r\n\t\t\t\t\t\t\tconst all_currencies_are_selected = enabled_presentment_currencies.filter(currency => !added_currencies.includes(currency)).length === 0\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{add_to_unlock.goals.length > 1 && index !== 0 && (\r\n\t\t\t\t\t\t\t\t\t\t context.deleteGoal(index)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t 0 ? add_to_unlock.goals[index - 1].goal : 0}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t{goal.specific_goals && {\r\n\t\t\t\t\t\t\t\t\t\t\treturn }\r\n\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (newValue === \"free_shipping\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetItem(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`settings.add_to_unlock.goals.${index}.goal_text.text`,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Free Shipping\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else if (newValue === \"discount\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst { type, reward } = add_to_unlock.goals[index].discount;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst text =\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype === \"percentage\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `${reward}% Off`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `${currency} ${reward} Off`;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetItem(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`settings.add_to_unlock.goals.${index}.goal_text.text`,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\telse if (newValue === \"gift\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetItem(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`settings.add_to_unlock.goals.${index}.goal_text.text`,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Free Gift\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\t\tfirst\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t setItem(`settings.add_to_unlock.goals.${index}.badge.type`, selected)} \r\n\t\t\t\t\t\t\t\t\tsetBadgeImage={(selected) => setItem(`settings.add_to_unlock.goals.${index}.badge.image`, selected)} \r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tgoal.reward_type === \"free_shipping\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t setShowATUAfterText(true)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// onBlur={() => setShowATUAfterText(false)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// hasError={!!validationErrors['settings.add_to_unlock.discount.after']}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t// BindToContext={[context, 'settings.add_to_unlock.discount.after']}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tBindToContext={[\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontext,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`settings.add_to_unlock.goals.${index}.free_shipping.after`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"you've unlocked {{reward}} off\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tgoal.reward_type === \"discount\" && (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t{goal.reward_type === \"gift\" &&
\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{`Reward ${index + 1}`}\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t\t\t\t\t{goal.goal && \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t} : undefined}>\r\n\t\t\t\t\t\t\t\t\t\t{!isQuantityGoal && goal.specific_goals?.map((specific_goal, specific_goal_index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (specific_goal.main || currency === specific_goal.currency) return true\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn !added_currencies.includes(currency)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}).map(currency => ({ value: currency, label: currency }))} disabled={specific_goal.main} BindToContext={[context, `settings.add_to_unlock.goals.${index}.specific_goals.${specific_goal_index}.currency`]} />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t context.removeSpecificGoal(index, specific_goal_index))}\r\n\t\t\t\t\t\t\t\t\t\t\t\t// error={!!getError('quantity')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t 0 ? add_to_unlock.goals[index - 1].goal : 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t{isQuantityGoal && \r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tcontext.newGoal();\r\n\t\t\t\t\t\t\t\t\t\tif (add_to_unlock.goals[0].show_goal_text === false) {\r\n\t\t\t\t\t\t\t\t\t\t\tsetItem(\"settings.add_to_unlock.goals.0.show_goal_text\", true);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tstyle={{ width: \"100%\" }}\r\n\t\t\t\t\t\t\t\t\tdisabled={add_to_unlock?.goals?.length >= 4}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t{campaign.settings.add_to_unlock.recommendation_type === \"custom_recommendation\" && (\r\n\t\t\t\t\t\t\t\t// (\r\n\t\t\t\t\t\t\t\t// \t!campaign.settings.add_to_unlock.recommendation_type ||\r\n\t\t\t\t\t\t\t\t// \tcampaign.settings.add_to_unlock.recommendation_type === \"custom_recommendation\"\r\n\t\t\t\t\t\t\t\t// ) &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{campaign.settings.add_to_unlock.recommendation_type === \"shopify_recommendation\" && (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\tProducts in preview cart have been randomly selected.
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t context.deleteBundle(bundle.id)}\r\n\t\t\t/>\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default Bundle;\r\n","import React, { useContext, useState } from 'react';\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n Button,\r\n Input,\r\n ColorPicker,\r\n Alert,\r\n ButtonSelect\r\n} from 'components';\r\nimport styles from 'styles/campaign_settings_second_step.module.scss';\r\nimport Bundle from './Bundle';\r\nimport { CAMPAIGN_TYPES } from 'lib/globals';\r\nimport classNames from 'lib/classNames';\r\nimport { getIn } from 'immutable';\r\nimport PreviewContext from 'context/PreviewContext';\r\nimport { useFocusWithin } from 'react-aria';\r\nimport useRefState from 'hooks/useRefState';\r\n\r\nconst Bundles = ({ context, validationErrors, shopContext }) => {\r\n const { previewBundlesVariantsPicker } = useContext(PreviewContext);\r\n const { state: campaign, newBundle } = context;\r\n const [\r\n visiblePickerColorPickers,\r\n setVisiblePickerColorPickers,\r\n visiblePickerColorPickers_ref\r\n ] = useRefState([]);\r\n const handleColorPickerVisibleChange = name => visible => {\r\n if (visible) {\r\n const set = new Set(...visiblePickerColorPickers).add(name);\r\n setVisiblePickerColorPickers([...set]);\r\n } else {\r\n const v = visiblePickerColorPickers.filter(n => n !== name);\r\n setVisiblePickerColorPickers(v);\r\n }\r\n };\r\n let { focusWithinProps } = useFocusWithin({\r\n onFocusWithin: () => previewBundlesVariantsPicker(true, context.state.settings.bundles),\r\n onBlurWithin: event => {\r\n if (!visiblePickerColorPickers_ref.current.length) previewBundlesVariantsPicker(false);\r\n }\r\n });\r\n return (\r\n \r\n {campaign.settings.bundles.list.map((bundle, index) =>\r\n
\r\n \r\n
\r\n \r\n {\r\n const { bundles } = context.state.settings;\r\n bundles.variantsPicker.dropdownTextColor = value;\r\n previewBundlesVariantsPicker(true, campaign.settings.bundles);\r\n }\r\n ]}\r\n onVisibleChange={handleColorPickerVisibleChange('dropdownTextColor')}\r\n />\r\n {\r\n const { bundles } = context.state.settings;\r\n bundles.variantsPicker.dropdownBackground = value;\r\n previewBundlesVariantsPicker(true, campaign.settings.bundles);\r\n }\r\n ]}\r\n onVisibleChange={handleColorPickerVisibleChange('dropdownBackground')}\r\n />\r\n
\r\n \r\n {\r\n const { bundles } = context.state.settings;\r\n bundles.variantsPicker.confirmBackground = value;\r\n previewBundlesVariantsPicker(true, campaign.settings.bundles);\r\n }\r\n ]}\r\n onVisibleChange={handleColorPickerVisibleChange('confirmBackground')}\r\n />\r\n {\r\n const { bundles } = context.state.settings;\r\n bundles.variantsPicker.confirmTextColor = value;\r\n previewBundlesVariantsPicker(true, campaign.settings.bundles);\r\n }\r\n ]}\r\n onVisibleChange={handleColorPickerVisibleChange('confirmTextColor')}\r\n />\r\n
\r\n \r\n \r\n {/* \r\n {`Buy ${quantity} ${isLast\r\n ? ' or more'\r\n : ''} of ${product_name} and get ${formatted_reward} off.`}\r\n
\r\n );\r\n })}\r\n \r\n );\r\n};\r\n","import React, { Fragment, useState, useEffect, useContext } from \"react\";\r\nimport {\r\n FormGroup,\r\n FormControl,\r\n ShopifyResourcePicker,\r\n Button,\r\n ButtonSelect,\r\n Input,\r\n ProductSelector,\r\n ImagePicker,\r\n Modal,\r\n Carousel,\r\n RichEditor,\r\n Alert,\r\n ColorPicker\r\n} from \"components\";\r\nimport {\r\n ONE_CHECK_UP_SELL_PRODUCT_TYPE_OPTIONS,\r\n ONE_CHECK_UP_SELL_PRODUCT_REDUCER,\r\n PRESET_HIDDEN_PRODUCTS,\r\n CAMPAIGN_TYPES,\r\n BREAK_POINTS\r\n} from \"lib/globals\";\r\nimport { API } from \"aws-amplify\";\r\nimport styles from \"styles/campaign_settings_second_step.module.scss\";\r\nimport { CartContext } from \"components/cart\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport classNames from \"lib/classNames\";\r\nimport useRefState from \"hooks/useRefState\";\r\n\r\nconst OneCheckUpSell = ({ context, validationErrors }) => {\r\n const { state: campaign, setItem, updateOldOCU } = context;\r\n const shopContext = useContext(ShopContext);\r\n const {\r\n state: {\r\n settings: { theme },\r\n currency\r\n }\r\n } = shopContext;\r\n const [hiddenProducts, setHiddenProducts] = useState([]);\r\n const newHiddenProductDefault = { title: \"\", image: \"\", price: \"\" };\r\n // const [newHiddenProduct, setNewHiddenProduct, newHiddenProductRef] = useRefState(newHiddenProductDefault);\r\n const [newHiddenProductLoading, setNewHiddenProductLoading] = useState(false);\r\n const [productsFetchLoading, setProductsFetchLoading] = useState(true);\r\n const [showHiddenProductSelector, setShowHiddenProductSelector] =\r\n useState(false);\r\n const [activeTab, setActiveTab] = useState(0);\r\n // const setProp = (value) => setNewHiddenProduct(Object.assign({}, newHiddenProduct, value));\r\n\r\n const [productImage, setProductImage] = useState(\"\");\r\n const [productTitle, setProductTitle] = useState(\"\");\r\n const [productPrice, setProductPrice] = useState(\"\");\r\n const [bodyHtml, setBodyHtml] = useState(\"\");\r\n\r\n const setProps = (id) => {\r\n const selected = PRESET_HIDDEN_PRODUCTS.find((p) => p.id === id);\r\n setProductImage(selected.image);\r\n setProductTitle(selected.title);\r\n setProductPrice(selected.price);\r\n setBodyHtml(selected.body_html);\r\n };\r\n const createProduct = (setActiveTab) => {\r\n if (\r\n productImage === \"\" ||\r\n productTitle === \"\" ||\r\n productPrice === \"\" ||\r\n bodyHtml === \"\"\r\n )\r\n return;\r\n setNewHiddenProductLoading(true);\r\n API.post(\"API_GATEWAY_NEW\", \"/products\", {\r\n body: {\r\n price: productPrice,\r\n title: productTitle,\r\n image: productImage,\r\n body_html: bodyHtml\r\n }\r\n })\r\n .then(({ product }) => {\r\n setHiddenProducts(hiddenProducts.concat([product]));\r\n setProductImage(\"\");\r\n setProductTitle(\"\");\r\n setProductPrice(\"\");\r\n setBodyHtml(\"\");\r\n setActiveTab(0);\r\n setNewHiddenProductLoading(false);\r\n })\r\n .catch(console.log);\r\n };\r\n\r\n useEffect(() => {\r\n setProductsFetchLoading(true);\r\n API.get(\"API_GATEWAY_NEW\", \"/products\", {\r\n queryStringParameters: {\r\n type: \"hidden\",\r\n limit: 4\r\n }\r\n })\r\n .then(({ products }) => {\r\n setHiddenProducts(products);\r\n setProductsFetchLoading(false);\r\n })\r\n .catch(console.log);\r\n }, []);\r\n\r\n // useEffect(() => {\r\n // \tconsole.log(!!Object.values(newHiddenProduct).filter((value) => value === '').length || bodyHtml === '');\r\n // }, [newHiddenProduct, bodyHtml]);\r\n\r\n return (\r\n <>\r\n\r\n {`If ${product_name} is on the cart, Then you can add \"${product.title\r\n .substring(0, 25)\r\n .trim()}\r\n\t\t\t\t\t${must_truncated(product.title) ? \"...\" : \"\"}\" with one tick.`}\r\n
\r\n\r\n = 3}\r\n />\r\n
\r\n \r\n {`If ${product_name} is on the cart, Then you can add \"${product.title\r\n .substring(0, 25)\r\n .trim()}\r\n\t\t\t\t\t${must_truncated(product.title) ? \"...\" : \"\"}\" with one tick.`}\r\n
\r\n \r\n );\r\n};\r\n\r\nfunction productError (validationErrors, index) {\r\n const products = validationErrors[`settings.multi_one_check_upsell.products`];\r\n return products && products[index] ? products[index][\"product.id\"] : false;\r\n}\r\n","import React from 'react';\r\nimport { Button, Icon, Switch, FormGroup, FormControl } from 'components';\r\nimport styles from 'styles/campaign_settings_second_step.module.scss';\r\nimport ExtraModules from './ExtraModules/index';\r\nimport GeoTargeting from './GeoTargeting';\r\nimport { AddToUnlock, Bundles, OneCheckUpSell, MultiOneCheckUpSell } from './Types';\r\n\r\nconst SecondStep = ({\r\n context,\r\n setActiveTab,\r\n stickyHeaderPosition: headerPosition,\r\n stickyHeader,\r\n setShowATUAfterText,\r\n shopContext\r\n}) => {\r\n const { state: campaign, setItem, validationErrors } = context;\r\n const is_OCU = campaign.settings.type === 'one_check_up_sell';\r\n const isOld_OCU = is_OCU && !campaign.settings.multi_one_check_upsell;\r\n return (\r\n <>\r\n {campaign.settings.type === 'bundles' && (\r\n\r\n\t\t\t\t\t{this.state.error.toString()}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.info.componentStack}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default ErrorScreen;\r\n","import React from 'react';\r\nimport { Embedded, EmptyState } from 'components';\r\nimport { ReactComponent as NotFound } from 'svgs/not_found.svg';\r\n\r\nconst NotFoundScreen = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{this.state.info.componentStack}\r\n\t\t\t\t
Oh no! We could not find the page you were looking for.
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default NotFoundScreen;\r\n","var _metadata, _g;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign || 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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgDots = function SvgDots(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"140px\",\n height: \"140px\",\n viewBox: \"0 0 1280.000000 1280.000000\",\n preserveAspectRatio: \"xMidYMid meet\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _metadata || (_metadata = /*#__PURE__*/React.createElement(\"metadata\", null, \"\\r\\nCreated by potrace 1.15, written by Peter Selinger 2001-2017\\r\\n\")), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n transform: \"translate(0.000000,1280.000000) scale(0.100000,-0.100000)\",\n fill: \"#e1f7ff\",\n stroke: \"none\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 12465 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 254 -255 194 -41 395 142 375 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 12465 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 12465 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 12465 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 11185 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 254 -255 194 -41 395 142 375 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 11185 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 11185 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 11185 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 9905 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 8625 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 7345 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 6065 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 4785 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 4785 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 4785 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 4785 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 4785 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 4785 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 4785 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 4785 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 4785 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 4785 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 3505 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 3505 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 3505 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 3505 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 3505 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 3505 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 3505 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 3505 c-151 -50 -253 -216 -222 -362 25 -119 136 -230 255 -255 193 -41 394 142 374 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 3505 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 3505 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 2225 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 2225 c-105 -35 -200 -141 -222 -248 -25 -117 32 -244 142 -319 107 -74 229 -75 337 -3 177 118 201 338 53 485 -85 86 -207 119 -310 85z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 2225 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1830 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3110 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4390 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5670 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6950 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8230 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9510 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10790 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12070 945 c-105 -35 -200 -141 -222 -248 -43 -206 163 -412 369 -369 155 32 275 190 260 339 -11 105 -90 213 -190 262 -61 29 -155 36 -217 16z\"\n }))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDots, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/dots.5e63ec14.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign || 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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgRotate = function SvgRotate(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 33,\n height: 31,\n viewBox: \"0 0 33 31\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.625 20L30.125 18.875L31.25 23.375\",\n stroke: \"#748094\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M30.125 18.875C29.1256 21.7069 27.3103 24.1796 24.9079 25.9814C22.5055 27.7832 19.6234 28.8335 16.625 29C13.8533 29.0005 11.1485 28.1478 8.87821 26.5578C6.60789 24.9678 4.88201 22.7174 3.935 20.1125M7.625 11L3.125 12.125L2 7.625\",\n stroke: \"#748094\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.125 12.125C5.015 6.95 10.82 2 16.625 2C19.4102 2.00783 22.1249 2.87695 24.3968 4.48822C26.6687 6.09949 28.3866 8.37403 29.315 11\",\n stroke: \"#748094\",\n strokeWidth: 3,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgRotate, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/rotate.d02e519b.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\r\nimport { Auth } from 'aws-amplify';\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { APP_NAME } from 'aws-exports';\r\n\r\nconst LogoutScreen = () => {\r\n\tAuth.signOut();\r\n\tdocument.title = `${APP_NAME} — Logout`;\r\n\treturn\r\n handleCheck(e, \"isDaysActive\")}\r\n />\r\n \r\n
\r\n Days
\r\n\r\n handleCheck(e, \"isHoursActive\")}\r\n />\r\n \r\n
\r\n Hours
\r\n\r\n handleCheck(e, \"isMinutesActive\")}\r\n />\r\n \r\n
\r\n Minutes
\r\n\r\n handleCheck(e, \"isSecondsActive\")}\r\n />\r\n \r\n
\r\n \r\n \r\n Seconds
\r\n\r\n handleRadio(\"hide\", \"endAction\")}\r\n />\r\n \r\n
\r\n \r\n handleRadio(\"restart\", \"endAction\")}\r\n />\r\n \r\n
\r\n \r\n handleRadio(\"top\", \"placement\")}\r\n />\r\n \r\n
\r\n \r\n handleRadio(\"bottom\", \"placement\")}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nfunction ActivateButton ({ loading, activateStaticGenerator, disable = false }) {\r\n const action = disable ? \"disable\" : \"activate\"\r\n const text = action.charAt(0).toUpperCase() + action.slice(1)\r\n return \r\n Congratulations, you are eligible for the ⚡Lightning speed\r\n integration\r\n
\r\n\r\n The Lightning Speed Integration is 10x faster than the current\r\n integration, Start by selecting the test mode and click activate.\r\n
\r\n Learn more about this integration\r\n\r\n {isProcessing &&
\r\n \r\n
}\r\n {!isProcessing && !isCompleted && \r\n {\r\n LOGOS.map(({ src, id, style }, key) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n {\r\n !!uploadedImage &&\r\n handleImageSelect(src, false)}>\r\n 
\r\n
\r\n {selectedImage === src && \r\n
\r\n }\r\n handleImageSelect(uploadedImage, true)}>\r\n 
\r\n
\r\n {selectedImage === uploadedImage && \r\n
\r\n \r\n
*/}\r\n \r\n Activation instructions\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n When you click \"Preview in theme\" you will be redirected to your Shopify theme editor where you can turn your cart ON and OFF.
\r\nAll you need to do is enable/disable MonsterUpsells and click save.
\r\n\r\n \r\n \r\n \r\n
\r\n {cartTextSecondary}
\r\n \r\n {!AppLocalStorage?.getItem(\"first_cart_turn_on\") && (\r\n\r\n Cart button not working? Click to{\" \"}\r\n
Customize default cart settings / visuals and set it live.
\r\n )}\r\n \r\n {static_file_eligible &&Visit Campaign Page To Create Your 1st Upsell Campaign.
\r\n\r\n \r\n history.push(\"campaigns/create\" + location.search)\r\n }\r\n >\r\n
\r\n \r\n )} */}\r\n\r\n Draft checkout:
\r\n\t\t\t\t\t\thas more discount functionality and is preferred option for upsells.
\r\n\t\t\t\t\t\tNormal Shopify checkout:
\r\n\t\t\t\t\t\tworks better for stores that sell in multi-currency and want customers to add discounts in checkout area.
\r\n\t\t\t\t\t\t`}\r\n >\r\n- \r\n\t\t\t\t\t\t\t\t\t
- One discount at a time \r\n\t\t\t\t\t\t\t\t\t
- Uses unique discount codes injected at checkout \r\n\t\t\t\t\t\t\t\t\t
- Checkout is in Multi-currency \r\n\t\t\t\t\t\t\t\t\t
- Coupons added in checkout like normal \r\n\t\t\t\t\t\t\t\t
\r\n {\r\n history.push(\"/settings/checkout\" + location.search);\r\n }}\r\n style={{ width: \"100%\" }}\r\n />\r\n
\r\n \r\n {header && TopContent && (\r\n {\r\n if (onScroll) onScroll(scrollbars_ref.current.getScrollTop());\r\n // localStorage.setItem('pst', scrollTop);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Page;\r\n","import React, {\r\n useContext,\r\n Fragment,\r\n useEffect,\r\n useRef,\r\n useState\r\n} from \"react\";\r\nimport { useMutation } from \"@apollo/react-hooks\";\r\nimport {\r\n SortableContainer,\r\n SortableElement,\r\n sortableHandle\r\n} from \"react-sortable-hoc\";\r\nimport extrastyles from \"styles/extra_modules.module.scss\";\r\nimport arrayMove from \"array-move\";\r\nimport PageScrollContext from \"context/PageScrollContext\";\r\nimport md5 from \"crypto-js/md5\";\r\nimport {\r\n Page,\r\n Range,\r\n ColorPicker,\r\n FormGroup,\r\n Input,\r\n FormControl,\r\n Dropdown,\r\n Switch,\r\n CustomText,\r\n Icon,\r\n Button,\r\n Alert,\r\n VideoModal,\r\n RichEditor,\r\n ButtonSelect,\r\n MultiCurrencyModeAlerts,\r\n Modal\r\n} from \"components\";\r\nimport PreviewContext from \"context/PreviewContext\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport UserContext from \"context/UserContext\";\r\nimport {\r\n GOOGLE_FONTS,\r\n CAMPAIGN_TYPES,\r\n SHOP_DEFAULT_SETTINGS\r\n} from \"lib/globals\";\r\nimport { SAVE_SHOP_SETTINGS, UPDATE_SHOP_PROP } from \"lib/mutations\";\r\nimport ExtraModules from \"screens/campaigns/settings/ExtraModules/index\";\r\nimport CheckoutButton from \"screens/campaigns/settings/ExtraModules/CheckoutButton\";\r\nimport { Loading, Toast } from \"@shopify/app-bridge-react\";\r\nimport { ShopConstraints } from \"Constraints\";\r\nimport removeTypeName, { removeByType } from \"lib/removeTypeName\";\r\nimport { Run } from \"lib/validate\";\r\nimport { GET_SHOP_SETTINGS } from \"Queries\";\r\nimport { PageHeader } from \"components/Page\";\r\nimport { API, graphqlOperation } from \"aws-amplify\";\r\nimport { APP_DEV } from \"aws-exports\";\r\nimport Axios from \"axios\";\r\nimport { Manager, Reference, Popper } from \"react-popper\";\r\nimport Checkbox from \"react-simple-checkbox\";\r\nimport styles from \"styles/cart_screen.module.scss\";\r\nimport { useTransition } from \"react-spring\";\r\nimport _ from \"lodash\";\r\nimport classNames from \"lib/classNames\";\r\nimport useReactRouter from \"use-react-router\";\r\nimport { SET_ALL } from \"reducers/SetItemReducer\";\r\nimport useRefState from \"hooks/useRefState\";\r\nimport { modules } from \"Constraints/CampaignConstraints\";\r\n\r\nconst CodCheckout = (props) => {\r\n const {\r\n collapsed,\r\n setCollapsed,\r\n setCartIsEmpty,\r\n setComfirmOrderButtonLoadingEdit,\r\n editingProductDetails,\r\n setEditingProductDetails,\r\n campaign_preview_types\r\n } = useContext(PreviewContext);\r\n const stickyAlert = useRef(null);\r\n const { history, location } = useReactRouter();\r\n const [scrollTop, setScrollTop, scrollTopRef] = useRefState();\r\n const [cartActivateLoading, setCartActivateLoading] = useState(false);\r\n const [videoOne, setVideoOne] = useState(false);\r\n const [googleFonts, setGoogleFonts] = useState([]);\r\n const [hideTopBar, setHideTopBar] = useState(false);\r\n const [showConfirmActivate, setShowConfirmActivate] = useState(false);\r\n const [campaign_preview_visible, setCampaign_preview_visible] =\r\n useState(false);\r\n const campaign_preview_content_ref = useRef(null);\r\n const shopContext = useContext(ShopContext);\r\n const user = useContext(UserContext);\r\n const [editModalVisibility, setEditModalVisibility] = useState(false);\r\n const [addModalVisibility, setAddModalVisibility] = useState(false);\r\n\r\n const [selectedModule, setSelectedModule] = useState(null);\r\n const {\r\n state,\r\n discard,\r\n validationErrors,\r\n setValidationErrors,\r\n dispatch,\r\n setItem\r\n } = shopContext;\r\n\r\n const {\r\n settings: {\r\n cod_settings: { form, checkout_mode }\r\n }\r\n } = state;\r\n // const filterSettings = (settings) =>\r\n // \t_.merge(\r\n // \t\t{},\r\n // \t\tSHOP_DEFAULT_SETTINGS(),\r\n // \t\tremoveByType(\r\n // \t\t\tremoveTypeName(\r\n // \t\t\t\tObject.fromEntries(Object.entries(settings).filter(([key]) => !['settingsSaved'].includes(key)))\r\n // \t\t\t),\r\n // \t\t\t(v) => v !== '' && v !== null\r\n // \t\t)\r\n // \t);\r\n\r\n const filterSettings = (settings) => {\r\n return removeByType(\r\n removeTypeName(\r\n Object.fromEntries(\r\n Object.entries(settings).filter(\r\n ([key]) => ![\"settingsSaved\"].includes(key)\r\n )\r\n )\r\n ),\r\n (v) => v !== \"\" && v !== null\r\n );\r\n // _.mergeWith(\r\n // \tSHOP_DEFAULT_SETTINGS(),\r\n // \tremoveByType(\r\n // \t\tremoveTypeName(\r\n // \t\t\tObject.fromEntries(Object.entries(settings).filter(([key]) => !['settingsSaved'].includes(key)))\r\n // \t\t),\r\n // \t\t(v) => v !== '' && v !== null\r\n // \t),\r\n // \t(objValue, srcValue) => srcValue && _.isArray(srcValue) ? srcValue : undefined\r\n // );\r\n };\r\n\r\n let [saveShopSettings, { data, error, loading }] = useMutation(\r\n SAVE_SHOP_SETTINGS,\r\n {\r\n refetchQueries: [\r\n {\r\n query: GET_SHOP_SETTINGS,\r\n variables: {\r\n userId: user.attributes.website\r\n }\r\n }\r\n ]\r\n }\r\n );\r\n const transitions = useTransition(\r\n !_.isEqual(state.original_settings, state.settings) && !hideTopBar,\r\n null,\r\n {\r\n from: { position: \"absolute\", opacity: 0 },\r\n enter: { opacity: 1 },\r\n leave: { opacity: 0 },\r\n config: {\r\n duration: 300\r\n }\r\n }\r\n );\r\n const validate = (state, specific = []) =>\r\n Run(state, specific, {\r\n errors: validationErrors,\r\n setErrors: setValidationErrors,\r\n constraints: ShopConstraints\r\n });\r\n const onSortEnd = ({ oldIndex, newIndex }) => {\r\n const newOrder = arrayMove(form, oldIndex, newIndex);\r\n setItem(\"settings.cod_settings.form\", newOrder);\r\n // console.log(newOrder)\r\n // modules = newOrder\r\n // this.props.edit('modules', 'order', newOrder);\r\n // setModules(newOrder);\r\n };\r\n\r\n const deleteModule = (index) => {\r\n const newOrder = form.slice();\r\n newOrder.splice(index, 1);\r\n setItem(\"settings.cod_settings.form\", newOrder);\r\n };\r\n const editModule = (index, module) => {\r\n const newForm = form.slice();\r\n newForm[index] = module;\r\n setItem(\"settings.cod_settings.form\", newForm);\r\n };\r\n const addModule = (module) => {\r\n const newForm = form.slice();\r\n newForm.push(module);\r\n setItem(\"settings.cod_settings.form\", newForm);\r\n };\r\n\r\n const save = (assign = {}, checkRTL = true) => {\r\n // console.log(\"state.settings\")\r\n // console.log(state.settings)\r\n // return\r\n if (validate(state)) return;\r\n if (\r\n checkRTL &&\r\n Object.keys(state.original_settings || {}).length &&\r\n state.settings.rtl !== state.original_settings.rtl\r\n ) {\r\n console.log(\r\n \"updating theme\",\r\n state.settings.rtl,\r\n state.original_settings.rtl,\r\n state.settings.active\r\n );\r\n // return activateCart(state.settings.active, true, state.settings.rtl);\r\n }\r\n\r\n saveShopSettings({\r\n variables: {\r\n id: user.attributes.website,\r\n input: filterSettings(Object.assign(state.settings, assign))\r\n }\r\n });\r\n };\r\n\r\n const activateCart = async (active, confirmed = false, rtl = null) => {\r\n if (\r\n active &&\r\n !confirmed &&\r\n !state.settingsSaved &&\r\n _.isEqual(SHOP_DEFAULT_SETTINGS, state.settings)\r\n ) {\r\n return setShowConfirmActivate(true);\r\n }\r\n // setCartActivateLoading(true);\r\n // const { success } = await API.post(\"API_GATEWAY_NEW\", \"/cart/activate\", {\r\n // body: { active, rtl: rtl === null ? state.settings.rtl : rtl }\r\n // });\r\n // setCartActivateLoading(false);\r\n return save({ active }, false);\r\n };\r\n\r\n const handleOutSideClick = (event) => {\r\n if (!campaign_preview_content_ref.current) return;\r\n else if (campaign_preview_content_ref.current.contains(event.target))\r\n return;\r\n setCampaign_preview_visible(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (campaign_preview_visible)\r\n document.addEventListener(\"mousedown\", handleOutSideClick, false);\r\n else document.removeEventListener(\"mousedown\", handleOutSideClick, false);\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleOutSideClick, false);\r\n };\r\n }, [campaign_preview_visible]);\r\n\r\n useEffect(() => {\r\n // if (typeof state.settings.multiCurrencyMode !== 'boolean') {\r\n // \tsetItem('settings.multiCurrencyMode', false);\r\n // }\r\n async function getGoogleFonts () {\r\n const { data } = await Axios.get(\r\n `https://www.googleapis.com/webfonts/v1/webfonts?sort=popularity&key=AIzaSyCYLq50twmAe1_7jITZuehrERZWOjNqBCY`\r\n );\r\n setGoogleFonts(\r\n data.items.map(({ family, variants }) => ({\r\n label: family,\r\n value: `${family}:${variants.join()}`\r\n }))\r\n );\r\n }\r\n getGoogleFonts();\r\n }, []);\r\n\r\n useEffect(() => {\r\n setHideTopBar(!!data);\r\n if (APP_DEV) setTimeout(() => setHideTopBar(false), 1500);\r\n }, [data]);\r\n return (\r\n \r\n {TopContent.transitions.map(({ item, key, props }) => {\r\n return item ? (\r\n \r\n \r\n
\r\n )}\r\n {header && !TopContent && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {loading.status ? (\r\n
\r\n \r\n {\r\n setAddModalVisibility(true);\r\n }}\r\n style={{ width: \"100%\" }}\r\n />\r\n
\r\n \r\n {!!form &&\r\n form.map((module, index) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n {`${label} ${isRequired ? \"*\" : \"\"\r\n }`}\r\n
\r\n \r\n {\r\n setSelectedModule([itemIndex, module]);\r\n setEditModalVisibility(true);\r\n }}\r\n />\r\n {type !== \"name\" && (\r\n deleteModule(itemIndex)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n );\r\n});\r\n\r\nconst EditModal = ({\r\n editModalVisibility,\r\n setEditModalVisibility,\r\n selectedModule,\r\n editModule\r\n}) => {\r\n const [module, setModule] = useState(null);\r\n useEffect(() => {\r\n if (selectedModule) {\r\n setModule({ ...selectedModule[1] });\r\n }\r\n }, [selectedModule]);\r\n\r\n const handleChange = (value, attribute) => {\r\n setModule({\r\n ...module,\r\n [attribute]: value\r\n });\r\n };\r\n\r\n const save = () => {\r\n editModule(selectedModule[0], module);\r\n setEditModalVisibility(false);\r\n // setSelectedModule(null)\r\n };\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n )\r\n }\r\n \r\n );\r\n};\r\n\r\nconst AddModal = ({ addModalVisibility, setAddModalVisibility, addModule }) => {\r\n const [label, setLabel] = useState(\"Titre\");\r\n const [isRequired, setIsRequired] = useState(false);\r\n const [type, setType] = useState(\"string\");\r\n const [options, setOptions] = useState([]);\r\n const [placeholder, setPlaceholder] = useState(\"\");\r\n\r\n const save = () => {\r\n addModule({\r\n label,\r\n isRequired,\r\n type,\r\n options,\r\n placeholder\r\n });\r\n setAddModalVisibility(false);\r\n };\r\n\r\n const showOptions = [\"dropdown\", \"checkbox\", \"radio\"];\r\n\r\n return (\r\n \r\n \r\n handleChange(v, \"label\")}\r\n />\r\n \r\n \r\n handleChange(v, \"placeholder\")}\r\n />\r\n \r\n \r\n handleChange(v, \"isRequired\")}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n setType(value)}\r\n value={type}\r\n />\r\n \r\n \r\n \r\n \r\n {showOptions.indexOf(type) === -1 && (\r\n \r\n \r\n \r\n )}\r\n {showOptions.indexOf(type) !== -1 && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default CodCheckout;\r\n","var _defs, _title, _ellipse, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _g, _polygon, _polygon2, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _g2, _path35, _path36, _path37, _path38, _path39, _path40, _polygon3, _polygon4, _polygon5, _polygon6, _polygon7, _polygon8, _polygon9, _polygon10, _polygon11, _polygon12, _polygon13, _polygon14, _polygon15, _polygon16, _polygon17, _polygon18, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _ellipse2, _ellipse3, _ellipse4, _ellipse5, _ellipse6, _path62, _path63, _path64;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign || 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); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgEmpty = function SvgEmpty(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"9af98f83-10c5-4067-bc84-20554b2827d8\",\n \"data-name\": \"Layer 1\",\n width: 1009.54,\n height: 789.93,\n viewBox: \"0 0 1009.54 789.93\",\n ref: svgRef\n }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"07c62293-c0d3-4921-8e06-4e39241449cd\",\n x1: 318.22,\n y1: 488.45,\n x2: 630.35,\n y2: 488.45,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0,\n stopColor: \"gray\",\n stopOpacity: 0.25\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.54,\n stopColor: \"gray\",\n stopOpacity: 0.12\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"gray\",\n stopOpacity: 0.1\n })))), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"empty\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 354.13,\n cy: 741.27,\n rx: 176.1,\n ry: 33.36,\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M681.78,166.43c-64.72-2.24-126.36-23.14-185.22-46S379.4,72.25,316.23,60.14C275.6,52.35,229.13,51.24,196.4,73c-31.51,21-41.69,57.15-47.16,90.72-4.12,25.26-6.54,51.85,4.74,75.5,7.84,16.42,21.74,30.22,31.36,45.95,33.47,54.72,9.81,122.2-26.45,175.63-17,25.06-36.75,49-49.88,75.65S89.81,593.74,101.3,621c11.38,27,38.51,47.24,67.9,61.49,59.69,28.95,130,37.23,198.61,41.93,151.83,10.38,304.46,5.89,456.69,1.38,56.34-1.66,112.92-3.35,168.34-12.06,30.78-4.84,62.55-12.52,84.9-31.06,28.36-23.53,35.39-63.37,16.38-92.87-31.88-49.5-120-61.79-142.31-114.9-12.26-29.24.33-61.8,18.16-88.91,38.24-58.17,102.33-109.2,105.7-175.68,2.32-45.66-28.49-91.39-76.13-113-49.93-22.65-119.18-19.8-156,17.69C805.59,153.57,738.93,168.42,681.78,166.43Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M630.35,416.77l-30.63-20.65h0l15.45-23-80.9-6.45L505.2,389.15l-36.39-20.4-30.35,3.65-.36-8a225.78,225.78,0,0,0-2.51-24.9c.13-2.5.22-5.37.21-8.49,0-13.15-1.78-30.58-9.6-42.2L428,272.63,413.4,255.38a110.37,110.37,0,0,1,8-13.46c.5-.72,1-1.42,1.54-2.1,18.95-1.37,33.9-16.95,33.9-36,0-.88,0-1.76-.1-2.63,0-.35-.07-.71-.11-1.06,1.85,1,3.72,2,5.59,3,.35.5.75,1,1.19,1.59l0,0,.09.11.56.69.18.21c.2.24.41.47.62.71l.14.16c.53.59,1.09,1.19,1.69,1.78a1.8,1.8,0,0,1,.2.19l.75.7.21.19c.64.57,1.32,1.12,2,1.64l.22.16.86.59.28.18c.33.2.67.41,1,.6l.12.07c.39.21.79.41,1.19.6l.2.08q.51.22,1,.42l.31.11c.35.12.69.23,1.05.33l.22.06c.44.11.88.2,1.33.27h.05a10.88,10.88,0,0,0,1.28.13h.29a11,11,0,0,0,1.15,0h.25a11.85,11.85,0,0,0,1.43-.17,15.78,15.78,0,0,0,6.3-2.26,5.5,5.5,0,0,0,1.28-1.19c2-2.62-.2-5.49-.2-5.49h0c-.78-1.86-5.84-3.17-5.84-3.17s-16-6.68-16-12-4-32.92-45.29-39.23c0,0-26.86-1.51-34.41,12.87l-.16,1.68c-2.22,1.39-4.06,4.18-6.25,5a10.21,10.21,0,0,0-2.71,1l0-.19h0a2.58,2.58,0,0,0-.61.79,8,8,0,0,0-.83,3,11.3,11.3,0,0,1-1.31,3.63,8.07,8.07,0,0,1-.6.92h0l-.17.27a7.3,7.3,0,0,0,3.4-.55,16.93,16.93,0,0,1-1,4,3.32,3.32,0,0,0,3.08-1.84l0-.08.13-.18a8.44,8.44,0,0,0,.62-1.45l-.11.12c.2-.65.38-1.31.6-1.95a3.06,3.06,0,0,1,.49-1,2.42,2.42,0,0,1,2.07-.69l-.41,8.67h.18a11.83,11.83,0,0,1-.88,1.82c-1.42,2.3-4,3.87-4.95,6.39a9.4,9.4,0,0,0-.46,3.78c0,.75.09,1.51.15,2.26v-.06c.14,2,.18,3.9-.9,5.51-.74,1.1-1.93,1.93-2.34,3.18a3.1,3.1,0,0,0-.15,1.08,12.13,12.13,0,0,0,.68,3.21.14.14,0,0,0,0-.06,4.88,4.88,0,0,1,.17,2.36c-.45,2-2.88,3.67-2.76,5.58a2.15,2.15,0,0,0,.11.74,4.05,4.05,0,0,0,2.26,2,8.8,8.8,0,0,0,5.08,1.12,6.68,6.68,0,0,0,1.9-.65c-.7,1.61-1.42,3.2-2.15,4.71-.11.24-.23.48-.35.72,0,0-6.18-4.13-9.69,4.29a18.68,18.68,0,0,0-2.17,5.64,13.42,13.42,0,0,1-.74,2.32,14.93,14.93,0,0,1-6.68,6c-7.16,3.28-36.08,39.35-36.59,48.69a54.49,54.49,0,0,1-1.84,10.78,64.15,64.15,0,0,0-1.72,25.49,48.77,48.77,0,0,0,1.77,8.13c3.07,9.33,5.12,26.74,5.12,26.74l3.32,30.22a86,86,0,0,0,.54,12.49c-3.39,3.87-17,20-11.8,24.39,4,3.46,11,2.89,14.93,2.18-3.31,8.19-8.52,22.43-9.21,32.21-1,14.47,1.71,33.64,6,41s18.59,26.24,18.59,26.24-.67,25.9,4.44,35.31,7.17,28.93,7.17,28.93,4.77,16.48,2.38,22.54,4.43,11.1-2.73,15.13-16.32,94.86-16.32,94.86-3.69,59.53,0,62.56a3.75,3.75,0,0,0,.63.37v20s-2.56,4.2,7.85,5.05c7.13.57,27.34,1.86,39.33,2.61l9.29.58s22,4.38,31.72,0,26.95-4.28,24.39-15.85a32.92,32.92,0,0,0-1.36-4.63c-2.81-7.18-7.58-8-16.37-10-.51-.11-1-.21-1.45-.29-9.26-1.61-12.3,2.7-17.49-2.91-4.51-4.85-18.87-10.28-23.76-12,.12-.36.27-.71.39-1.08a7.32,7.32,0,0,1-3.71-1.81l13.25.84,7.89.49s18.7,3.73,27,0,22.9-3.63,20.72-13.46a28.21,28.21,0,0,0-1.15-3.94c-2.39-6.1-6.45-6.77-13.92-8.46-.43-.09-.83-.18-1.23-.25-7.87-1.37-10.45,2.29-14.86-2.47-3.78-4.06-15.71-8.61-20-10.16,0-2.22-3-5.38-4.89-8.55-2.22-3.7,1.88-16.65,1.88-16.65L411,658.74a10.38,10.38,0,0,1,2.8-.8s10.58-10.1,8.19-20.86a69.13,69.13,0,0,1-.76-9.83c3.48-3.23,8.27-8,9.63-10.94,2.22-4.79,0-28,0-28V499.56l17.7,1.79L464.62,503l4.89.5,16.06,1.62,36.91,3.73,33.26-6.3,14.39-2.72,29.59-5.6V421.83ZM386.74,176.86l-2.06-.22C385.36,176.67,386.08,176.8,386.74,176.86Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"url(#07c62293-c0d3-4921-8e06-4e39241449cd)\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M558.56,463.78c-10,14.31-45.95,6.73-45.95,6.73l-27.86-26.07L481,440.91l6.29-13.36s2,.55,5.43,1.53C510.73,434.31,567,451.75,558.56,463.78Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#efb7b9\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M492.7,429.08c-1.23,4.28-4.6,10.69-7.95,15.36L481,440.91l6.29-13.36S489.31,428.1,492.7,429.08Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M397.15,278.42s-25.68,11.39-24.42,39.36a461.14,461.14,0,0,0,5.88,53.76s-5.25,42.09,16.61,52.94,42.09,19.77,42.09,19.77,34.2,3.68,38.45,5.2,17.53-21.72,15.08-25.34S457,412.9,453,406.86s-13.25-9.77-13.25-9.77-9.55-5.78-10.2-11,1.87-9.11,2.51-11.4,2.26-24.4,2.26-24.4S445.1,271.59,397.15,278.42Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#dce6f2\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M414.1,370.39s-35.23,5.9-31.82,18.23C382.28,388.62,395.07,375.31,414.1,370.39Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M414.37,375.38S395,391.19,398.79,392,414.37,375.38,414.37,375.38Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M423.68,380.89s-5.19,10.63-2,9.91S423.68,380.89,423.68,380.89Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M494,430.21l-2.14-.61c.61-2,.78-3.62.28-4.37-2.45-3.62-33.82-11.2-37.81-17.25s-13.25-9.77-13.25-9.77-9.55-5.78-10.2-11,1.87-9.11,2.51-11.4,2.26-24.41,2.26-24.41,10.75-78.69-37.2-71.86c0,0-25.68,11.4-24.43,39.37a459.85,459.85,0,0,0,5.89,53.76s-5.25,42.09,16.61,52.94,42.09,19.77,42.09,19.77,34.19,3.67,38.45,5.2c1.61.58,4.52-2.41,7.37-6.52l1.62,1.51,27.86,26.06s35.95,7.59,45.95-6.72C568.31,452.87,512.05,435.43,494,430.21Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M382.37,173.44a8.5,8.5,0,0,0-2.77,1.07c-1,.83-1,2.25-1.25,3.49a11.48,11.48,0,0,1-2,4.78,7.19,7.19,0,0,0,3.33-.55,17.14,17.14,0,0,1-1,4,3.24,3.24,0,0,0,3-1.83,19.26,19.26,0,0,0,1.25-3.51,2.89,2.89,0,0,1,.48-1c.92-1.09,2.63-.6,4.05-.46a6.65,6.65,0,0,0,6.08-2.92c1.51-2.29,1.6-8.15-2-8.77C387.78,167.12,385.44,172.3,382.37,173.44Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#965d7b\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.1\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M379.5,175.74c.09-.49.15-1,.26-1.49h0c-.95.83-1,2.24-1.25,3.49a11,11,0,0,1-.59,2.11A11.46,11.46,0,0,0,379.5,175.74Z\",\n transform: \"translate(-95.23 -55.03)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M379.82,184a16.63,16.63,0,0,0,1-4,7.16,7.16,0,0,1-3.17.55,11.57,11.57,0,0,1-1.15,2,7.12,7.12,0,0,0,3.32-.54,16.63,16.63,0,0,1-1,4,3.25,3.25,0,0,0,3-1.83,7.46,7.46,0,0,0,.6-1.43A3,3,0,0,1,379.82,184Z\",\n transform: \"translate(-95.23 -55.03)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M388.6,177.2c-1.42-.14-3.14-.63-4.06.46a3.09,3.09,0,0,0-.48,1c-.09.26-.17.53-.24.8.95-.75,2.49-.35,3.78-.22a6.68,6.68,0,0,0,6.08-2.92,5.54,5.54,0,0,0,.67-1.57A6.66,6.66,0,0,1,388.6,177.2Z\",\n transform: \"translate(-95.23 -55.03)\"\n }))), _polygon || (_polygon = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"317.24 201 332.49 219.34 330.5 237.85 312.07 209 317.24 201\",\n fill: \"#dce6f2\"\n })), _polygon2 || (_polygon2 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"332.48 219.34 330.61 236.75 330.49 237.85 313.86 211.81 312.07 209 312.59 208.19 317.23 201 318.26 202.24 332.48 219.34\",\n opacity: 0.1\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M435.63,231.2c-5.16,1.48-10.09,6.56-14.38,12.73a108.65,108.65,0,0,0-7.76,13.34c-1.41,2.82-2.65,5.53-3.68,7.89l-.72,1.68c-1.74,4.11-2.71,6.86-2.71,6.86S366.88,244,373.13,242c2.1-.67,4.86-5.17,7.59-10.84l.34-.72c1.73-3.64,3.43-7.7,4.94-11.52,3.09-7.85,5.38-14.67,5.38-14.67S451.38,226.7,435.63,231.2Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#efb7b9\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M459.26,202.58s9.12,16.5,21.37,14.25,7.21-8.86,7.21-8.86Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#444053\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M441.59,773.73c-8.08,3.69-26.35,0-26.35,0l-7.7-.48c-10-.64-26.74-1.72-32.66-2.2-8.64-.71-6.52-4.25-6.52-4.25V745.41l41.92-10.62s16.57,5.67,21.11,10.62c4.31,4.72,6.83,1.09,14.52,2.45.38.07.78.15,1.2.25,7.3,1.67,11.26,2.33,13.6,8.38a28.1,28.1,0,0,1,1.13,3.9C464,770.13,449.66,770.06,441.59,773.73Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#a36468\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M460.71,756.49a31.34,31.34,0,0,1-4.72,2.42c-5.5,2.51-10.73,5.57-16.29,7.94s-11.55,4.06-17.57,3.61c-3.15-.23-6.37-1-9.38-.1a21.66,21.66,0,0,0-5.21,2.89c-10-.64-26.74-1.72-32.66-2.2-8.64-.71-6.52-4.25-6.52-4.25v-2.5c.31,0,.66-.09,1.06-.12a18.88,18.88,0,0,1,6.1.91c4.34,1.18,8.66,2.34,13,3.5a10.27,10.27,0,0,1,5-6.38,15.94,15.94,0,0,1,8.06-1.85c6.73.09,13.1,3.28,19.82,3.6a10.92,10.92,0,0,0,5.49-.92c.92-.46,1.73-1.13,2.63-1.64a19.2,19.2,0,0,1,4.53-1.53A99.76,99.76,0,0,0,447,755.69c1.2-.47,2.6-1.32,2.44-2.6-.21-1.7-2.88-1.9-3.58-3.46a2,2,0,0,1,.08-1.77c.38.07.78.15,1.2.25C454.41,749.78,458.37,750.44,460.71,756.49Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M433.05,820.53c-9.5,4.34-31,0-31,0L393,820c-11.72-.75-31.46-2-38.43-2.59-10.17-.84-7.67-5-7.67-5V787.2l49.33-12.5s19.5,6.67,24.84,12.5c5.07,5.55,8,1.28,17.09,2.88.45.08.92.18,1.41.29,8.59,2,13.25,2.75,16,9.87a32.1,32.1,0,0,1,1.33,4.59C459.38,816.29,442.55,816.2,433.05,820.53Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#a36468\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M455.55,800.24a37.23,37.23,0,0,1-5.55,2.85c-6.47,2.95-12.63,6.55-19.17,9.34s-13.59,4.77-20.68,4.25c-3.7-.27-7.49-1.2-11-.12A25.5,25.5,0,0,0,393,820c-11.72-.75-31.46-2-38.43-2.59-10.17-.84-7.67-5-7.67-5v-2.94a12.5,12.5,0,0,1,1.25-.14,21.94,21.94,0,0,1,7.18,1.07l15.29,4.12a12.1,12.1,0,0,1,5.93-7.51,18.66,18.66,0,0,1,9.49-2.18c7.92.11,15.41,3.86,23.32,4.24A12.91,12.91,0,0,0,415.8,808c1.09-.55,2-1.34,3.1-1.93a21.75,21.75,0,0,1,5.33-1.8,119.69,119.69,0,0,0,15.16-4.92c1.41-.56,3.06-1.56,2.87-3.06-.25-2-3.39-2.24-4.22-4.08a2.41,2.41,0,0,1,.1-2.08c.45.08.92.18,1.41.29C448.14,792.34,452.8,793.12,455.55,800.24Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M411.55,647.54l-2.67,62.83s-4,12.83-1.83,16.5,5.83,7.33,4.5,9.5S394.22,762,389.05,753s-10.27-48-10.27-48l4.77-48.17Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#444053\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M423.13,491l7.42,9.92V587.2s2.17,23,0,27.75-13.17,14.25-13.17,14.25l-9.25-47.5,2-50.25Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#444053\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M411.55,647.54l-2.67,62.83s-4,12.83-1.83,16.5,5.83,7.33,4.5,9.5S394.22,762,389.05,753s-10.27-48-10.27-48l4.77-48.17Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M423.13,491l7.42,9.92V587.2s2.17,23,0,27.75-13.17,14.25-13.17,14.25l-9.25-47.5,2-50.25Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M430.55,454.2v46.67l-8.33,36.33s-2.67,87.67-.34,98.33-8,20.67-8,20.67-6,.67-6,5.33-10,18-10,18l.33,26s4.34,48.67-2.33,58,2.33,10.67,2.33,10.67c-8.33,27.33-48.33,21-51.94,18s0-62,0-62,8.94-90,15.94-94,.34-9,2.67-15-2.33-22.33-2.33-22.33-2-19.34-7-28.67-4.34-35-4.34-35-14-18.67-18.16-26-6.84-26.33-5.84-40.67c.68-9.69,5.77-23.8,9-31.92,1.55-3.89,2.67-6.41,2.67-6.41l.95.25,54.62,14.3Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#444053\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M435.63,231.2c-5.16,1.48-10.09,6.56-14.38,12.73l-1.12,0a35.72,35.72,0,0,1-31-17.93,35.18,35.18,0,0,1-3.14-7.15c3.09-7.85,5.38-14.67,5.38-14.67S451.38,226.7,435.63,231.2Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M455.88,206.2A35.75,35.75,0,1,1,389,188.68a34.93,34.93,0,0,1,3.78-5.46A36.18,36.18,0,0,1,401,176a35.75,35.75,0,0,1,54.83,27.58C455.85,204.46,455.88,205.33,455.88,206.2Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#efb7b9\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M425.84,291.78l-.12,1.1-16.63-26c-1.74,4.11-2.71,6.86-2.71,6.86S366.88,244,373.13,242c2.1-.67,4.86-5.17,7.59-10.84l.34-.72c2.9,8.64,19.75,25.91,26.76,32.83.81.8,1.48,1.46,2,1.94l1.07,1,.56.56C414,269.4,424.76,281,425.84,291.78Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M438.27,380l-1.82,58.57L436.13,449s-21.56-2-41.68-4.2c-16.2-1.77-31.47-3.68-33.82-4.8-3-1.41-9.43-2.5-14.5-3.19-3.92-.53-7-.81-7-.81s-1.15.34-2.92.66c-3.86.7-10.64,1.27-14.59-2.16-5.05-4.39,8.22-20.34,11.53-24.17l.73-.83-1.25-11.55L329.38,368s-2-17.25-5-26.5a48.88,48.88,0,0,1-1.73-8.05,64.48,64.48,0,0,1,1.68-25.26,55.08,55.08,0,0,0,1.8-10.69c.5-9.25,28.75-45,35.75-48.25a14.84,14.84,0,0,0,7.16-7.14,13.64,13.64,0,0,0,1.09-3.11c3-13,10.59-7.84,10.59-7.84,1.83,10.17,30.16,37.09,30.16,37.09l.56.56c2.81,2.88,15.33,16.4,14.44,27.94a33.87,33.87,0,0,0,1.89,12.64,213.75,213.75,0,0,1,9.85,56Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#dce6f2\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M398.13,310.45s-7,17-12.25,19.75S400.63,336,398.13,310.45Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M403.38,342.2s-16,2-16,5S403.38,342.2,403.38,342.2Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M420.13,361.7s-23.25,49.5-29.75,51S420.13,361.7,420.13,361.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M410.44,270.76l-19.23,8.36L368,244.06a13.64,13.64,0,0,0,1.09-3.11c3-13,10.59-7.84,10.59-7.84,1.83,10.17,30.16,37.09,30.16,37.09Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M411.44,268.76l-19.23,8.36L369,242.06a13.64,13.64,0,0,0,1.09-3.11c3-13,10.59-7.84,10.59-7.84,1.83,10.17,30.16,37.09,30.16,37.09Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#dce6f2\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M436.13,449s-21.56-2-41.68-4.2l36.1,9.45v11c-1.58,1.43-2.95,2.17-3.84,1.79-4.16-1.75-38.11-7.25-38.11-7.25s-19.72-10-41-22a16.43,16.43,0,0,1-1.5-.94,23.64,23.64,0,0,1-6.3-6.31c-3.93-5.69-5.85-13-6.68-20.17a87.22,87.22,0,0,1-.52-12.38A101.51,101.51,0,0,1,333.88,384a460.08,460.08,0,0,1-3-54c.25-28,26.5-38,26.5-38,48.25-4.25,33.29,73.75,33.29,73.75s-2.79,22-3.55,24.25-3.49,6-3.12,11.25,9.59,11.53,9.59,11.53,9,4.22,12.71,10.47c2.7,4.61,20.24,10.86,30.15,15.32Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M452.29,184a11.32,11.32,0,0,1-1,4.78,29.55,29.55,0,0,1-1.78,3.56,16.4,16.4,0,0,1-4.38,5.44c-2.31,1.65-5.23,2.11-8,2.78s-5.65,1.74-7.23,4.1a14.34,14.34,0,0,0-1.69,4.9,10.54,10.54,0,0,1-2,4.74,3.93,3.93,0,0,1-4.68,1.12,4.73,4.73,0,0,1-1.81-2.33c-1.14-2.57-1.43-5.42-1.89-8.19s-1.11-5.62-2.81-7.85-4.71-3.7-7.38-2.83a7.11,7.11,0,0,0-4,3.88,22.24,22.24,0,0,0-1.51,5.52q-1.86,10.18-4.39,20.24a1.86,1.86,0,0,1-.33.76,1.44,1.44,0,0,1-1,.42c-2.24.3-4.39-1.27-6.65-1.1a3.82,3.82,0,0,0-.69.11,35.73,35.73,0,0,1,3.61-40.8l.18-.05a10.78,10.78,0,0,0,4-2.52,42.22,42.22,0,0,0,4-4.63l.8-1a45.61,45.61,0,0,1,7.8-7.41,8,8,0,0,1,2.66-1.44,7.88,7.88,0,0,1,2.52-.08,63.57,63.57,0,0,0,10.41.39,66.79,66.79,0,0,1,7.31-.74c6.33.18,11.73,4.65,15.73,9.55C450.24,177.83,452.16,180.72,452.29,184Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M384.33,189.63c-1.39,2.28-3.9,3.83-4.84,6.33-1.38,3.63.95,8.15-1.19,11.39-.71,1.09-1.88,1.9-2.28,3.15-.68,2.11,1.18,4.36.7,6.53s-3.34,4-2.58,6.12a4,4,0,0,0,2.2,2,8.6,8.6,0,0,0,5,1.11c2.73-.45,4.76-3.13,7.53-3.33,2.25-.16,4.4,1.4,6.64,1.11a1.5,1.5,0,0,0,1-.43,1.73,1.73,0,0,0,.33-.76q2.52-10.05,4.4-20.24a21.8,21.8,0,0,1,1.5-5.52,7.17,7.17,0,0,1,4-3.88c2.67-.86,5.67.6,7.38,2.83s2.36,5.08,2.82,7.85.75,5.62,1.88,8.19a4.78,4.78,0,0,0,1.82,2.34c1.5.87,3.52.18,4.67-1.12a10.43,10.43,0,0,0,2-4.75,14.28,14.28,0,0,1,1.69-4.89c1.58-2.36,4.47-3.43,7.23-4.1s5.67-1.14,8-2.79a16.46,16.46,0,0,0,4.38-5.43c1.48-2.58,2.86-5.38,2.74-8.35-.13-3.24-2.05-6.13-4.1-8.65-4-4.9-9.41-9.37-15.74-9.54a62.2,62.2,0,0,0-7.31.74,62.57,62.57,0,0,1-10.41-.4,8.18,8.18,0,0,0-2.52.09,7.54,7.54,0,0,0-2.65,1.44,45.63,45.63,0,0,0-7.81,7.4,57.31,57.31,0,0,1-4.82,5.6,10.85,10.85,0,0,1-4,2.53c-1,.28-2,.08-2.95.39C386.09,183.52,385.7,187.37,384.33,189.63Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#965d7b\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M480.63,216.82c-8,1.47-14.63-5-18.3-9.72a39.22,39.22,0,0,1-3.07-4.52l27.46,5.18,1.11.21S492.88,214.58,480.63,216.82Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.1\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M376.72,214.17a8.33,8.33,0,0,0-.58-3.84c0,.1-.09.2-.12.3-.43,1.34.15,2.73.52,4.12A3,3,0,0,0,376.72,214.17Z\",\n transform: \"translate(-95.23 -55.03)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M379.1,197.8a22.22,22.22,0,0,0,.08,4.15A22.28,22.28,0,0,0,379.1,197.8Z\",\n transform: \"translate(-95.23 -55.03)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M448.55,188.45a16.4,16.4,0,0,1-4.38,5.44c-2.31,1.65-5.22,2.11-8,2.78s-5.65,1.74-7.23,4.1a14.41,14.41,0,0,0-1.69,4.9,10.47,10.47,0,0,1-2,4.75c-1.15,1.3-3.17,2-4.67,1.12a4.78,4.78,0,0,1-1.82-2.34c-1.13-2.57-1.43-5.41-1.88-8.19s-1.12-5.62-2.82-7.85-4.71-3.7-7.38-2.83a7.14,7.14,0,0,0-4,3.88,21.8,21.8,0,0,0-1.5,5.52q-1.87,10.19-4.4,20.24a1.73,1.73,0,0,1-.33.76,1.5,1.5,0,0,1-1,.43c-2.24.29-4.39-1.27-6.64-1.11-2.77.2-4.8,2.88-7.53,3.32a8.45,8.45,0,0,1-5-1.11,5.35,5.35,0,0,1-1.83-1.3,2.7,2.7,0,0,0-.37,2.33,3.9,3.9,0,0,0,2.2,2,8.45,8.45,0,0,0,5,1.11c2.73-.44,4.76-3.12,7.53-3.32,2.25-.16,4.4,1.4,6.64,1.11a1.5,1.5,0,0,0,1-.43,1.73,1.73,0,0,0,.33-.76q2.52-10,4.4-20.24a21.8,21.8,0,0,1,1.5-5.52,7.14,7.14,0,0,1,4-3.88c2.67-.87,5.67.6,7.38,2.83s2.36,5.08,2.82,7.85.75,5.62,1.88,8.19a4.78,4.78,0,0,0,1.82,2.34c1.5.87,3.52.18,4.67-1.12a10.47,10.47,0,0,0,2-4.75,14.41,14.41,0,0,1,1.69-4.9c1.58-2.36,4.47-3.42,7.23-4.1s5.67-1.13,8-2.78a16.4,16.4,0,0,0,4.38-5.44c1.48-2.57,2.86-5.37,2.74-8.34a10.74,10.74,0,0,0-.12-1.14A19.65,19.65,0,0,1,448.55,188.45Z\",\n transform: \"translate(-95.23 -55.03)\"\n }))), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M451.33,188.75a35.33,35.33,0,0,1,4.45,14.85c-8.91-5-17.29-10.49-21.52-12.4-7.37-3.33-34.93-2.83-45.29-2.52a34.93,34.93,0,0,1,3.78-5.46A36.18,36.18,0,0,1,401,176a35.77,35.77,0,0,1,50.38,12.73Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M483.13,212.58c-4.81,1.48-12.66-1.38-20.8-5.48a39.22,39.22,0,0,1-3.07-4.52l27.46,5.18C488.54,209,489,210.77,483.13,212.58Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M422.26,154.08s-26.25-1.5-33.63,12.75l-1.19,12.63-2-.22-.4,8.59s40.12-1.75,49.25,2.37,37.5,24.88,48.87,21.38-1-6.75-1-6.75S466.51,198.2,466.51,193,462.63,160.33,422.26,154.08Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#444053\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M371.63,622.28s16.75,16.25,24,15C395.63,637.28,375.13,635.53,371.63,622.28Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M368.13,629.81s1.5,8.36,5.5,7.54S368.13,629.81,368.13,629.81Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M394.38,769.53s-23.78,18.5-19.77,19S394.38,769.53,394.38,769.53Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _polygon3 || (_polygon3 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"330.96 347.33 407.96 334.8 407.96 407.7 334.8 403.87 330.96 347.33\",\n fill: \"#2f80ed\"\n })), _polygon4 || (_polygon4 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"330.96 347.33 407.96 334.8 407.96 407.7 334.8 403.87 330.96 347.33\",\n opacity: 0.05\n })), _polygon5 || (_polygon5 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"407.96 334.8 500.3 341.71 495.19 405.15 407.96 407.7 407.96 334.8\",\n fill: \"#2f80ed\"\n })), _polygon6 || (_polygon6 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"407.96 334.8 500.3 341.71 495.19 405.15 407.96 407.7 407.96 334.8\",\n opacity: 0.1\n })), _polygon7 || (_polygon7 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"436.35 312.55 407.96 334.8 500.3 341.71 515.39 318.94 436.35 312.55\",\n fill: \"#2f80ed\"\n })), _polygon8 || (_polygon8 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"303.08 323.03 372.4 314.59 407.96 334.8 330.96 347.33 303.08 323.03\",\n fill: \"#2f80ed\"\n })), _polygon9 || (_polygon9 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"424.84 353.73 424.84 453.4 388.77 449.7 373.08 448.1 368.3 447.6 352.62 445.99 330.96 443.77 330.96 347.33 407.95 352.57 424.84 353.73\",\n fill: \"#2f80ed\"\n })), _polygon10 || (_polygon10 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"500.3 341.71 500.3 438.91 471.39 444.46 457.33 447.16 424.84 453.4 424.84 353.73 500.3 341.71\",\n fill: \"#2f80ed\"\n })), _polygon11 || (_polygon11 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"500.3 341.71 500.3 438.91 471.39 444.46 457.33 447.16 424.84 453.4 424.84 353.73 500.3 341.71\",\n opacity: 0.05\n })), _polygon12 || (_polygon12 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"303.08 368.31 330.96 347.33 424.84 353.73 411.02 377.01 303.08 368.31\",\n fill: \"#2f80ed\"\n })), _polygon13 || (_polygon13 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"303.08 368.31 330.96 347.33 424.84 353.73 411.02 377.01 303.08 368.31\",\n fill: \"#fff\",\n opacity: 0.1\n })), _polygon14 || (_polygon14 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"500.3 341.71 424.84 353.73 449.4 375.73 530.23 362.17 500.3 341.71\",\n fill: \"#2f80ed\"\n })), _polygon15 || (_polygon15 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"500.3 341.71 424.84 353.73 449.4 375.73 530.23 362.17 500.3 341.71\",\n fill: \"#fff\",\n opacity: 0.1\n })), _polygon16 || (_polygon16 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"471.39 444.46 457.33 447.16 457.33 426.39 470.5 423.07 471.39 444.46\",\n fill: \"#fff\",\n opacity: 0.1\n })), _polygon17 || (_polygon17 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"388.77 435.96 388.77 449.7 373.08 448.1 373.08 435.96 388.77 435.96\",\n fill: \"#fff\",\n opacity: 0.1\n })), _polygon18 || (_polygon18 = /*#__PURE__*/React.createElement(\"polygon\", {\n points: \"368.3 440.29 368.3 447.6 352.62 445.99 352.62 440.29 368.3 440.29\",\n fill: \"#fff\",\n opacity: 0.1\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M510.63,483.7c-10.75,13.75-46.25,4.25-46.25,4.25L438,460.43l-3.58-3.73,7-13s2,.66,5.34,1.82C464.44,451.7,519.68,472.13,510.63,483.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M509.63,481.7c-10.75,13.75-46.25,4.25-46.25,4.25L437,458.43l-3.58-3.73,7-13s2,.66,5.34,1.82C463.44,449.7,518.68,470.13,509.63,481.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#efb7b9\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M445.72,443.52c-1.46,4.2-5.17,10.42-8.76,14.91l-3.58-3.73,7-13S442.39,442.36,445.72,443.52Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M358.38,288s-26.25,10-26.5,38a460.08,460.08,0,0,0,3,54s-7.5,41.75,13.75,53.75,41,22,41,22,33.95,5.5,38.12,7.25,18.66-20.75,16.41-24.5-33.16-13-36.83-19.25-12.71-10.46-12.71-10.46-9.22-6.29-9.59-11.54,2.35-9,3.12-11.25,3.56-24.25,3.56-24.25S406.63,283.7,358.38,288Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#dce6f2\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M370.38,380.7s-35.5,4-32.75,16.5C337.63,397.2,351.12,384.59,370.38,380.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M370.38,385.7s-20.15,14.75-16.45,15.75S370.38,385.7,370.38,385.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M379.38,391.7s-5.75,10.34-2.5,9.8S379.38,391.7,379.38,391.7Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.1\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M749,167.42s-38-2.29-33.56,24.37c0,0-.89,4.71,3.38,6.85,0,0,.07-2,3.9-1.31a17.51,17.51,0,0,0,4.13.2,8.57,8.57,0,0,0,5.06-2.09h0s10.69-4.41,14.85-21.89c0,0,3.08-3.82,3-4.8l-6.42,2.75s2.19,4.63.46,8.48c0,0-.2-8.31-1.44-8.12-.25,0-3.33,1.61-3.33,1.61s3.77,8.06.92,13.93c0,0,1.08-9.94-2.1-13.35l-4.52,2.64s4.41,8.33,1.42,15.13c0,0,.77-10.43-2.37-14.49l-4.1,3.19s4.15,8.22,1.62,13.86c0,0-.33-12.14-2.51-13.06,0,0-3.58,3.16-4.12,4.46,0,0,2.83,6,1.07,9.11,0,0-1.08-8.09-2-8.13,0,0-3.57,5.36-3.94,9a19.46,19.46,0,0,1,3.07-9.54,10.71,10.71,0,0,0-5.46,2.83s.55-3.79,6.34-4.12c0,0,3-4.07,3.74-4.32,0,0-5.76-.48-9.25,1.07,0,0,3.07-3.57,10.31-2l4-3.3s-7.58-1-10.8.11c0,0,3.7-3.16,11.89-.86l4.4-2.63s-6.46-1.4-10.31-.89c0,0,4.06-2.19,11.6.18l3.15-1.41s-4.74-.93-6.12-1.08-1.46-.53-1.46-.53a16.36,16.36,0,0,1,8.89,1S749.14,167.84,749,167.42Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M864.46,300.76s-38-2.29-33.56,24.37c0,0-.89,4.71,3.38,6.85,0,0,.07-2,3.91-1.31a17.51,17.51,0,0,0,4.13.2,8.56,8.56,0,0,0,5-2.08h0s10.7-4.42,14.86-21.9c0,0,3.07-3.81,2.95-4.79l-6.42,2.74s2.19,4.63.47,8.48c0,0-.21-8.31-1.44-8.12-.25,0-3.34,1.61-3.34,1.61s3.78,8.07.93,13.93c0,0,1.08-9.94-2.11-13.35L848.75,310s4.41,8.33,1.42,15.13c0,0,.77-10.43-2.37-14.49l-4.09,3.2s4.14,8.21,1.62,13.85c0,0-.33-12.14-2.51-13.06,0,0-3.58,3.16-4.13,4.46,0,0,2.84,6,1.08,9.11,0,0-1.08-8.09-2-8.13,0,0-3.57,5.36-3.94,9a19.52,19.52,0,0,1,3.08-9.54,10.76,10.76,0,0,0-5.47,2.83s.56-3.79,6.35-4.12c0,0,2.95-4.07,3.74-4.32,0,0-5.76-.48-9.25,1.07,0,0,3.07-3.57,10.3-1.95l4-3.3s-7.59-1-10.8.11c0,0,3.7-3.16,11.89-.86l4.4-2.63s-6.47-1.39-10.32-.89c0,0,4.07-2.19,11.61.18l3.15-1.41s-4.74-.93-6.13-1.08-1.46-.53-1.46-.53a16.39,16.39,0,0,1,8.9,1S864.58,301.18,864.46,300.76Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M633.61,277.09s8.75-37.09-18.29-37.22c0,0-4.49-1.68-7.32,2.16,0,0,1.93.41.62,4.07a17.8,17.8,0,0,0-.9,4,8.59,8.59,0,0,0,1.19,5.33h0s2.53,11.3,19,18.38c0,0,3.24,3.68,4.22,3.72l-1.6-6.79s-4.94,1.37-8.44-1c0,0,8.23,1.21,8.24,0,0-.25-1-3.56-1-3.56s-8.59,2.34-13.89-1.47c0,0,9.61,2.76,13.52.21L627.16,260s-9,2.93-15.16-1.18c0,0,10.15,2.54,14.69.14l-2.45-4.58s-8.8,2.68-13.93-.77c0,0,12,1.74,13.3-.24,0,0-2.5-4.07-3.69-4.83,0,0-6.36,1.78-9.16-.49,0,0,8.15.31,8.34-.55,0,0-4.67-4.43-8.23-5.43a19.6,19.6,0,0,1,8.89,4.66,10.79,10.79,0,0,0-1.86-5.87s3.64,1.2,3,7c0,0,3.5,3.6,3.61,4.42,0,0,1.45-5.59.52-9.3,0,0,3,3.64.17,10.49l2.56,4.55s2.32-7.3,1.73-10.66c0,0,2.49,4.18-1.18,11.86l1.85,4.79s2.47-6.14,2.63-10c0,0,1.47,4.38-2.16,11.41l.86,3.34s1.72-4.51,2.1-5.85.77-1.35.77-1.35a16.38,16.38,0,0,1-2.49,8.6S633.18,277.14,633.61,277.09Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M550.39,289.73s-30.52-22.83-41.43,1.9c0,0-3.33,3.45-.94,7.58,0,0,1.14-1.61,4,1.06a17.51,17.51,0,0,0,3.34,2.44,8.58,8.58,0,0,0,5.37,1h0s11.36,2.19,24.44-10.12c0,0,4.67-1.5,5.11-2.38L543.39,290s-.72,5.07-4.27,7.34c0,0,4.39-7.06,3.25-7.57-.23-.11-3.67-.5-3.67-.5s-1.28,8.82-6.88,12.15c0,0,6.37-7.71,5.58-12.31l-5.23-.28s-.89,9.39-7.13,13.43c0,0,6.37-8.29,6-13.41l-5.18.42s-1.05,9.13-6.26,12.45c0,0,6.39-10.32,5.08-12.28,0,0-4.73.67-5.9,1.45,0,0-.91,6.54-4.11,8.2,0,0,3.55-7.35,2.83-7.86,0,0-5.93,2.51-8.26,5.37a19.53,19.53,0,0,1,7.82-6.28,10.77,10.77,0,0,0-6.12-.64s2.54-2.86,7.56.05c0,0,4.7-1.77,5.5-1.55,0,0-4.55-3.57-8.32-4.19,0,0,4.54-1.3,9.69,4l5.19-.53s-5.77-5-9.08-5.84c0,0,4.83-.61,10.4,5.81l5.12.23s-4.63-4.72-8.12-6.42c0,0,4.59.4,9.59,6.53l3.41.55s-3.45-3.38-4.53-4.26-.93-1.25-.93-1.25a16.43,16.43,0,0,1,6.89,5.72S550.26,290.14,550.39,289.73Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M652,77.62s-30.52-22.84-41.43,1.9c0,0-3.33,3.45-.94,7.58,0,0,1.14-1.61,4,1.06a17.79,17.79,0,0,0,3.35,2.43,8.57,8.57,0,0,0,5.37,1h0s11.36,2.19,24.44-10.13c0,0,4.67-1.49,5.1-2.38L645,77.89s-.71,5.07-4.27,7.34c0,0,4.4-7.06,3.26-7.57-.23-.11-3.67-.5-3.67-.5S639,86,633.4,89.31c0,0,6.36-7.71,5.58-12.31l-5.23-.28s-.9,9.39-7.13,13.42c0,0,6.37-8.29,6-13.41l-5.17.42s-1.06,9.14-6.27,12.46c0,0,6.4-10.32,5.09-12.28,0,0-4.73.67-5.9,1.45,0,0-.91,6.54-4.11,8.2,0,0,3.55-7.35,2.83-7.87,0,0-5.93,2.52-8.26,5.38a19.44,19.44,0,0,1,7.82-6.28,10.7,10.7,0,0,0-6.13-.64s2.55-2.86,7.57.05c0,0,4.7-1.78,5.5-1.55,0,0-4.55-3.57-8.32-4.2,0,0,4.53-1.29,9.68,4l5.19-.53s-5.76-5-9.08-5.85c0,0,4.83-.6,10.41,5.82l5.12.22s-4.63-4.72-8.13-6.41c0,0,4.6.4,9.6,6.53l3.4.55S640,72.86,638.92,72s-.93-1.24-.93-1.24a16.4,16.4,0,0,1,6.89,5.72S651.83,78,652,77.62Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M768.62,106.55s-12.2-36.11-35.21-21.92c0,0-4.7,1-5.07,5.71,0,0,1.85-.68,2.67,3.12a18,18,0,0,0,1.37,3.91,8.66,8.66,0,0,0,3.84,3.89h0s8.12,8.25,25.88,5.52c0,0,4.69,1.42,5.55.93l-5-4.91s-3.46,3.77-7.68,3.62c0,0,7.63-3.32,7-4.39-.13-.21-2.74-2.48-2.74-2.48s-6.06,6.53-12.56,6.1c0,0,9.61-2.74,11.57-7l-4.14-3.19s-6.06,7.22-13.49,7c0,0,10-3.21,12.53-7.65l-4.5-2.59s-6,6.93-12.22,6.71c0,0,11.12-4.87,11.15-7.23,0,0-4.27-2.13-5.68-2.15,0,0-4.46,4.87-8,4.43,0,0,7.08-4.05,6.78-4.88,0,0-6.3-1.29-9.85-.25a19.49,19.49,0,0,1,10-.75,10.79,10.79,0,0,0-4.69-4s3.72-.91,6.21,4.33c0,0,4.88,1.21,5.4,1.84,0,0-1.72-5.51-4.47-8.17,0,0,4.47,1.51,5.69,8.82l4.58,2.5s-1.89-7.41-4.17-10c0,0,4.33,2.24,5.27,10.69l4.1,3.09s-1.14-6.52-3.06-9.9c0,0,3.56,2.94,4.2,10.83l2.49,2.38s-.92-4.74-1.3-6.08S761,93,761,93a16.49,16.49,0,0,1,2.43,8.62S768.27,106.81,768.62,106.55Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M689,108.33S651.1,104.11,654.23,131c0,0-1.13,4.66,3,7,0,0,.17-2,4-1.1a18.4,18.4,0,0,0,4.12.41,8.6,8.6,0,0,0,5.15-1.83h0s10.91-3.87,16-21.12c0,0,3.26-3.65,3.19-4.64l-6.55,2.42s2,4.73,0,8.49c0,0,.21-8.31-1-8.18-.25,0-3.41,1.44-3.41,1.44s3.36,8.25.22,14c0,0,1.58-9.88-1.43-13.44l-4.65,2.4s4,8.55.65,15.19c0,0,1.3-10.38-1.63-14.59l-4.25,3s3.72,8.41.91,13.92c0,0,.29-12.14-1.84-13.17,0,0-3.74,3-4.35,4.24,0,0,2.53,6.1.62,9.15,0,0-.67-8.13-1.55-8.21,0,0-3.84,5.17-4.4,8.82a19.47,19.47,0,0,1,3.56-9.38,10.76,10.76,0,0,0-5.6,2.55s.74-3.75,6.54-3.79c0,0,3.15-3.91,4-4.12,0,0-5.73-.77-9.3.6,0,0,3.25-3.42,10.39-1.43l4.21-3.09S663.22,115,660,116c0,0,3.86-3,11.92-.25l4.53-2.41s-6.39-1.72-10.26-1.41c0,0,4.17-2,11.58.77l3.22-1.25s-4.69-1.17-6.07-1.39-1.43-.6-1.43-.6a16.45,16.45,0,0,1,8.84,1.44S689.07,108.75,689,108.33Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1020.6,402.5s-37.88-4.22-34.75,22.64c0,0-1.13,4.66,3,7,0,0,.17-2,4-1.11a17.3,17.3,0,0,0,4.12.41,8.53,8.53,0,0,0,5.15-1.83h0s10.91-3.87,15.95-21.11c0,0,3.26-3.66,3.19-4.64l-6.55,2.41s2,4.74,0,8.5c0,0,.21-8.32-1-8.18-.25,0-3.41,1.43-3.41,1.43s3.36,8.25.22,14c0,0,1.58-9.87-1.43-13.44l-4.65,2.41s4,8.55.66,15.19c0,0,1.29-10.38-1.64-14.6l-4.25,3s3.72,8.41.91,13.91c0,0,.29-12.14-1.84-13.16,0,0-3.73,3-4.35,4.24,0,0,2.54,6.1.62,9.15,0,0-.67-8.13-1.55-8.21,0,0-3.84,5.17-4.4,8.82a19.47,19.47,0,0,1,3.56-9.38,10.67,10.67,0,0,0-5.6,2.55s.74-3.76,6.54-3.8c0,0,3.16-3.91,4-4.11,0,0-5.73-.78-9.3.59,0,0,3.25-3.41,10.4-1.42l4.2-3.09s-7.52-1.42-10.79-.44c0,0,3.86-3,11.92-.26l4.53-2.4s-6.39-1.72-10.26-1.41c0,0,4.17-2,11.58.77l3.22-1.26s-4.69-1.17-6.07-1.38-1.43-.6-1.43-.6a16.39,16.39,0,0,1,8.84,1.43S1020.7,402.93,1020.6,402.5Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1078.51,437.88s-37.88-4.21-34.75,22.64c0,0-1.12,4.66,3,7,0,0,.17-2,4-1.1a17.65,17.65,0,0,0,4.11.4A8.64,8.64,0,0,0,1060,465h0s10.9-3.87,15.94-21.12c0,0,3.27-3.65,3.19-4.64l-6.55,2.41s2,4.74,0,8.5c0,0,.21-8.31-1-8.18-.25,0-3.41,1.43-3.41,1.43s3.36,8.25.22,14c0,0,1.58-9.87-1.43-13.43l-4.65,2.4s4,8.55.66,15.19c0,0,1.29-10.38-1.64-14.59l-4.25,3s3.72,8.41.92,13.92c0,0,.28-12.15-1.85-13.17,0,0-3.73,3-4.35,4.24,0,0,2.54,6.1.62,9.15,0,0-.67-8.13-1.55-8.21,0,0-3.84,5.17-4.39,8.82a19.52,19.52,0,0,1,3.55-9.38,10.76,10.76,0,0,0-5.6,2.55s.75-3.76,6.55-3.79c0,0,3.15-3.91,4-4.12,0,0-5.73-.77-9.3.6,0,0,3.25-3.42,10.4-1.43l4.2-3.09s-7.52-1.42-10.79-.44c0,0,3.86-3,11.92-.25l4.53-2.41s-6.39-1.72-10.26-1.41c0,0,4.17-2,11.58.77l3.22-1.25s-4.69-1.17-6.06-1.39-1.44-.6-1.44-.6a16.45,16.45,0,0,1,8.84,1.44S1078.61,438.31,1078.51,437.88Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M949.94,139.87s-30.52-22.83-41.43,1.9c0,0-3.33,3.45-.94,7.58,0,0,1.14-1.61,4,1.06a17.51,17.51,0,0,0,3.34,2.44,8.59,8.59,0,0,0,5.37,1h0s11.36,2.19,24.45-10.12c0,0,4.66-1.5,5.1-2.38l-6.87-1.24s-.72,5.07-4.27,7.34c0,0,4.39-7.06,3.25-7.57-.23-.11-3.66-.5-3.66-.5s-1.29,8.82-6.89,12.15c0,0,6.37-7.71,5.58-12.31l-5.23-.28s-.89,9.39-7.13,13.43c0,0,6.38-8.29,6-13.41l-5.18.42s-1,9.13-6.26,12.45c0,0,6.4-10.32,5.08-12.28,0,0-4.73.67-5.9,1.45,0,0-.9,6.54-4.1,8.2,0,0,3.54-7.35,2.82-7.86,0,0-5.93,2.51-8.26,5.37a19.53,19.53,0,0,1,7.82-6.28,10.77,10.77,0,0,0-6.12-.64s2.55-2.86,7.57.05c0,0,4.69-1.77,5.49-1.55,0,0-4.55-3.57-8.32-4.19,0,0,4.54-1.3,9.69,4l5.19-.53s-5.76-5-9.08-5.84c0,0,4.83-.61,10.4,5.81l5.13.23s-4.64-4.72-8.13-6.42c0,0,4.6.4,9.59,6.53l3.41.55s-3.45-3.38-4.53-4.26S936,133,936,133a16.44,16.44,0,0,1,6.88,5.72S949.81,140.28,949.94,139.87Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M973.52,304.69S963,268.06,939.34,281.21c0,0-4.74.73-5.33,5.47,0,0,1.88-.59,2.53,3.24a17.73,17.73,0,0,0,1.2,4A8.59,8.59,0,0,0,941.4,298h0s7.74,8.6,25.6,6.68c0,0,4.62,1.62,5.5,1.18l-4.73-5.14s-3.63,3.62-7.83,3.28c0,0,7.76-3,7.16-4.07-.12-.22-2.62-2.61-2.62-2.61s-6.34,6.26-12.82,5.53c0,0,9.73-2.3,11.87-6.44l-4-3.38s-6.38,6.94-13.79,6.4c0,0,10.08-2.77,12.86-7.08l-4.38-2.79s-6.35,6.65-12.51,6.15c0,0,11.33-4.37,11.47-6.72,0,0-4.18-2.32-5.59-2.4,0,0-4.67,4.66-8.22,4.06,0,0,7.26-3.73,7-4.57,0,0-6.24-1.57-9.83-.7a19.51,19.51,0,0,1,10-.29,10.73,10.73,0,0,0-4.5-4.2s3.76-.75,6,4.6c0,0,4.81,1.42,5.31,2.08,0,0-1.47-5.59-4.1-8.36,0,0,4.4,1.7,5.29,9.06l4.46,2.71s-1.56-7.5-3.72-10.14c0,0,4.22,2.43,4.79,10.91l4,3.27s-.85-6.56-2.61-10c0,0,3.43,3.1,3.71,11l2.38,2.5s-.7-4.78-1-6.14,0-1.55,0-1.55a16.39,16.39,0,0,1,2.05,8.72S973.16,304.93,973.52,304.69Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M739.1,387.23s-20.43-32.18-39.4-12.92c0,0-4.34,2-3.58,6.75,0,0,1.65-1.1,3.35,2.4a17.12,17.12,0,0,0,2.26,3.46,8.54,8.54,0,0,0,4.65,2.88h0s9.85,6.08,26.45-.8c0,0,4.89.26,5.61-.41l-6-3.6s-2.47,4.5-6.6,5.35c0,0,6.62-5,5.73-5.92-.17-.18-3.25-1.76-3.25-1.76s-4.33,7.78-10.75,8.91c0,0,8.69-4.95,9.59-9.53l-4.79-2.11s-4.17,8.45-11.43,10c0,0,8.9-5.49,10.35-10.41l-5-1.44s-4.22,8.17-10.27,9.42c0,0,9.64-7.38,9.11-9.68,0,0-4.66-1.05-6-.73,0,0-3.17,5.79-6.75,6.21,0,0,5.92-5.62,5.43-6.36,0,0-6.43.25-9.63,2.1a19.46,19.46,0,0,1,9.54-3.1,10.73,10.73,0,0,0-5.49-2.77s3.39-1.77,7,2.73c0,0,5,0,5.69.5,0,0-3-5-6.29-6.87,0,0,4.7.4,7.62,7.21l5.05,1.34s-3.61-6.75-6.42-8.68c0,0,4.73,1.14,7.66,9.13l4.72,2s-2.66-6.05-5.33-8.88c0,0,4.16,2,6.65,9.51l3,1.73s-2-4.39-2.71-5.6-.43-1.49-.43-1.49a16.4,16.4,0,0,1,4.41,7.79S738.83,387.57,739.1,387.23Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M873.37,222.81s-19.43-32.79-39-14.13c0,0-4.4,1.9-3.78,6.64,0,0,1.67-1.06,3.27,2.49a17.28,17.28,0,0,0,2.15,3.54,8.49,8.49,0,0,0,4.56,3h0s9.65,6.38,26.46,0c0,0,4.88.41,5.62-.24l-5.87-3.78s-2.6,4.41-6.76,5.14c0,0,6.77-4.83,5.92-5.74-.18-.19-3.2-1.87-3.2-1.87s-4.57,7.65-11,8.58c0,0,8.84-4.68,9.87-9.22L856.89,215s-4.43,8.33-11.74,9.66c0,0,9.07-5.21,10.67-10.08l-4.94-1.6s-4.48,8-10.56,9.1c0,0,9.86-7.08,9.4-9.39,0,0-4.62-1.2-6-.92,0,0-3.35,5.69-6.94,6,0,0,6.09-5.42,5.63-6.18,0,0-6.44.05-9.69,1.8a19.52,19.52,0,0,1,9.63-2.8,10.75,10.75,0,0,0-5.41-2.94s3.45-1.67,7,2.94c0,0,5,.17,5.67.68,0,0-2.83-5-6.07-7.06,0,0,4.68.54,7.39,7.44l5,1.5s-3.39-6.86-6.15-8.88c0,0,4.7,1.29,7.38,9.36l4.65,2.17s-2.47-6.13-5-9c0,0,4.09,2.13,6.36,9.71l2.93,1.82s-1.88-4.45-2.54-5.68-.38-1.5-.38-1.5a16.43,16.43,0,0,1,4.17,7.92S873.08,223.14,873.37,222.81Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\"\n })), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M750.44,291.76s1-38.1-25.47-32.73c0,0-4.74-.73-6.74,3.61,0,0,2,0,1.44,3.85a17.56,17.56,0,0,0-.06,4.14,8.55,8.55,0,0,0,2.25,5h0s4.77,10.54,22.38,14.12c0,0,3.91,2.95,4.89,2.79l-3-6.32s-4.55,2.34-8.46.75c0,0,8.3-.49,8.07-1.71,0-.25-1.72-3.29-1.72-3.29s-7.94,4.05-13.89,1.39c0,0,10,.75,13.27-2.54l-2.79-4.43s-8.18,4.68-15.08,1.92c0,0,10.45.42,14.41-2.85l-3.33-4s-8.07,4.42-13.79,2.08c0,0,12.12-.73,13-2.94,0,0-3.28-3.47-4.6-4,0,0-5.86,3-9.06,1.38,0,0,8-1.34,8.05-2.23,0,0-5.47-3.39-9.16-3.64a19.47,19.47,0,0,1,9.65,2.76,10.75,10.75,0,0,0-3-5.37s3.81.43,4.33,6.2c0,0,4.17,2.82,4.44,3.6,0,0,.29-5.77-1.38-9.21,0,0,3.68,2.95,2.3,10.23l3.43,3.94s.78-7.62-.47-10.79c0,0,3.28,3.59,1.26,11.85l2.77,4.31s1.18-6.51.55-10.34c0,0,2.32,4,.2,11.61l1.52,3.1s.77-4.77.87-6.16.48-1.48.48-1.48a16.42,16.42,0,0,1-.69,8.93S750,291.89,750.44,291.76Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\"\n })), _ellipse2 || (_ellipse2 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 698.97,\n cy: 716.3,\n rx: 26.93,\n ry: 4.55,\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _ellipse3 || (_ellipse3 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 600.8,\n cy: 785.38,\n rx: 26.93,\n ry: 4.55,\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _ellipse4 || (_ellipse4 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 93.14,\n cy: 749.99,\n rx: 26.93,\n ry: 4.55,\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _ellipse5 || (_ellipse5 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 805.06,\n cy: 780.83,\n rx: 26.93,\n ry: 4.55,\n fill: \"#2f80ed\",\n opacity: 0.1\n })), _ellipse6 || (_ellipse6 = /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 833.1,\n cy: 723.1,\n rx: 40.21,\n ry: 6.8,\n fill: \"#2f80ed\"\n })), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M945,767a11.61,11.61,0,0,0,3.83-5.78c.5-2.3-.48-5.05-2.67-5.89-2.46-.94-5.09.76-7.09,2.48s-4.27,3.69-6.88,3.33a10.5,10.5,0,0,0,3.24-9.81,4.11,4.11,0,0,0-.9-2c-1.37-1.46-3.84-.83-5.48.32-5.2,3.66-6.65,10.72-6.68,17.08-.52-2.29-.08-4.68-.09-7s-.66-5-2.65-6.22a7.91,7.91,0,0,0-4-1c-2.34-.08-4.95.15-6.54,1.86-2,2.12-1.47,5.69.25,8s4.35,3.8,6.77,5.42a15.13,15.13,0,0,1,4.84,4.61,4.7,4.7,0,0,1,.35.82h14.66A40.44,40.44,0,0,0,945,767Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#2f80ed\"\n })), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M170.29,783.87s15.35-.47,20-3.77,23.63-7.23,24.78-1.94,23.08,26.29,5.74,26.43-40.29-2.7-44.91-5.52S170.29,783.87,170.29,783.87Z\",\n transform: \"translate(-95.23 -55.03)\",\n fill: \"#a8a8a8\"\n })), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M221.1,802.75c-17.34.14-40.29-2.7-44.91-5.52-3.52-2.14-4.92-9.83-5.39-13.38l-.51,0s1,12.39,5.59,15.2,27.57,5.66,44.91,5.52c5,0,6.73-1.82,6.64-4.46C226.73,801.72,224.82,802.72,221.1,802.75Z\",\n transform: \"translate(-95.23 -55.03)\",\n opacity: 0.2\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgEmpty, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/empty.7214f99f.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect, useContext } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Chart from \"react-apexcharts\";\r\nimport _ from \"lodash\";\r\nimport { API } from \"aws-amplify\";\r\nimport {\r\n CircularProgressbarWithChildren,\r\n buildStyles,\r\n} from \"react-circular-progressbar\";\r\nimport \"react-circular-progressbar/dist/styles.css\";\r\nimport { throttle } from \"lodash\";\r\nimport ContentLoader from \"react-content-loader\";\r\nimport moment from \"moment\";\r\n\r\nimport { Page, Icon, SetupGuide } from \"components\";\r\nimport { EmptyState, SearchDropdown, DateRange, Button } from \"components\";\r\nimport { ReactComponent as Empty } from \"svgs/empty.svg\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport classNames from \"lib/classNames\";\r\nimport { chartOptions, stateCards } from \"lib/globals\";\r\nimport { getShopifyCartItems } from \"../components/cart/Utils\";\r\nimport styles from \"styles/dashboard.module.scss\";\r\nimport { formatMoney } from \"components/cart/Utils\";\r\n\r\nwindow.mo = moment;\r\nconst defaultStateCards = {\r\n CartsDisplayed: null,\r\n SalesGenerated: null,\r\n SalesAmount: null,\r\n AverageOrderSize: null,\r\n CartConversionRate: null,\r\n UpsellsGenerated: null,\r\n UpsellsTotalAmount: null,\r\n TotalROI: null,\r\n};\r\nconst DashboardScreen = (props) => {\r\n const [activeChart, setActiveChart] = useState(\"CartsDisplayed\");\r\n const [loading, setLoading] = useState(false);\r\n const [campaignsFilter, setCampaignsFilter] = useState([]);\r\n const [dateRangeFilter, setDateRangeFilter] = useState(null);\r\n const [chartSeries, setChartSeries] = useState([\r\n {\r\n name: \"test\",\r\n data: [1, 2, 3],\r\n },\r\n ]);\r\n const [count, setCount] = useState(defaultStateCards);\r\n const { state: shop } = useContext(ShopContext);\r\n const formatter = (val, opts) => {\r\n switch (activeChart) {\r\n // case \"views\":\r\n // return `${val} views`;\r\n case \"revenue\":\r\n return `${val} $`;\r\n case \"CartConversionRate\":\r\n return `${val} %`;\r\n default:\r\n return val;\r\n }\r\n };\r\n const getChart = async (newActiveChart = \"CartsDisplayed\") => {\r\n setActiveChart(newActiveChart);\r\n setLoading(true);\r\n const dateFilter = dateRangeFilter\r\n ? {\r\n start: new Date(dateRangeFilter[0]).getTime(),\r\n end: new Date(dateRangeFilter[1]).getTime(),\r\n }\r\n : {};\r\n const data = await API.get(\"API_GATEWAY_NEW\", \"/analytics/chart\", {\r\n queryStringParameters: Object.assign(\r\n {\r\n type: newActiveChart,\r\n campaigns: campaignsFilter,\r\n },\r\n dateFilter\r\n ),\r\n });\r\n setChartSeries([\r\n {\r\n name: newActiveChart,\r\n data: data[newActiveChart]\r\n ? data[newActiveChart]\r\n .map((point) => {\r\n const { x = 0, y = 0 } = point || {};\r\n return x ? { x, y: y || 0 } : undefined;\r\n })\r\n .filter((p) => !!p)\r\n : [],\r\n },\r\n ]);\r\n setLoading(false);\r\n };\r\n const getCount = async () => {\r\n setCount(defaultStateCards);\r\n const dateFilter = dateRangeFilter\r\n ? {\r\n start: new Date(dateRangeFilter[0]).getTime(),\r\n end: new Date(dateRangeFilter[1]).getTime(),\r\n }\r\n : {};\r\n const count = await API.get(\"API_GATEWAY_NEW\", \"/analytics/count\", {\r\n queryStringParameters: Object.assign(\r\n {\r\n campaigns: campaignsFilter,\r\n },\r\n dateFilter\r\n ),\r\n });\r\n setCount(count);\r\n };\r\n const searchCampaigns = (keyword) =>\r\n API.get(\"API_GATEWAY_NEW\", \"/campaigns/search\", {\r\n queryStringParameters: { keyword },\r\n });\r\n const searchCampaignsThrottle = throttle(searchCampaigns, 700);\r\n\r\n useEffect(() => {\r\n getCount();\r\n getChart();\r\n return () => {\r\n console.log(\"dashboard screen cleanup\");\r\n };\r\n }, [campaignsFilter, dateRangeFilter]);\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {/* \r\n Setup guide - Increase revenue\r\n
\r\n\r\n \r\n {title}\r\n \r\n
\r\n \r\n);\r\n\r\nconst StateCard = (props) => {\r\n const {\r\n title,\r\n label,\r\n value,\r\n suf,\r\n pre,\r\n onClick,\r\n active,\r\n currency,\r\n clickable,\r\n } = props;\r\n const {\r\n state: { money_format },\r\n } = useContext(ShopContext);\r\n return (\r\n // {children}
\r\n \r\n \r\n {value === null && (\r\n \r\n \r\n )}\r\n {typeof value === \"number\" && (\r\n <>\r\n \r\n {pre && {pre}}{\" \"}\r\n {currency ? (\r\n
\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst SetupAlert = (props) => {\r\n const { title, content, value } = props;\r\n return (\r\n \r\n {label || _.startCase(title)}\r\n
\r\n\r\n {pre && {pre}}{\" \"}\r\n {currency ? (\r\n \r\n ) : (\r\n value\r\n )}{\" \"}\r\n {suf && {suf}}\r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DashboardScreen;\r\n","import React from 'react';\r\nimport { Page } from 'components';\r\nimport 'styles/static_pages.scss';\r\nimport classNames from 'lib/classNames';\r\n\r\nconst FaqScreen = () => (\r\n\t\r\n {title}\r\n
\r\n {content}
\r\n\r\n \r\n {`${value}%`}\r\n \r\n
\r\n \r\n\t\t\t
\r\n\t\r\n);\r\n\r\nexport default FaqScreen;\r\n","import React from 'react';\r\nimport { Page } from 'components';\r\nimport 'styles/static_pages.scss';\r\nimport classNames from 'lib/classNames';\r\n\r\nconst PrivacyPolicy = () => (\r\n\tSimple setup instructions
\r\n\r\n\t\t\tSetup cart:
\r\n\t\t\tVisit Settings Page And Setup/Design Your Stores Default Cart.
\r\n\t\t\tActivate cart:
\r\n\t\t\tClick Activate at the top of the settings page.
\r\n\t\t\t\r\n\t\t\t\t(Note: This will activate the your cart immediately on your storefront and display any upsell campaigns\r\n\t\t\t\tyou currently have active.)\r\n\t\t\t
\r\n\t\t\tCreate Upsell Campaigns:
\r\n\t\t\tVisit Campaign Page To Create Your 1St Upsell Campaign.
\r\n\r\n\t\t\tHow to turn monster upsell cart off/on?
\r\n\t\t\tAt the top of the settings page.
\r\n\t\t\tWhat happens if Monster Upsells Cart doesn’t load?
\r\n\t\t\t\r\n\t\t\t\tAt the top of the settings Your normal cart will be activated and customers will still be able to\r\n\t\t\t\tcheckout seamlessly.\r\n\t\t\t
\r\n\t\t\tCan i run multiple campaigns on the same cart?
\r\n\t\t\tMultiple campaigns can run on the cart at the same time but only 1 campaign (type) at a time.
\r\n\t\t\tFor example: If 2 Add To Unlock campaigns are running only 1 will show.
\r\n\t\t\tIf 2 or more campaign types target the same product which campaign shows?
\r\n\t\t\t\r\n\t\t\t\tAlready activated campaigns on storefront will override new types to give the customer best user\r\n\t\t\t\texperience.\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tIf no existing campaign type was previously activated the following hierarchy will take place based on\r\n\t\t\t\tcampaign product targeting:\r\n\t\t\t
\r\n\t\t\tOrder of least favored to most favored product targeting options.
\r\n\t\t\t- \r\n\t\t\t\t
- All products \r\n\t\t\t\t
- Collection \r\n\t\t\t\t
- Single product (most favored targeting) \r\n\t\t\t
Campaign Types using the same product targeting options:
\r\n\t\t\tThe newest made campaign wins.
\r\n\t\t\tHow do I cancel my subscription?
\r\n\t\t\tUninstall the app, it's better to disable the custom cart before uninstalling.
\r\n\t\t\tDo you make changes to my store code?
\r\n\t\t\tYes. We automatically add 2 snippets and 2 files to your theme.
\r\n\t\t\tIt’s really easy to remove all Monster Upsell code from your theme
\r\n\t\t\t- \r\n\t\t\t\t
- \r\n\t\t\t\t\t
Delete these 2 files from your theme code
\r\n\t\t\t\t\t![](\"https://s3-us-west-2.amazonaws.com/apps.static.resources/snippetsNames.png\")
\r\n\t\t\t\t \r\n\t\t\t\t - \r\n\t\t\t\t\t
and these 2 snippets from your theme.liquid
\r\n\t\t\t\t\t![](\"https://s3-us-west-2.amazonaws.com/apps.static.resources/snippetsCalls.png\")
\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\tWhy are my heat-map/screen recording tools (example: hotjar, crazy egg) not showing the correct shopping\r\n\t\t\t\tcart?\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tWe are trying to find a workaround for this, however for now these tools may not import the correct css.\r\n\t\t\t\tRest assured your cart is displayed perfectly for your customers.\r\n\t\t\t
\r\n\t\t\tDoes it work with dynamic checkout buttons?
\r\n\t\t\t\r\n\t\t\t\tNo, it doesn't. You will need to deactivate those buttons if you want checkout to go through monster\r\n\t\t\t\tcart.\r\n\t\t\t
\r\n\t\t\tWhen will there be more updates?
\r\n\t\t\t\r\n\t\t\t\tOur goal is to be the only upsell app you will ever need. We have already started working on new updates\r\n\t\t\t\tyou are going to love and are planning to send updates live monthly! (Feel free to email us feature\r\n\t\t\t\tsuggestions.)\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tIf you have any further questions feel free to contact our team at{' '}\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\r\n);\r\n\r\nexport default PrivacyPolicy;\r\n","import React, { useState, useContext, useEffect, useRef } from \"react\";\r\nimport {\r\n Page,\r\n Icon,\r\n Spinner,\r\n ButtonSelect,\r\n FormGroup,\r\n FormControl,\r\n Input,\r\n Dropdown,\r\n Button,\r\n Alert\r\n} from \"components\";\r\nimport classNames from \"lib/classNames\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport UserContext from \"context/UserContext\";\r\nimport { Scrollbars } from \"react-custom-scrollbars\";\r\nimport { API_GATEWAY_NEW } from \"aws-exports\";\r\nimport styles from \"styles/page.module.scss\";\r\nimport { API } from \"aws-amplify\";\r\nimport { useTransition } from \"react-spring\";\r\nimport removeTypeName from \"lib/removeTypeName\";\r\nimport useRefState from \"hooks/useRefState\";\r\nimport useReactRouter from 'use-react-router';\r\n\r\nconst defaultCartLinks = [{ selector: 'a[href=\"/cart\"]', action: \"TOGGLE\" }];\r\nconst actions = [\r\n { value: \"TOGGLE\", label: \"Toggle Cart\" },\r\n { value: \"OPEN\", label: \"Open Cart\" },\r\n { value: \"CLOSE\", label: \"Close Cart\" }\r\n];\r\n\r\nconst ManualSetup = () => {\r\n const [activePreviewDevice, setActivePreviewDevice] = useState(\"desktop\");\r\n const is = value => activePreviewDevice === value\r\n const [currentAction, setCurrentAction] = useState();\r\n const [unsaved, setUnsaved] = useState(false);\r\n const shopContext = useContext(ShopContext);\r\n const user = useContext(UserContext);\r\n const { state } = shopContext;\r\n const [iframeSrc, setIframeSrc] = useState(\r\n `${API_GATEWAY_NEW}/storeFront?shop=${user.attributes.website}&manual_setup=true&origin=${window.location.origin}`\r\n );\r\n const { history, location } = useReactRouter();\r\n const iframe = useRef(null);\r\n const selectorOverlay = useRef(null);\r\n const [shopCustomLinks, setShopCustomLinks] = useState(\r\n removeTypeName(state.custom_links || [])\r\n );\r\n const [shopCustomATCs, setShopCustomATCs] = useState(\r\n removeTypeName(state.custom_atcs || [])\r\n );\r\n const [customCartLinks, setCustomCartLinks, cclRef] =\r\n useRefState(shopCustomLinks);\r\n const [customATCs, setCustomATCs, catcRef] =\r\n useRefState(shopCustomATCs);\r\n const [loading, setLoading] = useState(true);\r\n const [saveLoading, setSaveLoading] = useState(false);\r\n\r\n const discard = () => {\r\n setCustomCartLinks(shopCustomLinks);\r\n sendMessage({\r\n action: \"RESET_LINKS\",\r\n selectors: shopCustomLinks.map(({ selector }) => selector)\r\n });\r\n };\r\n\r\n const save = async () => {\r\n setSaveLoading(true);\r\n await API.post(\"API_GATEWAY_NEW\", \"/cart/links\", {\r\n body: {\r\n custom_links: cclRef.current,\r\n custom_atcs: catcRef.current,\r\n }\r\n });\r\n setShopCustomLinks(cclRef.current);\r\n setShopCustomATCs(catcRef.current);\r\n setSaveLoading(false);\r\n };\r\n\r\n const sendMessage = (data) => {\r\n if (iframe.current)\r\n iframe.current.contentWindow.postMessage(data, API_GATEWAY_NEW);\r\n };\r\n\r\n const handleMessage = (event) => {\r\n const { action, value } = event.data;\r\n console.log(event.data);\r\n switch (action) {\r\n case \"SELECT_CART_LINK\":\r\n if (!cclRef.current.find(v => v.selector === value)) {\r\n setCustomCartLinks(\r\n [...cclRef.current].concat([{\r\n selector: value,\r\n action: \"TOGGLE\"\r\n }])\r\n )\r\n }\r\n else {\r\n setCustomCartLinks(\r\n [...cclRef.current].filter(v => v.selector !== value)\r\n )\r\n }\r\n break;\r\n case \"SELECT_ATC\":\r\n console.log(value);\r\n if (!catcRef.current.find(v => v.button === value.button)) {\r\n setCustomATCs(\r\n [...catcRef.current].concat([value])\r\n )\r\n }\r\n else {\r\n setCustomATCs(\r\n [...catcRef.current].filter(v => v.button !== value.button)\r\n )\r\n }\r\n break;\r\n }\r\n };\r\n\r\n const [elementPickerEnabled, setElementPickerEnabled] = useState(false);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"message\", handleMessage);\r\n return () => {\r\n window.removeEventListener(\"message\", handleMessage);\r\n };\r\n }, []);\r\n useEffect(() => {\r\n if (currentAction) {\r\n sendMessage({\r\n action: \"VALUE_CHANGED\",\r\n value: {\r\n currentAction,\r\n customCartLinks\r\n }\r\n })\r\n }\r\n }, [currentAction, customCartLinks])\r\n\r\n useEffect(() => {\r\n console.log(\"unsaved\", JSON.stringify({ l: shopCustomLinks, b: shopCustomATCs }) !== JSON.stringify({ l: customCartLinks, b: customATCs }));\r\n setUnsaved(JSON.stringify({ l: shopCustomLinks, b: shopCustomATCs }) !== JSON.stringify({ l: customCartLinks, b: customATCs }))\r\n }, [shopCustomATCs, shopCustomLinks, customATCs, customCartLinks])\r\n\r\n return (\r\n Privacy Policy
\r\n\t\t\t\r\n\t\t\t\t(Basically we are serious about your privacy!)\r\n\t\t\t\t
MonsterApps provides applications (\"the Service\") to merchants who use Shopify to build\r\n\t\t\t\tand maintain their online store. This Privacy Policy provide detailed information on how data is\r\n\t\t\t\tcollected, used, and shared when you install or use our apps with your Shopify store.\r\n\t\t\t
Personal Data We Process
\r\n\t\t\t\r\n\t\t\t\tWhen you install our apps, we are automatically able to access certain types of information from your\r\n\t\t\t\tShopify account. See more detailed information in Shopify's help docs.\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tIn addition, we store the following personal information: Emails, names and location of our customers\r\n\t\t\t\tthat are necessary for localized email notifications, reports, support, product updates and reminders.\r\n\t\t\t
\r\n\r\n\t\t\tHow We Use Personal Data
\r\n\t\t\t\r\n\t\t\t\tWe use the personal information we collect from you in order to provide the Service and to operate our\r\n\t\t\t\tapps. Additionally, we use the personal information to: communicate with you, optimize or improve the\r\n\t\t\t\tService, provide you with information about our products, and handling software bugs or support\r\n\t\t\t\trequests.\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tWe also use your Personal Information to provide you with targeted advertisements or marketing\r\n\t\t\t\tcommunications we believe may be of interest to you. For more information about how targeted advertising\r\n\t\t\t\tworks, you can visit the Network Advertising Initiative’s (“NAI”) educational page at\r\n\t\t\t\thttp://www.networkadvertising.org/understanding-online-advertising/how-does-it-work.\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tYou can opt out of some of these services by visiting the Digital Advertising Alliance’s opt-out\r\n\t\t\t\tportal at: http://optout.aboutads.info/.\r\n\t\t\t
\r\n\r\n\t\t\tSharing Your Information
\r\n\t\t\t\r\n\t\t\t\tWe do not share your Personal Information with any third parties. We may share your Personal Information\r\n\t\t\t\tto comply with applicable laws and regulations, to respond to a subpoena, search warrant or other lawful\r\n\t\t\t\trequest for information we receive, or to otherwise protect our rights.\r\n\t\t\t
\r\n\r\n\t\t\tYour Rights
\r\n\t\t\t\r\n\t\t\t\tIf you are in the EU, you have the right to access, update or delete your Information and obtain a copy\r\n\t\t\t\tof your information we store on our systems and have us update, correct or delete it. You are also\r\n\t\t\t\tentitled to obtain your Information (excluding data obtained from other sources) in a structured,\r\n\t\t\t\tcommonly used and machine-readable format, and have the right to transmit those data to another data\r\n\t\t\t\tcontroller. If you wish to exercise any of these rights, contact us directly at\r\n\t\t\t\tsupport@monsterapps.shop. You have a right to submit a complaint to the relevant supervisory data\r\n\t\t\t\tprotection authority.\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\tIf you are in the EU, you can lodge a complaint to the supervisory authority under the General data\r\n\t\t\t\tProtection Regulations (\"GDPR\"), in particular in the Member State of your residence, place of work or\r\n\t\t\t\twhere the alleged infringement of the GDPR occurred.\r\n\t\t\t
\r\n\r\n\t\t\tAge Of Consent
\r\n\t\t\t\r\n\t\t\t\tBy using our apps, you indicate that you are at least 13 years of age or at least the age of majority in\r\n\t\t\t\tyour state or province of residence to use the App.\r\n\t\t\t
\r\n\r\n\t\t\tChanges To The Privacy Policy
\r\n\t\t\t\r\n\t\t\t\tWe may update this privacy policy at any time in order to reflect, for example, changes to our practices\r\n\t\t\t\tor for other operational, legal or regulatory reasons. If we make changes to this policy, we will notify\r\n\t\t\t\tyou by email of updates, so that you are aware of information we collect, how we use it, and under what\r\n\t\t\t\tcircumstances, if any.\r\n\t\t\t
\r\n\r\n\t\t\tContact Information
\r\n\t\t\t\r\n\t\t\t\tIf you would like to access, correct, amend or delete any personal information, or require any\r\n\t\t\t\tadditional information about our privacy policy please contact us at{' '}\r\n\t\t\t\t
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ManualSetup;\r\n\r\n//'ritzystore2.myshopify.com' ||\r\n\r\nconst CartLink = ({ link, updateLink, removeLink }) => {\r\n const isDefault = defaultCartLinks.includes(link);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
If you have any trouble with this please reach out to the team.\">\r\n setCurrentAction(value)}\r\n className={classNames(\"mt-4\")}\r\n />\r\n \r\n
\r\n If you have any trouble with this please reach out to the team.\">\r\n
\r\n {loading && {\r\n sendMessage({\r\n action: \"VALUE_CHANGED\",\r\n value: {\r\n currentAction,\r\n customCartLinks\r\n }\r\n })\r\n setLoading(false);\r\n }}\r\n src={iframeSrc}\r\n className={classNames(\"h-full mx-auto\", loading && \"hidden\")}\r\n style={{\r\n width: activePreviewDevice === \"desktop\" ? \"100%\" : 350\r\n }}\r\n onMouseLeave={() => {\r\n if (elementPickerEnabled && selectorOverlay.current)\r\n selectorOverlay.current.style.display = \"flex\";\r\n }}\r\n />\r\n {elementPickerEnabled && (\r\n (target.style.display = \"none\")}\r\n >\r\n Click on the element to select it.\r\n
\r\n )}\r\n \r\n \r\n console.log(v)}\r\n disabled={isDefault}\r\n />\r\n \r\n {/* \r\n\t\t\t\t console.log(v)} />\r\n\t\t\t */}\r\n {!isDefault && (\r\n
\r\n );\r\n};\r\n","const oldPlans = [\r\n\t{\r\n\t\tdescription: 'Mini Cart',\r\n\t\ttransactions: 50,\r\n\t\tprice: 0,\r\n\t\treal_price: 7.99,\r\n\t\tcolor: 'teal-500',\r\n\t\tinfo: 'up to 50 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Big Cart',\r\n\t\ttransactions: 200,\r\n\t\tprice: 7,\r\n\t\treal_price: 14.99,\r\n\t\tcolor: 'blue-500',\r\n\t\tinfo: 'up to 200 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Beast Cart',\r\n\t\ttransactions: 500,\r\n\t\tprice: 15,\r\n\t\treal_price: 29.99,\r\n\t\tcolor: 'indigo-500',\r\n\t\tinfo: 'up to 500 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Ultimate Cart',\r\n\t\ttransactions: Infinity,\r\n\t\tprice: 20,\r\n\t\treal_price: 49.99,\r\n\t\tcolor: 'purple-500',\r\n\t\tinfo: 'unlimited transactions',\r\n\t},\r\n];\r\n\r\nconst newPlans = [\r\n\t{\r\n\t\tdescription: 'Mini Cart',\r\n\t\ttransactions: 50,\r\n\t\tprice: 0,\r\n\t\treal_price: 7.99,\r\n\t\tcolor: 'teal-500',\r\n\t\tinfo: 'up to 50 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Big Cart',\r\n\t\ttransactions: 200,\r\n\t\tprice: 7,\r\n\t\treal_price: 14.99,\r\n\t\tcolor: 'blue-500',\r\n\t\tinfo: 'up to 200 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Beast Cart',\r\n\t\ttransactions: 500,\r\n\t\tprice: 15,\r\n\t\treal_price: 29.99,\r\n\t\tcolor: 'indigo-500',\r\n\t\tinfo: 'up to 500 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Ultimate Cart',\r\n\t\ttransactions: 1000,\r\n\t\tprice: 20,\r\n\t\treal_price: 49.99,\r\n\t\tcolor: 'purple-500',\r\n\t\tinfo: '1000 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Epic Cart',\r\n\t\ttransactions: 2000,\r\n\t\tprice: 35,\r\n\t\treal_price: 84.99,\r\n\t\tcolor: 'purple-500',\r\n\t\tinfo: '2000 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Advanced Cart',\r\n\t\ttransactions: 3000,\r\n\t\tprice: 15,\r\n\t\treal_price: 99.99,\r\n\t\tcolor: 'purple-500',\r\n\t\tinfo: '3000 transactions',\r\n\t},\r\n\t{\r\n\t\tdescription: 'Monster Cart',\r\n\t\ttransactions: Infinity,\r\n\t\tprice: 30,\r\n\t\treal_price: 129.99,\r\n\t\tcolor: 'purple-500',\r\n\t\tinfo: 'unlimited transactions',\r\n\t},\r\n];\r\n\r\nconst newPlansStartsAt = new Date('Thu Mar 04 2021 13:27:29 GMT+0100 (Central European Standard Time)').getTime();\r\nconst thirdPlansStartsAt = new Date(\"Tue Mar 01 2022 13:49:50 GMT+0100 (Central European Standard Time)\").getTime();\r\n\r\n\r\nfunction getNewPlans (installationTime) {\r\n\tconst hasSecondPricing = installationTime <= thirdPlansStartsAt;\r\n\treturn newPlans.map((plan, index) => {\r\n\t\tconst currentPlan = { ...plan }\r\n\t\tconst isLast = index === (newPlans.length - 1)\r\n\t\tcurrentPlan.real_price += hasSecondPricing ? isLast ? 0 : 3 : 5\r\n\t\tcurrentPlan.real_price = Number(currentPlan.real_price.toFixed(2))\r\n\t\tif (!hasSecondPricing) return currentPlan\r\n\t\tif (index === 0) {\r\n\t\t\tcurrentPlan.price = 3 // increase the first plan\r\n\t\t}\r\n\t\tif (isLast) {\r\n\t\t\tcurrentPlan.price -= 3 // decrease the last one\r\n\t\t}\r\n\t\treturn currentPlan\r\n\t})\r\n}\r\n\r\nexport default function getPlans (installationTime) {\r\n\tconst hasFirstPricing = installationTime <= newPlansStartsAt;\r\n\treturn hasFirstPricing ? oldPlans : getNewPlans(installationTime);\r\n}\r\n\r\nexport function getBasePrice (installationTime) {\r\n\tconst hasFirstPricing = installationTime <= newPlansStartsAt;\r\n\tconst hasSecondPricing = installationTime <= thirdPlansStartsAt;\r\n\treturn hasFirstPricing ? 7.99 : hasSecondPricing ? 10.99 : 12.99\r\n}\r\nexport function getPlansModal (installationTime) {\r\n\treturn installationTime <= newPlansStartsAt ? 'chargeApprovalModal.html' : 'chargeApprovalModal2.html';\r\n}\r\n","import React, { useState, useContext, useEffect, useRef } from \"react\";\r\nimport { Page, Spinner, Icon } from \"components\";\r\nimport classNames from \"lib/classNames\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport UserContext from \"context/UserContext\";\r\nimport { API_GATEWAY_NEW, APP_DEV } from \"aws-exports\";\r\nimport { API } from \"aws-amplify\";\r\nimport moment from \"moment\";\r\nimport { SAVE_PLAN_SETTINGS } from \"lib/mutations\";\r\nimport { useMutation } from \"@apollo/react-hooks\";\r\nimport { GET_SHOP_SETTINGS } from \"Queries\";\r\nimport { Loading, Toast } from \"@shopify/app-bridge-react\";\r\nimport useRefState from \"hooks/useRefState\";\r\nimport getPlans, { getBasePrice } from \"lib/getPlans\";\r\n\r\n// ⛔⛔ do not remove\r\n// this classes for the css purge\r\n// border-teal-500\r\n// border-blue-500\r\n// border-indigo-500\r\n// border-purple-500\r\n// bg-teal-500\r\n// bg-blue-500\r\n// bg-indigo-500\r\n// bg-purple-500\r\n// text-teal-500\r\n// text-blue-500\r\n// text-indigo-500\r\n// text-purple-500\r\n\r\nconst PlanScreen = () => {\r\n const [loading, setLoading] = useState(true);\r\n const [plan, setPlan] = useState(null);\r\n const [currentPlan, setCurrentPlan] = useState(null);\r\n const user = useContext(UserContext);\r\n const { state: shop } = useContext(ShopContext);\r\n const plans = getPlans(new Date(shop.installedAt).getTime());\r\n const hasDiscount =\r\n shop?.invitation &&\r\n shop?.invitation?.type === \"discount_percentage\" &&\r\n shop?.invitation?.value;\r\n const discount = hasDiscount ? shop.invitation.value / 100 : 0;\r\n const applyDiscount = (value) =>\r\n Number((value - value * discount).toFixed(2));\r\n const getPlan = async () => {\r\n const planResponse = await API.get(\"API_GATEWAY_NEW\", \"/shop/get_plan\");\r\n const balance_used = Number(planResponse.balance_used);\r\n setCurrentPlan(\r\n balance_used === 0\r\n ? 0\r\n : plans.findIndex(\r\n ({ real_price }) =>\r\n applyDiscount(real_price).toString() ===\r\n (balance_used + applyDiscount(getBasePrice())).toFixed(2)\r\n )\r\n );\r\n setPlan({\r\n ...planResponse,\r\n balance_used: Number(planResponse.balance_used),\r\n });\r\n setLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n getPlan();\r\n }, []);\r\n\r\n return (\r\n \r\n removeLink(link.selector)}\r\n >\r\n Remove\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {plans[currentPlan]?.description}
\r\n\r\n 0\r\n // \t? ` (${plans[currentPlan].description})`\r\n // \t: ''\r\n \"\"\r\n }`,\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {plan.status}
\r\n\r\n
\r\n \r\n \r\n {plan.billing_on\r\n ? moment(plan.billing_on).format(\"MMM Do YYYY\")\r\n : \"Not Set\"}\r\n
\r\n\r\n
\r\n \r\n \r\n {shop.transactions}
\r\n\r\n \r\n Visit our pricing page for more information\r\n \r\n
\r\n \r\n )}\r\n \r\n {' '}\r\n Keep Your Add To Cart Button Always Visible To Increase The Chances Of It\r\n Being Pressed.\r\n
\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Referral Program\r\n
\r\n \r\n \r\n
\r\n \r\n Share Link\r\n
\r\n \r\n {`Earn ${settings?.commission || \"15\"}% + Friend saves ${settings?.discount || \"5\"}% = Everyone is HAPPY 🥳 `}\r\n
\r\n\r\n {!aff_code ? (\r\n
\r\n \r\n Share Coupon Code\r\n
\r\n Enter coupon code during MonsterUpsells installation.
\r\n\r\n
\r\n \r\n Earn{\" \"}\r\n \r\n {settings?.commission || \"15\"}% of all revenue for life\r\n {\" \"}\r\n from stores registered through this link.{\" \"}\r\n
\r\n\r\n Reward any paying store{\" \"}\r\n \r\n {\" \"}\r\n {settings?.discount || \"5\"}% off Monsterupsells for life\r\n {\" \"}\r\n within 30 days of link click.{\" \"}\r\n
\r\n\r\n
\r\n\r\n \r\n Payment method{\" \"}\r\n
\r\n \r\n {!settings?.hasOwnProperty(\"paypal_email\") ? (\r\n
\r\n\r\n \r\n {\" \"}\r\n Payouts will be sent monthly. Minimum payment $50{\" \"}\r\n
\r\n\r\n \r\n \r\n
\r\n {!eventsList ? (\r\n \r\n Referred Stores{\" \"}\r\n
\r\n Store name
\r\n {/* */}\r\n Total earned
\r\n {e.referral}
\r\n ${e.earnings}
\r\n \r\n );\r\n })\r\n )}\r\n \r\n \r\n \r\n {\" \"}\r\n Please contact our team at{\" \"}\r\n
\r\n setIsEditingCode(false)}\r\n >\r\n
\r\n {link}
\r\n \r\n \r\n \r\n setIsEditingPaypal(true)}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nconst EditPaypal = ({ paypal, setIsEditingPaypal, handlePaypalEdit }) => {\r\n const [localPaypal, setLocalPaypal] = useState(paypal);\r\n return (\r\n \r\n setIsEditingPaypal(false)}\r\n >\r\n
\r\n {_.startCase(title)}
\r\n{value}
\r\n \r\n );\r\n};\r\n\r\nexport default Affiliation;\r\n","import React, { useContext, useEffect } from \"react\";\r\nimport { useHistory, useParams } from \"react-router\";\r\nimport { API } from \"aws-amplify\";\r\nimport { Spinner } from \"components\";\r\nimport { AUTH_COOKIE_DOMAIN } from \"aws-exports\";\r\nimport Axios from \"axios\";\r\nimport { API_GATEWAY_NEW, APP_DEV } from \"aws-exports\";\r\nimport ShopContext from \"context/ShopContext\";\r\n\r\nexport default function ReferralScreen (props) {\r\n const history = useHistory();\r\n const { code } = useParams();\r\n const { AppLocalStorage } = useContext(ShopContext)\r\n const addDays = (date, days) => {\r\n const copy = new Date(Number(date));\r\n copy.setDate(date.getDate() + days);\r\n return copy.getTime();\r\n };\r\n const handleReferral = async () => {\r\n if (window.location.host.indexOf(\"monsterupsells.com\") != -1) {\r\n AppLocalStorage.setItem(\r\n \"aff_code\",\r\n JSON.stringify({\r\n code,\r\n expiry: addDays(new Date(), 30)\r\n })\r\n );\r\n window.location.href = `https://${AUTH_COOKIE_DOMAIN}/ref/${code}`;\r\n } else {\r\n if (code) {\r\n const { exists } = await Axios.post(`${API_GATEWAY_NEW}/aff/events`, {\r\n aff_code: code,\r\n event: \"view\"\r\n });\r\n // if(exists){\r\n AppLocalStorage.setItem(\r\n \"aff_code\",\r\n JSON.stringify({\r\n code,\r\n expiry: addDays(new Date(), 30)\r\n })\r\n );\r\n // }\r\n }\r\n window.location.href = APP_DEV\r\n ? \"https://localhost/login\"\r\n : \"https://apps.shopify.com/monster-upsells\";\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n handleReferral();\r\n }, []);\r\n\r\n // return clivk me
\r\n return \r\n \r\n We integrate with and recommend these apps\r\n \r\n \r\n {partners.map((partner) => (\r\n \r\n
\r\n ))}\r\n \r\n */}\r\n \r\n
\r\n \r\n \r\n {partner.name}\r\n \r\n \r\n {partner.description}\r\n \r\n \r\n Learn More\r\n \r\n
\r\n \r\n\t\t\t\t close()} />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{stateTitle}
\r\n\t\t\t\t\t{subTitle && {subTitle}
}\r\n\t\t\t\t{children(close, setTitle)}
\r\n\t\t\t{footer}
\r\n\t\t\t}\r\n\t\t\r\n handleDiscountApply()}\r\n disabled={!!discount || discountLoading}\r\n style={{ flex: 0 }}\r\n className={`${classNames(\"ml-2 px-3 btn-small flex-0 text-white\")} ${styles.bg_blue_color}`}\r\n >\r\n Apply\r\n \r\n
\r\n \r\n )}\r\n \r\n }\r\n {discountMessage && (\r\n \r\n {!discount && {\r\n if (!discount) setCouponCode(target.value);\r\n }}\r\n disabled={!!discount}\r\n className={classNames(\r\n \"border-0 shadow-none focus:outline-none bg-transparent w-full text-sm\"\r\n )}\r\n />\r\n )}\r\n
\r\n \r\n setCouponOpened(!couponOpened)}\r\n tabIndex=\"0\"\r\n >\r\n \r\n \r\n \r\n\r\n
\r\n {couponOpened && (\r\n <>\r\n \r\n Coupon code\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {!!discount && (\r\n \r\n {couponCode}\r\n
\r\n )}\r\n {!discount && (\r\n \r\n setIsExpanded(!isExpanded)}\r\n >\r\n Pricing table\r\n \r\n redirect()}\r\n >\r\n Get Access\r\n \r\n
\r\n \r\n )\r\n\r\n\r\n return (\r\n \r\n setIsModalVisible(false)}\r\n style={{ minWidth: \"900px\", minHeight: isExpanded ? \"485px\" : \"205px\" }}\r\n background=\"bg-white\"\r\n title={\r\n \r\n\r\n
\r\n Welcome to MonsterUpsells 👋
}\r\n footer={footer}\r\n >\r\n {(close, setTitle) => (\r\n \r\n
\r\n The next page is a Shopify charge page.
\r\n\r\n
\r\n Although it might seem scarry...
\r\nDont worry!
\r\n\r\n
\r\n YOU WILL NOT BE CHARGED UNLESS YOU KEEP THE APP LONGER THAN THE 10-DAYS FREE TRIAL.
\r\n\r\n
\r\n The app starts at ${getBasePrice(new Date(state.installedAt).getTime())} and increases depending on order volume.
\r\n\r\n
\r\n \r\n
\r\n Our pricing
\r\n\r\n
\r\n How many monthly orders does your store have?
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {orderSize === 3001 ? \"Over 3000+\" : `Up to ${orderSize}`}
Orders per Month
${calculatePrice(orderSize)}
Price
\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ChargeApproval;\r\n","import React, { useContext, useEffect, useState, useCallback } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { SHOPIFY_API_KEY, SHOPIFY_EMBEDDED_FORCE_REDIRECT } from \"aws-exports\";\r\nimport { Provider } from \"@shopify/app-bridge-react\";\r\nimport createApp from \"@shopify/app-bridge\";\r\nimport { Redirect, History, Toast } from \"@shopify/app-bridge/actions\";\r\n// import { useRoutePropagation } from \"@shopify/react-shopify-app-route-propagator\";\r\nimport useReactRouter from \"use-react-router\";\r\nimport NotifyContext from \"context/NotifyContext\";\r\nimport ShopContext from \"context/ShopContext\";\r\nimport { ErrorScreen } from \"screens\";\r\nimport { EmbeddedProvider } from \"context/EmbeddedContext\";\r\nimport UserContext from \"context/UserContext\";\r\nimport { ENGINE_WARNING_ICON } from \"lib/globals\";\r\nimport ChargeApproval from \"./chargeApproval\";\r\nimport WelcomeModal from \"./welcomeModal\";\r\nimport { setupModalAutoSizing } from \"@shopify/app-bridge-utils\";\r\n\r\nconst Embedded = ({ children, location, newPlanRedirect }) => {\r\n const { history } = useReactRouter();\r\n const user = useContext(UserContext);\r\n const shopContext = useContext(ShopContext);\r\n const {\r\n state: {\r\n settings,\r\n settingsSaved,\r\n chargeConfirmationUrl,\r\n redirectToChargeApproval,\r\n id,\r\n installedAt\r\n // show_recharge_alert\r\n },\r\n setItem\r\n } = shopContext;\r\n const { createNotification, deleteNotification } = useContext(NotifyContext);\r\n const queryString = window.location.search;\r\n const params = new URLSearchParams(queryString);\r\n const config = {\r\n apiKey: SHOPIFY_API_KEY,\r\n shopOrigin: user.attributes.website,\r\n forceRedirect: SHOPIFY_EMBEDDED_FORCE_REDIRECT,\r\n host: params.get(\"host\") || btoa(user.attributes.website)\r\n };\r\n const app = createApp(config);\r\n setupModalAutoSizing(app);\r\n const AppBridgeHistory = History.create(app);\r\n const AppBridgeRedirect = Redirect.create(app);\r\n const AppBridgeToast = toastOptions => {\r\n const toast = Toast.create(app, toastOptions)\r\n return {\r\n open () {\r\n toast.dispatch(Toast.Action.SHOW)\r\n }\r\n }\r\n };\r\n // useRoutePropagation(app, location);\r\n useEffect(() => {\r\n if (window.$crisp) {\r\n window.$crisp.push([\"set\", \"session:data\", [\"store\", id]]);\r\n window.$crisp.push([\"set\", \"session:data\", [\"App\", \"Monster UPSELLS\"]]);\r\n }\r\n }, [settings]);\r\n useEffect(() => {\r\n if (params.get(\"source\") === 'charge-accepted') {\r\n if (typeof window.fbq === 'function') {\r\n window.fbq('track', 'TrialStarted')\r\n }\r\n AppBridgeRedirect.dispatch(Redirect.Action.APP, '')\r\n }\r\n }, [params])\r\n // src={ `${window.location.origin}/${getPlansModal(new Date(installedAt).getTime())}?chargeConfirmationUrl=${chargeConfirmationUrl}`}\r\n return (\r\n <>\r\n \r\n
\r\n Why MonsterUpsells?
\r\n\r\n
\r\n Average revenue increase 10-15%
\r\n\r\n
\r\n 10 Day free trial
\r\n\r\n
\r\n Beautiful user experience
\r\n\r\n
\r\n Powerful upsells offers
\r\n\r\n
\r\n Average ROI of 2000%+
\r\n\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default EmptyState;\r\n","import React from 'react';\r\nimport { Switch, Button, ActionsButtons } from 'components';\r\nimport styles from 'styles/items_list.module.scss';\r\nimport get from 'lodash/get';\r\nimport classNames from 'lib/classNames';\r\n\r\nconst Item = (props) => {\r\n\tconst { item, actions, header } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t{heading}
\r\n\t\t\t\t{children}\r\n\t\t\t\t{action &&\r\n\t\t\t\t\t\t\t\t\t cell.onChange(item, status)} />\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{new Date(parseInt(item[cell.value])).toDateString()}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{new Date(parseInt(item[cell.value])).toDateString()}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{getValue(item, cell)}
\r\n\t\t\t\t\t\t\t{emptyState.text}
\r\n\t\t\t\r\n\t\t\t{['top', 'both'].includes(controlsPosition) && (\r\n\t\t\t\t\r\n\t\t\t\t\t{type === 'carousel' ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nconst CarouselControls = ({ controls, activeTab, setActiveTab }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\t{contents.map((content, index) => {\r\n\t\t\t\t\tlet isFunction = typeof content === 'function';\r\n\t\t\t\t\treturn index === activeTab ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{isFunction ? content(bindedSetActiveTab) : content}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t) : null;\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t\t{['bottom', 'both'].includes(controlsPosition) && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{controls.map(\r\n\t\t\t\t(control, index) =>\r\n\t\t\t\t\tcontrol.current === activeTab && (\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (typeof control.next === 'function') control.next(setActiveTab);\r\n\t\t\t\t\t\t\t\telse if (Number.isInteger(control.next)) setActiveTab(control.next);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)\r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nconst StepperControls = ({ controls, activeTab, setActiveTab }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t{controls.map((control, index) => (\r\n\t\t\t\t {\r\n\t\t\t\t\t\tif (typeof control.next === 'function') control.next(setActiveTab);\r\n\t\t\t\t\t\telse if (Number.isInteger(control.next)) setActiveTab(control.next);\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{control.text}\r\n\t\t\t\t
\r\n\t\t\t))}\r\n\t\t\r\n\t);\r\n};\r\n\r\nCarousel.propTypes = {\r\n\tcontents: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.element, PropTypes.func])).isRequired,\r\n\tcontrols: PropTypes.arrayOf(\r\n\t\tPropTypes.shape({\r\n\t\t\ttext: PropTypes.string.isRequired,\r\n\t\t\tcurrent: PropTypes.number.isRequired,\r\n\t\t})\r\n\t).isRequired,\r\n};\r\nexport default Carousel;\r\n","import React, { useState, useRef, useEffect, useContext } from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport md5 from \"crypto-js/md5\";\r\nimport cssStyles from \"styles/form_group.module.scss\";\r\nimport { Button, Switch, Icon } from \"components\";\r\nimport PageScrollContext from \"context/PageScrollContext\";\r\nimport classNames from \"lib/classNames\";\r\n\r\nconst FormGroup = ({\r\n label,\r\n children,\r\n className = \"\",\r\n onFocus,\r\n onBlur,\r\n info,\r\n minWidth = 410,\r\n focusCondition = () => false,\r\n styles = { content: {}, title: {} },\r\n noBorderBottom,\r\n collapsable = false,\r\n isOpen = true,\r\n fullWidth = false,\r\n}) => {\r\n const group = useRef(null);\r\n const groupContent = useRef(null);\r\n const { scrollTop, getScrollTop } = useContext(PageScrollContext) || {};\r\n const [collapsed, setCollapsed] = useState(isOpen);\r\n const [maxHeight, setMaxHeight] = useState(0);\r\n\r\n const handleClick = (container) => (event) => {\r\n const focusWithIn =\r\n container === document.activeElement ||\r\n container.contains(document.activeElement) ||\r\n focusCondition({\r\n activeElement: document.activeElement,\r\n event,\r\n container,\r\n }) ||\r\n !![...container.querySelectorAll(\".sketch-picker\")].find((picker) =>\r\n picker.contains(event.target)\r\n );\r\n if (focusWithIn && onFocus) onFocus();\r\n else if (!focusWithIn && onBlur) onBlur();\r\n };\r\n\r\n useEffect(() => {\r\n if (onFocus || onBlur) {\r\n document.addEventListener(\"mouseup\", handleClick(group.current));\r\n }\r\n return () => {\r\n document.removeEventListener(\"mouseup\", handleClick(group.current));\r\n };\r\n }, [group.current]);\r\n\r\n useEffect(() => {\r\n if (groupContent.current) {\r\n setMaxHeight(groupContent.current.offsetHeight);\r\n }\r\n }, [collapsed]);\r\n\r\n return (\r\n \r\n {\r\n if (!scrollTop) return;\r\n const padding =\r\n 1.5 *\r\n parseFloat(getComputedStyle(document.documentElement).fontSize);\r\n scrollTop(e.target.closest(\".mu-group-wrapper\").offsetTop - 0);\r\n }}\r\n id={`id_${md5(label)}`}\r\n >\r\n
\r\n {collapsable && (\r\n \r\n \r\n
\r\n )}\r\n \r\n\r\n \r\n\t\t\t\t{error.map(e => (e ? {e} : null))}\r\n\t\t\t
\r\n\t\t) : null;\r\n\treturn null;\r\n};\r\n\r\nexport default ErrorsList;\r\n","import React, { useState, Children } from 'react';\r\nimport propTypes from 'prop-types';\r\nimport ErrorsList from 'components/ErrorsList';\r\nimport Switch from 'components/Switch';\r\nimport classNames from 'lib/classNames';\r\nimport { SideBarBadge } from './Sidebar';\r\nimport Button from './Button';\r\n\r\nconst FormControl = ({\r\n label,\r\n labelColor = 'text-gray-600',\r\n children,\r\n className = '',\r\n marginBottom = 'mb-6',\r\n info = null,\r\n error = null,\r\n showError = true,\r\n styles = {\r\n container: {},\r\n label: {}\r\n },\r\n withSwitch,\r\n childrenWidth = 'w-1/2',\r\n singleChildWidth = 'w-full',\r\n isSingleCol,\r\n beta,\r\n action,\r\n Footer\r\n}) => {\r\n const isErrorArray = Array.isArray(error);\r\n const isString = error => typeof error === 'string';\r\n const hasErrors = (isErrorArray ? error.filter(isString).length : error) && !!showError;\r\n const getErrors = isErrorArray ? error.filter(isString) : error;\r\n return (\r\n \r\n {child}\r\n
\r\n )}\r\n }\r\n {(Children.count(children) === 1 || isSingleCol) &&\r\n \r\n {children}\r\n
}\r\n {!!Footer && }\r\n {!!hasErrors &&\r\n \r\n \r\n \r\n {({ ref }) =>\r\n {\r\n if (!visible) setVisible(true);\r\n }}\r\n data-active={visible}\r\n onFocus={e => {\r\n if (onFocus) onFocus(e);\r\n }}\r\n onBlur={e => {\r\n if (onBlur) onBlur(e);\r\n }}\r\n style={{\r\n width: 37,\r\n height: 37,\r\n backgroundColor: formatColor(BindedValue)\r\n }}\r\n tabIndex=\"0\"\r\n />}\r\n \r\n \r\n {({ ref, style, placement, arrowProps }) => {\r\n return visible\r\n ?
\r\n : null;\r\n }}\r\n \r\n \r\n {!!text &&\r\n \r\n \r\n {\r\n BindedOnChange(color[color_type]);\r\n }}\r\n />\r\n \r\n
\r\n \r\n\t\t\t\t\t\t{icon.icon &&
\r\n\t\t\t\t)}\r\n\t\t\t\t{!!hasTags && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{tags.map(({ id, title, onClose, style = {} }, i) => (\r\n\t\t\t\t\t\t\t onClose(id)} />\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\t{withWeight && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (onFocus) onFocus(e);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tstep={withWeight.step || step}\r\n\t\t\t\t\t\t\tonBlur={(e) => {\r\n\t\t\t\t\t\t\t\tif (onBlur) onBlur(e);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tclassName={classNames(\r\n\t\t\t\t\t\t\t\t'w-12 focus:outline-none appearance-none text-sm py-2 pl-3 text-gray-700 items-center'\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\t{withNumber && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (onFocus) onFocus(e);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tstep={withNumber.step || step}\r\n\t\t\t\t\t\t\tonBlur={(e) => {\r\n\t\t\t\t\t\t\t\tif (onBlur) onBlur(e);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tclassName={classNames(\r\n\t\t\t\t\t\t\t\t'w-12 focus:outline-none appearance-none text-sm py-2 pl-3 text-gray-700 items-center'\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{withNumber.icon.icon &&
\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t{\r\n\t\t\t\tindicator && \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{withNumber.icon.icon ||\r\n\t\t\t\t\t\t\t(withNumber.icon.char && (\r\n\t\t\t\t\t\t\t\t{indicator}
\r\n\t\t\t}\r\n\t\t\r\n\t);\r\n};\r\n\r\nInput.defaultProps = {\r\n\tswitch: false,\r\n\ttags: [],\r\n\tdisabled: false,\r\n\tstyle: {},\r\n\tonEnter: false,\r\n\tonFocus: false,\r\n\tonBlur: false,\r\n\tonKeyDown: false,\r\n\tinputRef: null,\r\n\tBindToContext: null,\r\n\tdispatch: null,\r\n\tplaceholder: '',\r\n\twithSwitch: false,\r\n\twithNumber: false,\r\n\twithDropdown: false,\r\n\tvalue: undefined,\r\n\tclassName: '',\r\n\ticonFirst: false,\r\n\tplaceholder_color: null,\r\n\tborder_color: null,\r\n\tmax: null,\r\n\tmin: null,\r\n};\r\n\r\nexport default Input;\r\n","import React, { useState, useEffect, useCallback } from 'react';\r\nimport Switch from 'components/Switch';\r\nimport Tag from 'components/Tag';\r\nimport Icon from 'components/Icon';\r\nimport ColorPicker from 'components/ColorPicker';\r\nimport Dropdown from 'components/Dropdown';\r\nimport useBindToContext from 'hooks/useBindToContext';\r\nimport styled from 'styled-components';\r\nimport classNames from 'lib/classNames';\r\nimport _ from 'lodash'\r\n\r\nconst Textarea = ({\r\n\tdisabled,\r\n\tonFocus,\r\n\tonBlur,\r\n\tinputRef,\r\n\tvalue,\r\n\tautofocus,\r\n\tplaceholder,\r\n\tclassName,\r\n\tonChange,\r\n\tBindToContext,\r\n\tplaceholder_color,\r\n\tborder_color,\r\n\tvalidation = true,\r\n\tgetError = null,\r\n\tspecificValidation = null,\r\n\tisFlex,\r\n\trow= 2\r\n}) => {\r\n\tconst [BindedValue, BindedOnChange, hasError, onRender] = useBindToContext(\r\n\t\tBindToContext,\r\n\t\tvalue,\r\n\t\tonChange,\r\n\t\tspecificValidation,\r\n\t\tgetError,\r\n\t\tvalidation\r\n\t);\r\n\r\n\tconst handleChange = (value) => {\r\n\t\tBindedOnChange(value);\r\n\t}\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nTagInput.propTypes = {\r\n\ttags: PropTypes.arrayOf(\r\n\t\tPropTypes.shape({\r\n\t\t\tid: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\r\n\t\t\timage: PropTypes.string,\r\n\t\t\ttitle: PropTypes.string.isRequired,\r\n\t\t})\r\n\t),\r\n\tclose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default TagInput;\r\n","import React, { Fragment, useEffect } from 'react';\r\nimport styles from 'styles/button_select.module.scss';\r\nimport useBindToContext from 'hooks/useBindToContext';\r\nimport { Icon, Switch } from 'components';\r\nimport classNames from 'lib/classNames';\r\nimport { SideBarBadge } from './Sidebar';\r\n\r\nconst ButtonSelect = ({\r\n options,\r\n onChange,\r\n value,\r\n BindToContext,\r\n onSelect = null,\r\n loading = [],\r\n showSeparator = true,\r\n showCheckedIcon = true,\r\n inlineIcon = false,\r\n noIconBG,\r\n className,\r\n isVertical,\r\n disabledClick = false,\r\n shopContext,\r\n keyPrefix = ''\r\n}) => {\r\n const [BindedValue, BindedOnChange, _, onRender] = useBindToContext(\r\n BindToContext,\r\n value,\r\n onChange\r\n );\r\n //useEffect(() => {\r\n //if (onRender?.length) onRender.forEach(fn => fn());\r\n //}, [onRender]);\r\n\r\n return (\r\n \r\n\t\t\t\t{tags.map((tag) => (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n \r\n
\r\n }\r\n {!selected &&\r\n !!option.icon &&\r\n \r\n \r\n
\r\n }\r\n \r\n
}\r\n \r\n {!!option.title &&\r\n \r\n {option.title}\r\n
}\r\n {!!option.info &&\r\n !option.infoHtml &&\r\n\r\n {option.info}\r\n
}\r\n {!!option.info &&\r\n !!option.infoHtml &&\r\n\r\n {SC.desktop_product_preview && product.images.length && (product.images[0].src || typeof (product.images[0]) === \"string\") &&\r\n
\r\n \r\n {SC.desktop_show_product_name &&\r\n
\r\n \r\n {product.title}\r\n
\r\n }\r\n \r\n {SC.desktop_show_compared_price && oldPrice != 0 &&\r\n \r\n }\r\n \r\n \r\n \r\n\r\n {SC.desktop_show_variants && product.variants.length > 1 &&\r\n product.options.map((option, id) => {\r\n return (\r\n
\r\n )\r\n })\r\n }\r\n\r\n {SC.desktop_show_quantity &&\r\n\r\n \r\n toggleOpen(e)}\r\n >\r\n\r\n {option.values[0]} \r\n
\r\n \r\n {option.name}\r\n
\r\n - \r\n {\r\n option.values.map((value, id) =>
- {value} )\r\n }\r\n
\r\n
\r\n }\r\n\r\n \r\n {SC.desktop_quantity.text}\r\n
\r\n \r\n setQte(qte < 2 ? 1 : parseInt(qte, 10) - 1)}\r\n className={Styles.minus}>-\r\n
\r\n \r\n {!isOpen ?\r\n SC.mobile_show_title || SC.mobile_show_price ?\r\n
\r\n\r\n }\r\n \r\n {SC.mobile_show_title && product.title} \r\n {\r\n SC.mobile_show_price &&\r\n \r\n {SC.mobile_show_compared_price && oldPrice != 0 &&\r\n \r\n }\r\n \r\n \r\n }\r\n
\r\n :\r\n null\r\n :\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {SC.cart_name.text}\r\n
\r\n\r\n setIsOpen(false)}>\r\n \r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n {product.images.length && (product.images[0].src || typeof (product.images[0]) === \"string\") &&\r\n
\r\n {SC.mobile_show_quantity &&\r\n \r\n
\r\n }\r\n {SC.mobile_show_variants && product.variants.length > 1 &&\r\n product.options.map((option, id) => {\r\n return (\r\n \r\n {SC.mobile_quantity.text}\r\n
\r\n \r\n setQte(qte < 2 ? 1 : parseInt(qte, 10) - 1)}\r\n className={Styles.minus}>-\r\n
\r\n \r\n toggleOpen(e)}\r\n >\r\n\r\n {option.values[0]} \r\n
\r\n \r\n {option.name}\r\n
\r\n - \r\n {\r\n option.values.map((value, id) =>
- {value} )\r\n }\r\n
\r\n \r\n {previewError && (\r\n
\r\n\r\n {product && !previewError && isStickyPreview && (\r\n {children}
\r\n \r\n
\r\n )}\r\n {!CAN_RENDER_CART && !previewError && {previewError}
\r\n\r\n
\r\n )}\r\n \r\n\t\t\t\t\t\t{actions.map((action, key) => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t action.method(item)}\r\n\t\t\t\t\t\t\t\t\ttype={`circle-${getProperValue(action.color, item)}`}\r\n\t\t\t\t\t\t\t\t\tstyle={{ margin: '7px' }}\r\n\t\t\t\t\t\t\t\t\tdisabled={getProperValue(action.disabled,item)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nActionsButtons.propTypes = {};\r\n\r\nexport default ActionsButtons;\r\n","import React, { useContext } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport NotifyContext from \"context/NotifyContext\";\r\nimport { Button, Icon, Alert } from \"components\";\r\nimport styles from \"styles/notifications.module.scss\";\r\nimport useReactRouter from \"use-react-router\";\r\nimport _ from \"lodash\";\r\nimport classNames from \"lib/classNames\";\r\n\r\nconst Notifications = () => {\r\n const { state: notifications } = useContext(NotifyContext);\r\n const { history } = useReactRouter();\r\n const uniqNotifications = _.uniqBy(Object.values(notifications), \"id\").filter(\r\n ({ exclude = [], only = [] }) => {\r\n if (exclude.length && exclude.includes(history.location.pathname))\r\n return false;\r\n if (only.length && !only.includes(history.location.pathname))\r\n return false;\r\n return true;\r\n }\r\n );\r\n return !!uniqNotifications.length ? (\r\n \r\n {uniqNotifications.map((notification, index) => (\r\n
\r\n ) : null;\r\n};\r\n\r\nNotifications.propTypes = {};\r\n\r\nconst Notification = ({\r\n type,\r\n icon,\r\n title,\r\n content = null,\r\n action = null,\r\n closeable = true\r\n}) => {\r\n const icons = {\r\n info: \"info-square\",\r\n warning: \"exclamation-square\"\r\n };\r\n return (\r\n {content}
}\r\n \r\n );\r\n};\r\n\r\nexport default Notifications;\r\n","import React, { useEffect } from 'react';\r\nimport InputRange from 'react-input-range';\r\nimport useBindToContext from 'hooks/useBindToContext';\r\nimport 'styles/range.css';\r\n\r\nconst Range = ({\r\n\tmax = 100,\r\n\tmin = 0,\r\n\tstep = 1,\r\n\tvalue = null,\r\n\tonChange = null,\r\n\tBindToContext = null,\r\n\tvalidation = true,\r\n\tgetError = null,\r\n\tspecificValidation = null,\r\n\tformatter = (value) => parseFloat(value.toFixed(2)),\r\n}) => {\r\n\tconst [BindedValue, BindedOnChange, onRender] = useBindToContext(\r\n\t\tBindToContext,\r\n\t\tvalue,\r\n\t\tonChange,\r\n\t\tspecificValidation,\r\n\t\tgetError,\r\n\t\tvalidation\r\n\t);\r\n\r\n\t//useEffect(() => {\r\n\t\t//if (onRender?.length) onRender.forEach(fn => fn());\r\n\t//}, [onRender]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{products.length > 0 &&\r\n\t\t\t\tproducts.map((product, key) => {\r\n\t\t\t\t\t// console.log(product)\r\n\t\t\t\t\tconst selected = BindedValue ? product.id.toString() === BindedValue.id : false;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tpresets\r\n\t\t\t\t\t\t\t\t\t? onChange(product.id)\r\n\t\t\t\t\t\t\t\t\t: BindedOnChange({ ...reducer(product), image: product.image.src })\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{product.title}
\r\n\t\t\t\t\t\t\t showCreate()}>\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default ProductSelector;\r\n","import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport styles from 'styles/image_picker.module.scss';\r\nimport { DragAndDrop, Icon } from 'components';\r\nimport {\r\n\tfaUpload,\r\n} from '@fortawesome/fontawesome-pro-solid';\r\nimport classNames from 'lib/classNames';\r\nimport { API } from 'aws-amplify';\r\nimport useRefState from 'hooks/useRefState';\r\n\r\nconst ImagePicker = ({ onChange, value, simplified = false }) => {\r\n\tconst input = useRef(null);\r\n\tconst [preview, setPreview] = useState(value)\r\n\tconst readImage = ({ target }) => {\r\n\t\tif (target.files && target.files[0]) {\r\n\t\t\tconst file = target.files[0]\r\n\t\t\tconst reader = new FileReader();\r\n\t\t\treader.onload = async function (event) {\r\n\t\t\t\t//TODO: update ui to show a loading indicator\r\n\t\t\t\tconst value = event.target.result\r\n\t\t\t\tsetPreview(value)\r\n\t\t\t\tconst body = {\r\n\t\t\t\t\tfileName: file.name,\r\n\t\t\t\t\tattachment: value.replace(/data:.*\\/.*;base64,/, \"\")\r\n\t\t\t\t}\r\n\t\t\t\t// const response = await API.post(\"API_GATEWAY_NEW\", \"/uploadImage\", { body });\r\n\t\t\t\t// console.log(\"response\", response);\r\n\t\t\t\t// onChange(response.public_url);\r\n\t\t\t};\r\n\t\t\treader.readAsDataURL(file);\r\n\t\t}\r\n\t};\r\n\tconst handleDrop = files => {\r\n\t\tinput.current.files = files;\r\n\t\treadImage({ target: input.current });\r\n\t};\r\n\tconst id = `fp-${new Date().getTime()}`;\r\n\tconst hasPreview = value || preview\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tCreate New
\r\n\t\t\t\t\t\t\r\n\t\t\t readImage(e)} ref={input} />\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n};\r\nconst ImagePicker2 = ({ onChange, value }) => {\r\n\tconst reader = useMemo(() => new FileReader(), []);\r\n\tconst input = useRef(null);\r\n\tconst [preview, setPreview, previewRef] = useRefState(value)\r\n\tconst [uploading, setUploading, uploadingRef] = useRefState(false)\r\n\tconst readImage = ({ target }) => {\r\n\t\tif (target.files && target.files[0]) {\r\n\t\t\tsetUploading(true)\r\n\t\t\treader.readAsDataURL(target.files[0]);\r\n\t\t}\r\n\t};\r\n\tconst handleDrop = files => {\r\n\t\tinput.current.files = files;\r\n\t\treadImage({ target: input.current });\r\n\t};\r\n\tconst id = `fp-${new Date().getTime()}`;\r\n\tconst hasPreview = value || previewRef.current\r\n\tuseEffect(() => {\r\n\t\tasync function OnLoad (event) {\r\n\t\t\tconst value = event.target.result\r\n\t\t\tsetPreview(value)\r\n\t\t\tconst body = {\r\n\t\t\t\tfileName: input.current.files[0]?.name || `image_${(new Date()).getTime()}`,\r\n\t\t\t\tattachment: value\r\n\t\t\t}\r\n\t\t\ttry {\r\n\t\t\t\tconst response = await API.post(\"API_GATEWAY_NEW\", \"/uploadImage\", { body });\r\n\t\t\t\tonChange(response.public_url);\r\n\t\t\t\tsetPreview(response.public_url)\r\n\t\t\t} catch (error) {\r\n\t\t\t\tsetPreview(undefined)\r\n\t\t\t}\r\n\t\t\tsetUploading(false)\r\n\t\t};\r\n\t\treader.addEventListener('load', OnLoad);\r\n\t\treturn () => {\r\n\t\t\treader.removeEventListener('load', OnLoad);\r\n\t\t}\r\n\t}, [reader])\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default DragAndDrop;\r\n","import React, { useMemo, useRef } from 'react';\r\nimport useBindToContext from 'hooks/useBindToContext';\r\nimport ReactQuill from 'react-quill';\r\nimport uuid from 'uuid/v1';\r\nimport { GOOGLE_FONTS } from 'lib/globals';\r\nimport 'react-quill/dist/quill.snow.css';\r\nimport classNames from 'lib/classNames';\r\nimport { API } from 'aws-amplify';\r\n\r\nconst getColors = (value) => {\r\n\tconst array = [];\r\n\tif (value === null || value === undefined) return [];\r\n\tif (typeof value === 'string' && new RegExp('^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$').test(value)) array.push(value);\r\n\telse if (typeof value === 'object') {\r\n\t\tObject.entries(value).forEach(([key, v]) => {\r\n\t\t\tarray.push(getColors(value[key]));\r\n\t\t});\r\n\t}\r\n\treturn array;\r\n};\r\n\r\nconst RichEditor = ({\r\n\tBindToContext,\r\n\tvalue,\r\n\tonChange,\r\n\tspecificValidation = null,\r\n\tgetError = null,\r\n\tvalidation = null,\r\n\tdisabled = false,\r\n\tonFocus = null,\r\n\tonBlur = null,\r\n\tplaceholder = undefined,\r\n\timageEmoji = false,\r\n\trtl = false,\r\n\tdebug = false,\r\n\tindicator\r\n}) => {\r\n\tconst id = uuid();\r\n\tconst editorRef = useRef(null);\r\n\tconst colors = BindToContext ? [...new Set(getColors(BindToContext[0].state).flat(Infinity))] : [];\r\n\tconst [BindedValue, BindedOnChange, _hasError, onRender] = useBindToContext(\r\n\t\tBindToContext,\r\n\t\tvalue,\r\n\t\tonChange,\r\n\t\tspecificValidation,\r\n\t\tgetError,\r\n\t\tvalidation,\r\n\t\tdebug\r\n\t);\r\n\tconst input = document.createElement(\"input\");\r\n\tinput.setAttribute(\"type\", \"file\");\r\n\tinput.setAttribute(\"accept\", \"image/*\");\r\n\tinput.onchange = async () => {\r\n\t\tconst file = input.files[0];\r\n\t\tif (/^image\\//.test(file?.type)) {\r\n\t\t\ttry {\r\n\t\t\t\tconst reader = new FileReader();\r\n\t\t\t\treader.readAsDataURL(file)\r\n\t\t\t\treader.onload = async (event) => {\r\n\t\t\t\t\tconst attachment = event.target.result\r\n\t\t\t\t\tconst fileName = file.name\r\n\t\t\t\t\tconst response = await API.post(\"API_GATEWAY_NEW\", \"/uploadImage\", {\r\n\t\t\t\t\t\tbody: { fileName, attachment }\r\n\t\t\t\t\t});\r\n\t\t\t\t\tconst editor = editorRef.current.getEditor();\r\n\t\t\t\t\teditor.insertEmbed(editor.getSelection(), \"image\", response.public_url);\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error.message);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconsole.log('You could only upload images.');\r\n\t\t}\r\n\t};\r\n\r\n\tconst modules = useMemo(\r\n () => ({\r\n toolbar: {\r\n container: [\r\n [{ size: [\"small\", false, \"large\", \"huge\"] }],\r\n [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n [{ align: [] }],\r\n // [{ color: colors }],\r\n\t\t [{ color: ['#000000', '#e60000', '#ff9900', '#ffff00', '#008a00', '#0066cc', '#9933ff', '#ffffff', '#facccc', '#ffebcc', '#ffffcc', '#cce8cc', '#cce0f5', '#ebd6ff', '#bbbbbb', '#f06666', '#ffc266', '#ffff66', '#66b966', '#66a3e0', '#c285ff', '#888888', '#a10000', '#b26b00', '#b2b200', '#006100', '#0047b2', '#6b24b2', '#444444', '#5c0000', '#663d00', '#666600', '#003700', '#002966', '#3d1466', 'custom-color'] }],\r\n [\"image\", \"direction\"],\r\n [\"link\"],\r\n ],\r\n handlers: {\r\n image: async () => {\r\n console.log(\"working\");\r\n input.click();\r\n return true;\r\n },\r\n color: function (value) {\r\n if (value == \"custom-color\")\r\n value = window.prompt(\"Enter Hex Color Code\");\r\n this.quill.format(\"color\", value);\r\n },\r\n },\r\n },\r\n }),\r\n []\r\n );\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t BindedOnChange(value)}\r\n\t\t\t\tonFocus={() => {\r\n\t\t\t\t\tif (onFocus) onFocus();\r\n\t\t\t\t}}\r\n\t\t\t\tonBlur={() => {\r\n\t\t\t\t\tif (onBlur) {\r\n\t\t\t\t\t\tconst editor = document.getElementById(id);\r\n\t\t\t\t\t\tconst activeElement = document.activeElement;\r\n\t\t\t\t\t\tonBlur(editor, activeElement);\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t\tmodules={modules}\r\n\t\t\t/>\r\n\t\t\t{\r\n\t\t\t\tindicator &&
\r\n\t);\r\n};\r\n\r\nexport default RichEditor;\r\n","import classNames from \"lib/classNames\";\r\nimport React from \"react\"\r\n\r\nexport default function Bindings ({ only = [], custom = null }) {\r\n return (\r\n {indicator}
\r\n\t\t\t}\r\n\t\t\r\n You can use\r\n {Object.entries({\r\n goal: \"goal\",\r\n amount_left: \"goal minus total\",\r\n reward: \"reward\"\r\n })\r\n .filter(([key]) => {\r\n if (!only.length && !custom) return true;\r\n return only.includes(key);\r\n })\r\n .concat(custom ? [custom] : [])\r\n .map(([binding, tooltip], key) => {\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n );\r\n}","import React, { useReducer, useEffect } from \"react\";\r\nimport { getIn } from \"immutable\";\r\nimport { FormControl, Input } from \"components\";\r\nimport Bindings from \"./Bindings\";\r\n\r\nconst CustomText = ({\r\n\tcontext,\r\n\tclassName = \"\",\r\n\tlabel,\r\n\tpath,\r\n\tmin = 0.5,\r\n\tmax = 2,\r\n\thasColor,\r\n\thasNumber = true,\r\n\thasWeight = false, // or the default weight value\r\n\tonFocus,\r\n\tonBlur,\r\n\twithSwitch,\r\n\tlabelColor,\r\n\tmarginBottom,\r\n\tinfo,\r\n\ttext,\r\n\tisSingleCol,\r\n\tbindings,\r\n\tindicator,\r\n\tbeta\r\n}) => {\r\n\tconst { state, setItem, validationErrors } = context;\r\n\tconst textPAth = path + \".text\";\r\n\tconst fontSizePath = path + \".font_size\";\r\n\tconst fontWeightPath = path + \".font_weight\";\r\n\tconst colorPath = path + \".color\";\r\n\tconst withWeight = hasWeight ? {\r\n\t\tvalue: getIn(state, fontWeightPath.split(\".\")) || hasWeight,\r\n\t\tonChange: (e) => {\r\n\t\t\t// setItem(fontWeightPath, JSON.parse(e.target.value)); editable with arrows only\r\n\t\t},\r\n\t\tonClick: (value) => {\r\n\t\t\tif (value >= 100 && value <= 900)\r\n\t\t\t\tsetItem(fontWeightPath, JSON.parse(value));\r\n\t\t},\r\n\t\tmin: 100,\r\n\t\tmax: 900,\r\n\t\tstep: 100\r\n\t} : undefined\r\n\tconst withNumber = hasNumber\r\n\t\t? {\r\n\t\t\tvalue: getIn(state, fontSizePath.split(\".\")),\r\n\t\t\tonChange: (e) => {\r\n\t\t\t\tif (e.target.value >= min && e.target.value <= max)\r\n\t\t\t\t\tsetItem(fontSizePath, JSON.parse(e.target.value));\r\n\t\t\t},\r\n\t\t\tonClick: (value) => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tif (value >= min && value <= max)\r\n\t\t\t\t\t\tsetItem(fontSizePath, JSON.parse(value.toFixed(2)));\r\n\t\t\t\t} catch (e) {\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t},\r\n\t\t\ticon: { char: \"EM\" },\r\n\t\t\tmin,\r\n\t\t\tmax,\r\n\t\t\tstep: 0.1\r\n\t\t}\r\n\t\t: undefined;\r\n\tconst withColor = hasColor\r\n\t\t? {\r\n\t\t\tvalue: getIn(state, colorPath.split(\".\")),\r\n\t\t\tonChange: (value) => setItem(colorPath, value)\r\n\t\t}\r\n\t\t: false;\r\n\r\n\treturn (\r\n\t\t\r\n {`{{${binding}}}`}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{({ ref }) => (\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (tagRef.current && tagRef.current.contains(event.target)) return;\r\n\t\t\t\t\t\t\t\tsetVisible(!visible);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tdata-active={!!value}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{button.icon && {\r\n\t\t\t\t\t\t\t\t\tonChange(null);\r\n\t\t\t\t\t\t\t\t\tsetVisible(false);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t onChange(value)} />\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t) : null;\r\n\t\t\t\t\t}}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst Tag = ({ text, onClick, forwardRef, closable }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default DateRange;\r\n\r\nconst DateRangePicker = ({ periods, value, onChange }) => {\r\n\treturn (\r\n\t\t{text}
\r\n\t\t\t{closable && (\r\n\t\t\t\t onClick()}>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t onChange(value)} />\r\n\t\t
\r\n\t);\r\n};\r\n\r\nDateRangePicker.propTypes = {};\r\n\r\nDateRangePicker.defaultProps = {\r\n\tperiods: defaultPeriods,\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styles from 'styles/calendar.module.scss';\r\nimport { Icon, Dropdown } from 'components';\r\nimport Moment from 'moment';\r\nimport { extendMoment } from 'moment-range';\r\nconst moment = extendMoment(Moment);\r\n\r\nconst Calendar = ({ range, onChange }) => {\r\n\tconst [activePicker, setActivePicker] = useState('days');\r\n\tconst [dateObject, setDateObject] = useState(moment());\r\n\tconst [month, setMonth] = useState(moment(dateObject).format('MMMM'));\r\n\tconst [year, setYear] = useState(parseInt(moment(dateObject).format('YYYY')));\r\n\tconst [lastMonth, setLastMonth] = useState(\r\n\t\tmoment(dateObject)\r\n\t\t\t.subtract(1, 'months')\r\n\t\t\t.format('MMMM')\r\n\t);\r\n\tconst [nextMonth, setNextMonth] = useState(\r\n\t\tmoment(dateObject)\r\n\t\t\t.add(1, 'months')\r\n\t\t\t.format('MMMM')\r\n\t);\r\n\tuseEffect(() => {\r\n\t\tsetDateObject(moment(`${month}/${year}`));\r\n\t\tconst last_month = moment(`${month}/${year}`)\r\n\t\t\t.subtract(1, 'months')\r\n\t\t\t.format('MMMM');\r\n\t\tconst next_month = moment(`${month}/${year}`)\r\n\t\t\t.add(1, 'months')\r\n\t\t\t.format('MMMM');\r\n\t\tsetLastMonth(last_month);\r\n\t\tsetNextMonth(next_month);\r\n\t}, [month, year]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!range) {\r\n\t\t\tsetMonth(moment().format('MMMM'));\r\n\t\t\tsetYear(moment().format('YYYY'));\r\n\t\t} else if (Array.isArray(range) && range.length === 2) {\r\n\t\t\tsetMonth(moment(range[0]).format('MMMM'));\r\n\t\t\tsetYear(moment(range[0]).format('YYYY'));\r\n\t\t}\r\n\t}, [range]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t{periods.map(({ label, range }, i) => {\r\n\t\t\t\t\tconst active = value && range ? moment.range(value).isSame(range) : value === range;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t onChange(range ? range.toDate() : null)}>\r\n\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t {\r\n\t\t\t\t\t\tsetMonth(month);\r\n\t\t\t\t\t\tsetActivePicker('days');\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t\t{activePicker === 'years' && (\r\n\t\t\t\t {\r\n\t\t\t\t\t\tsetYear(year);\r\n\t\t\t\t\t\tsetActivePicker('days');\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nCalendar.propTypes = {};\r\n\r\nCalendar.defaultProps = {};\r\n\r\nexport default Calendar;\r\n\r\nconst DaysPicker = ({ dateObject, range, onChange }) => {\r\n\tconst [selectedRange, setSelectedRangeState] = useState(range);\r\n\tconst [isSliding, setIsSliding] = useState(false);\r\n\tconst isArray = length => array => Array.isArray(array) && array.length === length;\r\n\tconst setSelectedRange = (range, fireOnChange = true) => {\r\n\t\tsetSelectedRangeState(range);\r\n\t\tif (fireOnChange) {\r\n\t\t\tconst formatRange = isArray(2)(range)\r\n\t\t\t\t? moment.range([moment(range[0]).startOf('day'), moment(range[1]).endOf('day')]).toDate()\r\n\t\t\t\t: null;\r\n\t\t\tonChange(formatRange);\r\n\t\t}\r\n\t};\r\n\tconst [tempRange, setTempRange] = useState(null);\r\n\tconst [previewRange, setPreviewRange] = useState(null);\r\n\tconst [mouseIsDown, setMouseIsDown] = useState(false);\r\n\r\n\tconst weekDayShort = moment.weekdaysShort();\r\n\tconst monthDaysCount = moment(dateObject).daysInMonth();\r\n\tconst currentMonthIsActive = moment(dateObject).format('MM/YYYY') === moment().format('MM/YYYY');\r\n\tconst currentDay = currentMonthIsActive ? parseInt(moment().format('D')) : null;\r\n\tconst firstDayOfMonth = parseInt(\r\n\t\tmoment(dateObject)\r\n\t\t\t.startOf('month')\r\n\t\t\t.format('d')\r\n\t);\r\n\tconst lastMonthDaysCount = moment(dateObject)\r\n\t\t.subtract(1, 'months')\r\n\t\t.daysInMonth();\r\n\r\n\tconst handleMouseDown = date => {\r\n\t\tsetMouseIsDown(true);\r\n\t\tif (!tempRange) {\r\n\t\t\tsetTempRange([new Date(date)]);\r\n\t\t\tsetSelectedRange(null);\r\n\t\t} else if (isArray(1)(tempRange)) {\r\n\t\t\tconst newSelectedRange = tempRange.concat([new Date(date)]).sort((a, b) => a.getTime() - b.getTime());\r\n\t\t\tsetSelectedRange(newSelectedRange);\r\n\t\t\tsetTempRange(null);\r\n\t\t\tsetPreviewRange(null);\r\n\t\t}\r\n\t};\r\n\tconst handleMouseUp = () => {\r\n\t\tsetMouseIsDown(false);\r\n\t\tsetPreviewRange(null);\r\n\t\tif (isArray(2)(selectedRange)) setTempRange(null);\r\n\t\tif (isSliding) {\r\n\t\t\tsetIsSliding(false);\r\n\t\t\tsetSelectedRange(selectedRange);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleMouseOver = date => {\r\n\t\tif (isArray(1)(tempRange) && (!selectedRange || mouseIsDown)) {\r\n\t\t\tconst newSelectedRange = tempRange.concat([new Date(date)]).sort((a, b) => a.getTime() - b.getTime());\r\n\t\t\tif (mouseIsDown) {\r\n\t\t\t\tsetIsSliding(true);\r\n\t\t\t\tsetSelectedRange(newSelectedRange, false);\r\n\t\t\t\tsetPreviewRange(null);\r\n\t\t\t} else setPreviewRange(newSelectedRange);\r\n\t\t}\r\n\t};\r\n\r\n\tconst isOnRange = date => {\r\n\t\tconst output = { selected: false, isFirst: false, isLast: false };\r\n\t\tif (!selectedRange) return output;\r\n\t\tconst [startDate, endDate] = selectedRange;\r\n\t\tconst momentRange = moment().range(startDate, endDate);\r\n\t\tconst selected = momentRange.contains(new Date(date));\r\n\t\tif (!selected) return output;\r\n\t\tconst isFirst = moment(date).format('MM/DD/YYYY') === moment(startDate).format('MM/DD/YYYY');\r\n\t\tconst isLast = moment(date).format('MM/DD/YYYY') === moment(endDate).format('MM/DD/YYYY');\r\n\t\treturn { selected, isFirst, isLast };\r\n\t};\r\n\r\n\tconst isOnPreviewRange = date => {\r\n\t\tconst output = { preview: false, isFirst: false, isLast: false };\r\n\t\tif (!previewRange) return output;\r\n\t\tconst [startDate, endDate] = previewRange;\r\n\t\tconst momentRange = moment().range(startDate, endDate);\r\n\t\tconst preview = isArray(2)(previewRange) ? momentRange.contains(new Date(date)) : false;\r\n\t\tif (!preview) return output;\r\n\t\tconst isFirst = moment(date).format('MM/DD/YYYY') === moment(startDate).format('MM/DD/YYYY');\r\n\t\tconst isLast = moment(date).format('MM/DD/YYYY') === moment(endDate).format('MM/DD/YYYY');\r\n\t\treturn { preview, isFirst, isLast };\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!range) {\r\n\t\t\tsetSelectedRange(null);\r\n\t\t} else if (\r\n\t\t\tisArray(2)(range) &&\r\n\t\t\t(!selectedRange || (isArray(2)(selectedRange) && !moment.range(range).isSame(moment.range(selectedRange))))\r\n\t\t) {\r\n\t\t\tsetSelectedRange(range);\r\n\t\t}\r\n\t}, [range]);\r\n\r\n\tlet blankDays = new Array(firstDayOfMonth)\r\n\t\t.fill(0)\r\n\t\t.map((_, i) => (\r\n\t\t\t\r\n\t\t\t\t {\r\n\t\t\t\t\t\tif (lastMonth === 'December') setYear(year - 1);\r\n\t\t\t\t\t\tsetMonth(lastMonth);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t\t {\r\n\t\t\t\t\t\tif (nextMonth === 'January') setYear(year + 1);\r\n\t\t\t\t\t\tsetMonth(nextMonth);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t{activePicker === 'days' && \r\n\t\t\t\t\t setActivePicker('months')}>{month}\r\n\t\t\t\t\t setActivePicker('years')}>{year}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{weekDayShort.map((day, i) => (\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{day}\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t{months.map((month, i) => {\r\n\t\t\t\tlet attrs = active === month ? { 'data-active': true } : {};\r\n\t\t\t\treturn (\r\n\t\t\t\t\t
\r\n\t);\r\n};\r\n\r\nconst YearsPicker = ({ active, onChange }) => {\r\n\tconst years = new Array(12).fill(0).map((_, i) => 2019 + i);\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t onChange(month)}>\r\n\t\t\t\t\t\t\t{month}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t\r\n\t\t\t{years.map((year, i) => {\r\n\t\t\t\tlet attrs = active === year ? { 'data-active': true } : {};\r\n\t\t\t\treturn (\r\n\t\t\t\t\t
\r\n\t);\r\n};\r\n","import React from \"react\";\r\nimport { Icon, Button, Switch } from \"components\";\r\nimport classNames from \"lib/classNames\";\r\n\r\nconst Alert = ({\r\n type = \"info\",\r\n title,\r\n children,\r\n icon = null,\r\n desc = null,\r\n withSwitch = null,\r\n actions = [],\r\n style = {},\r\n forwardRef = null,\r\n borderPosition = \"border-l-4\",\r\n paddingX = \"px-2\",\r\n className = \"\",\r\n customStyle = {},\r\n inlineIcon,\r\n iconSize,\r\n closable,\r\n iconColor = \"#748094\",\r\n customSvg = false,\r\n}) => {\r\n const styles = {\r\n loading: {\r\n box: \"border-gray-600 bg-white text-gray-600 \" + borderPosition,\r\n title: \"text-gray-600\",\r\n icon: \"text-orange-500\",\r\n inlineIcon: false,\r\n iconSize: \"1x\",\r\n },\r\n info: {\r\n box: \"border-l-4 border-blue-500 bg-white text-gray-500 text-md\",\r\n title: \"text-gray-600\",\r\n icon: \"text-blue-500\",\r\n },\r\n error: {\r\n box: \"border-l-4 border-red-500 bg-white text-gray-500 text-md\",\r\n title: \"text-red-500\",\r\n icon: \"text-gray-600\",\r\n },\r\n warning: {\r\n box:\r\n \"border-orange-400 bg-white text-gray-800 bg-yellow-100 \" +\r\n borderPosition,\r\n title: \"text-gray-900\",\r\n icon: \"text-orange-400\",\r\n inlineIcon: !!inlineIcon,\r\n iconSize: iconSize,\r\n },\r\n warning_secondary: {\r\n box: \"bg-yellow-200 border-b-2 border-yellow-300 text-yellow-800 rounded text-justify\",\r\n title: \"font-semibold text-yellow-800 mb-2 uppercase text-left\",\r\n icon: \"bg-white text-yellow-500 rounded-full w-10 h-10 flex-center border-2 border-yellow-500\",\r\n iconSize: \"1x\",\r\n inlineIcon: true,\r\n },\r\n success: {\r\n box: \"border-l-4 border-green-400 bg-white text-gray-500\",\r\n title: \"text-gray-600 mb-2\",\r\n icon: \"text-green-400\",\r\n },\r\n save_settings: {\r\n box: \"bg-white h-full max-h-full\",\r\n title: \"text-blue-500 uppercase\",\r\n },\r\n };\r\n return (\r\n \r\n\t\t\t\t\t\t onChange(year)}>\r\n\t\t\t\t\t\t\t{year}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t\r\n {!!title && (\r\n \r\n {!!styles[type].inlineIcon && (\r\n \r\n
\r\n )}\r\n \r\n {actions.map((action, i) => (\r\n
\r\n )}\r\n {!!withSwitch && (\r\n \r\n\t\t\t{!multi_currency_checkout_alerted && (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t);\r\n}\r\n","import React from \"react\";\r\nimport classNames from \"lib/classNames\";\r\n\r\nconst GuideContainer = ({\r\n title,\r\n children,\r\n className = \"\",\r\n link = \"\",\r\n linkLabel,\r\n styles = {},\r\n itemsClassName = \"\",\r\n itemsStyles = {},\r\n}) => {\r\n return (\r\n \r\n\t\t\t\t\t\tCurrently customers will only be able to checkout with your default store currency. Visit\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tIUnderstand({\r\n\t\t\t\t\t\t\t\t\tmulti_currency_checkout_alerted: true,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\t{!draft_checkout_alerted && (\r\n\t\t\t\tThis means all store discount codes need to be entered through Upsell Cart. (Not at checkout)
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tVisit\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tIUnderstand({\r\n\t\t\t\t\t\t\t\t\tdraft_checkout_alerted: true,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\r\n
\r\n \r\n \r\n {title}\r\n \r\n {(required || recommended) && (\r\n \r\n \r\n {done ? \"Completed\" : required ? \"Required\" : \"Recommended\"}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {/* */}\r\n \r\n \r\n Welcome To Monster Cart Upsells 🥰\r\n \r\n \r\n Here are a few steps to get started. Reach out to the team if you need\r\n help.\r\n \r\n
\r\n \r\n \r\n {dataLoading || cartLoading ? (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {dataLoading || cartLoading ? (\r\n \r\n {\r\n setCollapsed(!collapsed);\r\n }}\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n Setup Guide\r\n
\r\n\r\n {completedTasks} of 3 tasks completed\r\n
\r\n\r\n
\r\n )\r\n );\r\n};\r\n\r\nexport default TutorialModal;\r\n","import React, { useEffect, useState, useCallback, useContext } from 'react';\r\nimport classNames from 'lib/classNames';\r\nimport styles from 'styles/charge_approval.module.scss'\r\nimport Modal from \"./Modal\"\r\nimport ShopContext from 'context/ShopContext';\r\nimport { trackMixPanelEvent } from \"lib/mixpanel\" \r\n\r\nconst TallyModal = ({ }) => {\r\n const { AppLocalStorage, state: { id : shop} } = useContext(ShopContext)\r\n const [isModalVisible, setIsModalVisible] = useState(!AppLocalStorage.getItem('welcome_video_watched'));\r\n\r\n const close = () => {\r\n AppLocalStorage.setItem(\"welcome_video_watched\", true);\r\n trackMixPanelEvent(\"First login\", shop);\r\n setIsModalVisible(false);\r\n }\r\n\r\n return (\r\n setIsOpen(false)}>
\r\n \r\n \r\n Here are some quick setup tools. If you need further help please\r\n contact the support team.\r\n \r\n
\r\n setIsOpen(false)}>\r\n X\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n close()}\r\n style={{ minWidth: \"900px\", minHeight: \"530px\" }}\r\n background=\"bg-white\"\r\n >\r\n {(close, setTitle) => (\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default TallyModal;","import React from \"react\";\r\nimport { Page, SetupGuide } from \"components\";\r\nimport classNames from \"lib/classNames\";\r\n\r\nconst SetupScreen = ({ setIsOpen }) => {\r\n return (\r\n <>\r\n \r\n Setup guide - Increase revenue\r\n
\r\n\r\n setVoucher(value)}\r\n isFlex\r\n placeholder=\"Voucher code\"\r\n />\r\n {\r\n const planResponse = await API.post(\r\n \"API_GATEWAY_NEW\",\r\n \"/shop/get_plan\",\r\n {\r\n body: {\r\n voucher,\r\n },\r\n }\r\n );\r\n setVoucher(\"\");\r\n setNewPlanRedirect(planResponse.confirmation_url);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {show_coupon && Beta
}\r\n\t\t\t{loading ? \r\n\t\t\t{text}\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nButton.propTypes = {\r\n\ttext: PropTypes.string.isRequired,\r\n\tsize: PropTypes.string.isRequired,\r\n\ticonFirst: PropTypes.bool.isRequired,\r\n\ttype: PropTypes.string.isRequired,\r\n\tstyle: PropTypes.object,\r\n\tclassName: PropTypes.string,\r\n\tloading: PropTypes.bool.isRequired,\r\n};\r\n\r\nButton.defaultProps = {\r\n\ttype: 'primary',\r\n\tstyle: {},\r\n\tsize: 'default',\r\n\tclassName: '',\r\n\tloading: false,\r\n\ttext: '',\r\n\tid: '',\r\n\ticonFirst: true,\r\n\tonClick: undefined,\r\n\tonMouseEnter: undefined,\r\n\tvalue: null,\r\n\tdisabled: false,\r\n\treact_ref: null,\r\n};\r\n\r\nexport default Button;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"dashboard_header__1SEtg\",\"campaignsFilter\":\"dashboard_campaignsFilter__2IrP0\",\"states\":\"dashboard_states__2Edha\",\"loading\":\"dashboard_loading__Krr8K\",\"flashStates\":\"dashboard_flashStates__1GqPW\",\"stateCard\":\"dashboard_stateCard__2mx2a\",\"chart\":\"dashboard_chart__2kbP8\",\"setup\":\"dashboard_setup__YE3HN\",\"ChartMenu\":\"dashboard_ChartMenu__YJw0G\",\"ChartMenuItem\":\"dashboard_ChartMenuItem__2Xz36\",\"title\":\"dashboard_title__2rF4m\",\"value\":\"dashboard_value__3AbLg\",\"step\":\"dashboard_step__3K6jA\",\"icon\":\"dashboard_icon__1wgYA\",\"content\":\"dashboard_content__UugDH\",\"SetupAlert\":\"dashboard_SetupAlert__FEfPa\",\"progress\":\"dashboard_progress__je5D3\",\"pre\":\"dashboard_pre__2YlnK\",\"suf\":\"dashboard_suf__S71wK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dots\":\"image_picker_dots__fPMyv\",\"dots-u8fzftmn\":\"image_picker_dots-u8fzftmn__30QYA\",\"ImagePicker\":\"image_picker_ImagePicker__w1c2B\",\"label\":\"image_picker_label__1onbJ\",\"image\":\"image_picker_image__QrlNm\",\"dots-u8fzftmd\":\"image_picker_dots-u8fzftmd__wEUT1\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"trigger\":\"date_range_trigger__2fPnf\",\"leftIcon\":\"date_range_leftIcon__2k1lI\",\"rightIcon\":\"date_range_rightIcon__ghlXr\",\"content\":\"date_range_content__mNC3n\",\"tag\":\"date_range_tag__2IJlp\",\"text\":\"date_range_text__2xKcV\",\"close\":\"date_range_close__3O9P_\",\"DateRangePicker\":\"date_range_DateRangePicker__1HdVu\",\"menu\":\"date_range_menu__3j24q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"badge\":\"button_badge__1EC_S\",\"button\":\"button_button__1u58-\",\"loadingContainer\":\"button_loadingContainer__1cTz5\",\"withTextRight\":\"button_withTextRight__1JZq1\",\"withTextLeft\":\"button_withTextLeft__2lTZM\",\"type-primary\":\"button_type-primary__2berE\",\"type-circle-icon__primary\":\"button_type-circle-icon__primary__2l6gI\",\"type-circle-icon__default\":\"button_type-circle-icon__default__2IxJb\",\"type-danger\":\"button_type-danger__1F1oQ\",\"type-danger2\":\"button_type-danger2__2XOMm\",\"type-warning\":\"button_type-warning__25mre\",\"type-warning2\":\"button_type-warning2__3Vbhv\",\"type-default\":\"button_type-default__3EyZZ\",\"type-success\":\"button_type-success__35Png\",\"type-success-filled\":\"button_type-success-filled__RMX0E\",\"type-secondary\":\"button_type-secondary__3ZIr-\",\"type-secondary2\":\"button_type-secondary2__1dF-Q\",\"type-info\":\"button_type-info__1Tdq7\",\"type-link\":\"button_type-link__1XRos\",\"type-link-success\":\"button_type-link-success__37z_g\",\"type-link-danger\":\"button_type-link-danger__BkIY3\",\"type-link-primary\":\"button_type-link-primary__nlpil\",\"type-link-info\":\"button_type-link-info__2Suhm\",\"type-link-secondary\":\"button_type-link-secondary__3nkrk\",\"type-link-warning\":\"button_type-link-warning__3ll3g\",\"type-link-default\":\"button_type-link-default__3qI4F\",\"type-circle-primary\":\"button_type-circle-primary__1GKQF\",\"type-circle-secondary\":\"button_type-circle-secondary__2Stkh\",\"type-circle-danger\":\"button_type-circle-danger__2fzNI\",\"type-circle-success\":\"button_type-circle-success__1N7UR\",\"type-circle-warning\":\"button_type-circle-warning__2zQ7H\",\"size-default\":\"button_size-default__3Sr_u\",\"size-small\":\"button_size-small__234ef\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"carousel\":\"carousel_carousel__h6FTM\",\"content\":\"carousel_content__W3ffb\",\"control\":\"carousel_control__1vSvG\"};","import english from './translations/english';\r\nimport french from './translations/french';\r\nimport arabic from './translations/arabic';\r\nimport german from './translations/german';\r\n\r\nexport default { english, french, arabic, german };\r\n","export default {\r\n\trtl: false,\r\n\theader: {\r\n\t\ttitle: 'Your Cart',\r\n\t},\r\n\tempty_cart: '',\r\n\tshipping_option: 'livraison standard',\r\n\tproduct: {\r\n\t\tsold_out: 'Sold Out',\r\n\t},\r\n\tproduct_details: {\r\n\t\tatcButton: { text: 'Add To Cart' },\r\n\t\treadMore: { text: 'Read More' },\r\n\t},\r\n\tmodules: {\r\n\t\tcheckout_button: {\r\n\t\t\tbutton_text: { text: 'Checkout / {{ subtotal }}' },\r\n\t\t\tbutton_text_loading: { text: 'Generating Offer...' },\r\n\t\t\tuse_coupon_code: { text: 'Coupon code' },\r\n\t\t\tenter_coupon_code: { text: 'Enter Coupon Code' },\r\n\t\t\tapply_coupon_code: { text: 'Apply' },\r\n\t\t\tedit_coupon_code: { text: 'Edit' },\r\n\t\t\tclose_coupon_code: { text: 'Close' },\r\n\t\t\tsubtotal: { text: 'Subtotal' },\r\n\t\t\tsavings: { text: 'Savings' },\r\n\t\t\tcoupon_alert_text: { text: 'Code overrides offers' },\r\n\t\t},\r\n\t\trandom_text: {\r\n\t\t\ttext: '100% NO-RISK MONEY BACK GUARANTEE
',\r\n\t\t},\r\n\t\torder_note: {\r\n\t\t\ttext: 'Add a note to your order
',\r\n\t\t}\r\n\t},\r\n\tcampaigns: {\r\n\t\tbundles: {\r\n\t\t\ttext: 'Buy {{quantity}} save {{discount}}',\r\n\t\t\tprefix: '{{individual_price}} each',\r\n\t\t},\r\n\t\tadd_to_unlock: {\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'Frequently Bought Together',\r\n\t\t\t},\r\n\r\n\t\t\tshow_product_details: {\r\n\t\t\t\ttext: 'Show Details',\r\n\t\t\t},\r\n\t\t\tupsell_add_button: {\r\n\t\t\t\ttext: 'Add To Cart',\r\n\t\t\t},\r\n\t\t\tupsell_confirm_button: {\r\n\t\t\t\ttext: 'Confirm',\r\n\t\t\t},\r\n\t\t\tdiscount: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to unlock {{reward}} off
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked {{reward}} off
\",\r\n\t\t\t},\r\n\t\t\tfree_shipping: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to get free shipping
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked Free shipping!
\",\r\n\t\t\t},\r\n\t\t\tseparator: {\r\n\t\t\t\ttext: 'OR',\r\n\t\t\t},\r\n\t\t\tgift: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to get a Free Gift
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked a Free Gift
\",\r\n\t\t\t\tcompare_at_price: {\r\n\t\t\t\t\ttext: \"{{compare_at_price}}\"\r\n\t\t\t\t},\r\n\t\t\t\twidget: {\r\n\t\t\t\t\tbefore: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Add {{amount_left}} to unlock Free Gift 🎁\",\r\n\t\t\t\t\t\tproduct_name: \"Today only offer\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t// variant_selector_text: {\r\n\t\t\t\t\t\t// \ttext: \"Add Gift\"\r\n\t\t\t\t\t\t// },\r\n\t\t\t\t\t},\r\n\t\t\t\t\tselecting: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Select 1 Free Gift\",\r\n\t\t\t\t\t\tproduct_name: \"{{product_name}}\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tvariant_selector_text: {\r\n\t\t\t\t\t\t\ttext: \"Add Gift\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tafter: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"You unlocked a Free Gift! 🎉\",\r\n\t\t\t\t\t\tproduct_name: \"
Only valid today! ⏰
{{product_name}}
\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tvariant_change_text: {\r\n\t\t\t\t\t\t\ttext: \"Change gift\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t},\r\n\t\t\t\tinventory_quantity: {\r\n\t\t\t\t\ttext: \"Only {{inventory_quantity}} left\"\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tone_check_up_sell: {\r\n\t\t\ttext: '🔥 Add {{title}} For {{price}}
',\r\n\t\t},\r\n\t},\r\n};\r\n","export default {\r\n\trtl: false,\r\n\theader: {\r\n\t\ttitle: 'votre panier',\r\n\t},\r\n\tempty_cart: '',\r\n\tshipping_option: 'livraison standard',\r\n\tproduct: {\r\n\t\tsold_out: 'épuisé',\r\n\t},\r\n\tproduct_details: {\r\n\t\tatcButton: { text: 'ajouter au panier' },\r\n\t\treadMore: { text: 'voir plus' },\r\n\t},\r\n\tmodules: {\r\n\t\tcheckout_button: {\r\n\t\t\tbutton_text: { text: 'check-out / {{ subtotal }}' },\r\n\t\t\tbutton_text_loading: { text: 'générer une offre...' },\r\n\t\t\tuse_coupon_code: { text: 'code de coupon' },\r\n\t\t\tenter_coupon_code: { text: 'entrez le coupon' },\r\n\t\t\tapply_coupon_code: { text: 'appliquer' },\r\n\t\t\tedit_coupon_code: { text: 'modifier' },\r\n\t\t\tclose_coupon_code: { text: 'fermer' },\r\n\t\t\tsubtotal: { text: 'total' },\r\n\t\t\tsavings: { text: 'remise' },\r\n\t\t\tcoupon_alert_text: { text: 'Le code remplace les autres offres' },\r\n\t\t},\r\n\t\trandom_text: {\r\n\t\t\ttext: '100% NO-RISK MONEY BACK GUARANTEE
',\r\n\t\t},\r\n\t\torder_note: {\r\n\t\t\ttext: 'Ajoutez une note
',\r\n\t\t}\r\n\t},\r\n\tcampaigns: {\r\n\t\tbundles: {\r\n\t\t\ttext: 'Achetez {{quantity}} économisez {{discount}}',\r\n\t\t\tprefix: '{{individual_price}} chacun',\r\n\t\t},\r\n\t\tadd_to_unlock: {\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'fréquemment achetés ensemble',\r\n\t\t\t},\r\n\r\n\t\t\tshow_product_details: {\r\n\t\t\t\ttext: 'afficher les détails',\r\n\t\t\t},\r\n\t\t\tupsell_add_button: {\r\n\t\t\t\ttext: 'ajouter au panier',\r\n\t\t\t},\r\n\t\t\tupsell_confirm_button: {\r\n\t\t\t\ttext: 'confirmer',\r\n\t\t\t},\r\n\t\t\tdiscount: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\" ajoutez {{amount_left}} pour débloquer {{award}} de réduction
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
vous avez débloqué {{reward}}
\",\r\n\t\t\t},\r\n\t\t\tfree_shipping: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
ajoutez {{amount_left}} pour bénéficier de la livraison gratuite
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
La livraison est GRATUITE
\",\r\n\t\t\t},\r\n\t\t\tseparator: {\r\n\t\t\t\ttext: 'OU',\r\n\t\t\t},\r\n\t\t\tgift: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to get a Free Gift
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked a Free Gift
\",\r\n\t\t\t\tcompare_at_price: {\r\n\t\t\t\t\ttext: \"{{compare_at_price}}\"\r\n\t\t\t\t},\r\n\t\t\t\twidget: {\r\n\t\t\t\t\tbefore: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Spend {{goal}} Get A Free Gift 🎁\",\r\n\t\t\t\t\t\tproduct_name: \"Free gift: {{product_name}}\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tafter: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Hurry! This offer is only valid today! ⏰\",\r\n\t\t\t\t\t\tproduct_name: \"
You unlocked this! 🎉
Free gift: {{product_name}}
\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tone_check_up_sell: {\r\n\t\t\ttext: '🔥 ajouter {{title}} pour {{price}}
',\r\n\t\t},\r\n\t},\r\n};\r\n","export default {\r\n\trtl: true,\r\n\theader: {\r\n\t\ttitle: 'حقيبة التسوق',\r\n\t},\r\n\tempty_cart: '',\r\n\tshipping_option: 'شحن عادي',\r\n\tproduct: {\r\n\t\tsold_out: 'غير متوفر',\r\n\t},\r\n\tproduct_details: {\r\n\t\tatcButton: { text: 'اضف الى حقيبة التسوق' },\r\n\t\treadMore: { text: 'اظهر المزيد' },\r\n\t},\r\n\tmodules: {\r\n\t\tcheckout_button: {\r\n\t\t\tbutton_text: { text: 'اتمام عملية الشراء / {{ subtotal }}' },\r\n\t\t\tbutton_text_loading: { text: 'اتمام عملية الشراء' },\r\n\t\t\tuse_coupon_code: { text: 'كوبون خصم' },\r\n\t\t\tenter_coupon_code: { text: 'ادخل الكود ان كان لديك كوبون خصم' },\r\n\t\t\tapply_coupon_code: { text: 'استخدام' },\r\n\t\t\tedit_coupon_code: { text: 'تعديل' },\r\n\t\t\tclose_coupon_code: { text: 'اغلاق' },\r\n\t\t\tsubtotal: { text: 'المجموع' },\r\n\t\t\tsavings: { text: 'التوفير' },\r\n\t\t\tcoupon_alert_text: { text: 'كود الخصم يلغي بقية العروض' },\r\n\t\t},\r\n\t\trandom_text: {\r\n\t\t\ttext: '100% NO-RISK MONEY BACK GUARANTEE
',\r\n\t\t},\r\n\t\torder_note: {\r\n\t\t\ttext: 'Add a note to your order
',\r\n\t\t}\r\n\t},\r\n\tcampaigns: {\r\n\t\tbundles: {\r\n\t\t\ttext: 'إشتري {{quantity}} و وفر {{discount}}',\r\n\t\t\tprefix: '{{individual_price}} للوحدة',\r\n\t\t},\r\n\t\tadd_to_unlock: {\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'منتجات ممكن أن تعجبك',\r\n\t\t\t},\r\n\r\n\t\t\tshow_product_details: {\r\n\t\t\t\ttext: 'أظهر المزيد',\r\n\t\t\t},\r\n\t\t\tupsell_add_button: {\r\n\t\t\t\ttext: 'أضف إلى حقيبة التسوق',\r\n\t\t\t},\r\n\t\t\tupsell_confirm_button: {\r\n\t\t\t\ttext: 'تأكيد',\r\n\t\t\t},\r\n\t\t\tdiscount: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\" أظف {{amount_left}} للحصول على تخفيض {{award}}
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
لقد حصلت على تخفيض {{reward}}
\",\r\n\t\t\t},\r\n\t\t\tfree_shipping: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
أظف {{amount_left}} للحصول على شحن مجاني
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
لقد حصلت على شحن مجاني
\",\r\n\t\t\t},\r\n\t\t\tseparator: {\r\n\t\t\t\ttext: 'أو',\r\n\t\t\t},\r\n\t\t\tgift: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to get a Free Gift
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked a Free Gift
\",\r\n\t\t\t\tcompare_at_price: {\r\n\t\t\t\t\ttext: \"{{compare_at_price}}\"\r\n\t\t\t\t},\r\n\t\t\t\twidget: {\r\n\t\t\t\t\tbefore: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Spend {{goal}} Get A Free Gift 🎁\",\r\n\t\t\t\t\t\tproduct_name: \"Free gift: {{product_name}}\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tafter: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Hurry! This offer is only valid today! ⏰\",\r\n\t\t\t\t\t\tproduct_name: \"
You unlocked this! 🎉
Free gift: {{product_name}}
\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tone_check_up_sell: {\r\n\t\t\ttext: '🔥 أظف {{title}} مقابل {{price}}
',\r\n\t\t},\r\n\t},\r\n};\r\n","export default {\r\n\trtl: true,\r\n\theader: {\r\n\t\ttitle: 'Dein Warenkorb',\r\n\t},\r\n\tempty_cart: '',\r\n\tshipping_option: 'Kostenloser Versand',\r\n\tproduct: {\r\n\t\tsold_out: 'Ausverkauft',\r\n\t},\r\n\tproduct_details: {\r\n\t\tatcButton: { text: 'In den Warenkorb' },\r\n\t\treadMore: { text: 'Mehr lesen' },\r\n\t},\r\n\tmodules: {\r\n\t\tcheckout_button: {\r\n\t\t\tbutton_text: { text: 'Zur Kasse / {{ subtotal }}' },\r\n\t\t\tbutton_text_loading: { text: 'Neu generieren' },\r\n\t\t\tuse_coupon_code: { text: 'Rabattcode' },\r\n\t\t\tenter_coupon_code: { text: 'Rabattcode eingeben' },\r\n\t\t\tapply_coupon_code: { text: 'Anwenden' },\r\n\t\t\tedit_coupon_code: { text: 'Ändern' },\r\n\t\t\tclose_coupon_code: { text: 'Schließen' },\r\n\t\t\tsubtotal: { text: 'Zwischensumme' },\r\n\t\t\tsavings: { text: 'Du sparst' },\r\n\t\t\tcoupon_alert_text: { text: 'Rabattcode nicht anwendbar' },\r\n\t\t},\r\n\t\trandom_text: {\r\n\t\t\ttext: '100% NO-RISK MONEY BACK GUARANTEE
',\r\n\t\t},\r\n\t\torder_note: {\r\n\t\t\ttext: 'Add a note to your order
',\r\n\t\t}\r\n\t},\r\n\tcampaigns: {\r\n\t\tbundles: {\r\n\t\t\ttext: 'Kaufe {{quantity}} Artikel,spare {{discount}}',\r\n\t\t\tprefix: '{{individual_price}} pro Set',\r\n\t\t},\r\n\t\tadd_to_unlock: {\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'Wird oft zusammen gekauft',\r\n\t\t\t},\r\n\r\n\t\t\tshow_product_details: {\r\n\t\t\t\ttext: 'Zur Produktseite',\r\n\t\t\t},\r\n\t\t\tupsell_add_button: {\r\n\t\t\t\ttext: 'Hinzufügen',\r\n\t\t\t},\r\n\t\t\tupsell_confirm_button: {\r\n\t\t\t\ttext: 'Bestätigen',\r\n\t\t\t},\r\n\t\t\tdiscount: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"Füge Produkte im Wert von {{amount_left}} hinzu, um zusätzlich {{reward}} zu sparen
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"Du sparst zusätzlich {{reward}} auf deine Bestellung
\",\r\n\t\t\t},\r\n\t\t\tfree_shipping: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\" Bitte Fügen Sie {{amount_left}} hinzu, um kostenlosen Versand zu erhalten
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
Sie haben den Kostenlosen Versand freigeschaltet
\",\r\n\t\t\t},\r\n\t\t\tseparator: {\r\n\t\t\t\ttext: 'Wie wäre es mit',\r\n\t\t\t},\r\n\t\t\tgift: {\r\n\t\t\t\tbefore:\r\n\t\t\t\t\t\"
Add {{amount_left}} to get a Free Gift
\",\r\n\t\t\t\tafter:\r\n\t\t\t\t\t\"
You've unlocked a Free Gift
\",\r\n\t\t\t\tcompare_at_price: {\r\n\t\t\t\t\ttext: \"{{compare_at_price}}\"\r\n\t\t\t\t},\r\n\t\t\t\twidget: {\r\n\t\t\t\t\tbefore: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Spend {{goal}} Get A Free Gift 🎁\",\r\n\t\t\t\t\t\tproduct_name: \"Free gift: {{product_name}}\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\tafter: {\r\n\t\t\t\t\t\theader:\r\n\t\t\t\t\t\t\t\"Hurry! This offer is only valid today! ⏰\",\r\n\t\t\t\t\t\tproduct_name: \"
You unlocked this! 🎉
Free gift: {{product_name}}
\",\r\n\t\t\t\t\t\toffer_highlight: {\r\n\t\t\t\t\t\t\ttext: \"Free\"\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tone_check_up_sell: {\r\n\t\t\ttext: '🔥 Add {{title}} For {{price}}
',\r\n\t\t},\r\n\t},\r\n};\r\n\r\n// 6f74adbe-fd22-4934-b17b-39020f42349f","import uuid from 'uuid/v1';\r\nimport PriorityProcessingImage from './PriorityProcessings.base6';\r\nimport Languages from './translations';\r\nimport { getIn } from 'immutable';\r\n// import compareVersions from 'compare-versions';\r\n\r\nexport const BREAK_POINTS = {\r\n kill_draft: shopContext => {\r\n return shopContext.state.settings.multiCurrencyMode;\r\n // const installedAt = new Date(shopContext.state.installedAt).getTime();\r\n // const breakPoint = new Date('Sun Apr 18 2021 15:00:00 GMT+0100').getTime();\r\n // return installedAt > breakPoint;\r\n }\r\n};\r\n\r\nexport const CAMPAIGN_TARGETS = [\r\n {\r\n value: 'all_products',\r\n label: 'All Products',\r\n disabled: ({ state }, shopContext) => {\r\n return BREAK_POINTS['kill_draft'](shopContext)\r\n ? state.settings.type === 'bundles'\r\n : false;\r\n }\r\n },\r\n { value: 'specific_products', label: 'Specific Products' },\r\n { value: 'specific_collections', label: 'Specific Collections' }\r\n];\r\nexport const ADD_TO_UNLOCK_FREE_SHIPPING_HANDLER = [\r\n {\r\n value: false,\r\n label: 'MonsterUpsells',\r\n info: 'Shopify will inject a unique Free Shipping coupon code at checkout'\r\n },\r\n {\r\n value: true,\r\n label: 'Shopify Admin',\r\n info: 'You need to setup Free Shipping threshold in Shopify Admin',\r\n link: {\r\n href:\r\n 'https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/setting-up-shipping-rates?fbclid=IwAR3OtBxohPJS0X1kzl1sOLfIqyCHkJkiLGiJPwmeAlkK3MAfZN6VdtmQw2s#create-free-shipping-rates',\r\n text: 'Learn More'\r\n }\r\n }\r\n];\r\nexport const CAMPAIGN_TYPES = {\r\n bundles: 'buy more save more',\r\n add_to_unlock: 'Add to unlock + Frequently bought Together',\r\n one_check_up_sell: 'one tick upsell'\r\n};\r\n\r\nexport const ONE_CHECK_UP_SELL_PRODUCT_TYPE_OPTIONS = [\r\n { value: 'hidden', label: 'Virtual Product' },\r\n { value: 'existing', label: 'Existing Product' }\r\n];\r\n\r\nexport const GOOGLE_FONTS = [\r\n { value: 'Raleway', label: 'Raleway' },\r\n { value: 'Dosis', label: 'Dosis' }\r\n];\r\n\r\nexport const RESOURCE_PICKER_DEFAULT_REDUCERS = {\r\n Product: ({ id, title, variants, images, handle }) => ({\r\n id,\r\n title,\r\n handle,\r\n image: images.length ? images[0].originalSrc : null,\r\n price: variants[0].price\r\n }),\r\n Collection: ({ id, title, image, handle }) => ({\r\n id,\r\n title,\r\n handle,\r\n image: image && image.originalSrc ? image.originalSrc : null\r\n })\r\n};\r\n\r\nexport const ADD_TO_UNLOCK_PRODUCTS_PICKER_REDUCER = ({\r\n id,\r\n title,\r\n variants,\r\n options,\r\n images,\r\n handle\r\n}) => ({\r\n id,\r\n title,\r\n handle,\r\n image: images.length ? images[0].originalSrc : null,\r\n variants: variants.map(ADD_TO_UNLOCK_PRODUCTS_VARIANTS_MAP),\r\n options\r\n});\r\n\r\nexport const ONE_CHECK_UP_SELL_PRODUCT_REDUCER = ({\r\n id,\r\n title,\r\n variants,\r\n options,\r\n images,\r\n image,\r\n handle,\r\n body_html\r\n}) => ({\r\n id: id.toString(),\r\n title: title.toString(),\r\n handle,\r\n image: image ? image.originalSrc : images[0].src || images[0].originalSrc,\r\n variant_id: variants[0].id.toString(),\r\n options,\r\n variants: variants.map(ADD_TO_UNLOCK_PRODUCTS_VARIANTS_MAP)\r\n});\r\n\r\nexport const GIFT_WITH_PURCHASE_PRODUCT_REDUCER = product => {\r\n const { id, title, variants, options, images, image, handle, body_html } = product;\r\n const variant = variants[0];\r\n if (!variant) throw new Error('variant not found');\r\n const price = Number(variant.price) * 100;\r\n const compareAtPrice = variant.compareAtPrice ? Number(variant.compareAtPrice) * 100 : price;\r\n const productImage = image ? image.originalSrc : images[0].src || images[0].originalSrc;\r\n return {\r\n id: id.toString(),\r\n title: title.toString(),\r\n handle,\r\n image: image ? image.originalSrc : images[0].src || images[0].originalSrc,\r\n variant_id: variants[0].id.toString(),\r\n variants: variants.map(ADD_TO_UNLOCK_PRODUCTS_VARIANTS_MAP),\r\n options,\r\n variant_price: compareAtPrice\r\n };\r\n};\r\n\r\nconst ADD_TO_UNLOCK_PRODUCTS_VARIANTS_MAP = ({\r\n id,\r\n title,\r\n price,\r\n image,\r\n productImage = null,\r\n compareAtPrice\r\n}) => ({\r\n id: id.toString(),\r\n title,\r\n price,\r\n compare_at_price: compareAtPrice ? Number(compareAtPrice) * 100 : undefined,\r\n image: image ? image.originalSrc : productImage\r\n});\r\n\r\nexport const DISCOUNT_TYPES = (currency = '$ ') => [\r\n { label: '% ', value: 'percentage' },\r\n { label: `${currency} `, value: 'fixed_amount' }\r\n];\r\n\r\nexport const GET_GOAL_TYPES = (currency = '$ ') => {\r\n return [{ label: '% ', value: 'relative' }, { label: `${currency} `, value: 'fixed' }];\r\n};\r\n\r\nexport const ADD_TO_UNLOCK_REWARD_OPTIONS = (goals, index) => {\r\n const otherGoals = goals.filter((_, i) => i !== index).map(({ reward_type }) => reward_type);\r\n return [\r\n {\r\n value: 'discount',\r\n label: 'Discount',\r\n info: 'Unlock discounts that will be auto aded to the checkout using discount codes'\r\n },\r\n {\r\n value: 'free_shipping',\r\n label: 'Free Shipping',\r\n info: 'You need to setup free shipping options in Shopify Admin',\r\n disabled: otherGoals.includes('free_shipping')\r\n },\r\n {\r\n value: 'gift',\r\n label: 'Free Gift',\r\n info: 'Select a product as a free gift when cart goals are met',\r\n disabled: !goals[index].gift\r\n // beta: true\r\n },\r\n {\r\n value: 'manual',\r\n label: 'Manual',\r\n infoHtml: true,\r\n info:\r\n 'Create a goal that you will reward yourself.Example: Free products, Gift wrapping, Free express shipping'\r\n }\r\n ];\r\n};\r\n\r\nexport const CART_SLIDER_SETTINGS = {\r\n dots: false,\r\n arrows: false,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n adaptiveHeight: false,\r\n draggable: false,\r\n infinite: false,\r\n easing: 'easeOut'\r\n};\r\n\r\nconst default_background = { r: 255, g: 255, b: 255, a: 1 };\r\nconst default_primary = { a: 1, b: 248, g: 117, r: 90 };\r\nconst default_secondary = { a: 1, b: 255, g: 222, r: 215 };\r\nconst default_font_color = { r: 22, g: 37, b: 67, a: 1 };\r\nconst default_danger = { r: 239, g: 68, b: 68, a: 1 };\r\n\r\nexport const NEW_CAMPAIGN_INITIAL_STATE = (\r\n {\r\n checkout_button = {\r\n background: default_primary,\r\n hoverBackground: default_secondary\r\n },\r\n primary = default_primary,\r\n secondary = default_secondary,\r\n font_color = default_font_color,\r\n background = default_background,\r\n danger = default_danger,\r\n type = 'add_to_unlock',\r\n multiCurrencyMode\r\n } = {},\r\n language,\r\n currency\r\n) => {\r\n language = Object.keys(Languages).includes(language) ? language : 'english';\r\n const __ = translate(language);\r\n return {\r\n name: '',\r\n settings: {\r\n type,\r\n applied_discount_title: 'Special Discount',\r\n bundles: {\r\n text: __('campaigns.bundles.text'),\r\n prefix: __('campaigns.bundles.prefix'),\r\n font_size: 0.8,\r\n background: secondary,\r\n color: font_color,\r\n activeBackground: primary,\r\n activeColor: background,\r\n list: [\r\n { id: uuid(), type: 'percentage', quantity: 2, reward: 10 },\r\n { id: uuid(), type: 'percentage', quantity: 3, reward: 15 }\r\n ],\r\n style: 'vertical',\r\n labelColor: primary,\r\n variantsPicker: {\r\n active: true,\r\n label: 'Product #{{number}}',\r\n confirm: 'Confirm',\r\n textColor: default_font_color,\r\n dropdownTextColor: primary,\r\n dropdownBackground: secondary,\r\n confirmTextColor: background,\r\n confirmBackground: primary\r\n }\r\n },\r\n add_to_unlock: {\r\n isActive: true,\r\n show_all_locked_goals: false,\r\n title: {\r\n text: __('campaigns.add_to_unlock.title.text'),\r\n font_size: 1,\r\n color: font_color\r\n },\r\n background: secondary,\r\n borderColor: secondary,\r\n show_product_details: {\r\n text: __('campaigns.add_to_unlock.show_product_details.text'),\r\n font_size: 0.7,\r\n color: primary\r\n },\r\n product_title: { text: '{{product_title}}', font_size: 1, color: font_color },\r\n product_price: {\r\n text: '{{original_price}}{{product_price}}',\r\n font_size: 0.9,\r\n color: font_color\r\n },\r\n upsell_add_button: {\r\n text: __('campaigns.add_to_unlock.upsell_add_button.text'),\r\n color: primary,\r\n font_size: 0.8\r\n },\r\n upsell_confirm_button: {\r\n text: __('campaigns.add_to_unlock.upsell_confirm_button.text'),\r\n font_size: 0.8\r\n },\r\n show_suggestions: true,\r\n recommendation_type: 'shopify_recommendation',\r\n products_length: 2,\r\n exclude_tags: [],\r\n products: [],\r\n separator: { active: false, text: __('campaigns.add_to_unlock.separator.text') },\r\n multi_goal_type: 'amount',\r\n show_badges: false,\r\n goals: [\r\n {\r\n badge: {\r\n show_text: true,\r\n text: { text: '{{goal}}', font_size: 1, color: default_primary },\r\n type: 2,\r\n image: null\r\n }, // goal: 40, // or custom_recommendation shopify_recommendation // quantity\r\n specific_goals: [{ currency, goal: 40, main: true }],\r\n reward_type: 'free_shipping',\r\n goal_type: 'fixed',\r\n goal_text: {\r\n text: 'Free Shipping',\r\n font_size: 0.7,\r\n color: { r: 44, g: 50, b: 59, a: 1 }\r\n },\r\n show_goal_text: false,\r\n confetti: false,\r\n confetti_length: 400,\r\n discount: {\r\n type: 'percentage',\r\n before: __('campaigns.add_to_unlock.discount.before'),\r\n after: __('campaigns.add_to_unlock.discount.after'),\r\n reward: 10\r\n },\r\n free_shipping: {\r\n before: __('campaigns.add_to_unlock.free_shipping.before'),\r\n after: __('campaigns.add_to_unlock.free_shipping.after'),\r\n manual: true\r\n },\r\n manual: {\r\n before: __('campaigns.add_to_unlock.free_shipping.before'),\r\n after: __('campaigns.add_to_unlock.free_shipping.after')\r\n },\r\n gift: {\r\n before: __('campaigns.add_to_unlock.gift.before'),\r\n after: __('campaigns.add_to_unlock.gift.after'), // product: {}, // free_shipping,discount, manual, gift\r\n products: [],\r\n previous_gift: 'keep',\r\n multi_gift_select: 'select',\r\n widget: {\r\n active: true,\r\n compare_at_price_active: true,\r\n compare_at_price: {\r\n color: { r: 141, g: 141, b: 141, a: 1 },\r\n font_size: 1,\r\n text: __('campaigns.add_to_unlock.gift.compare_at_price.text')\r\n },\r\n before: {\r\n header: __('campaigns.add_to_unlock.gift.widget.before.header'),\r\n product_name: __(\r\n 'campaigns.add_to_unlock.gift.widget.before.product_name'\r\n ),\r\n offer_highlight: {\r\n color: { r: 95, g: 95, b: 95, a: 1 },\r\n font_size: 1.2,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.before.offer_highlight.text'\r\n )\r\n }, // variant_selector_text: {\r\n // color: background,\r\n // font_size: 1,\r\n // text: __(\"campaigns.add_to_unlock.gift.widget.before.variant_selector_text.text\")\r\n // },\r\n background: { r: 242, g: 245, b: 255, a: 1 },\r\n outline: { r: 196, g: 196, b: 196, a: 1 }, // variant_button_background: primary,\r\n multi_gift_image:\r\n 'https://d1s1zm0vzu692k.cloudfront.net/static/images/default_gifts.png'\r\n },\r\n selecting: {\r\n header: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.header'\r\n ),\r\n product_name: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.product_name'\r\n ),\r\n offer_highlight: {\r\n color: { r: 95, g: 95, b: 95, a: 1 },\r\n font_size: 1.2,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.offer_highlight.text'\r\n )\r\n },\r\n variant_selector_text: {\r\n color: background,\r\n font_size: 1,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.variant_selector_text.text'\r\n )\r\n },\r\n background: { r: 242, g: 245, b: 255, a: 1 },\r\n outline: { r: 196, g: 196, b: 196, a: 1 },\r\n variant_button_background: primary\r\n },\r\n after: {\r\n header: __('campaigns.add_to_unlock.gift.widget.after.header'),\r\n product_name: __(\r\n 'campaigns.add_to_unlock.gift.widget.after.product_name'\r\n ),\r\n offer_highlight: {\r\n color: { r: 79, g: 181, b: 110, a: 1 },\r\n font_size: 1.2,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.after.offer_highlight.text'\r\n )\r\n },\r\n background: { r: 248, g: 251, b: 246, a: 1 },\r\n outline: { r: 203, g: 235, b: 206, a: 1 },\r\n variant_change_text: {\r\n color: { r: 134, g: 134, b: 134, a: 1 },\r\n font_size: 1,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.after.variant_change_text.text'\r\n )\r\n }\r\n }\r\n }\r\n }\r\n }\r\n ],\r\n separator: { active: false, text: __('campaigns.add_to_unlock.separator.text') },\r\n progress_primary: primary,\r\n progress_secondary: secondary,\r\n progress_complete: { a: 1, r: 87, g: 239, b: 197 },\r\n progress_background: { a: 1, r: 255, g: 255, b: 255 },\r\n product_details: {\r\n atcButton: {\r\n color: { a: 1, b: 255, g: 255, r: 255 },\r\n font_size: 1,\r\n text: __('product_details.atcButton.text')\r\n },\r\n atcButton_background: { a: 1, b: 248, g: 117, r: 90 },\r\n atcButton_hoverBackground: { a: 1, b: 206, g: 206, r: 206 },\r\n external: false,\r\n readMore: {\r\n color: { a: 1, b: 248, g: 117, r: 90 },\r\n font_size: 1,\r\n text: __('product_details.readMore.text')\r\n },\r\n truncate: true,\r\n truncate_length: 200\r\n },\r\n fbt_below: true,\r\n fbt_position: 'above_checkout'\r\n }, // one_check_up_sell: default_one_check_upsell(language),\r\n // inventory_quantity: {\r\n // active: true,\r\n // text: __(\"campaigns.add_to_unlock.gift.inventory_quantity.text\")\r\n // }\r\n multi_one_check_upsell: {\r\n variant: 'square',\r\n align: 'natural',\r\n border: false,\r\n border_color: { r: 226, g: 232, b: 240, a: 1 },\r\n switch_on: primary,\r\n switch_off: secondary,\r\n highlight: primary,\r\n products: [default_one_check_upsell(language)]\r\n },\r\n modules: {\r\n order: ['checkout_button', 'random_text', 'order_note'],\r\n random_text: { text: __('modules.random_text.text'), active: false },\r\n order_note: { text: __('modules.order_note.text'), active: false },\r\n checkout_button: {\r\n show_subtotal: true,\r\n fix_checkout_container: true,\r\n active_continue_shopping_button: false,\r\n active_continue_shopping_underlined: true,\r\n continue_shopping_button: {\r\n text: 'Continue shopping',\r\n font_size: 1,\r\n color: primary\r\n },\r\n button_text: {\r\n text: __('modules.checkout_button.button_text.text'),\r\n font_size: 1.3,\r\n color: background\r\n },\r\n button_text_loading: {\r\n text: __('modules.checkout_button.button_text_loading.text'),\r\n color: background\r\n },\r\n background: checkout_button.background,\r\n hoverBackground: checkout_button.hoverBackground,\r\n coupon: {\r\n background: checkout_button.background,\r\n hoverBackground: checkout_button.hoverBackground,\r\n active_background: checkout_button.background,\r\n active_color: secondary\r\n },\r\n coupon_alert_text: {\r\n text: __('modules.checkout_button.coupon_alert_text.text'),\r\n font_size: 1,\r\n color: danger\r\n },\r\n use_coupon_code: {\r\n text: __('modules.checkout_button.use_coupon_code.text'),\r\n font_size: 0.9,\r\n color: { r: 160, g: 160, b: 160, a: 1 }\r\n },\r\n enter_coupon_code: {\r\n text: __('modules.checkout_button.enter_coupon_code.text'),\r\n font_size: 0.9,\r\n color: secondary\r\n },\r\n apply_coupon_code: {\r\n text: __('modules.checkout_button.apply_coupon_code.text'),\r\n font_size: 1,\r\n color: background\r\n },\r\n edit_coupon_code: {\r\n text: __('modules.checkout_button.edit_coupon_code.text'),\r\n font_size: 0.9\r\n },\r\n close_coupon_code: {\r\n text: __('modules.checkout_button.close_coupon_code.text'),\r\n font_size: 0.9\r\n },\r\n subtotal: {\r\n text: __('modules.checkout_button.subtotal.text'),\r\n font_size: 1.3,\r\n color: font_color\r\n },\r\n savings: {\r\n text: __('modules.checkout_button.savings.text'),\r\n font_size: 1.3,\r\n color: checkout_button.background\r\n }\r\n }\r\n }\r\n },\r\n target: {\r\n type: 'all_products',\r\n selected: [],\r\n countries: {\r\n include_active: false,\r\n include: ['worldwide'],\r\n exclude_active: false,\r\n exclude: []\r\n }\r\n }\r\n };\r\n};\r\n\r\nfunction translate(language) {\r\n return path => {\r\n path = path.split('.');\r\n return getIn(Languages[language], path) || getIn(Languages.english, path);\r\n };\r\n}\r\n\r\nexport const default_one_check_upsell = language => {\r\n const __ = translate(language);\r\n return {\r\n text: __('campaigns.one_check_up_sell.text'),\r\n is_ticked_by_default: false,\r\n include_in_atu: true,\r\n product: {},\r\n product_type: 'existing',\r\n truncate: true,\r\n truncate_length: 25\r\n };\r\n};\r\n\r\nexport const SHOP_DEFAULT_SETTINGS = language => {\r\n language = Object.keys(Languages).includes(language) ? language : 'english';\r\n const __ = translate(language);\r\n return {\r\n modules: NEW_CAMPAIGN_INITIAL_STATE({}, language).settings.modules,\r\n active: false,\r\n open_cart: true,\r\n multiCurrencyMode: true,\r\n rtl: __('rtl'),\r\n curved: true,\r\n show_coupon: false,\r\n show_coupon_alert_text: true,\r\n is_checkout_condition_active: false,\r\n checkout_condition_color: default_primary,\r\n checkout_condition_text: 'I agree to Terms & conditions',\r\n active_continue_shopping_button: true,\r\n active_continue_shopping_underlined: true,\r\n count_compare_at: true,\r\n continue_shopping_button: {\r\n text: 'Continue shopping',\r\n font_size: 1,\r\n font_weight: 700,\r\n color: default_primary\r\n },\r\n empty_cart:\r\n '
![](\"https://cdn.shopify.com/s/files/1/0597/9367/0293/t/38/assets/download.png?v=1667818689\")
Guaranteed Safe & Secure Checkout
![](\"https://storage.crisp.chat/users/upload/operator/efc812c3c6152000/payment-methods-min_dp91kr.png\")
Buying a Gift? Let us wrap it for you!
One of our team, will carefully wrap all you items individually to make your (someone special)...feel special!
'\r\n },\r\n {\r\n id: 4,\r\n title: 'Fast Processing',\r\n price: 2.55,\r\n body_html:\r\n \"Want to get your order FAST?
Get Priority Processing and we'll bump your order up to the front of the line.
\"\r\n },\r\n {\r\n id: 2,\r\n title: 'Extended waranty',\r\n price: 4.19,\r\n body_html: 'We will cover any manufacturing faults for 2 years!
'\r\n }\r\n];\r\nexport const TEST_COOKIE_NAME = 'shopifyTestCookie';\r\nexport const GRANTED_STORAGE_ACCESS_COOKIE_NAME = 'shopify.granted_storage_access';\r\n\r\nexport const DEFAULT_GOAL = ({ multi_goal_type, goals }, language, currency) => {\r\n language = Object.keys(Languages).includes(language) ? language : 'english';\r\n const index = goals.length;\r\n const goal = multi_goal_type === 'amount' ? 40 + 20 * index : 2 + 2 * index;\r\n const reward = 10 + 5 * index;\r\n const __ = translate(language);\r\n return {\r\n // goal,\r\n badge: {\r\n show_text: true,\r\n text: {\r\n text: '{{goal}}',\r\n font_size: 1,\r\n color: default_primary\r\n },\r\n type: 2,\r\n image: null\r\n },\r\n specific_goals: [\r\n {\r\n currency,\r\n goal,\r\n main: true\r\n }\r\n ],\r\n reward_type: 'discount', // free_shipping,discount,gift\r\n goal_type: 'fixed',\r\n goal_text: {\r\n text: reward + '% OFF',\r\n font_size: 0.7,\r\n color: {\r\n r: 44,\r\n g: 50,\r\n b: 59,\r\n a: 1\r\n }\r\n },\r\n show_goal_text: true,\r\n confetti: false,\r\n confetti_length: 400,\r\n discount: {\r\n type: 'percentage',\r\n before: __('campaigns.add_to_unlock.discount.before'),\r\n after: __('campaigns.add_to_unlock.discount.after'),\r\n reward\r\n },\r\n free_shipping: {\r\n before: __('campaigns.add_to_unlock.free_shipping.before'),\r\n after: __('campaigns.add_to_unlock.free_shipping.after'),\r\n manual: true\r\n },\r\n manual: {\r\n before: __('campaigns.add_to_unlock.free_shipping.before'),\r\n after: __('campaigns.add_to_unlock.free_shipping.after')\r\n },\r\n gift: {\r\n before: __('campaigns.add_to_unlock.gift.before'),\r\n after: __('campaigns.add_to_unlock.gift.after'),\r\n // product: {},\r\n products: [],\r\n previous_gift: 'keep',\r\n multi_gift_select: 'select',\r\n widget: {\r\n active: true,\r\n compare_at_price_active: true,\r\n compare_at_price: {\r\n color: { r: 141, g: 141, b: 141, a: 1 },\r\n font_size: 1,\r\n text: __('campaigns.add_to_unlock.gift.compare_at_price.text')\r\n },\r\n before: {\r\n header: __('campaigns.add_to_unlock.gift.widget.before.header'),\r\n product_name: __('campaigns.add_to_unlock.gift.widget.before.product_name'),\r\n offer_highlight: {\r\n color: { r: 95, g: 95, b: 95, a: 1 },\r\n font_size: 1.2,\r\n text: __('campaigns.add_to_unlock.gift.widget.before.offer_highlight.text')\r\n },\r\n // variant_selector_text: {\r\n // color: { r: 255, g: 255, b: 255, a: 1 },\r\n // font_size: 1,\r\n // text: __(\"campaigns.add_to_unlock.gift.widget.before.variant_selector_text.text\"),\r\n // },\r\n background: { r: 242, g: 245, b: 255, a: 1 },\r\n outline: { r: 196, g: 196, b: 196, a: 1 },\r\n // variant_button_background: { r: 10, g: 133, b: 255, a: 1 },\r\n multi_gift_image:\r\n 'https://d1s1zm0vzu692k.cloudfront.net/static/images/default_gifts.png'\r\n },\r\n selecting: {\r\n header: __('campaigns.add_to_unlock.gift.widget.selecting.header'),\r\n product_name: __('campaigns.add_to_unlock.gift.widget.selecting.product_name'),\r\n offer_highlight: {\r\n color: { r: 95, g: 95, b: 95, a: 1 },\r\n font_size: 1.2,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.offer_highlight.text'\r\n )\r\n },\r\n variant_selector_text: {\r\n color: { r: 255, g: 255, b: 255, a: 1 },\r\n font_size: 1,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.selecting.variant_selector_text.text'\r\n )\r\n },\r\n background: { r: 242, g: 245, b: 255, a: 1 },\r\n outline: { r: 196, g: 196, b: 196, a: 1 },\r\n variant_button_background: { r: 10, g: 133, b: 255, a: 1 }\r\n },\r\n after: {\r\n header: __('campaigns.add_to_unlock.gift.widget.after.header'),\r\n product_name: __('campaigns.add_to_unlock.gift.widget.after.product_name'),\r\n offer_highlight: {\r\n color: { r: 79, g: 181, b: 110, a: 1 },\r\n font_size: 1.2,\r\n text: __('campaigns.add_to_unlock.gift.widget.after.offer_highlight.text')\r\n },\r\n background: { r: 248, g: 251, b: 246, a: 1 },\r\n outline: { r: 203, g: 235, b: 206, a: 1 },\r\n variant_change_text: {\r\n color: { r: 134, g: 134, b: 134, a: 1 },\r\n font_size: 1,\r\n text: __(\r\n 'campaigns.add_to_unlock.gift.widget.after.variant_change_text.text'\r\n )\r\n }\r\n }\r\n }\r\n // inventory_quantity: {\r\n // active: true,\r\n // text: __(\"campaigns.add_to_unlock.gift.inventory_quantity.text\")\r\n // }\r\n }\r\n };\r\n};\r\nexport const COD_FORM = [];\r\n\r\nexport const STICKY_CART_OPTIONS = {\r\n btnStyles: [\r\n { value: 'square', label: 'Square' },\r\n { value: 'curvy', label: 'Curvy' }\r\n // { value: 'organic', label: 'Organic' },\r\n ],\r\n btnPosition: [{ value: 'bottom', label: 'Bottom' }, { value: 'top', label: 'Top' }],\r\n visibilityOptions: [\r\n { value: 'always', label: 'Always' },\r\n { value: 'dynamic', label: 'when \"Add To Cart\" is hidden' }\r\n ],\r\n atcActions: [\r\n { value: 'checkout', label: 'Redirect to checkout page' },\r\n { value: 'cart', label: 'Redirect to cart' },\r\n { value: 'stay', label: 'Stay in product page' }\r\n ]\r\n};\r\n\r\nexport const BADGES_POSITIONS = [\r\n { value: 'bellow_checkout', label: 'Bellow checkout button' },\r\n { value: 'above_checkout', label: 'Above checkout button' },\r\n { value: 'above_totals', label: 'Above totals' }\r\n];\r\n\r\nexport const ANNOUNCEMENT_POSITIONS = [\r\n { value: 'bellow_header', label: 'Bellow cart header' },\r\n { value: 'bellow_products', label: 'Bellow product' },\r\n { value: 'above_products', label: 'Above Products' },\r\n { value: 'above_totals', label: 'Above Totals' }\r\n];\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"preview_wrapper__1fHrO\",\"content\":\"preview_content__28yxJ\",\"preview\":\"preview_preview__3k04W\",\"mobileContainar\":\"preview_mobileContainar__2vU2H\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actions\":\"actions_buttons_actions__15mrT\",\"actions_wrapper\":\"actions_buttons_actions_wrapper__2o2K4\",\"action_button_menu\":\"actions_buttons_action_button_menu__ik_BC\"};","import React from 'react';\r\nimport classNames from 'lib/classNames';\r\n\r\nconst Spinner = ({ text, color, size = 5 }) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{text && {text}
}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Spinner;\r\n","const addPrefix = require('./addPrefix');\r\n\r\nexport default function classNames(...cssClasses) {\r\n const isObject = variable => Object.prototype.toString.call(variable) === '[object Object]';\r\n let className = '';\r\n return cssClasses\r\n .map(cssClass => {\r\n if (!cssClass) return '';\r\n if (isObject(cssClass)) {\r\n return Object.entries(cssClass)\r\n .map(([value, condition]) => {\r\n return !!condition ? addPrefix(value) : '';\r\n })\r\n .filter(c => !!c)\r\n .join(' ');\r\n }\r\n return addPrefix(cssClass);\r\n })\r\n .join(' ');\r\n}\r\n","import classNames from 'lib/classNames';\r\nimport React from 'react';\r\nimport styles from 'styles/custom_scroll.module.scss'\r\n\r\nexport default function CustomScroll (props) {\r\n const { children, isMobile, style, trackBg = \"#ffffff\", thumbBg = \"#afafaf\", className, scrollRef } = props\r\n const finalClassName = [className, styles.custom_scrollbar, isMobile && 'isMobile'].filter(Boolean).join(' ')\r\n return\r\n {children}\r\n
\r\n}","//AWS API Gateway endpoint for the AppSync service\r\nexport const API_GATEWAY = process.env.REACT_APP_API_GATEWAY;\r\nexport const API_GATEWAY_NEW = process.env.REACT_APP_API_GATEWAY_NEW;\r\nexport const API_GATEWAY2 = process.env.REACT_APP_API_GATEWAY2;\r\n//AWS AppSync authentication type\r\nexport const APPSYNC_AUTH_TYPE = process.env.REACT_APP_APPSYNC_AUTH_TYPE;\r\n//AWS AppSync endpoint\r\nexport const APPSYNC_ENDPOINT = process.env.REACT_APP_APPSYNC_ENDPOINT;\r\n//AWS AppSyncregion\r\nexport const APPSYNC_REGION = process.env.REACT_APP_APPSYNC_REGION;\r\n//Domain for Amplify cookie storage\r\nexport const AUTH_COOKIE_DOMAIN = process.env.REACT_APP_AUTH_COOKIE_DOMAIN;\r\n//Cookie expiry time for Amplify cookie storage\r\nexport const AUTH_COOKIE_EXPIRES = parseInt(process.env.REACT_APP_AUTH_COOKIE_EXPIRES);\r\n//Path for Amplify cookie storage\r\nexport const AUTH_COOKIE_PATH = process.env.REACT_APP_AUTH_COOKIE_PATH;\r\n//The key used to store our temporary OAuth token in localStorage\r\nexport const AUTH_TOKEN_KEY = process.env.REACT_APP_AUTH_TOKEN_KEY;\r\n//AWS Cognito Identity Pool ID\r\nexport const AWS_COGNITO_IDENTITY_POOL_ID = process.env.REACT_APP_AWS_COGNITO_IDENTITY_POOL_ID;\r\n//AWS Cognito Identity Pool ID\r\nexport const AWS_COGNITO_REGION = process.env.REACT_APP_AWS_COGNITO_REGION;\r\n//AWS Cognito User Pool ID\r\nexport const AWS_COGNITO_USER_POOL_ID = process.env.REACT_APP_AWS_COGNITO_USER_POOL_ID;\r\n//AWS Cognito User Pool Client ID\r\nexport const AWS_COGNITO_USER_POOL_CLIENT_ID =\r\n process.env.REACT_APP_AWS_COGNITO_USER_POOL_CLIENT_ID;\r\n//Set to true to enable an embedded app or false to disable it\r\nexport const ENABLED_EMBEDDED = process.env.REACT_APP_ENABLED_EMBEDDED;\r\n//Shopify API Key\r\nexport const SHOPIFY_API_KEY = process.env.REACT_APP_SHOPIFY_API_KEY;\r\n// The app permalink is used for redirection you can found it here: shop.myshopify/admin/apps/{app permalink}\r\nexport const SHOPIFY_APP_PERMALINK = process.env.REACT_APP_SHOPIFY_APP_PERMALINK;\r\n//Embedded app force redirect\r\nexport const SHOPIFY_EMBEDDED_FORCE_REDIRECT = JSON.parse(\r\n process.env.REACT_APP_SHOPIFY_EMBEDDED_FORCE_REDIRECT\r\n);\r\nexport const APP_NAME = process.env.REACT_APP_APP_NAME;\r\nexport const SCOPE = process.env.REACT_APP_SCOPE;\r\nexport const APP_DEV = JSON.parse(process.env.REACT_APP_DEV);\r\nconst pushing_time = \"1713870726482\";\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport loadable from '@loadable/component';\r\nimport PropTypes from 'prop-types';\r\nimport { CartContext } from 'components/cart';\r\nimport useCampaign from 'hooks/useCampaign';\r\nimport classNames from 'lib/classNames';\r\n// import GiftWithPurchaseWidget from \"./GiftWithPurchaseWidget\";\r\n// import MultiGiftWithPurchaseWidget from \"./MultiGiftWithPurchaseWidget\";\r\nimport { isOCUProduct, getAllOCUProducts } from './CheckoutButton';\r\nimport Axios from 'axios';\r\nimport { getAddedGifts, getGoal, GetPresentableItemsList } from '../Utils';\r\nimport AddToUnlock from './AddToUnlock';\r\nconst Bundles = loadable(() => import('./Bundles'));\r\nconst Announcement = loadable(() => import('./announcement'));\r\nconst GiftWithPurchaseWidget = loadable(() => import('./GiftWithPurchaseWidget'));\r\nconst MultiGiftWithPurchaseWidget = loadable(() => import('./MultiGiftWithPurchaseWidget'));\r\nconst Badges = loadable(() => import('./badges'));\r\n\r\nexport const DefaultAutoDiscountSettings = {\r\n text: {\r\n color: {\r\n a: 1,\r\n r: 0,\r\n g: 45,\r\n b: 255\r\n },\r\n font_weight: 400,\r\n font_size: 0.9,\r\n text: '{{title}}'\r\n },\r\n background: {\r\n a: 1,\r\n r: 240,\r\n g: 242,\r\n b: 255\r\n },\r\n border: {\r\n a: 1,\r\n r: 161,\r\n g: 178,\r\n b: 255\r\n }\r\n};\r\n\r\nconst CartItemsList = (props) => {\r\n const {\r\n campaigns,\r\n shopify_cart_items,\r\n cart_settings,\r\n isPreview,\r\n cart_settings: {\r\n announcement = {},\r\n modules: { checkout_button },\r\n badges = {}\r\n },\r\n productAddedToCart,\r\n discountCode,\r\n setCartItems,\r\n Utils,\r\n get_total,\r\n products\r\n } = useContext(CartContext);\r\n const [one_check_up_sell_product_id, ocu_campaign] = useCampaign(\r\n 'one_check_up_sell',\r\n null,\r\n true\r\n )(campaigns, shopify_cart_items);\r\n const ocu_products = getAllOCUProducts(ocu_campaign);\r\n const filteredItems = shopify_cart_items.filter((item) => {\r\n const ocu_product = ocu_products.find(\r\n ({ product }) => item.product_id.toString() === product?.id\r\n );\r\n return ocu_product\r\n ? ocu_product.include_in_atu\r\n : !['free_gift', 'singleton_gift'].includes(item?.product_type?.toLowerCase());\r\n });\r\n const [add_to_unlock_product_id, add_to_unlock, isGlobal] = useCampaign('add_to_unlock')(\r\n campaigns,\r\n shopify_cart_items\r\n );\r\n const CAN_RENDER_ADD_TO_UNLOCK =\r\n add_to_unlock &&\r\n (add_to_unlock.products.length ||\r\n add_to_unlock.recommendation_type == 'shopify_recommendation' ||\r\n isPreview) &&\r\n add_to_unlock.show_suggestions &&\r\n (productAddedToCart({ id: add_to_unlock_product_id }) ||\r\n (isGlobal && shopify_cart_items.length));\r\n const { original, subtotal } = get_total(null, filteredItems);\r\n const byQuantity = add_to_unlock?.multi_goal_type === 'quantity';\r\n const bundlesDiscounts = Utils.getDiscount({\r\n campaigns,\r\n items: shopify_cart_items,\r\n getBundlesOnly: true\r\n });\r\n const rate = window.mu_stop_shopify_rate ? 1 : parseFloat(window.Shopify.currency.rate);\r\n const goalValue = (goal) => (byQuantity ? goal : parseInt(goal * 100 * rate));\r\n const totalItems = shopify_cart_items\r\n .filter(({ price }) => Number(price) > 0)\r\n .reduce((acc, cur) => acc + cur.quantity, 0);\r\n const getTotal = (reward_type) => {\r\n const total = byQuantity\r\n ? totalItems\r\n : reward_type === 'free_shipping'\r\n ? subtotal\r\n : original - bundlesDiscounts;\r\n return total;\r\n };\r\n const giftGoals = add_to_unlock?.goals?.filter(\r\n ({ reward_type, gift }) =>\r\n reward_type === 'gift' && (gift?.product?.title || gift?.products?.length)\r\n );\r\n const CAN_RENDER_GIFT_WIDGET =\r\n (add_to_unlock?.isActive &&\r\n giftGoals.length &&\r\n productAddedToCart({ id: add_to_unlock_product_id })) ||\r\n (isGlobal && shopify_cart_items.length);\r\n useEffect(() => {\r\n async function handleGiftCampaignChange() {\r\n const gifts = shopify_cart_items.filter(({ product_type }) =>\r\n ['free_gift', 'singleton_gift'].includes(product_type?.toLowerCase())\r\n );\r\n const { origin } = window.location;\r\n gifts.forEach(async (gift) => {\r\n const belongsToCurrentATU = !!giftGoals?.find((goal) => {\r\n if (goal.gift.products) {\r\n return !!goal.gift.products?.find(\r\n (product) => product?.id === gift.product_id.toString()\r\n );\r\n }\r\n return goal.gift.product?.id === gift.product_id.toString();\r\n });\r\n if (!belongsToCurrentATU) {\r\n const { data } = await Axios.post(Utils.getLangPath('cart/update.js'), {\r\n updates: { [gift.id]: 0 }\r\n });\r\n if (data?.items) {\r\n setCartItems(data.items, data.cart_level_discount_applications);\r\n }\r\n }\r\n });\r\n }\r\n handleGiftCampaignChange();\r\n }, [shopify_cart_items]);\r\n\r\n function getCartItems() {\r\n const items = GetPresentableItemsList(shopify_cart_items);\r\n return window.mu_dont_reverse_items ? items.reverse() : items;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nCartItemsList.propTypes = {};\r\n\r\nconst CartItem = ({ cartItem, giftGoals }) => {\r\n const {\r\n id,\r\n image,\r\n product_title,\r\n product_type,\r\n quantity,\r\n line,\r\n line_quantity,\r\n price,\r\n product_id,\r\n variant_id,\r\n url,\r\n itemSoldOut,\r\n variant_title,\r\n selling_plan_allocation,\r\n properties,\r\n compare_at_price\r\n } = cartItem;\r\n const [error, setError] = useState(null);\r\n const [soldOut, setSoldOut] = useState(!!itemSoldOut);\r\n const [maxQuantity, setMaxQuantity] = useState(Infinity);\r\n const {\r\n campaigns,\r\n update_cart_item,\r\n Utils,\r\n isPreview,\r\n cart_settings: {\r\n count_compare_at,\r\n theme: { background },\r\n product,\r\n money_format,\r\n rtl,\r\n auto_discount = DefaultAutoDiscountSettings\r\n },\r\n shopify_cart_items,\r\n productAddedToCart,\r\n discountCode,\r\n removeFBTUpsell,\r\n compareAtMap,\r\n hasAutoDiscount,\r\n products\r\n } = useContext(CartContext);\r\n const [one_check_up_sell_product_id, ocu_campaign] = useCampaign(\r\n 'one_check_up_sell',\r\n null,\r\n true\r\n )(campaigns, shopify_cart_items);\r\n const selectedVariant = products\r\n ?.find(({ id }) => id == product_id)\r\n ?.variants?.find(({ id }) => id == variant_id);\r\n const [_, bundles] = useCampaign('bundles', product_id)(campaigns, shopify_cart_items);\r\n const IS_EXAMPLE = isPreview && product_id < 10;\r\n const IS_ONE_CHECK_PRODUCT =\r\n shopify_cart_items.length > 1 &&\r\n productAddedToCart(one_check_up_sell_product_id) &&\r\n isOCUProduct(ocu_campaign, product_id, IS_EXAMPLE);\r\n const IS_GIFT_PRODUCT = !!giftGoals?.find(\r\n ({ gift }) => gift?.product?.variant_id === variant_id?.toString()\r\n );\r\n const updateItem = (step) => {\r\n const newQuantity = (line_quantity || quantity) + step;\r\n update_cart_item({ line, variant_id: id, quantity: newQuantity });\r\n if (newQuantity === 0) removeFBTUpsell(id);\r\n };\r\n const formatText = (text) => {\r\n const { price, original } = getPrice();\r\n return text\r\n .replace('{{product_title}}', product_title)\r\n .replace('{{product_price}}', Utils.formatMoney(price, money_format))\r\n .replace(\r\n '{{original_price}}',\r\n original && original !== price\r\n ? `\r\n \r\n \r\n
\r\n )}\r\n {!!bundles &&\r\n !soldOut &&\r\n !discountCode &&\r\n !hasAutoDiscount &&\r\n formatBundleLabel(bundles.text) && (\r\n \r\n \r\n {isPreview ? (\r\n
\r\n {variant_title && !window.hide_variant_title && (\r\n \r\n {variant_title.replace('/', '•')}\r\n
\r\n )}\r\n {(!!autoDiscount ||\r\n (discountCode?.value && cartItem.discounts.length > 0) ||\r\n (isPreview && cartItem.discounts.length > 0)) && (\r\n\r\n {Object.entries(properties)\r\n .filter(([key, value]) => typeof value === 'string')\r\n .map(([key, value]) => (\r\n ${key}: ${value}`\r\n }}\r\n >\r\n ))}\r\n
\r\n )}\r\n {selling_plan_allocation?.selling_plan && (\r\n \r\n {selling_plan_allocation?.selling_plan?.name}\r\n
\r\n )}\r\n {properties && properties['File1'] && (\r\n\r\n {Object.entries(properties).map(([key, value]) => (\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n {properties && properties['_pplr_preview'] && (\r\n {key}
\r\n {key.includes('File') ? (\r\n \r\n{value}
\r\n )}\r\n\r\n {Object.entries(properties)\r\n .filter(\r\n ([name, value]) =>\r\n name &&\r\n value &&\r\n !name.includes('_pplr_preview') &&\r\n !name.includes('_svg')\r\n )\r\n .map(([name, value]) => (\r\n
\r\n ))}\r\n \r\n )}\r\n {properties && properties['_is_preorder'] && (\r\n \r\n {Object.entries(properties)\r\n .filter(\r\n ([name, value]) =>\r\n name &&\r\n value &&\r\n !name.includes('_is_preorder') &&\r\n !name.includes('_preorder_locale')\r\n )\r\n .map(([name, value]) => (\r\n \r\n {`${name}: ${value}`}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n \r\n updateItem(-1)}\r\n aria-label={\r\n quantity === 1\r\n ? 'remove item from cart'\r\n : 'decrease item quantity by one'\r\n }\r\n >\r\n {quantity === 1 && (\r\n \r\n \r\n \r\n )}\r\n {quantity > 1 && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {quantity}\r\n
\r\n \r\n {\r\n update_cart_item({\r\n line,\r\n variant_id: id,\r\n quantity: 0\r\n });\r\n }}\r\n >\r\n Remove\r\n \r\n
\r\n \r\n \r\n {!!bundles && !soldOut && !discountCode && !hasAutoDiscount && (\r\n \r\n {(product.image || product.variants[0].image) && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {\r\n if (!product.isExample) preview_product(product);\r\n }}\r\n >\r\n {add_to_unlock.show_product_details.text}\r\n \r\n )}\r\n
\r\n\r\n \r\n {\r\n window.mu_fbt_replace_show_details?.find(\r\n (elm) => elm.id === product.id\r\n )?.text\r\n }\r\n
\r\n ) : (\r\n\r\n {upSells.map((product) => {\r\n return (\r\n
\r\n \r\n \r\n ) : null;\r\n};\r\n\r\n// quotebujosandmore.myshopify.com/recommendations/products.json?product_id=36765506109601\r\n// https://shopquoteworthy.com//recommendations/products.json?product_id=36765506109601\r\n\r\n//3wizzystore.myshopify.com/recommendations/products.json?product_id=3431364624448\r\n\r\n// 3431364624448\r\n// const formateText = (text, rewardType, { type, reward, goal }, formatMoney, get_total) => {\r\n// \tlet replacedReward =\r\n// \t\trewardType === 'discount' ? (type === 'percentage' ? `${reward}%` : formatMoney(reward * 100)) : '';\r\n// \tlet replacedAmount = formatMoney(goal * 100 - get_total('original'));\r\n// \treturn text.replace('{{amount}}', replacedAmount).replace('{{reward}}', replacedReward);\r\n// };\r\n\r\nhttps: AddToUnlock.propTypes = {};\r\n\r\nexport default AddToUnlock;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dragAndDrop\":\"drag_and_drop_dragAndDrop__2CsYV\",\"dragging\":\"drag_and_drop_dragging__2YDl7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"group\":\"campaign_settings_first_step_group__1GqrL\",\"first_step\":\"campaign_settings_first_step_first_step__3RYiT\",\"tiles\":\"campaign_settings_first_step_tiles__2nxnA\",\"tile\":\"campaign_settings_first_step_tile__2CI3Q\"};","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAf4AAABRCAYAAAAzUsSqAAAWJklEQVR4nO2dQXLbSLKG/wIBvd4NXjzRr3ddPkFTJzA0z/T0ru0TmDqB5RNYOoHlE4g+gTU7h0WPOScQ+wSq2TlGdARm5zAp5FsQcMMgABJgFVAk85voCblAJpKFQmWiUJkpwDAMwzB7hC8D34XbA9Bz4DwCIP6tPjzdRGZX9nsECgTErwIi+Lf68FCDqkZwu7L/CUDQ1AkJ9HKqRhfptkP5OBAQn5rSIeboTl1PGj4nw+wU8QR6KyB8XTIJdD5VozP9soXqwDn+rN4rPfKYbcGXgfTgBYD4dWGc0UuO0eJ/44ry/AMcBAQ8AqhHoB4AX0B8l2kzbgedkznmNzpv3BVMsg1TNRofysdhgzoM2egzzOaEahweysdvALzSI1GoOWYXJmQTojef1QelQxZjN9mnbwLJxRGKTXM1/nQc8CiRlzbuopbU9nA/q/dK741bSjhVo3HBsTGApw3ogA46502ch2H2gakanXXlk+f4PrluAp2Hahwm/5pjfuHhQINsoabq+mIzGYytLFaNnd91PX0njoMD51GEKEg/lNr+NL8ODrC4uQgUmj6ZgPhnyeGyY9og0Dkv9TGMXgjRyeZShLpT18N0S6jGYYT7l5vLJnb2d5seQKcAAh0rxwTyBcRrAj1tcCW6MRxgcXMBMH5jEOiq6JgLt/CYPoRy4Q7Nn4fZNnwZ+IfycXAoH592Zf+yK/sXbeu0TcQreeNNZBQ5D1/Ux6tNZBPoKutQMLvFVI0uKOc18gbyxgDe6pJnG27yx1SNLrqy/9rkyQikio59Vu9VV/ZNnh6E6C2/42PSO3qX3wF+Z9i0XttOhOiNAyeo+XVV8hoQWEzCdWW/qfk9Zqugl9C4SXyG2akL9/ddfOJ3V39EH4RIFh37Wf4m73HfoDbMvpDe6ENAL72jF9iNd3Y2ICDCtnVg9pepGo27sj+Gpig1/RtX7cFp8mQCjiw6Nse88BjD1OVQPg4A3AiI1wAGWaPPMMzu0EFHw16TP5mq0VkT+9+apmHDL34pOSYbVIVhGIbZMUxs3BYQE90y26ZRw08QveJjOkKBGIZhGIYpo+EnfvJLDv/alB4MwzAMs680avgBSF8Gft6BXdw5yTAMwzC20bThB4Tzl7zmONsSwzAMwzAGaTScDwAOyD0C8K90my8D37Yn/q7s9wSEpPLXE7UQEGGEKBQQYVHNAF8Gvgfvqe5zr0OSb2GO+SSdPnVdTPVd0m+r9OrK/iD1nV9qhuvJtJyEGWZXZef2ZSBduNLUZtXk2hTFvDc5blb1ha2k8q43zqrrV4apsZW6r1SoxsoWvRI26TPbSXKKOHB83fNlWb81bvij/Fj+vLbGiSsuvYgQnQLwTcV3E+h7UYeu7CsA53mpSruy/xwNVk5MSHTz4KEr+8MZZuerJoQm+i7pt1iv8QyzkwK9LtPfqUmAvL4XzicAYba5K/sDAl6YDhdMrk1c1OpqhtnLtPGNx00A4LlJPRbK5PfFFhAS6HUbDxs/Xj9nOMO381XOU1f2XxDozJS+mftKIWc+yuOBfPKUQC9geI5KzZUAsNZ8ZDtd2e8BeI2470zMl2VjrfGl/jyvsIPOUlsbePDembzBCpAALh/IJ0tJInTHpNZk4MH75MtAln2ohb4LPHi3cZx+q8TX7rLJHAFxPw9ceEuZymaYne5i7LEumkpRXsbi+tGpB+9d2efisXXR4H0lAVz+r/zbadmHYmfkHZp/MEnmI7/h82ojNvo3aKjvkrGWniusMPw2xPDHy7pBW+cn0FnWuH5W71WEyIZ0o9KDV5i9qs2+ExCXqz9lDl8GkkBnbZ1fAL1D+fiH88eGzYZxYy26c7tvQJD3Sglod2xFiF4VGdd4njptUp8M0oXb5vk3pdTZM0V6rmjc8EfAUhIfS2L4zS+NrsCDd5ptu8e9LZmjBiVedpt9J9t86m/rXfGPiN+zLVM1OgOEal6XbYI0VP3TQu7900HntGE90vhFxjUe87JJZbIIiBdtnr8uvgx6aLHvBMRzoJUn/mUj78BpPYbfhqgCgniUbbPp6e0AB0Fee9t9JyCetnVuAi0Z3aYRQC/PKdNTznZ30VFRUBNB3vVre1504PTy2iNEue0N4/sP/1qYCdZWXLhByypIXwZ+8+F8gJ8d5AT4+R9tBluiCooSHAlLntzuMfezbZb0XW6IaBNY8NsBAB48mW3jojlr8a/VH2mA/DBn2bQaaQiU63i07ZAkuOQ8bFuHGvhtK+DBk20Y/qVJqu3CKT/hJ7/N86eQbStQRl6RJRv6zpJXRa1iIuyUYZjdg0B6nvirvoOOcN9L/v5Z/iarnWsrw4cYhmEYxgq0GP6q1YsEHD/5u2o5XmHL0hzDMAzDbCG6Evj8gQrhXALi19TfsuK5JrCsoA+BxkmWJAEhBUTQpj4JBIwJkQIW76IFnB4sWxZP+m6hn55NehGiYfK3gCNFrVBDoSLcj5eaKfpPfc0yokATAk2A5Pq0t0kxy2JljcZAu5snbYVAV8lKp4331o/3lT262TzmbYeAkBBdAYCDTrDJNdVi+OMBtvbnBcR/p74r1/0uQUyEoWx6dSHQy6kaXaTb/kf+34UDp/VwE8L92y/qH8N026F8fCYgCmPyG+ZkqkbD5B+H8nEgIJYS0lTli/r4PfHRItRPBNWl0DgtxwDDqRr9IF/X79eBi85RUtv8UD4+BfDKlo2MNjAX0Wl4+4/vq49x6tVLGwwZgc4X4ZwLfpa/yTnmNxZcv6Uxn0pmw5Qi1BzfjtJZHruyP0TNUGpNm/tEpQuX2S269tO7Y90yv1BZow8sYu+b12U94glh3LIaIIhJNi2oReFVTbAUomnL7xcQf0+MPrBIduPCPeK8AMWEahzOMT+xIedG2ugDi0RgBHrbkjrfydMhrlUyblyZrYPyUjtf1JWmxfDPxb2qOOBl8kcVLzRCNK5wDuMky+hZ4guUe8wGCPT3tnUAojCvlUD/bFiRVigqzgQLnNsI0STb9lm9V3fqw0MCtZrq1mZCNQ6r7ncygMprdOBMmlVjmbmIbvPa9+We34TkVXKakjlkJRrD+ao9DSTJFyomf5lUOQeTD8d3M3WZqtFZhOgZP/0X0rrjxjCr0Gb4CVElr80l52HV5C9zzCdV9WK2CxfuEEDry5JMMV/Ux6sOnGOdGx0Zbfh5jR10xuD7amtxUpFwGU7qOOHaDH/V7HK0KM8rK3wl3Mba30w+AqKX175YUr4edNB5SPGu8n2CQK1lIazCZ/Ve8f1oJUuZUYEf7ytY5gBw8qnVFJSzx526Ht6pDw9R0QHQmblvUuXDAo6sUo43CQFhdga/rPTnZ/VeTdXoeJ+WlX0ZyCKHiGHWxcNBYdROxrG+alCtQhw4rde7sB0B8aKsFPGduh524ByvuwdHm+GvugwvIH6pEsMvIP6oqhNjNxGi16vqfn9RH6/qeLTbhi8D6S5qs8u2dWG2HTp9IJ+UhuzGjvWzNh1rXwayK/ufwGN+HaQH7yZbuj1NfE3P1lnV0Wb4q+5kJ4helRzrebsame0nQvS6K/u3cTxvIcmSFoFe7pID4MvAfyCfvHLh3rRds4LZHQh0Ft9Xg7LPteFYp8c8aiXX2lukB+/2gXzyapUDsOq1jtYiPVWW4wXIr1jlaW3ZTHN8xddQgxgJ4KYr+5dlAxpYxJR34BxHiKwoVbwJXdl/4cK9JdCZBclVmN1DAri0ybHuyv6Ax/xmEOjMg/dplVOXOAAEOs5eU92Gv0ooi0SFJR7e0W8noRqHGpOWDDx4t6scgM/qvfqiPp7auFFpXbqyfwvggic/pgiNBckkLHCsXepcAbjc5zGvscS6xJ9O3aDsg1M1GmdXdbQa/hpJIuQ6HyKICe8gthcDSUsGHrybeEnLL/pQ4tHOMX+m+fxNINtWgLGbqiHSa1DJsZ5hdqTz5PwqC5hhNtEsUiJ2ABbpyYtJVnXmmE+0Gn4DPwqAjal6mTSGMgH68ZLWzSqPdp+dwrgYy3Gc7pfZIQTElSHRaznWtt5XBEy2dcyHajwx9CpFCohP66zqhGocajX8MJSmNi+FKGMPc8yHBnOUS6y5pLVfCIVFkaOtnACZ1Riu3bC2Y20L8auPk6m6PtruMW807fVaqzpaDb+pHPU25Jlmiomvu+nldgng8lD2b1ZtVNplFqU56XyGb0fZIkfM7tFBx3ThHwnLHetkzM8xe7gLY/5OXQ8byKEwKIsA0P3EbyTRDofy2c9UjcZNxATH7wnX2qi0S6Qnv6kandm6DMvo5bN6rxqqjCgRO9aW3VdvdnHMxzkUjEcmFUUAmDD8ut/Hh5tUIWKa44v6eDXDtyMCnTdQnnTgwftk2SRliqGLztGuTX7MeiSVEdFArL0AevHyf8/keVZBoHEHnYd36vp0V8d8EpnUQGpyCeAyndRJu+HXvSzPqXq3i1CNw6kanS2eUoyH2snY+PuGz9MKyca9O3V98lm9V23rw7TLnboeNuRY+wBacapTm1WP92HMJ6nJ0YBTR6CzJFOqdsMfV4HShsa4R6ZBGiwKIl24pwblN0568lu1iSlJe7oqlIfZDRp0rH0P3qVB+RmEqjjmL3dpzNcttlOVCNFrXwa+dsOv20sjEOfot5hVT9uJAwDgiAxlXxQQL0zIbZ71d+r7MvC7sn/pwbsFpz3dSdbJYWHYsQ5Mr6bFe1de3qkPD9cZ8w/kk1fxmB+Y1MsUq/ozlUHx3JQD4MIdaDf8MUqjrIlGWYxmXLi9dXYE36nryVRdH8GMR+u3/U5yE6rs1E/lOd/ayY9Zzc/yN7lOqJ1px7oD56lumcDSZtWLss+mxzyBzkzo0xQevHdrZlA868A5hgGnTkD8bsrwa8s4xal6twKJitmjoNkBiHDf0yWrSdbdqZ+d/PY57ekeIbFmqJ0px9pBp6dLVorhujv1d7SeRWmoXYLBVR1pxPBr3JAX7uqOzh1l7exRVetHr0LA8XXIaYpk1/Kak9/Ag3ezY5Mfsz4S7TnWf9EgA8BizAM4ulPXJ6vG/KF8HOx6PYsk1G5VafK0A6ApAsCY4Vea5Ex0yGEaZ+2c4En9aA0JLfwNv98o6+xajie/TwAuwbn9mYqO9QzfjmyqYjkX0WBVaHYy5gXEJ+zHmJep0uSDsg/qjAAwYvg9eBMdcgQEb+zbbmIH4MnrNRyAZ7qe/redzOQXtK0PYx1rOdahGodf1MfTRaldu+ExX+m1znDx/r++8Tdi+D+r90pHnKmAGG+uDdM+dLrOktZUjc5gLjf5VvCz/E3u8eTHVGMtB2CqRhcNpIjdCB7z35FYOACleRQWNjY6qXsSU5v7oOP9Eqfq3SnWWtKKEPEqD8NUY+DB+5TOzJZFQJiooMmYI1jl1E3VaFz3AduY4RfAxhM4p+rdSSQW76xz4YJMDFMLSaCzos1/pkqmM8YZePDKHLqwjlBjhn/TjXkEsdH3GYbZHQjkt63DNvMTfgrb1oExgqrzJZOGX23yfQfQXeyHsYhdza/P1EaWvdMUEL83qMsm/NK2Anl8xVe/bR0YezBm+O9xP97k+xGiiR5NzCEgZF57PIHlHmMWuHB7BYceNalHFbqy/8J/+FctE3uRnDnmUof8bcSF9y7P+MfvroPGFapIrHvQpg6ESOa1e/B6zWqyjEvOw7x2Xwa9hlXZNmTRAQL16gg0ZvhDNQ433Nk/1qSKSWRXPnmebTzAwVIb8yMCYqmPbJg4UzxNViUO5ePgUPZvAFzoEu7RcmEhXwa+gGiwMIpdCKDnwr3pyv6n5L8H8slWpGn1ZeC78N61rYdA50V2NS3+d+F74qZw4OTW1HDhtq6b5QR5KckfyCev6iY3cjfVqAyxeE8f1PmuC1fp1MUcNOzK/kBAhAQKCejV9cL2jEFX9gMBMSFQKCD8CFEAexLx+HGudAUjzgiddmX/qcW/vxXiiSxI/k2g1nQp44Dci67shwBAQA8gKSy4dgLopcatsmlcEehpV/Zvs2N+VzPzaeamK/tjxO/0N7UzRg1/hOgPB05Q46vhltViDpIJSrSsyJYhCSSBxQQv7Os9CbOvbGz//UwBBHqa/C1S/28JMv7PxnHFY74+QfLHpr1mMI6/fmgWp+plGIZhGDMYNfx1Y0c5VS/DMAzDmMGo4UfNGMOmM/Z9xdewyfOVoNpWYIsJ21Zg37F1X07dJCdMPjrSse8rtvTdd8O/qjBAGf9F3rO89rj0oqohclJybINwr/xYYA0RCFoocnjqJi8RcKReecubcGyZ7B04Kq+9Af2syDcxx3ySbSsKN12FgKgVsqirRodmwm3IABre/uOHcWRLXxJoaXzntbVBnkO3qmphMaVlvWvJzMtVIiD+U0eWTghikn7irx1SESF6VZSQpc77+rxJDPgezyuryksQQK+oUIywIFNg3isOXwZSQOSGwawhLy+0p7Y8AM+zN5YtE1TRfhLT+tmwH4UgJgX1zeve04O6E6gN91GGq7YVWEVRllJL+nKcbbAjrbZQeQ5dWXrbUmmgXNvQlf0XqGlzPBws6WLDfCFAC8MfP+3LDWT5LpbjkoHq3mHRJObLQBJoUEu7FCVOyttNZW9KB52LbFs8kGVNkb4H7/WP8g5qD2QA/gEOXue0t13ze7giCsSYfnPMh207PgK09Ps2dZI9eLXyCdhWWrmDjlX65JF3/WJanpOEmqrRONs6w+yq7TFPiJb6Jo51H9SVmbUNsfN7WlceQKfZ2gk2zBcEeuvEP27jBAp5T5dAde+wKFXvhgYwTa6Tcqeuh2gxaRCBzrPGK742gw1FD5LBt5BHp5sII9DTnMF8oaMaYz2EWjW5m9QvdlJbNC5CxWP3O7GTfLah4KCo4EsZccUwK4wtgV7aHhZMwCR7/RLu1PWQyl97GobKXuG2OuYX9/QSmyZQ8tNP6TpsjoD4wba233d4M1WjsaPToGafLoHqO/vzUvVqMoDfERCv8pYyZ5g9ixC9adKIERAS6GVci/4HdGUCSwafCzfvab2OxB/khGocduAco+EnFAKNO3COV03uaf3IwCbAqRpdADhpYdycz/DtKHus7nJnFgFxWaemQjyWTwg01qFHVQg0JtBxfF2sJLl+c8yOyz4XHzcybotI+q9sb0Qy5ptcuo77YNiBc5xdFdawap2c5bQr+z2NNifI7p9rq+8I9PJOXZ8CgKjj1ZeRXRpapLIszMu+xBzzpaX+ruz3dFfncuGqMoNh4pxZ5pirUI1zdajab2uca6JTXt4SYILpvhMQ4QwzVfBeeyWb6Ff2uwH91y2PpsdN3X5O9PHgySaq680xVwDCKvp2ZX8IoE6K7ZO60Udl168MW++rpsY8Sq6tzr5x4ap73Pu65AmIwg2mbc0XnDaJYZi9pa7hn4l7md2JzzDbguk4foZhGIZhLIINP8MwDMPsEWz4GYZhGGaPYMPPMAzDMHsEG36GYRiG2SPY8DMMwzDMHsGGn2EYhmH2CDb8DMPsM7WqfR6Qu5QxkWG2BTb8DMPsJZtUXiPQ6zrpjBnGBtjwMwyzd2xeeQ2yqCIpw9gOG36GYfYOTZXXXuQV+2IY22HDzzDMXqGx8prvwbvUIIdhGuX/AbUam12WV1bvAAAAAElFTkSuQmCC\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom_scrollbar\":\"custom_scroll_custom_scrollbar__3TMcf\",\"isMobile\":\"custom_scroll_isMobile__1meCS\"};","module.exports = __webpack_public_path__ + \"static/media/monster_logo.8c8178cf.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"display_text\":\"display_text_display_text__xEcEP\"};","module.exports = __webpack_public_path__ + \"static/media/yt-clothing.67ce0882.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/yt-designing.99df31f6.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/yt-dropshipping.1ebd70d4.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/yt-free-gift.2208a3ba.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/yt-free-shipping.b3ddfca6.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/yt-shipping-protection.791f1aa9.jpeg\";","import { createMachine, interpret, assign } from \"xstate\";\r\nimport { getGoal } from \"../Utils\";\r\n\r\nconst sortGoals = (dir = \"DESC\") => {\r\n\tconst isDesc = dir.toLocaleUpperCase() === \"DESC\";\r\n\tif (isDesc) {\r\n\t\treturn (a, b) => b.goal - a.goal;\r\n\t} else {\r\n\t\treturn (a, b) => a.goal - b.goal;\r\n\t}\r\n};\r\n\r\nconst isUnlocked = (goal, total, log = false) => {\r\n\tif (log) console.log(`total: ${total}, goal: ${goal}, unlocked: ${total >= goal}`);\r\n\treturn total >= goal\r\n};\r\n\r\nconst calculateGoals = ({\r\n\tcampaign_id,\r\n\tgoals,\r\n\tshow_badges,\r\n\tshopify_cart_items,\r\n\toriginal,\r\n\tsubtotal,\r\n\tautoDiscountGifts,\r\n\tbundlesDiscounts,\r\n\tdiscountCode,\r\n\tbyQuantity,\r\n\tcontextCache,\r\n\tsetShowConfetti\r\n}) => {\r\n\t// const descGoals = [...goals].sort(sortGoals(\"DESC\"));\r\n\tconst ascGoals = [...goals].sort(sortGoals(\"ASC\")).map(goalObject => {\r\n\t\tconst { goal: oldGoal, specific_goals } = goalObject;\r\n\t\tconst goal = getGoal({ oldGoal, specific_goals, byQuantity })\r\n\t\treturn { ...goalObject, goal }\r\n\t});\r\n\tconst goalValue = (goal) => byQuantity ? goal : parseInt(goal * 100);\r\n\tconst getTotal = (reward_type) => {\r\n\t\tconst discountedValue = bundlesDiscounts + (discountCode?.value || 0) \r\n\t\tconst total = byQuantity\r\n\t\t\t? totalItems\r\n\t\t\t: reward_type === \"free_shipping\"\r\n\t\t\t\t? subtotal\r\n\t\t\t\t: reward_type === \"manual\"\r\n\t\t\t\t\t? original + autoDiscountGifts - discountedValue\r\n\t\t\t\t\t: original - discountedValue;\r\n\t\treturn total\r\n\t}\r\n\tconst totalItems = shopify_cart_items.filter(({ product_type }) => product_type?.toLowerCase() !== \"free_gift\").reduce((acc, cur) => acc + cur.quantity, 0);\r\n\treturn ascGoals.map((goalObject, index) => {\r\n\t\tconst { goal, reward_type, confetti, confetti_length } = goalObject;\r\n\t\tconst total = getTotal(reward_type)\r\n\t\tconst unlocked = isUnlocked(goalValue(goal), total);\r\n\t\tconst wasLocked = contextCache ? contextCache?.goals[index]?.unlocked === false : null;\r\n\t\tconst value = show_badges ? badgeProgressLength(unlocked, ascGoals.length) : Math.min(100, Number(((total / goalValue(goal)) * 100).toFixed(2)));\r\n\t\tconst isDescending = contextCache ? contextCache?.goals[index]?.value > value : false;\r\n\t\tconst previousGoal = index > 0 ? ascGoals[index - 1] : {};\r\n\t\tif (confetti && !isDescending && unlocked && wasLocked) {\r\n\t\t\tsetShowConfetti(confetti_length);\r\n\t\t}\r\n\t\treturn {\r\n\t\t\tcampaign_id,\r\n\t\t\tkey: \"atu_goal_\" + index,\r\n\t\t\ttextKey: \"atu_goal_text_\" + index,\r\n\t\t\tlabelKey: \"atu_goal_label_\" + index,\r\n\t\t\tgoalObject,\r\n\t\t\tvalue,\r\n\t\t\tpreviousIsUnlocked: previousGoal?.goal || previousGoal?.goal === 0 ? isUnlocked(goalValue(previousGoal.goal), getTotal(previousGoal.reward_type)) : undefined,\r\n\t\t\tisFirst: index === 0,\r\n\t\t\tisLast: index === ascGoals.length - 1,\r\n\t\t\tunlocked\r\n\t\t\t// animating:false\r\n\t\t};\r\n\t});\r\n};\r\n\r\nfunction badgeProgressLength(unlocked, goalsLength){\r\n\tconst preset = {\r\n\t\t1: 68,\r\n\t\t2: 45,\r\n\t\t3:10,\r\n\t\t4:5,\r\n\t}\r\n\treturn unlocked ? 100 : preset[goalsLength]\r\n}\r\n\r\nconst HeaderMachine = ({\r\n\tcampaign_id,\r\n\tgoals,\r\n\tshow_badges,\r\n\tshopify_cart_items,\r\n\tbyQuantity,\r\n\toriginal,\r\n\tautoDiscountGifts,\r\n\tsubtotal,\r\n\tbundlesDiscounts,\r\n\tdiscountCode,\r\n\tcontextCache,\r\n\tsetShowConfetti\r\n}) => {\r\n\t// const highestGoal = descGoals[0];\r\n\treturn createMachine({\r\n\t\tid: \"header-machine\",\r\n\t\t// initial: \"idle\",\r\n\t\tcontext: {\r\n\t\t\tgoals: calculateGoals({\r\n\t\t\t\tcampaign_id,\r\n\t\t\t\tgoals,\r\n\t\t\t\tshow_badges,\r\n\t\t\t\tshopify_cart_items,\r\n\t\t\t\toriginal,\r\n\t\t\t\tautoDiscountGifts,\r\n\t\t\t\tsubtotal,\r\n\t\t\t\tbyQuantity,\r\n\t\t\t\tbundlesDiscounts,\r\n\t\t\t\tdiscountCode,\r\n\t\t\t\tcontextCache,\r\n\t\t\t\tsetShowConfetti\r\n\t\t\t})\r\n\t\t}\r\n\t\t// states: {\r\n\t\t// \tidle: {\r\n\t\t// \t\ton: {\r\n\t\t// \t\t\tSTART_ANIMATION: {\r\n\t\t// \t\t\t\tactions: (context, event) => {\r\n\t\t// \t\t\t\t\tconst goals = {...context}.goals\r\n\t\t// goals[event.index].animating = true\r\n\t\t// \t\t\t\t\treturn assign({ goals: goals });\r\n\t\t// \t\t\t\t}\r\n\t\t// \t\t\t},\r\n\t\t// \t\t\tSTOP_ANIMATION: {\r\n\t\t// \t\t\t\tactions: (context, event) => {\r\n\t\t// \t\t\t\t\tconst goals = {...context}.goals\r\n\t\t// goals[event.index].animating = false\r\n\t\t// \t\t\t\t\treturn assign({ goals: goals });\r\n\t\t// \t\t\t\t}\r\n\t\t// \t\t\t}\r\n\t\t// \t\t}\r\n\t\t// \t}\r\n\t\t// }\r\n\t});\r\n};\r\n\r\nexport default HeaderMachine;\r\n","import classNames from 'lib/classNames';\r\nimport React, { Fragment, useContext } from 'react';\r\nimport { CartContext } from '../index';\r\n\r\nexport default function GoalImageContent({ goal }) {\r\n const { cart_settings: { money_format }, Utils } = useContext(CartContext);\r\n\r\n const { badge, reward_type } = goal;\r\n if (reward_type === 'discount' && badge?.type === 2) {\r\n const { type, reward } = goal.discount;\r\n const discount =\r\n type === \"percentage\"\r\n ? `${reward}%`\r\n : Utils.formatMoney(\r\n reward * 100,\r\n money_format.replace(`money`, `\"money mu-font-bold\"`)\r\n );\r\n return (\r\n \r\n {context.goals.map(\r\n ({ textKey, goalObject, unlocked, previousIsUnlocked, isFirst, isLast }, index) => (\r\n \r\n i !== index && unlocked && reward_type === 'discount'\r\n )}\r\n previousIsUnlocked={previousIsUnlocked}\r\n show_all_locked_goals={add_to_unlock.show_all_locked_goals}\r\n {...{ isFirst, isLast }}\r\n />\r\n )\r\n )}\r\n
\r\n \r\n {context.goals.map(\r\n ({ labelKey, goalObject, isLast }, index) => {\r\n const { goal_text,badge,reward_type, show_goal_text } = goalObject;\r\n if (!show_goal_text || !!add_to_unlock.show_badges) return null;\r\n return (\r\n \r\n {goal_text.text}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n {/* )} */}\r\n \r\n );\r\n}\r\n\r\nconst ProgressBar = ({ isFirst, isLast, borderColor, goal,goals, unlocked,add_to_unlock }) => {\r\n const {\r\n cart_settings: {\r\n theme: { background },\r\n rtl,\r\n money_format\r\n },\r\n Utils\r\n } = useContext(CartContext);\r\n const {reward_type, badge } = goal;\r\n const formattedGoal = badge?.text?.text.replace('{{goal}}', add_to_unlock.multi_goal_type === 'quantity' ? goal.goal : Utils.formatMoney(goal.goal * 100,money_format));\r\n const hasUploadedImage = badge?.type === 1 && badge?.image\r\n const roundedFirst = add_to_unlock.progress_thick ? rtl ? 'rounded-r-4' : 'rounded-l-4' : rtl ? 'rounded-r-2' : 'rounded-l-2';\r\n const roundedLast = add_to_unlock.progress_thick ? rtl ? 'rounded-l-4' : 'rounded-r-4' : rtl ? 'rounded-l-2' : 'rounded-r-2';\r\n const goalsLength = goals.length\r\n const direction = (size) => ({[rtl? 'right' : 'left']: size})\r\n // right-1/2\r\n // left-1/2\r\n // right-4\r\n // left-4\r\n const completed = goals.filter(({ unlocked }) => !unlocked).length === 0\r\n \r\n return (\r\n 2 ? '50%' : goalsLength === 1 ? '80%' : isFirst ? '85%' : '70%'),\r\n background: Utils.formatColor(background),\r\n color: Utils.formatColor(add_to_unlock.progress_primary),\r\n '--transform-translate-y': '-50%',\r\n '--transform-translate-x': !(goalsLength === 2 && isFirst) ? '-50%' : 0,\r\n borderColor: Utils.formatColor(unlocked ? completed ? add_to_unlock.progress_complete : add_to_unlock.progress_primary : add_to_unlock.progress_secondary),\r\n }}>\r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\nconst textIsEmpty = (html) => {\r\n const element = document.createElement('span');\r\n element.innerHTML = html;\r\n return element.innerText.length === 0;\r\n};\r\n\r\nconst GoalText = ({\r\n currentGoal,\r\n add_to_unlock: { multi_goal_type },\r\n unlocked,\r\n otherUnlockedDiscounts,\r\n previousIsUnlocked,\r\n show_all_locked_goals,\r\n bundlesDiscounts,\r\n filteredItems,\r\n isLast,\r\n isFirst\r\n}) => {\r\n const {\r\n cart_settings: {\r\n font: { color },\r\n money_format\r\n },\r\n Utils,\r\n get_total,\r\n discountCode\r\n } = useContext(CartContext);\r\n const { goal, reward_type } = currentGoal;\r\n const reward = currentGoal[reward_type];\r\n const isDiscount = reward_type === 'discount';\r\n const notTheHighestDiscount = isDiscount\r\n ? !!otherUnlockedDiscounts.find(\r\n ({ goalObject: { discount } }) => discount.reward > reward.reward\r\n )\r\n : false;\r\n const text = unlocked ? reward.after : reward.before;\r\n // if (\r\n // textIsEmpty(text) ||\r\n // notTheHighestDiscount ||\r\n // previousIsUnlocked === false ||\r\n // (!isLast && !show_all_locked_goals)\r\n // )\r\n // return null;\r\n if (\r\n !textIsEmpty(text) &&\r\n !notTheHighestDiscount &&\r\n ((show_all_locked_goals && unlocked) ||\r\n (isFirst && !unlocked) ||\r\n (isLast && unlocked) ||\r\n (!unlocked && previousIsUnlocked))\r\n )\r\n // if(!textIsEmpty(text) && !notTheHighestDiscount &&\r\n // ((isFirst && ((unlocked && show_all_locked_goals) || !unlocked) ) ||\r\n // (isLast && (unlocked || (!unlocked && previousIsUnlocked)))) ||\r\n // (!isLast && !isFirst && ((unlocked && show_all_locked_goals) || (!unlocked && previousIsUnlocked)))\r\n // )\r\n return (\r\n \r\n {!hasUploadedImage &&
\r\n (close ? close() : null)}\r\n >\r\n