\n { quickViewActions && !isOnSlider &&\n
\n \n
\n }\n { product.published ?\n \n \n
\n quickViewModalAjax(product) }/>
\n \n window.open(constructTranslatableProductLink(product, currentLocale, defaultLocale, localeUrlPresent), '_blank') }/>\n
\n \n { product.badges && product.badges.map( (badge, index) => (\n
\n }\n\n { product.onSale &&\n \n { `-${Math.round(product.onSalePercentage)}%` }\n
\n }\n \n
\n \n\n { quickViewModal &&\n \n
\n { priceVisible && product.showPrice &&\n <>\n \n { product.published ?\n \n { getTranslatableField(product, 'title', currentLocale, false) }\n \n :\n <>\n { getTranslatableField(product, 'title', currentLocale, false) }\n \n }\n
\n\n { skuVisible && product.sku &&\n \n
\n }\n\n { product.webshorts && product.webshorts[currentLocale] && product.webshorts[currentLocale].length > 0 &&\n { translations.products.sku }:
\n { product.sku }
\n \n
\n }\n \n { truncateWebshorts() }\n
\n \n { translations.general.more }\n \n \n
\n \n \n }\n\n {!isBundleItem &&\n <>\n { (!stockAllowed || (stockAllowed && product.inStock) || orderStatus.isOrderable) ?\n \n { displayTotalPrice }\n
\n { product.onSale &&\n ( showTextInsteadOfCompareToPrice ?\n \n { translations.products.discount_price }\n
:\n \n { displayCompareToPrice }\n
\n )\n }\n \n { product.hasOptions ?\n \n { translations.products.view_product_button }\n \n :\n
\n :\n (showStockInfo ?\n \n
: null)\n }\n \n }\n \n provider.\"));\n }\n return ctx;\n };\n var CustomCheckoutContext = /*#__PURE__*/React.createContext(null);\n CustomCheckoutContext.displayName = 'CustomCheckoutContext';\n var extractCustomCheckoutContextValue = function extractCustomCheckoutContextValue(customCheckoutSdk, sessionState) {\n if (!customCheckoutSdk) {\n return null;\n }\n var _on = customCheckoutSdk.on,\n _session = customCheckoutSdk.session,\n actions = _objectWithoutProperties(customCheckoutSdk, _excluded);\n if (!sessionState) {\n return _objectSpread2(_objectSpread2({}, actions), customCheckoutSdk.session());\n }\n return _objectSpread2(_objectSpread2({}, actions), sessionState);\n };\n var INVALID_STRIPE_ERROR$1 = 'Invalid prop `stripe` supplied to `CustomCheckoutProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.';\n var CustomCheckoutProvider = function CustomCheckoutProvider(_ref) {\n var rawStripeProp = _ref.stripe,\n options = _ref.options,\n children = _ref.children;\n var parsed = React.useMemo(function () {\n return parseStripeProp(rawStripeProp, INVALID_STRIPE_ERROR$1);\n }, [rawStripeProp]); // State used to trigger a re-render when sdk.session is updated\n\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n session = _React$useState2[0],\n setSession = _React$useState2[1];\n var _React$useState3 = React.useState(function () {\n return {\n stripe: parsed.tag === 'sync' ? parsed.stripe : null,\n customCheckoutSdk: null\n };\n }),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n ctx = _React$useState4[0],\n setContext = _React$useState4[1];\n var safeSetContext = function safeSetContext(stripe, customCheckoutSdk) {\n setContext(function (ctx) {\n if (ctx.stripe && ctx.customCheckoutSdk) {\n return ctx;\n }\n return {\n stripe: stripe,\n customCheckoutSdk: customCheckoutSdk\n };\n });\n }; // Ref used to avoid calling initCustomCheckout multiple times when options changes\n\n var initCustomCheckoutCalledRef = React.useRef(false);\n React.useEffect(function () {\n var isMounted = true;\n if (parsed.tag === 'async' && !ctx.stripe) {\n parsed.stripePromise.then(function (stripe) {\n if (stripe && isMounted && !initCustomCheckoutCalledRef.current) {\n // Only update context if the component is still mounted\n // and stripe is not null. We allow stripe to be null to make\n // handling SSR easier.\n initCustomCheckoutCalledRef.current = true;\n stripe.initCustomCheckout(options).then(function (customCheckoutSdk) {\n if (customCheckoutSdk) {\n safeSetContext(stripe, customCheckoutSdk);\n customCheckoutSdk.on('change', setSession);\n }\n });\n }\n });\n } else if (parsed.tag === 'sync' && parsed.stripe && !initCustomCheckoutCalledRef.current) {\n initCustomCheckoutCalledRef.current = true;\n parsed.stripe.initCustomCheckout(options).then(function (customCheckoutSdk) {\n if (customCheckoutSdk) {\n safeSetContext(parsed.stripe, customCheckoutSdk);\n customCheckoutSdk.on('change', setSession);\n }\n });\n }\n return function () {\n isMounted = false;\n };\n }, [parsed, ctx, options, setSession]); // Warn on changes to stripe prop\n\n var prevStripe = usePrevious(rawStripeProp);\n React.useEffect(function () {\n if (prevStripe !== null && prevStripe !== rawStripeProp) {\n console.warn('Unsupported prop change on CustomCheckoutProvider: You cannot change the `stripe` prop after setting it.');\n }\n }, [prevStripe, rawStripeProp]); // Apply updates to elements when options prop has relevant changes\n\n var prevOptions = usePrevious(options);\n React.useEffect(function () {\n var _prevOptions$elements, _options$elementsOpti;\n if (!ctx.customCheckoutSdk) {\n return;\n }\n if (options.clientSecret && !isUnknownObject(prevOptions) && !isEqual(options.clientSecret, prevOptions.clientSecret)) {\n console.warn('Unsupported prop change: options.client_secret is not a mutable property.');\n }\n var previousAppearance = prevOptions === null || prevOptions === void 0 ? void 0 : (_prevOptions$elements = prevOptions.elementsOptions) === null || _prevOptions$elements === void 0 ? void 0 : _prevOptions$elements.appearance;\n var currentAppearance = options === null || options === void 0 ? void 0 : (_options$elementsOpti = options.elementsOptions) === null || _options$elementsOpti === void 0 ? void 0 : _options$elementsOpti.appearance;\n if (currentAppearance && !isEqual(currentAppearance, previousAppearance)) {\n ctx.customCheckoutSdk.changeAppearance(currentAppearance);\n }\n }, [options, prevOptions, ctx.customCheckoutSdk]); // Attach react-stripe-js version to stripe.js instance\n\n React.useEffect(function () {\n registerWithStripeJs(ctx.stripe);\n }, [ctx.stripe]);\n var customCheckoutContextValue = React.useMemo(function () {\n return extractCustomCheckoutContextValue(ctx.customCheckoutSdk, session);\n }, [ctx.customCheckoutSdk, session]);\n if (!ctx.customCheckoutSdk) {\n return null;\n }\n return /*#__PURE__*/React.createElement(CustomCheckoutSdkContext.Provider, {\n value: ctx\n }, /*#__PURE__*/React.createElement(CustomCheckoutContext.Provider, {\n value: customCheckoutContextValue\n }, children));\n };\n var useCustomCheckoutSdkContextWithUseCase = function useCustomCheckoutSdkContextWithUseCase(useCaseString) {\n var ctx = React.useContext(CustomCheckoutSdkContext);\n return parseCustomCheckoutSdkContext(ctx, useCaseString);\n };\n var useElementsOrCustomCheckoutSdkContextWithUseCase = function useElementsOrCustomCheckoutSdkContextWithUseCase(useCaseString) {\n var customCheckoutSdkContext = React.useContext(CustomCheckoutSdkContext);\n var elementsContext = React.useContext(ElementsContext);\n if (customCheckoutSdkContext && elementsContext) {\n throw new Error(\"You cannot wrap the part of your app that \".concat(useCaseString, \" in both and providers.\"));\n }\n if (customCheckoutSdkContext) {\n return parseCustomCheckoutSdkContext(customCheckoutSdkContext, useCaseString);\n }\n return parseElementsContext(elementsContext, useCaseString);\n };\n var useCustomCheckout = function useCustomCheckout() {\n // ensure it's in CustomCheckoutProvider\n useCustomCheckoutSdkContextWithUseCase('calls useCustomCheckout()');\n var ctx = React.useContext(CustomCheckoutContext);\n if (!ctx) {\n throw new Error('Could not find CustomCheckout Context; You need to wrap the part of your app that calls useCustomCheckout() in an provider.');\n }\n return ctx;\n };\n var ElementsContext = /*#__PURE__*/React.createContext(null);\n ElementsContext.displayName = 'ElementsContext';\n var parseElementsContext = function parseElementsContext(ctx, useCase) {\n if (!ctx) {\n throw new Error(\"Could not find Elements context; You need to wrap the part of your app that \".concat(useCase, \" in an provider.\"));\n }\n return ctx;\n };\n var CartElementContext = /*#__PURE__*/React.createContext(null);\n CartElementContext.displayName = 'CartElementContext';\n var parseCartElementContext = function parseCartElementContext(ctx, useCase) {\n if (!ctx) {\n throw new Error(\"Could not find Elements context; You need to wrap the part of your app that \".concat(useCase, \" in an provider.\"));\n }\n return ctx;\n };\n /**\n * The `Elements` provider allows you to use [Element components](https://stripe.com/docs/stripe-js/react#element-components) and access the [Stripe object](https://stripe.com/docs/js/initializing) in any nested component.\n * Render an `Elements` provider at the root of your React app so that it is available everywhere you need it.\n *\n * To use the `Elements` provider, call `loadStripe` from `@stripe/stripe-js` with your publishable key.\n * The `loadStripe` function will asynchronously load the Stripe.js script and initialize a `Stripe` object.\n * Pass the returned `Promise` to `Elements`.\n *\n * @docs https://stripe.com/docs/stripe-js/react#elements-provider\n */\n\n var Elements = function Elements(_ref) {\n var rawStripeProp = _ref.stripe,\n options = _ref.options,\n children = _ref.children;\n var parsed = React.useMemo(function () {\n return parseStripeProp(rawStripeProp);\n }, [rawStripeProp]);\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n cart = _React$useState2[0],\n setCart = _React$useState2[1];\n var _React$useState3 = React.useState(null),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n cartState = _React$useState4[0],\n setCartState = _React$useState4[1]; // For a sync stripe instance, initialize into context\n\n var _React$useState5 = React.useState(function () {\n return {\n stripe: parsed.tag === 'sync' ? parsed.stripe : null,\n elements: parsed.tag === 'sync' ? parsed.stripe.elements(options) : null\n };\n }),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n ctx = _React$useState6[0],\n setContext = _React$useState6[1];\n React.useEffect(function () {\n var isMounted = true;\n var safeSetContext = function safeSetContext(stripe) {\n setContext(function (ctx) {\n // no-op if we already have a stripe instance (https://github.com/stripe/react-stripe-js/issues/296)\n if (ctx.stripe) return ctx;\n return {\n stripe: stripe,\n elements: stripe.elements(options)\n };\n });\n }; // For an async stripePromise, store it in context once resolved\n\n if (parsed.tag === 'async' && !ctx.stripe) {\n parsed.stripePromise.then(function (stripe) {\n if (stripe && isMounted) {\n // Only update Elements context if the component is still mounted\n // and stripe is not null. We allow stripe to be null to make\n // handling SSR easier.\n safeSetContext(stripe);\n }\n });\n } else if (parsed.tag === 'sync' && !ctx.stripe) {\n // Or, handle a sync stripe instance going from null -> populated\n safeSetContext(parsed.stripe);\n }\n return function () {\n isMounted = false;\n };\n }, [parsed, ctx, options]); // Warn on changes to stripe prop\n\n var prevStripe = usePrevious(rawStripeProp);\n React.useEffect(function () {\n if (prevStripe !== null && prevStripe !== rawStripeProp) {\n console.warn('Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.');\n }\n }, [prevStripe, rawStripeProp]); // Apply updates to elements when options prop has relevant changes\n\n var prevOptions = usePrevious(options);\n React.useEffect(function () {\n if (!ctx.elements) {\n return;\n }\n var updates = extractAllowedOptionsUpdates(options, prevOptions, ['clientSecret', 'fonts']);\n if (updates) {\n ctx.elements.update(updates);\n }\n }, [options, prevOptions, ctx.elements]); // Attach react-stripe-js version to stripe.js instance\n\n React.useEffect(function () {\n registerWithStripeJs(ctx.stripe);\n }, [ctx.stripe]);\n return /*#__PURE__*/React.createElement(ElementsContext.Provider, {\n value: ctx\n }, /*#__PURE__*/React.createElement(CartElementContext.Provider, {\n value: {\n cart: cart,\n setCart: setCart,\n cartState: cartState,\n setCartState: setCartState\n }\n }, children));\n };\n var useElementsContextWithUseCase = function useElementsContextWithUseCase(useCaseMessage) {\n var ctx = React.useContext(ElementsContext);\n return parseElementsContext(ctx, useCaseMessage);\n };\n var DUMMY_CART_ELEMENT_CONTEXT = {\n cart: null,\n cartState: null,\n setCart: function setCart() {},\n setCartState: function setCartState() {}\n };\n var useCartElementContextWithUseCase = function useCartElementContextWithUseCase(useCaseMessage) {\n var isInCustomCheckout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var ctx = React.useContext(CartElementContext);\n if (isInCustomCheckout) {\n return DUMMY_CART_ELEMENT_CONTEXT;\n }\n return parseCartElementContext(ctx, useCaseMessage);\n };\n /**\n * @docs https://stripe.com/docs/stripe-js/react#useelements-hook\n */\n\n var useElements = function useElements() {\n var _useElementsContextWi = useElementsContextWithUseCase('calls useElements()'),\n elements = _useElementsContextWi.elements;\n return elements;\n };\n /**\n * @docs https://stripe.com/docs/stripe-js/react#usestripe-hook\n */\n\n var useStripe = function useStripe() {\n var _useElementsOrCustomC = useElementsOrCustomCheckoutSdkContextWithUseCase('calls useStripe()'),\n stripe = _useElementsOrCustomC.stripe;\n return stripe;\n };\n /**\n * @docs https://stripe.com/docs/payments/checkout/cart-element\n */\n\n var useCartElement = function useCartElement() {\n var _useCartElementContex = useCartElementContextWithUseCase('calls useCartElement()'),\n cart = _useCartElementContex.cart;\n return cart;\n };\n /**\n * @docs https://stripe.com/docs/payments/checkout/cart-element\n */\n\n var useCartElementState = function useCartElementState() {\n var _useCartElementContex2 = useCartElementContextWithUseCase('calls useCartElementState()'),\n cartState = _useCartElementContex2.cartState;\n return cartState;\n };\n /**\n * @docs https://stripe.com/docs/stripe-js/react#elements-consumer\n */\n\n var ElementsConsumer = function ElementsConsumer(_ref2) {\n var children = _ref2.children;\n var ctx = useElementsContextWithUseCase('mounts '); // Assert to satisfy the busted React.FC return type (it should be ReactNode)\n\n return children(ctx);\n };\n ElementsConsumer.propTypes = {\n children: propTypes.func.isRequired\n };\n var useAttachEvent = function useAttachEvent(element, event, cb) {\n var cbDefined = !!cb;\n var cbRef = React.useRef(cb); // In many integrations the callback prop changes on each render.\n // Using a ref saves us from calling element.on/.off every render.\n\n React.useEffect(function () {\n cbRef.current = cb;\n }, [cb]);\n React.useEffect(function () {\n if (!cbDefined || !element) {\n return function () {};\n }\n var decoratedCb = function decoratedCb() {\n if (cbRef.current) {\n cbRef.current.apply(cbRef, arguments);\n }\n };\n element.on(event, decoratedCb);\n return function () {\n element.off(event, decoratedCb);\n };\n }, [cbDefined, event, element, cbRef]);\n };\n var capitalized = function capitalized(str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n };\n var createElementComponent = function createElementComponent(type, isServer) {\n var displayName = \"\".concat(capitalized(type), \"Element\");\n var ClientElement = function ClientElement(_ref) {\n var id = _ref.id,\n className = _ref.className,\n _ref$options = _ref.options,\n options = _ref$options === void 0 ? {} : _ref$options,\n onBlur = _ref.onBlur,\n onFocus = _ref.onFocus,\n onReady = _ref.onReady,\n onChange = _ref.onChange,\n onEscape = _ref.onEscape,\n onClick = _ref.onClick,\n onLoadError = _ref.onLoadError,\n onLoaderStart = _ref.onLoaderStart,\n onNetworksChange = _ref.onNetworksChange,\n onCheckout = _ref.onCheckout,\n onLineItemClick = _ref.onLineItemClick,\n onConfirm = _ref.onConfirm,\n onCancel = _ref.onCancel,\n onShippingAddressChange = _ref.onShippingAddressChange,\n onShippingRateChange = _ref.onShippingRateChange;\n var ctx = useElementsOrCustomCheckoutSdkContextWithUseCase(\"mounts <\".concat(displayName, \">\"));\n var elements = 'elements' in ctx ? ctx.elements : null;\n var customCheckoutSdk = 'customCheckoutSdk' in ctx ? ctx.customCheckoutSdk : null;\n var _React$useState = React.useState(null),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n element = _React$useState2[0],\n setElement = _React$useState2[1];\n var elementRef = React.useRef(null);\n var domNode = React.useRef(null);\n var _useCartElementContex = useCartElementContextWithUseCase(\"mounts <\".concat(displayName, \">\"), 'customCheckoutSdk' in ctx),\n setCart = _useCartElementContex.setCart,\n setCartState = _useCartElementContex.setCartState; // For every event where the merchant provides a callback, call element.on\n // with that callback. If the merchant ever changes the callback, removes\n // the old callback with element.off and then call element.on with the new one.\n\n useAttachEvent(element, 'blur', onBlur);\n useAttachEvent(element, 'focus', onFocus);\n useAttachEvent(element, 'escape', onEscape);\n useAttachEvent(element, 'click', onClick);\n useAttachEvent(element, 'loaderror', onLoadError);\n useAttachEvent(element, 'loaderstart', onLoaderStart);\n useAttachEvent(element, 'networkschange', onNetworksChange);\n useAttachEvent(element, 'lineitemclick', onLineItemClick);\n useAttachEvent(element, 'confirm', onConfirm);\n useAttachEvent(element, 'cancel', onCancel);\n useAttachEvent(element, 'shippingaddresschange', onShippingAddressChange);\n useAttachEvent(element, 'shippingratechange', onShippingRateChange);\n var readyCallback;\n if (type === 'cart') {\n readyCallback = function readyCallback(event) {\n setCartState(event);\n onReady && onReady(event);\n };\n } else if (onReady) {\n if (type === 'expressCheckout') {\n // Passes through the event, which includes visible PM types\n readyCallback = onReady;\n } else {\n // For other Elements, pass through the Element itself.\n readyCallback = function readyCallback() {\n onReady(element);\n };\n }\n }\n useAttachEvent(element, 'ready', readyCallback);\n var changeCallback = type === 'cart' ? function (event) {\n setCartState(event);\n onChange && onChange(event);\n } : onChange;\n useAttachEvent(element, 'change', changeCallback);\n var checkoutCallback = type === 'cart' ? function (event) {\n setCartState(event);\n onCheckout && onCheckout(event);\n } : onCheckout;\n useAttachEvent(element, 'checkout', checkoutCallback);\n React.useLayoutEffect(function () {\n if (elementRef.current === null && domNode.current !== null && (elements || customCheckoutSdk)) {\n var newElement = null;\n if (customCheckoutSdk) {\n newElement = customCheckoutSdk.createElement(type, options);\n } else if (elements) {\n newElement = elements.create(type, options);\n }\n if (type === 'cart' && setCart) {\n // we know that elements.create return value must be of type StripeCartElement if type is 'cart',\n // we need to cast because typescript is not able to infer which overloaded method is used based off param type\n setCart(newElement);\n } // Store element in a ref to ensure it's _immediately_ available in cleanup hooks in StrictMode\n\n elementRef.current = newElement; // Store element in state to facilitate event listener attachment\n\n setElement(newElement);\n if (newElement) {\n newElement.mount(domNode.current);\n }\n }\n }, [elements, customCheckoutSdk, options, setCart]);\n var prevOptions = usePrevious(options);\n React.useEffect(function () {\n if (!elementRef.current) {\n return;\n }\n var updates = extractAllowedOptionsUpdates(options, prevOptions, ['paymentRequest']);\n if (updates) {\n elementRef.current.update(updates);\n }\n }, [options, prevOptions]);\n React.useLayoutEffect(function () {\n return function () {\n if (elementRef.current && typeof elementRef.current.destroy === 'function') {\n try {\n elementRef.current.destroy();\n elementRef.current = null;\n } catch (error) {// Do nothing\n }\n }\n };\n }, []);\n return /*#__PURE__*/React.createElement(\"div\", {\n id: id,\n className: className,\n ref: domNode\n });\n }; // Only render the Element wrapper in a server environment.\n\n var ServerElement = function ServerElement(props) {\n // Validate that we are in the right context by calling useElementsContextWithUseCase.\n var ctx = useElementsOrCustomCheckoutSdkContextWithUseCase(\"mounts <\".concat(displayName, \">\"));\n useCartElementContextWithUseCase(\"mounts <\".concat(displayName, \">\"), 'customCheckoutSdk' in ctx);\n var id = props.id,\n className = props.className;\n return /*#__PURE__*/React.createElement(\"div\", {\n id: id,\n className: className\n });\n };\n var Element = isServer ? ServerElement : ClientElement;\n Element.propTypes = {\n id: propTypes.string,\n className: propTypes.string,\n onChange: propTypes.func,\n onBlur: propTypes.func,\n onFocus: propTypes.func,\n onReady: propTypes.func,\n onEscape: propTypes.func,\n onClick: propTypes.func,\n onLoadError: propTypes.func,\n onLoaderStart: propTypes.func,\n onNetworksChange: propTypes.func,\n onCheckout: propTypes.func,\n onLineItemClick: propTypes.func,\n onConfirm: propTypes.func,\n onCancel: propTypes.func,\n onShippingAddressChange: propTypes.func,\n onShippingRateChange: propTypes.func,\n options: propTypes.object\n };\n Element.displayName = displayName;\n Element.__elementType = type;\n return Element;\n };\n var isServer = typeof window === 'undefined';\n var EmbeddedCheckoutContext = /*#__PURE__*/React.createContext(null);\n EmbeddedCheckoutContext.displayName = 'EmbeddedCheckoutProviderContext';\n var useEmbeddedCheckoutContext = function useEmbeddedCheckoutContext() {\n var ctx = React.useContext(EmbeddedCheckoutContext);\n if (!ctx) {\n throw new Error(' must be used within ');\n }\n return ctx;\n };\n var INVALID_STRIPE_ERROR$2 = 'Invalid prop `stripe` supplied to `EmbeddedCheckoutProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.';\n var EmbeddedCheckoutProvider = function EmbeddedCheckoutProvider(_ref) {\n var rawStripeProp = _ref.stripe,\n options = _ref.options,\n children = _ref.children;\n var parsed = React.useMemo(function () {\n return parseStripeProp(rawStripeProp, INVALID_STRIPE_ERROR$2);\n }, [rawStripeProp]);\n var embeddedCheckoutPromise = React.useRef(null);\n var loadedStripe = React.useRef(null);\n var _React$useState = React.useState({\n embeddedCheckout: null\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n ctx = _React$useState2[0],\n setContext = _React$useState2[1];\n React.useEffect(function () {\n // Don't support any ctx updates once embeddedCheckout or stripe is set.\n if (loadedStripe.current || embeddedCheckoutPromise.current) {\n return;\n }\n var setStripeAndInitEmbeddedCheckout = function setStripeAndInitEmbeddedCheckout(stripe) {\n if (loadedStripe.current || embeddedCheckoutPromise.current) return;\n loadedStripe.current = stripe;\n embeddedCheckoutPromise.current = loadedStripe.current.initEmbeddedCheckout(options).then(function (embeddedCheckout) {\n setContext({\n embeddedCheckout: embeddedCheckout\n });\n });\n }; // For an async stripePromise, store it once resolved\n\n if (parsed.tag === 'async' && !loadedStripe.current && options.clientSecret) {\n parsed.stripePromise.then(function (stripe) {\n if (stripe) {\n setStripeAndInitEmbeddedCheckout(stripe);\n }\n });\n } else if (parsed.tag === 'sync' && !loadedStripe.current && options.clientSecret) {\n // Or, handle a sync stripe instance going from null -> populated\n setStripeAndInitEmbeddedCheckout(parsed.stripe);\n }\n }, [parsed, options, ctx, loadedStripe]);\n React.useEffect(function () {\n // cleanup on unmount\n return function () {\n // If embedded checkout is fully initialized, destroy it.\n if (ctx.embeddedCheckout) {\n embeddedCheckoutPromise.current = null;\n ctx.embeddedCheckout.destroy();\n } else if (embeddedCheckoutPromise.current) {\n // If embedded checkout is still initializing, destroy it once\n // it's done. This could be caused by unmounting very quickly\n // after mounting.\n embeddedCheckoutPromise.current.then(function () {\n embeddedCheckoutPromise.current = null;\n if (ctx.embeddedCheckout) {\n ctx.embeddedCheckout.destroy();\n }\n });\n }\n };\n }, [ctx.embeddedCheckout]); // Attach react-stripe-js version to stripe.js instance\n\n React.useEffect(function () {\n registerWithStripeJs(loadedStripe);\n }, [loadedStripe]); // Warn on changes to stripe prop.\n // The stripe prop value can only go from null to non-null once and\n // can't be changed after that.\n\n var prevStripe = usePrevious(rawStripeProp);\n React.useEffect(function () {\n if (prevStripe !== null && prevStripe !== rawStripeProp) {\n console.warn('Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.');\n }\n }, [prevStripe, rawStripeProp]); // Warn on changes to options.\n\n var prevOptions = usePrevious(options);\n React.useEffect(function () {\n if (prevOptions == null) {\n return;\n }\n if (options == null) {\n console.warn('Unsupported prop change on EmbeddedCheckoutProvider: You cannot unset options after setting them.');\n return;\n }\n if (prevOptions.clientSecret != null && options.clientSecret !== prevOptions.clientSecret) {\n console.warn('Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.');\n }\n if (prevOptions.onComplete != null && options.onComplete !== prevOptions.onComplete) {\n console.warn('Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.');\n }\n }, [prevOptions, options]);\n return /*#__PURE__*/React.createElement(EmbeddedCheckoutContext.Provider, {\n value: ctx\n }, children);\n };\n var EmbeddedCheckoutClientElement = function EmbeddedCheckoutClientElement(_ref) {\n var id = _ref.id,\n className = _ref.className;\n var _useEmbeddedCheckoutC = useEmbeddedCheckoutContext(),\n embeddedCheckout = _useEmbeddedCheckoutC.embeddedCheckout;\n var isMounted = React.useRef(false);\n var domNode = React.useRef(null);\n React.useLayoutEffect(function () {\n if (!isMounted.current && embeddedCheckout && domNode.current !== null) {\n embeddedCheckout.mount(domNode.current);\n isMounted.current = true;\n } // Clean up on unmount\n\n return function () {\n if (isMounted.current && embeddedCheckout) {\n try {\n embeddedCheckout.unmount();\n isMounted.current = false;\n } catch (e) {// Do nothing.\n // Parent effects are destroyed before child effects, so\n // in cases where both the EmbeddedCheckoutProvider and\n // the EmbeddedCheckout component are removed at the same\n // time, the embeddedCheckout instance will be destroyed,\n // which causes an error when calling unmount.\n }\n }\n };\n }, [embeddedCheckout]);\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: domNode,\n id: id,\n className: className\n });\n }; // Only render the wrapper in a server environment.\n\n var EmbeddedCheckoutServerElement = function EmbeddedCheckoutServerElement(_ref2) {\n var id = _ref2.id,\n className = _ref2.className;\n // Validate that we are in the right context by calling useEmbeddedCheckoutContext.\n useEmbeddedCheckoutContext();\n return /*#__PURE__*/React.createElement(\"div\", {\n id: id,\n className: className\n });\n };\n var EmbeddedCheckout = isServer ? EmbeddedCheckoutServerElement : EmbeddedCheckoutClientElement;\n\n /**\n * Requires beta access:\n * Contact [Stripe support](https://support.stripe.com/) for more information.\n *\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var AuBankAccountElement = createElementComponent('auBankAccount', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var CardElement = createElementComponent('card', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var CardNumberElement = createElementComponent('cardNumber', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var CardExpiryElement = createElementComponent('cardExpiry', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var CardCvcElement = createElementComponent('cardCvc', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var FpxBankElement = createElementComponent('fpxBank', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var IbanElement = createElementComponent('iban', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var IdealBankElement = createElementComponent('idealBank', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var P24BankElement = createElementComponent('p24Bank', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var EpsBankElement = createElementComponent('epsBank', isServer);\n var PaymentElement = createElementComponent('payment', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var ExpressCheckoutElement = createElementComponent('expressCheckout', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var PaymentRequestButtonElement = createElementComponent('paymentRequestButton', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var LinkAuthenticationElement = createElementComponent('linkAuthentication', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var AddressElement = createElementComponent('address', isServer);\n /**\n * @deprecated\n * Use `AddressElement` instead.\n *\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var ShippingAddressElement = createElementComponent('shippingAddress', isServer);\n /**\n * Requires beta access:\n * Contact [Stripe support](https://support.stripe.com/) for more information.\n *\n * @docs https://stripe.com/docs/elements/cart-element\n */\n\n var CartElement = createElementComponent('cart', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var PaymentMethodMessagingElement = createElementComponent('paymentMethodMessaging', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var AffirmMessageElement = createElementComponent('affirmMessage', isServer);\n /**\n * @docs https://stripe.com/docs/stripe-js/react#element-components\n */\n\n var AfterpayClearpayMessageElement = createElementComponent('afterpayClearpayMessage', isServer);\n exports.AddressElement = AddressElement;\n exports.AffirmMessageElement = AffirmMessageElement;\n exports.AfterpayClearpayMessageElement = AfterpayClearpayMessageElement;\n exports.AuBankAccountElement = AuBankAccountElement;\n exports.CardCvcElement = CardCvcElement;\n exports.CardElement = CardElement;\n exports.CardExpiryElement = CardExpiryElement;\n exports.CardNumberElement = CardNumberElement;\n exports.CartElement = CartElement;\n exports.CustomCheckoutProvider = CustomCheckoutProvider;\n exports.Elements = Elements;\n exports.ElementsConsumer = ElementsConsumer;\n exports.EmbeddedCheckout = EmbeddedCheckout;\n exports.EmbeddedCheckoutProvider = EmbeddedCheckoutProvider;\n exports.EpsBankElement = EpsBankElement;\n exports.ExpressCheckoutElement = ExpressCheckoutElement;\n exports.FpxBankElement = FpxBankElement;\n exports.IbanElement = IbanElement;\n exports.IdealBankElement = IdealBankElement;\n exports.LinkAuthenticationElement = LinkAuthenticationElement;\n exports.P24BankElement = P24BankElement;\n exports.PaymentElement = PaymentElement;\n exports.PaymentMethodMessagingElement = PaymentMethodMessagingElement;\n exports.PaymentRequestButtonElement = PaymentRequestButtonElement;\n exports.ShippingAddressElement = ShippingAddressElement;\n exports.useCartElement = useCartElement;\n exports.useCartElementState = useCartElementState;\n exports.useCustomCheckout = useCustomCheckout;\n exports.useElements = useElements;\n exports.useStripe = useStripe;\n Object.defineProperty(exports, '__esModule', {\n value: true\n });\n});","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n!function (t, e) {\n \"object\" == (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) && \"object\" == (typeof module === \"undefined\" ? \"undefined\" : _typeof(module)) ? module.exports = e() : \"function\" == typeof define && define.amd ? define([], e) : \"object\" == (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) ? exports.ReactPixel = e() : t.ReactPixel = e();\n}(window, function () {\n return function (t) {\n var e = {};\n function n(o) {\n if (e[o]) return e[o].exports;\n var r = e[o] = {\n i: o,\n l: !1,\n exports: {}\n };\n return t[o].call(r.exports, r, r.exports, n), r.l = !0, r.exports;\n }\n return n.m = t, n.c = e, n.d = function (t, e, o) {\n n.o(t, e) || Object.defineProperty(t, e, {\n enumerable: !0,\n get: o\n });\n }, n.r = function (t) {\n \"undefined\" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {\n value: \"Module\"\n }), Object.defineProperty(t, \"__esModule\", {\n value: !0\n });\n }, n.t = function (t, e) {\n if (1 & e && (t = n(t)), 8 & e) return t;\n if (4 & e && \"object\" == _typeof(t) && t && t.__esModule) return t;\n var o = Object.create(null);\n if (n.r(o), Object.defineProperty(o, \"default\", {\n enumerable: !0,\n value: t\n }), 2 & e && \"string\" != typeof t) for (var r in t) n.d(o, r, function (e) {\n return t[e];\n }.bind(null, r));\n return o;\n }, n.n = function (t) {\n var e = t && t.__esModule ? function () {\n return t.default;\n } : function () {\n return t;\n };\n return n.d(e, \"a\", e), e;\n }, n.o = function (t, e) {\n return Object.prototype.hasOwnProperty.call(t, e);\n }, n.p = \"\", n(n.s = 0);\n }([function (t, e, n) {\n t.exports = n(1);\n }, function (t, e, n) {\n \"use strict\";\n\n function o(t) {\n return function (t) {\n if (Array.isArray(t)) {\n for (var e = 0, n = new Array(t.length); e < t.length; e++) n[e] = t[e];\n return n;\n }\n }(t) || function (t) {\n if (Symbol.iterator in Object(t) || \"[object Arguments]\" === Object.prototype.toString.call(t)) return Array.from(t);\n }(t) || function () {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n }();\n }\n n.r(e);\n var r = !!window.fbq,\n i = !1,\n a = function a() {\n var t;\n if (i) {\n for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++) n[r] = arguments[r];\n (t = console).info.apply(t, o([\"[react-facebook-pixel]\"].concat(n)));\n }\n },\n c = function c() {\n var t;\n if (i) {\n for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++) n[r] = arguments[r];\n (t = console).info.apply(t, o([\"[react-facebook-pixel]\"].concat(n)));\n }\n },\n f = function f() {\n return r || a(\"Pixel not initialized before using call ReactPixel.init with required params\"), r;\n },\n u = {\n autoConfig: !0,\n debug: !1\n };\n e.default = {\n init: function init(t) {\n var e,\n n,\n o,\n c,\n f,\n l,\n d = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},\n s = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : u;\n e = window, n = document, o = \"script\", e.fbq || (c = e.fbq = function () {\n c.callMethod ? c.callMethod.apply(c, arguments) : c.queue.push(arguments);\n }, e._fbq || (e._fbq = c), c.push = c, c.loaded = !0, c.version = \"2.0\", c.queue = [], (f = n.createElement(o)).async = !0, f.src = \"https://connect.facebook.net/en_US/fbevents.js\", (l = n.getElementsByTagName(o)[0]).parentNode.insertBefore(f, l)), t ? (!1 === s.autoConfig && fbq(\"set\", \"autoConfig\", !1, t), fbq(\"init\", t, d), r = !0, i = s.debug) : a(\"Please insert pixel id for initializing\");\n },\n pageView: function pageView() {\n f() && (fbq(\"track\", \"PageView\"), i && c(\"called fbq('track', 'PageView');\"));\n },\n track: function track(t, e) {\n f() && (fbq(\"track\", t, e), i && (c(\"called fbq('track', '\".concat(t, \"');\")), e && c(\"with data\", e)));\n },\n trackSingle: function trackSingle(t, e, n) {\n f() && (fbq(\"trackSingle\", t, e, n), i && (c(\"called fbq('trackSingle', '\".concat(t, \"', '\").concat(e, \"');\")), n && c(\"with data\", n)));\n },\n trackCustom: function trackCustom(t, e) {\n f() && (fbq(\"trackCustom\", t, e), i && (c(\"called fbq('trackCustom', '\".concat(t, \"');\")), e && c(\"with data\", e)));\n },\n trackSingleCustom: function trackSingleCustom(t, e, n) {\n f() && (fbq(\"trackSingle\", t, e, n), i && (c(\"called fbq('trackSingleCustom', '\".concat(t, \"', '\").concat(e, \"');\")), n && c(\"with data\", n)));\n },\n grantConsent: function grantConsent() {\n f() && (fbq(\"consent\", \"grant\"), i && c(\"called fbq('consent', 'grant');\"));\n },\n revokeConsent: function revokeConsent() {\n f() && (fbq(\"consent\", \"revoke\"), i && c(\"called fbq('consent', 'revoke');\"));\n },\n fbq: function (t) {\n function e() {\n return t.apply(this, arguments);\n }\n return e.toString = function () {\n return t.toString();\n }, e;\n }(function () {\n if (f()) {\n for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++) e[n] = arguments[n];\n fbq.apply(void 0, e), i && (c(\"called fbq('\".concat(e.slice(0, 2).join(\"', '\"), \"')\")), e[2] && c(\"with data\", e[2]));\n }\n })\n };\n }]);\n});","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/*\nUnobtrusive JavaScript\nhttps://github.com/rails/rails/blob/master/actionview/app/assets/javascripts\nReleased under the MIT license\n */\n;\n(function () {\n var context = this;\n (function () {\n (function () {\n this.Rails = {\n linkClickSelector: 'a[data-confirm], a[data-method], a[data-remote]:not([disabled]), a[data-disable-with], a[data-disable]',\n buttonClickSelector: {\n selector: 'button[data-remote]:not([form]), button[data-confirm]:not([form])',\n exclude: 'form button'\n },\n inputChangeSelector: 'select[data-remote], input[data-remote], textarea[data-remote]',\n formSubmitSelector: 'form',\n formInputClickSelector: 'form input[type=submit], form input[type=image], form button[type=submit], form button:not([type]), input[type=submit][form], input[type=image][form], button[type=submit][form], button[form]:not([type])',\n formDisableSelector: 'input[data-disable-with]:enabled, button[data-disable-with]:enabled, textarea[data-disable-with]:enabled, input[data-disable]:enabled, button[data-disable]:enabled, textarea[data-disable]:enabled',\n formEnableSelector: 'input[data-disable-with]:disabled, button[data-disable-with]:disabled, textarea[data-disable-with]:disabled, input[data-disable]:disabled, button[data-disable]:disabled, textarea[data-disable]:disabled',\n fileInputSelector: 'input[name][type=file]:not([disabled])',\n linkDisableSelector: 'a[data-disable-with], a[data-disable]',\n buttonDisableSelector: 'button[data-remote][data-disable-with], button[data-remote][data-disable]'\n };\n }).call(this);\n }).call(context);\n var Rails = context.Rails;\n (function () {\n (function () {\n var nonce;\n nonce = null;\n Rails.loadCSPNonce = function () {\n var ref;\n return nonce = (ref = document.querySelector(\"meta[name=csp-nonce]\")) != null ? ref.content : void 0;\n };\n Rails.cspNonce = function () {\n return nonce != null ? nonce : Rails.loadCSPNonce();\n };\n }).call(this);\n (function () {\n var expando, m;\n m = Element.prototype.matches || Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;\n Rails.matches = function (element, selector) {\n if (selector.exclude != null) {\n return m.call(element, selector.selector) && !m.call(element, selector.exclude);\n } else {\n return m.call(element, selector);\n }\n };\n expando = '_ujsData';\n Rails.getData = function (element, key) {\n var ref;\n return (ref = element[expando]) != null ? ref[key] : void 0;\n };\n Rails.setData = function (element, key, value) {\n if (element[expando] == null) {\n element[expando] = {};\n }\n return element[expando][key] = value;\n };\n Rails.$ = function (selector) {\n return Array.prototype.slice.call(document.querySelectorAll(selector));\n };\n }).call(this);\n (function () {\n var $, csrfParam, csrfToken;\n $ = Rails.$;\n csrfToken = Rails.csrfToken = function () {\n var meta;\n meta = document.querySelector('meta[name=csrf-token]');\n return meta && meta.content;\n };\n csrfParam = Rails.csrfParam = function () {\n var meta;\n meta = document.querySelector('meta[name=csrf-param]');\n return meta && meta.content;\n };\n Rails.CSRFProtection = function (xhr) {\n var token;\n token = csrfToken();\n if (token != null) {\n return xhr.setRequestHeader('X-CSRF-Token', token);\n }\n };\n Rails.refreshCSRFTokens = function () {\n var param, token;\n token = csrfToken();\n param = csrfParam();\n if (token != null && param != null) {\n return $('form input[name=\"' + param + '\"]').forEach(function (input) {\n return input.value = token;\n });\n }\n };\n }).call(this);\n (function () {\n var CustomEvent, fire, matches, preventDefault;\n matches = Rails.matches;\n CustomEvent = window.CustomEvent;\n if (typeof CustomEvent !== 'function') {\n CustomEvent = function CustomEvent(event, params) {\n var evt;\n evt = document.createEvent('CustomEvent');\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n return evt;\n };\n CustomEvent.prototype = window.Event.prototype;\n preventDefault = CustomEvent.prototype.preventDefault;\n CustomEvent.prototype.preventDefault = function () {\n var result;\n result = preventDefault.call(this);\n if (this.cancelable && !this.defaultPrevented) {\n Object.defineProperty(this, 'defaultPrevented', {\n get: function get() {\n return true;\n }\n });\n }\n return result;\n };\n }\n fire = Rails.fire = function (obj, name, data) {\n var event;\n event = new CustomEvent(name, {\n bubbles: true,\n cancelable: true,\n detail: data\n });\n obj.dispatchEvent(event);\n return !event.defaultPrevented;\n };\n Rails.stopEverything = function (e) {\n fire(e.target, 'ujs:everythingStopped');\n e.preventDefault();\n e.stopPropagation();\n return e.stopImmediatePropagation();\n };\n Rails.delegate = function (element, selector, eventType, handler) {\n return element.addEventListener(eventType, function (e) {\n var target;\n target = e.target;\n while (!(!(target instanceof Element) || matches(target, selector))) {\n target = target.parentNode;\n }\n if (target instanceof Element && handler.call(target, e) === false) {\n e.preventDefault();\n return e.stopPropagation();\n }\n });\n };\n }).call(this);\n (function () {\n var AcceptHeaders, CSRFProtection, createXHR, cspNonce, fire, prepareOptions, processResponse;\n cspNonce = Rails.cspNonce, CSRFProtection = Rails.CSRFProtection, fire = Rails.fire;\n AcceptHeaders = {\n '*': '*/*',\n text: 'text/plain',\n html: 'text/html',\n xml: 'application/xml, text/xml',\n json: 'application/json, text/javascript',\n script: 'text/javascript, application/javascript, application/ecmascript, application/x-ecmascript'\n };\n Rails.ajax = function (options) {\n var xhr;\n options = prepareOptions(options);\n xhr = createXHR(options, function () {\n var ref, response;\n response = processResponse((ref = xhr.response) != null ? ref : xhr.responseText, xhr.getResponseHeader('Content-Type'));\n if (Math.floor(xhr.status / 100) === 2) {\n if (typeof options.success === \"function\") {\n options.success(response, xhr.statusText, xhr);\n }\n } else {\n if (typeof options.error === \"function\") {\n options.error(response, xhr.statusText, xhr);\n }\n }\n return typeof options.complete === \"function\" ? options.complete(xhr, xhr.statusText) : void 0;\n });\n if (options.beforeSend != null && !options.beforeSend(xhr, options)) {\n return false;\n }\n if (xhr.readyState === XMLHttpRequest.OPENED) {\n return xhr.send(options.data);\n }\n };\n prepareOptions = function prepareOptions(options) {\n options.url = options.url || location.href;\n options.type = options.type.toUpperCase();\n if (options.type === 'GET' && options.data) {\n if (options.url.indexOf('?') < 0) {\n options.url += '?' + options.data;\n } else {\n options.url += '&' + options.data;\n }\n }\n if (AcceptHeaders[options.dataType] == null) {\n options.dataType = '*';\n }\n options.accept = AcceptHeaders[options.dataType];\n if (options.dataType !== '*') {\n options.accept += ', */*; q=0.01';\n }\n return options;\n };\n createXHR = function createXHR(options, done) {\n var xhr;\n xhr = new XMLHttpRequest();\n xhr.open(options.type, options.url, true);\n xhr.setRequestHeader('Accept', options.accept);\n if (typeof options.data === 'string') {\n xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');\n }\n if (!options.crossDomain) {\n xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n CSRFProtection(xhr);\n }\n xhr.withCredentials = !!options.withCredentials;\n xhr.onreadystatechange = function () {\n if (xhr.readyState === XMLHttpRequest.DONE) {\n return done(xhr);\n }\n };\n return xhr;\n };\n processResponse = function processResponse(response, type) {\n var parser, script;\n if (typeof response === 'string' && typeof type === 'string') {\n if (type.match(/\\bjson\\b/)) {\n try {\n response = JSON.parse(response);\n } catch (error) {}\n } else if (type.match(/\\b(?:java|ecma)script\\b/)) {\n script = document.createElement('script');\n script.setAttribute('nonce', cspNonce());\n script.text = response;\n document.head.appendChild(script).parentNode.removeChild(script);\n } else if (type.match(/\\b(xml|html|svg)\\b/)) {\n parser = new DOMParser();\n type = type.replace(/;.+/, '');\n try {\n response = parser.parseFromString(response, type);\n } catch (error) {}\n }\n }\n return response;\n };\n Rails.href = function (element) {\n return element.href;\n };\n Rails.isCrossDomain = function (url) {\n var e, originAnchor, urlAnchor;\n originAnchor = document.createElement('a');\n originAnchor.href = location.href;\n urlAnchor = document.createElement('a');\n try {\n urlAnchor.href = url;\n return !((!urlAnchor.protocol || urlAnchor.protocol === ':') && !urlAnchor.host || originAnchor.protocol + '//' + originAnchor.host === urlAnchor.protocol + '//' + urlAnchor.host);\n } catch (error) {\n e = error;\n return true;\n }\n };\n }).call(this);\n (function () {\n var matches, toArray;\n matches = Rails.matches;\n toArray = function toArray(e) {\n return Array.prototype.slice.call(e);\n };\n Rails.serializeElement = function (element, additionalParam) {\n var inputs, params;\n inputs = [element];\n if (matches(element, 'form')) {\n inputs = toArray(element.elements);\n }\n params = [];\n inputs.forEach(function (input) {\n if (!input.name || input.disabled) {\n return;\n }\n if (matches(input, 'select')) {\n return toArray(input.options).forEach(function (option) {\n if (option.selected) {\n return params.push({\n name: input.name,\n value: option.value\n });\n }\n });\n } else if (input.checked || ['radio', 'checkbox', 'submit'].indexOf(input.type) === -1) {\n return params.push({\n name: input.name,\n value: input.value\n });\n }\n });\n if (additionalParam) {\n params.push(additionalParam);\n }\n return params.map(function (param) {\n if (param.name != null) {\n return encodeURIComponent(param.name) + \"=\" + encodeURIComponent(param.value);\n } else {\n return param;\n }\n }).join('&');\n };\n Rails.formElements = function (form, selector) {\n if (matches(form, 'form')) {\n return toArray(form.elements).filter(function (el) {\n return matches(el, selector);\n });\n } else {\n return toArray(form.querySelectorAll(selector));\n }\n };\n }).call(this);\n (function () {\n var allowAction, fire, stopEverything;\n fire = Rails.fire, stopEverything = Rails.stopEverything;\n Rails.handleConfirm = function (e) {\n if (!allowAction(this)) {\n return stopEverything(e);\n }\n };\n allowAction = function allowAction(element) {\n var answer, callback, message;\n message = element.getAttribute('data-confirm');\n if (!message) {\n return true;\n }\n answer = false;\n if (fire(element, 'confirm')) {\n try {\n answer = confirm(message);\n } catch (error) {}\n callback = fire(element, 'confirm:complete', [answer]);\n }\n return answer && callback;\n };\n }).call(this);\n (function () {\n var disableFormElement, disableFormElements, disableLinkElement, enableFormElement, enableFormElements, enableLinkElement, formElements, getData, matches, setData, stopEverything;\n matches = Rails.matches, getData = Rails.getData, setData = Rails.setData, stopEverything = Rails.stopEverything, formElements = Rails.formElements;\n Rails.handleDisabledElement = function (e) {\n var element;\n element = this;\n if (element.disabled) {\n return stopEverything(e);\n }\n };\n Rails.enableElement = function (e) {\n var element;\n element = e instanceof Event ? e.target : e;\n if (matches(element, Rails.linkDisableSelector)) {\n return enableLinkElement(element);\n } else if (matches(element, Rails.buttonDisableSelector) || matches(element, Rails.formEnableSelector)) {\n return enableFormElement(element);\n } else if (matches(element, Rails.formSubmitSelector)) {\n return enableFormElements(element);\n }\n };\n Rails.disableElement = function (e) {\n var element;\n element = e instanceof Event ? e.target : e;\n if (matches(element, Rails.linkDisableSelector)) {\n return disableLinkElement(element);\n } else if (matches(element, Rails.buttonDisableSelector) || matches(element, Rails.formDisableSelector)) {\n return disableFormElement(element);\n } else if (matches(element, Rails.formSubmitSelector)) {\n return disableFormElements(element);\n }\n };\n disableLinkElement = function disableLinkElement(element) {\n var replacement;\n replacement = element.getAttribute('data-disable-with');\n if (replacement != null) {\n setData(element, 'ujs:enable-with', element.innerHTML);\n element.innerHTML = replacement;\n }\n element.addEventListener('click', stopEverything);\n return setData(element, 'ujs:disabled', true);\n };\n enableLinkElement = function enableLinkElement(element) {\n var originalText;\n originalText = getData(element, 'ujs:enable-with');\n if (originalText != null) {\n element.innerHTML = originalText;\n setData(element, 'ujs:enable-with', null);\n }\n element.removeEventListener('click', stopEverything);\n return setData(element, 'ujs:disabled', null);\n };\n disableFormElements = function disableFormElements(form) {\n return formElements(form, Rails.formDisableSelector).forEach(disableFormElement);\n };\n disableFormElement = function disableFormElement(element) {\n var replacement;\n replacement = element.getAttribute('data-disable-with');\n if (replacement != null) {\n if (matches(element, 'button')) {\n setData(element, 'ujs:enable-with', element.innerHTML);\n element.innerHTML = replacement;\n } else {\n setData(element, 'ujs:enable-with', element.value);\n element.value = replacement;\n }\n }\n element.disabled = true;\n return setData(element, 'ujs:disabled', true);\n };\n enableFormElements = function enableFormElements(form) {\n return formElements(form, Rails.formEnableSelector).forEach(enableFormElement);\n };\n enableFormElement = function enableFormElement(element) {\n var originalText;\n originalText = getData(element, 'ujs:enable-with');\n if (originalText != null) {\n if (matches(element, 'button')) {\n element.innerHTML = originalText;\n } else {\n element.value = originalText;\n }\n setData(element, 'ujs:enable-with', null);\n }\n element.disabled = false;\n return setData(element, 'ujs:disabled', null);\n };\n }).call(this);\n (function () {\n var stopEverything;\n stopEverything = Rails.stopEverything;\n Rails.handleMethod = function (e) {\n var csrfParam, csrfToken, form, formContent, href, link, method;\n link = this;\n method = link.getAttribute('data-method');\n if (!method) {\n return;\n }\n href = Rails.href(link);\n csrfToken = Rails.csrfToken();\n csrfParam = Rails.csrfParam();\n form = document.createElement('form');\n formContent = \"\";\n if (csrfParam != null && csrfToken != null && !Rails.isCrossDomain(href)) {\n formContent += \"\";\n }\n formContent += '';\n form.method = 'post';\n form.action = href;\n form.target = link.target;\n form.innerHTML = formContent;\n form.style.display = 'none';\n document.body.appendChild(form);\n form.querySelector('[type=\"submit\"]').click();\n return stopEverything(e);\n };\n }).call(this);\n (function () {\n var ajax,\n fire,\n getData,\n isCrossDomain,\n isRemote,\n matches,\n serializeElement,\n setData,\n stopEverything,\n slice = [].slice;\n matches = Rails.matches, getData = Rails.getData, setData = Rails.setData, fire = Rails.fire, stopEverything = Rails.stopEverything, ajax = Rails.ajax, isCrossDomain = Rails.isCrossDomain, serializeElement = Rails.serializeElement;\n isRemote = function isRemote(element) {\n var value;\n value = element.getAttribute('data-remote');\n return value != null && value !== 'false';\n };\n Rails.handleRemote = function (e) {\n var button, data, dataType, element, method, url, withCredentials;\n element = this;\n if (!isRemote(element)) {\n return true;\n }\n if (!fire(element, 'ajax:before')) {\n fire(element, 'ajax:stopped');\n return false;\n }\n withCredentials = element.getAttribute('data-with-credentials');\n dataType = element.getAttribute('data-type') || 'script';\n if (matches(element, Rails.formSubmitSelector)) {\n button = getData(element, 'ujs:submit-button');\n method = getData(element, 'ujs:submit-button-formmethod') || element.method;\n url = getData(element, 'ujs:submit-button-formaction') || element.getAttribute('action') || location.href;\n if (method.toUpperCase() === 'GET') {\n url = url.replace(/\\?.*$/, '');\n }\n if (element.enctype === 'multipart/form-data') {\n data = new FormData(element);\n if (button != null) {\n data.append(button.name, button.value);\n }\n } else {\n data = serializeElement(element, button);\n }\n setData(element, 'ujs:submit-button', null);\n setData(element, 'ujs:submit-button-formmethod', null);\n setData(element, 'ujs:submit-button-formaction', null);\n } else if (matches(element, Rails.buttonClickSelector) || matches(element, Rails.inputChangeSelector)) {\n method = element.getAttribute('data-method');\n url = element.getAttribute('data-url');\n data = serializeElement(element, element.getAttribute('data-params'));\n } else {\n method = element.getAttribute('data-method');\n url = Rails.href(element);\n data = element.getAttribute('data-params');\n }\n ajax({\n type: method || 'GET',\n url: url,\n data: data,\n dataType: dataType,\n beforeSend: function beforeSend(xhr, options) {\n if (fire(element, 'ajax:beforeSend', [xhr, options])) {\n return fire(element, 'ajax:send', [xhr]);\n } else {\n fire(element, 'ajax:stopped');\n return false;\n }\n },\n success: function success() {\n var args;\n args = 1 <= arguments.length ? slice.call(arguments, 0) : [];\n return fire(element, 'ajax:success', args);\n },\n error: function error() {\n var args;\n args = 1 <= arguments.length ? slice.call(arguments, 0) : [];\n return fire(element, 'ajax:error', args);\n },\n complete: function complete() {\n var args;\n args = 1 <= arguments.length ? slice.call(arguments, 0) : [];\n return fire(element, 'ajax:complete', args);\n },\n crossDomain: isCrossDomain(url),\n withCredentials: withCredentials != null && withCredentials !== 'false'\n });\n return stopEverything(e);\n };\n Rails.formSubmitButtonClick = function (e) {\n var button, form;\n button = this;\n form = button.form;\n if (!form) {\n return;\n }\n if (button.name) {\n setData(form, 'ujs:submit-button', {\n name: button.name,\n value: button.value\n });\n }\n setData(form, 'ujs:formnovalidate-button', button.formNoValidate);\n setData(form, 'ujs:submit-button-formaction', button.getAttribute('formaction'));\n return setData(form, 'ujs:submit-button-formmethod', button.getAttribute('formmethod'));\n };\n Rails.preventInsignificantClick = function (e) {\n var data, insignificantMetaClick, link, metaClick, method, nonPrimaryMouseClick;\n link = this;\n method = (link.getAttribute('data-method') || 'GET').toUpperCase();\n data = link.getAttribute('data-params');\n metaClick = e.metaKey || e.ctrlKey;\n insignificantMetaClick = metaClick && method === 'GET' && !data;\n nonPrimaryMouseClick = e.button != null && e.button !== 0;\n if (nonPrimaryMouseClick || insignificantMetaClick) {\n return e.stopImmediatePropagation();\n }\n };\n }).call(this);\n (function () {\n var $, CSRFProtection, delegate, disableElement, enableElement, fire, formSubmitButtonClick, getData, handleConfirm, handleDisabledElement, handleMethod, handleRemote, loadCSPNonce, preventInsignificantClick, refreshCSRFTokens;\n fire = Rails.fire, delegate = Rails.delegate, getData = Rails.getData, $ = Rails.$, refreshCSRFTokens = Rails.refreshCSRFTokens, CSRFProtection = Rails.CSRFProtection, loadCSPNonce = Rails.loadCSPNonce, enableElement = Rails.enableElement, disableElement = Rails.disableElement, handleDisabledElement = Rails.handleDisabledElement, handleConfirm = Rails.handleConfirm, preventInsignificantClick = Rails.preventInsignificantClick, handleRemote = Rails.handleRemote, formSubmitButtonClick = Rails.formSubmitButtonClick, handleMethod = Rails.handleMethod;\n if (typeof jQuery !== \"undefined\" && jQuery !== null && jQuery.ajax != null) {\n if (jQuery.rails) {\n throw new Error('If you load both jquery_ujs and rails-ujs, use rails-ujs only.');\n }\n jQuery.rails = Rails;\n jQuery.ajaxPrefilter(function (options, originalOptions, xhr) {\n if (!options.crossDomain) {\n return CSRFProtection(xhr);\n }\n });\n }\n Rails.start = function () {\n if (window._rails_loaded) {\n throw new Error('rails-ujs has already been loaded!');\n }\n window.addEventListener('pageshow', function () {\n $(Rails.formEnableSelector).forEach(function (el) {\n if (getData(el, 'ujs:disabled')) {\n return enableElement(el);\n }\n });\n return $(Rails.linkDisableSelector).forEach(function (el) {\n if (getData(el, 'ujs:disabled')) {\n return enableElement(el);\n }\n });\n });\n delegate(document, Rails.linkDisableSelector, 'ajax:complete', enableElement);\n delegate(document, Rails.linkDisableSelector, 'ajax:stopped', enableElement);\n delegate(document, Rails.buttonDisableSelector, 'ajax:complete', enableElement);\n delegate(document, Rails.buttonDisableSelector, 'ajax:stopped', enableElement);\n delegate(document, Rails.linkClickSelector, 'click', preventInsignificantClick);\n delegate(document, Rails.linkClickSelector, 'click', handleDisabledElement);\n delegate(document, Rails.linkClickSelector, 'click', handleConfirm);\n delegate(document, Rails.linkClickSelector, 'click', disableElement);\n delegate(document, Rails.linkClickSelector, 'click', handleRemote);\n delegate(document, Rails.linkClickSelector, 'click', handleMethod);\n delegate(document, Rails.buttonClickSelector, 'click', preventInsignificantClick);\n delegate(document, Rails.buttonClickSelector, 'click', handleDisabledElement);\n delegate(document, Rails.buttonClickSelector, 'click', handleConfirm);\n delegate(document, Rails.buttonClickSelector, 'click', disableElement);\n delegate(document, Rails.buttonClickSelector, 'click', handleRemote);\n delegate(document, Rails.inputChangeSelector, 'change', handleDisabledElement);\n delegate(document, Rails.inputChangeSelector, 'change', handleConfirm);\n delegate(document, Rails.inputChangeSelector, 'change', handleRemote);\n delegate(document, Rails.formSubmitSelector, 'submit', handleDisabledElement);\n delegate(document, Rails.formSubmitSelector, 'submit', handleConfirm);\n delegate(document, Rails.formSubmitSelector, 'submit', handleRemote);\n delegate(document, Rails.formSubmitSelector, 'submit', function (e) {\n return setTimeout(function () {\n return disableElement(e);\n }, 13);\n });\n delegate(document, Rails.formSubmitSelector, 'ajax:send', disableElement);\n delegate(document, Rails.formSubmitSelector, 'ajax:complete', enableElement);\n delegate(document, Rails.formInputClickSelector, 'click', preventInsignificantClick);\n delegate(document, Rails.formInputClickSelector, 'click', handleDisabledElement);\n delegate(document, Rails.formInputClickSelector, 'click', handleConfirm);\n delegate(document, Rails.formInputClickSelector, 'click', formSubmitButtonClick);\n document.addEventListener('DOMContentLoaded', refreshCSRFTokens);\n document.addEventListener('DOMContentLoaded', loadCSPNonce);\n return window._rails_loaded = true;\n };\n if (window.Rails === Rails && fire(document, 'rails:attachBindings')) {\n Rails.start();\n }\n }).call(this);\n }).call(this);\n if ((typeof module === \"undefined\" ? \"undefined\" : _typeof(module)) === \"object\" && module.exports) {\n module.exports = Rails;\n } else if (typeof define === \"function\" && define.amd) {\n define(Rails);\n }\n}).call(this);","import ReactPixel from \"react-facebook-pixel\"\nimport ReactGA from \"react-ga\"\nimport cookie from \"react-cookies\"\nimport { getTranslatableField } from \"./utils\"\n\nconst marketingCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").marketingCookies === true\nconst statisticsCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").statisticsCookies === true\n\nexport function initiateLegacyCheckoutAnalytics(order, event, appProps) {\n if ( cookie.load(\"cookieConsent\") === \"YES\" && marketingCookies ) {\n ReactPixel.trackCustom('InitiateCheckout', {\n content_name: 'Initiated Checkout',\n value: `${order.totalValue}`,\n items: `${order.lineItems.length}`,\n products: `${order && order.lineItems.map((p) => {\n return `${p.sellable.title}, price: ${p.totalGross}, category: ${p.sellable.prototypeName ? p.sellable.prototypeName : ''}`\n })\n }`,\n orderNo: `${order.number}`,\n currency: `${appProps.currency}`,\n });\n }\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('send', 'event', {\n eventCategory: 'Click Checkout',\n eventAction: 'Initiated Checkout',\n eventLabel: event.target.href\n });\n }\n}\n\nexport function addToCartLegacyAnalytics(product, appProps){\n if ( cookie.load(\"cookieConsent\") === \"YES\" && marketingCookies ) {\n ReactPixel.trackCustom('AddToCart', {\n content_name: `${ product.title }`,\n content_ids: product.id,\n content_type: \"product\",\n content_category: `${ product.prototypeName ? product.prototypeName : '' }`,\n value: `${product.totalPrice }`,\n currency: `${appProps.currency}`\n })\n }\n\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('require', 'ec');\n ReactGA.ga('ec:addProduct', {\n 'name': `${ product.title }`,\n 'category': `${ product.prototypeName ? product.prototypeName : '' }`,\n 'id': `${product.id}`,\n 'value': `${ product.totalPrice }`,\n });\n ReactGA.ga('ec:setAction', 'add');\n ReactGA.ga('send', 'event', 'Add to cart', 'click', 'addToCart');\n }\n}\n\nexport function checkoutEmailLegacyAnalytics(){\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('send', {\n hitType: 'event',\n eventCategory: 'Checkout',\n eventAction: 'Customer email added',\n eventLabel: 'Customer (hidden)'\n })\n }\n}\n\nexport function checkoutDeliveryMethodLegacyAnalytics(deliveryOption){\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('send', {\n hitType: 'event',\n eventCategory: 'Checkout',\n eventAction: 'Delivery method selected',\n eventLabel: `${deliveryOption}`\n })\n }\n}\n\nexport function checkoutShippingMethodLegacyAnalytics(selectedMethod){\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('send', {\n hitType: 'event',\n eventCategory: 'Checkout',\n eventAction: 'Shipping method selected',\n eventLabel: `${selectedMethod.type}`\n })\n }\n}\n\nexport function checkoutPaymentMethodLegacyAnalytics(selectedMethod){\n if ( cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies ) {\n ReactGA.ga('send', {\n hitType: 'event',\n eventCategory: 'Checkout',\n eventAction: 'Payment method selected',\n eventLabel: `${selectedMethod.title}`\n })\n }\n}\n","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}","import * as React from 'react';\nvar useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n *\n * @param {function} fn\n */\n\nexport default function useEventCallback(fn) {\n var ref = React.useRef(fn);\n useEnhancedEffect(function () {\n ref.current = fn;\n });\n return React.useCallback(function () {\n return (0, ref.current).apply(void 0, arguments);\n }, []);\n}","\"use strict\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = exports.ReactGAImplementation = void 0;\nvar _ga = _interopRequireWildcard(require(\"./ga4\"));\nfunction _getRequireWildcardCache(nodeInterop) {\n if (typeof WeakMap !== \"function\") return null;\n var cacheBabelInterop = new WeakMap();\n var cacheNodeInterop = new WeakMap();\n return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {\n return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n })(nodeInterop);\n}\nfunction _interopRequireWildcard(obj, nodeInterop) {\n if (!nodeInterop && obj && obj.__esModule) {\n return obj;\n }\n if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n return {\n \"default\": obj\n };\n }\n var cache = _getRequireWildcardCache(nodeInterop);\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n for (var key in obj) {\n if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n newObj[\"default\"] = obj;\n if (cache) {\n cache.set(obj, newObj);\n }\n return newObj;\n}\nvar ReactGAImplementation = _ga.GA4;\nexports.ReactGAImplementation = ReactGAImplementation;\nvar _default = _ga[\"default\"];\nexports[\"default\"] = _default;","'use strict';\n\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nObject.defineProperty(exports, '__esModule', {\n value: true\n});\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n};\nvar _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if ('value' in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\nvar _get = function get(_x3, _x4, _x5) {\n var _again = true;\n _function: while (_again) {\n var object = _x3,\n property = _x4,\n receiver = _x5;\n _again = false;\n if (object === null) object = Function.prototype;\n var desc = Object.getOwnPropertyDescriptor(object, property);\n if (desc === undefined) {\n var parent = Object.getPrototypeOf(object);\n if (parent === null) {\n return undefined;\n } else {\n _x3 = parent;\n _x4 = property;\n _x5 = receiver;\n _again = true;\n desc = parent = undefined;\n continue _function;\n }\n } else if ('value' in desc) {\n return desc.value;\n } else {\n var getter = desc.get;\n if (getter === undefined) {\n return undefined;\n }\n return getter.call(receiver);\n }\n }\n};\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n 'default': obj\n };\n}\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError('Cannot call a class as a function');\n }\n}\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== 'function' && superClass !== null) {\n throw new TypeError('Super expression must either be null or a function, not ' + _typeof(superClass));\n }\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n}\nvar _react = require('react');\nvar _react2 = _interopRequireDefault(_react);\nvar _reactDom = require('react-dom');\nvar _reactDom2 = _interopRequireDefault(_reactDom);\nvar _propTypes = require('prop-types');\nvar _propTypes2 = _interopRequireDefault(_propTypes);\nvar _baseStyles = require('./baseStyles');\nvar _baseStyles2 = _interopRequireDefault(_baseStyles);\nvar _BurgerIcon = require('./BurgerIcon');\nvar _BurgerIcon2 = _interopRequireDefault(_BurgerIcon);\nvar _CrossIcon = require('./CrossIcon');\nvar _CrossIcon2 = _interopRequireDefault(_CrossIcon);\nexports['default'] = function (styles) {\n var Menu = function (_Component) {\n _inherits(Menu, _Component);\n function Menu(props) {\n _classCallCheck(this, Menu);\n _get(Object.getPrototypeOf(Menu.prototype), 'constructor', this).call(this, props);\n this.state = {\n isOpen: false\n };\n if (!styles) {\n throw new Error('No styles supplied');\n }\n }\n _createClass(Menu, [{\n key: 'focusOnFirstMenuItem',\n value: function focusOnFirstMenuItem() {\n var firstItem = Array.from(document.getElementsByClassName('bm-item')).shift();\n if (firstItem) {\n firstItem.focus();\n }\n }\n }, {\n key: 'focusOnLastMenuItem',\n value: function focusOnLastMenuItem() {\n var lastItem = Array.from(document.getElementsByClassName('bm-item')).pop();\n if (lastItem) {\n lastItem.focus();\n }\n }\n }, {\n key: 'focusOnCrossButton',\n value: function focusOnCrossButton() {\n var crossButton = document.getElementById('react-burger-cross-btn');\n if (crossButton) {\n crossButton.focus();\n }\n }\n }, {\n key: 'focusOnMenuButton',\n value: function focusOnMenuButton() {\n var menuButton = document.getElementById('react-burger-menu-btn');\n if (menuButton) {\n menuButton.focus();\n }\n }\n }, {\n key: 'focusOnMenuItem',\n value: function focusOnMenuItem(siblingType) {\n if (document.activeElement.className.includes('bm-item')) {\n var sibling = document.activeElement[siblingType];\n if (sibling) {\n sibling.focus();\n } else {\n this.focusOnCrossButton();\n }\n } else {\n if (siblingType === 'previousElementSibling') {\n this.focusOnLastMenuItem();\n } else {\n this.focusOnFirstMenuItem();\n }\n }\n }\n }, {\n key: 'focusOnNextMenuItem',\n value: function focusOnNextMenuItem() {\n this.focusOnMenuItem('nextElementSibling');\n }\n }, {\n key: 'focusOnPreviousMenuItem',\n value: function focusOnPreviousMenuItem() {\n this.focusOnMenuItem('previousElementSibling');\n }\n }, {\n key: 'toggleMenu',\n value: function toggleMenu() {\n var _this = this;\n var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];\n var isOpen = options.isOpen;\n var noStateChange = options.noStateChange;\n var focusOnLastItem = options.focusOnLastItem;\n var newState = {\n isOpen: typeof isOpen !== 'undefined' ? isOpen : !this.state.isOpen\n };\n this.applyWrapperStyles();\n this.setState(newState, function () {\n !noStateChange && _this.props.onStateChange(newState);\n if (!_this.props.disableAutoFocus) {\n // For accessibility reasons, ensures that when we toggle open,\n // we focus the first or last menu item according to given parameter.\n if (newState.isOpen) {\n focusOnLastItem ? _this.focusOnLastMenuItem() : _this.focusOnFirstMenuItem();\n } else {\n if (document.activeElement) {\n document.activeElement.blur();\n } else {\n document.body.blur(); // Needed for IE\n }\n }\n }\n\n // Timeout ensures wrappers are cleared after animation finishes.\n _this.timeoutId && clearTimeout(_this.timeoutId);\n _this.timeoutId = setTimeout(function () {\n _this.timeoutId = null;\n if (!newState.isOpen) {\n _this.applyWrapperStyles(false);\n }\n }, 500);\n });\n }\n }, {\n key: 'open',\n value: function open() {\n if (typeof this.props.onOpen === 'function') {\n this.props.onOpen();\n } else {\n this.toggleMenu();\n }\n }\n }, {\n key: 'close',\n value: function close() {\n if (typeof this.props.onClose === 'function') {\n this.props.onClose();\n } else {\n this.toggleMenu();\n }\n }\n }, {\n key: 'overlayClick',\n value: function overlayClick() {\n if (this.props.disableOverlayClick === true || typeof this.props.disableOverlayClick === 'function' && this.props.disableOverlayClick()) {\n return;\n } else {\n this.close();\n }\n }\n\n // Applies component-specific styles to external wrapper elements.\n }, {\n key: 'applyWrapperStyles',\n value: function applyWrapperStyles() {\n var set = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];\n var applyClass = function applyClass(el, className) {\n return el.classList[set ? 'add' : 'remove'](className);\n };\n if (this.props.htmlClassName) {\n applyClass(document.querySelector('html'), this.props.htmlClassName);\n }\n if (this.props.bodyClassName) {\n applyClass(document.querySelector('body'), this.props.bodyClassName);\n }\n if (styles.pageWrap && this.props.pageWrapId) {\n this.handleExternalWrapper(this.props.pageWrapId, styles.pageWrap, set);\n }\n if (styles.outerContainer && this.props.outerContainerId) {\n this.handleExternalWrapper(this.props.outerContainerId, styles.outerContainer, set);\n }\n }\n\n // Sets or unsets styles on DOM elements outside the menu component.\n // This is necessary for correct page interaction with some of the menus.\n // Throws and returns if the required external elements don't exist,\n // which means any external page animations won't be applied.\n }, {\n key: 'handleExternalWrapper',\n value: function handleExternalWrapper(id, wrapperStyles, set) {\n var wrapper = document.getElementById(id);\n if (!wrapper) {\n console.error(\"Element with ID '\" + id + \"' not found\");\n return;\n }\n var builtStyles = this.getStyle(wrapperStyles);\n for (var prop in builtStyles) {\n if (builtStyles.hasOwnProperty(prop)) {\n wrapper.style[prop] = set ? builtStyles[prop] : '';\n }\n }\n\n // Prevent any horizontal scroll.\n // Only set overflow-x as an inline style if htmlClassName or\n // bodyClassName is not passed in. Otherwise, it is up to the caller to\n // decide if they want to set the overflow style in CSS using the custom\n // class names.\n var applyOverflow = function applyOverflow(el) {\n return el.style['overflow-x'] = set ? 'hidden' : '';\n };\n if (!this.props.htmlClassName) {\n applyOverflow(document.querySelector('html'));\n }\n if (!this.props.bodyClassName) {\n applyOverflow(document.querySelector('body'));\n }\n }\n\n // Builds styles incrementally for a given element.\n }, {\n key: 'getStyles',\n value: function getStyles(el, index, inline) {\n var propName = 'bm' + el.replace(el.charAt(0), el.charAt(0).toUpperCase());\n\n // Set base styles.\n var output = _baseStyles2['default'][el] ? this.getStyle(_baseStyles2['default'][el]) : {};\n\n // Add animation-specific styles.\n if (styles[el]) {\n output = _extends({}, output, this.getStyle(styles[el], index + 1));\n }\n\n // Add custom styles.\n if (this.props.styles[propName]) {\n output = _extends({}, output, this.props.styles[propName]);\n }\n\n // Add element inline styles.\n if (inline) {\n output = _extends({}, output, inline);\n }\n\n // Remove transition if required\n // (useful if rendering open initially).\n if (this.props.noTransition) {\n delete output.transition;\n }\n return output;\n }\n }, {\n key: 'getStyle',\n value: function getStyle(style, index) {\n var width = this.props.width;\n var formattedWidth = typeof width !== 'string' ? width + 'px' : width;\n return style(this.state.isOpen, formattedWidth, this.props.right, index);\n }\n }, {\n key: 'listenForKeyDowns',\n value: function listenForKeyDowns(e) {\n e = e || window.event;\n var ARROW_DOWN = 'ArrowDown';\n var ARROW_UP = 'ArrowUp';\n var ENTER = 'Enter';\n var ESCAPE = 'Escape';\n var SPACE = ' ';\n var HOME = 'Home';\n var END = 'End';\n if (this.state.isOpen) {\n switch (e.key) {\n case ESCAPE:\n // Close on ESC, unless disabled\n if (!this.props.disableCloseOnEsc) {\n this.close();\n this.focusOnMenuButton();\n }\n break;\n case ARROW_DOWN:\n this.focusOnNextMenuItem();\n break;\n case ARROW_UP:\n this.focusOnPreviousMenuItem();\n break;\n case HOME:\n this.focusOnFirstMenuItem();\n break;\n case END:\n this.focusOnLastMenuItem();\n break;\n }\n } else {\n // Key downs came from menu button\n if (e.target === document.getElementById('react-burger-menu-btn')) {\n switch (e.key) {\n case ARROW_DOWN:\n case ENTER:\n case SPACE:\n // If down arrow, space or enter, open menu and focus on first menuitem\n this.toggleMenu();\n break;\n case ARROW_UP:\n // If arrow up, open menu and focus on last menuitem\n this.toggleMenu({\n focusOnLastItem: true\n });\n break;\n }\n }\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.onKeyDown = this.props.customOnKeyDown ? this.props.customOnKeyDown : this.listenForKeyDowns.bind(this);\n\n // Bind keydown handlers (or custom function if supplied).\n window.addEventListener('keydown', this.onKeyDown);\n\n // Allow initial open state to be set by props.\n if (this.props.isOpen) {\n this.toggleMenu({\n isOpen: true,\n noStateChange: true\n });\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n window.removeEventListener('keydown', this.onKeyDown);\n this.applyWrapperStyles(false);\n\n // Avoid potentially attempting to update an unmounted component.\n this.timeoutId && clearTimeout(this.timeoutId);\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n var _this2 = this;\n var wasToggled = typeof this.props.isOpen !== 'undefined' && this.props.isOpen !== this.state.isOpen && this.props.isOpen !== prevProps.isOpen;\n if (wasToggled) {\n this.toggleMenu();\n // Toggling changes SVG animation requirements, so we defer these until the next componentDidUpdate\n return;\n }\n if (styles.svg) {\n (function () {\n var morphShape = _reactDom2['default'].findDOMNode(_this2, 'bm-morph-shape');\n var path = styles.svg.lib(morphShape).select('path');\n if (_this2.state.isOpen) {\n // Animate SVG path.\n styles.svg.animate(path);\n } else {\n // Reset path (timeout ensures animation happens off screen).\n setTimeout(function () {\n path.attr('d', styles.svg.pathInitial);\n }, 300);\n }\n })();\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n return _react2['default'].createElement('div', null, !this.props.noOverlay && _react2['default'].createElement('div', {\n className: ('bm-overlay ' + this.props.overlayClassName).trim(),\n onClick: function onClick() {\n return _this3.overlayClick();\n },\n style: this.getStyles('overlay')\n }), this.props.customBurgerIcon !== false && _react2['default'].createElement('div', {\n style: this.getStyles('burgerIcon')\n }, _react2['default'].createElement(_BurgerIcon2['default'], {\n onClick: function onClick() {\n return _this3.open();\n },\n styles: this.props.styles,\n customIcon: this.props.customBurgerIcon,\n className: this.props.burgerButtonClassName,\n barClassName: this.props.burgerBarClassName,\n onIconStateChange: this.props.onIconStateChange\n })), _react2['default'].createElement('div', {\n id: this.props.id,\n className: ('bm-menu-wrap ' + this.props.className).trim(),\n style: this.getStyles('menuWrap'),\n 'aria-hidden': !this.state.isOpen\n }, styles.svg && _react2['default'].createElement('div', {\n className: ('bm-morph-shape ' + this.props.morphShapeClassName).trim(),\n style: this.getStyles('morphShape')\n }, _react2['default'].createElement('svg', {\n width: '100%',\n height: '100%',\n viewBox: '0 0 100 800',\n preserveAspectRatio: 'none'\n }, _react2['default'].createElement('path', {\n d: styles.svg.pathInitial\n }))), _react2['default'].createElement('div', {\n className: ('bm-menu ' + this.props.menuClassName).trim(),\n style: this.getStyles('menu')\n }, _react2['default'].createElement(this.props.itemListElement, {\n className: ('bm-item-list ' + this.props.itemListClassName).trim(),\n style: this.getStyles('itemList')\n }, _react2['default'].Children.map(this.props.children, function (item, index) {\n if (item) {\n var classList = ['bm-item', _this3.props.itemClassName, item.props.className].filter(function (className) {\n return !!className;\n }).join(' ');\n var extraProps = {\n key: index,\n className: classList,\n style: _this3.getStyles('item', index, item.props.style),\n tabIndex: -1\n };\n return _react2['default'].cloneElement(item, extraProps);\n }\n }))), this.props.customCrossIcon !== false && _react2['default'].createElement('div', {\n style: this.getStyles('closeButton')\n }, _react2['default'].createElement(_CrossIcon2['default'], {\n onClick: function onClick() {\n return _this3.close();\n },\n styles: this.props.styles,\n customIcon: this.props.customCrossIcon,\n className: this.props.crossButtonClassName,\n crossClassName: this.props.crossClassName\n }))));\n }\n }]);\n return Menu;\n }(_react.Component);\n Menu.propTypes = {\n bodyClassName: _propTypes2['default'].string,\n burgerBarClassName: _propTypes2['default'].string,\n burgerButtonClassName: _propTypes2['default'].string,\n className: _propTypes2['default'].string,\n crossButtonClassName: _propTypes2['default'].string,\n crossClassName: _propTypes2['default'].string,\n customBurgerIcon: _propTypes2['default'].oneOfType([_propTypes2['default'].element, _propTypes2['default'].oneOf([false])]),\n customCrossIcon: _propTypes2['default'].oneOfType([_propTypes2['default'].element, _propTypes2['default'].oneOf([false])]),\n customOnKeyDown: _propTypes2['default'].func,\n disableAutoFocus: _propTypes2['default'].bool,\n disableCloseOnEsc: _propTypes2['default'].bool,\n disableOverlayClick: _propTypes2['default'].oneOfType([_propTypes2['default'].bool, _propTypes2['default'].func]),\n htmlClassName: _propTypes2['default'].string,\n id: _propTypes2['default'].string,\n isOpen: _propTypes2['default'].bool,\n itemClassName: _propTypes2['default'].string,\n itemListClassName: _propTypes2['default'].string,\n itemListElement: _propTypes2['default'].oneOf(['div', 'nav']),\n menuClassName: _propTypes2['default'].string,\n morphShapeClassName: _propTypes2['default'].string,\n noOverlay: _propTypes2['default'].bool,\n noTransition: _propTypes2['default'].bool,\n onClose: _propTypes2['default'].func,\n onIconHoverChange: _propTypes2['default'].func,\n onOpen: _propTypes2['default'].func,\n onStateChange: _propTypes2['default'].func,\n outerContainerId: styles && styles.outerContainer ? _propTypes2['default'].string.isRequired : _propTypes2['default'].string,\n overlayClassName: _propTypes2['default'].string,\n pageWrapId: styles && styles.pageWrap ? _propTypes2['default'].string.isRequired : _propTypes2['default'].string,\n right: _propTypes2['default'].bool,\n styles: _propTypes2['default'].object,\n width: _propTypes2['default'].oneOfType([_propTypes2['default'].number, _propTypes2['default'].string])\n };\n Menu.defaultProps = {\n bodyClassName: '',\n burgerBarClassName: '',\n burgerButtonClassName: '',\n className: '',\n crossButtonClassName: '',\n crossClassName: '',\n disableAutoFocus: false,\n disableCloseOnEsc: false,\n htmlClassName: '',\n id: '',\n itemClassName: '',\n itemListClassName: '',\n menuClassName: '',\n morphShapeClassName: '',\n noOverlay: false,\n noTransition: false,\n onStateChange: function onStateChange() {},\n outerContainerId: '',\n overlayClassName: '',\n pageWrapId: '',\n styles: {},\n width: 300,\n onIconHoverChange: function onIconHoverChange() {},\n itemListElement: 'nav'\n };\n return Menu;\n};\nmodule.exports = exports['default'];","import React from 'react';\nexport default function Modal(_ref) {\n var visible = _ref.visible,\n closeModal = _ref.closeModal,\n styles = _ref.styles,\n mode = _ref.mode,\n icon = _ref.icon,\n children = _ref.children,\n elementsClass = _ref.elementsClass,\n abortText = _ref.abortText,\n abortAction = _ref.abortAction,\n saveText = _ref.saveText,\n acceptAction = _ref.acceptAction,\n theme = _ref.theme,\n disabledAction = _ref.disabledAction;\n return /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-wrapper flex-box content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-overlay\",\n onClick: closeModal\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-content flex-box items-start flex-column \".concat(mode || '')\n }, closeModal && /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-close \".concat(theme || '')\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"close_icon flex-box items-center content-center\",\n onClick: closeModal\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-body flex-box flex-column \".concat(elementsClass || '', \" \").concat(theme || ''),\n style: styles || {}\n }, icon && /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(icon, \"_icon icon\")\n })), children), /*#__PURE__*/React.createElement(\"div\", {\n className: \"modal-actions flex-box items-center content-center \".concat(theme || '')\n }, abortAction && /*#__PURE__*/React.createElement(\"div\", {\n className: \"button inverted\",\n onClick: abortAction\n }, abortText), acceptAction && /*#__PURE__*/React.createElement(\"div\", {\n className: \"button \".concat(disabledAction ? 'disabled' : ''),\n onClick: disabledAction ? function () {} : acceptAction\n }, saveText)))));\n}","import React from \"react\"\nimport Rails from \"rails-ujs\"\nimport ReactDOM from \"react-dom\"\n\nimport TopBannerFullWidth from \"../shared/TopBannerFullWidth\"\nimport MiniCart from \"../header/MiniCart\"\nimport ProductPresentableTitle from '../shared/ProductPresentableTitle'\nimport moment from 'moment'\n\nimport { addToCartAnalytics } from '../../helpers/analytics'\nimport { addToCartLegacyAnalytics } from '../../helpers/legacy_analytics'\n\nexport default function AddToCart({\n appProps, currency, selectedOptionsIds, productId, quantity,\n addToCartUrl, addToCartUrlMethodType, adminClass, addCartText, product,\n isBundle\n}) {\n\n const { flashMessage, currentLocale, translations, googleMeasurementId, stockAllowed } = appProps\n const orderStatus = product.productOrderStatus || {}\n const backorderOutOfStock = stockAllowed && !product.inStock && orderStatus.canBackorder\n\n function addToCart() {\n //Remove error messages from previous click\n document.querySelectorAll('[id$=\"-error-message\"]').forEach(errorElement => errorElement.remove())\n document.querySelectorAll('input').forEach(element => element.style.borderColor = '')\n\n let fd = new FormData()\n fd.append(\"product_id\", productId)\n fd.append(\"quantity\", quantity)\n\n if(selectedOptionsIds) {\n fd.append(\"selected_options_ids\", JSON.stringify(selectedOptionsIds))\n }\n\n if(isBundle) {\n fd.append('is_bundle', true)\n }\n\n Rails.ajax({\n type: addToCartUrlMethodType || \"POST\",\n url: addToCartUrl || '/populate',\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n data: fd,\n success: res => {\n if(res.missing_options){\n const missing_options = res.missing_options\n for(let i=0; i\n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = (typeof global === \"undefined\" ? \"undefined\" : _typeof(global)) == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = (typeof self === \"undefined\" ? \"undefined\" : _typeof(self)) == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function now() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = _typeof(value);\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && _typeof(value) == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return _typeof(value) == 'symbol' || isObjectLike(value) && objectToString.call(value) == symbolTag;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? other + '' : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nmodule.exports = debounce;","import React from 'react'\n\nexport default function ProductStock({ appProps, stock, inStock }) {\n\n return (\n
\n\n { canEditFields && company &&\n setQuickViewModal(false) }\n />\n
\n }\n \n )\n}\n","import React from \"react\"\n\nimport { getTranslatableField, constructTranslatableProductLink } from \"../../helpers/utils\"\n\nexport default function ProductPresentableTitle({ entity, entityIndex, appProps }) {\n\n let productTitle = getTranslatableField(entity, 'title', appProps.currentLocale, false)\n let linkableTitle =\n \n { `${productTitle} ${entity.sku ? '(' + entity.sku + ')' : ''}` }\n \n let fallbackTitle = appProps.translations.cart.product + (entity.sku ? ' (' + entity.sku + ')' : ` ${entityIndex+1}`)\n\n return productTitle !== '' ? linkableTitle : fallbackTitle\n}\n","/**\n * This serves as a build time flag that will be true by default, but false in non-debug builds or if users replace `__SENTRY_DEBUG__` in their generated code.\n *\n * ATTENTION: This constant must never cross package boundaries (i.e. be exported) to guarantee that it can be used for tree shaking.\n */\nvar DEBUG_BUILD = typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__;\nexport { DEBUG_BUILD };","function _typeof2(o) { \"@babel/helpers - typeof\"; return _typeof2 = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof2(o); }\n(function (global, factory) {\n (typeof exports === \"undefined\" ? \"undefined\" : _typeof2(exports)) === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) : typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) : (global = global || self, factory(global.ReactStripe = {}, global.React));\n})(this, function (exports, React) {\n 'use strict';\n\n React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;\n function ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n keys.push.apply(keys, symbols);\n }\n return keys;\n }\n function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n }\n function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n }\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n }\n function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n }\n function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = _objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n }\n function _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n }\n function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n }\n function _iterableToArrayLimit(arr, i) {\n var _i = arr && (typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]);\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _s, _e;\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n }\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n }\n function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n function createCommonjsModule(fn, module) {\n return module = {\n exports: {}\n }, fn(module, module.exports), module.exports;\n }\n\n /**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n var ReactPropTypesSecret_1 = ReactPropTypesSecret;\n function emptyFunction() {}\n function emptyFunctionWithReset() {}\n emptyFunctionWithReset.resetWarningCache = emptyFunction;\n var factoryWithThrowingShims = function factoryWithThrowingShims() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret_1) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');\n err.name = 'Invariant Violation';\n throw err;\n }\n shim.isRequired = shim;\n function getShim() {\n return shim;\n }\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n\n var ReactPropTypes = {\n array: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n ReactPropTypes.PropTypes = ReactPropTypes;\n return ReactPropTypes;\n };\n var propTypes = createCommonjsModule(function (module) {\n /**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = factoryWithThrowingShims();\n }\n });\n var usePrevious = function usePrevious(value) {\n var ref = React.useRef(value);\n React.useEffect(function () {\n ref.current = value;\n }, [value]);\n return ref.current;\n };\n var isUnknownObject = function isUnknownObject(raw) {\n return raw !== null && _typeof(raw) === 'object';\n };\n var isPromise = function isPromise(raw) {\n return isUnknownObject(raw) && typeof raw.then === 'function';\n }; // We are using types to enforce the `stripe` prop in this lib,\n // but in an untyped integration `stripe` could be anything, so we need\n // to do some sanity validation to prevent type errors.\n\n var isStripe = function isStripe(raw) {\n return isUnknownObject(raw) && typeof raw.elements === 'function' && typeof raw.createToken === 'function' && typeof raw.createPaymentMethod === 'function' && typeof raw.confirmCardPayment === 'function';\n };\n var PLAIN_OBJECT_STR = '[object Object]';\n var isEqual = function isEqual(left, right) {\n if (!isUnknownObject(left) || !isUnknownObject(right)) {\n return left === right;\n }\n var leftArray = Array.isArray(left);\n var rightArray = Array.isArray(right);\n if (leftArray !== rightArray) return false;\n var leftPlainObject = Object.prototype.toString.call(left) === PLAIN_OBJECT_STR;\n var rightPlainObject = Object.prototype.toString.call(right) === PLAIN_OBJECT_STR;\n if (leftPlainObject !== rightPlainObject) return false; // not sure what sort of special object this is (regexp is one option), so\n // fallback to reference check.\n\n if (!leftPlainObject && !leftArray) return left === right;\n var leftKeys = Object.keys(left);\n var rightKeys = Object.keys(right);\n if (leftKeys.length !== rightKeys.length) return false;\n var keySet = {};\n for (var i = 0; i < leftKeys.length; i += 1) {\n keySet[leftKeys[i]] = true;\n }\n for (var _i = 0; _i < rightKeys.length; _i += 1) {\n keySet[rightKeys[_i]] = true;\n }\n var allKeys = Object.keys(keySet);\n if (allKeys.length !== leftKeys.length) {\n return false;\n }\n var l = left;\n var r = right;\n var pred = function pred(key) {\n return isEqual(l[key], r[key]);\n };\n return allKeys.every(pred);\n };\n var extractAllowedOptionsUpdates = function extractAllowedOptionsUpdates(options, prevOptions, immutableKeys) {\n if (!isUnknownObject(options)) {\n return null;\n }\n return Object.keys(options).reduce(function (newOptions, key) {\n var isUpdated = !isUnknownObject(prevOptions) || !isEqual(options[key], prevOptions[key]);\n if (immutableKeys.includes(key)) {\n if (isUpdated) {\n console.warn(\"Unsupported prop change: options.\".concat(key, \" is not a mutable property.\"));\n }\n return newOptions;\n }\n if (!isUpdated) {\n return newOptions;\n }\n return _objectSpread2(_objectSpread2({}, newOptions || {}), {}, _defineProperty({}, key, options[key]));\n }, null);\n };\n var INVALID_STRIPE_ERROR = 'Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.'; // We are using types to enforce the `stripe` prop in this lib, but in a real\n // integration `stripe` could be anything, so we need to do some sanity\n // validation to prevent type errors.\n\n var validateStripe = function validateStripe(maybeStripe) {\n var errorMsg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INVALID_STRIPE_ERROR;\n if (maybeStripe === null || isStripe(maybeStripe)) {\n return maybeStripe;\n }\n throw new Error(errorMsg);\n };\n var parseStripeProp = function parseStripeProp(raw) {\n var errorMsg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INVALID_STRIPE_ERROR;\n if (isPromise(raw)) {\n return {\n tag: 'async',\n stripePromise: Promise.resolve(raw).then(function (result) {\n return validateStripe(result, errorMsg);\n })\n };\n }\n var stripe = validateStripe(raw, errorMsg);\n if (stripe === null) {\n return {\n tag: 'empty'\n };\n }\n return {\n tag: 'sync',\n stripe: stripe\n };\n };\n var registerWithStripeJs = function registerWithStripeJs(stripe) {\n if (!stripe || !stripe._registerWrapper || !stripe.registerAppInfo) {\n return;\n }\n stripe._registerWrapper({\n name: 'react-stripe-js',\n version: \"2.3.1\"\n });\n stripe.registerAppInfo({\n name: 'react-stripe-js',\n version: \"2.3.1\",\n url: 'https://stripe.com/docs/stripe-js/react'\n });\n };\n var _excluded = [\"on\", \"session\"];\n var CustomCheckoutSdkContext = /*#__PURE__*/React.createContext(null);\n CustomCheckoutSdkContext.displayName = 'CustomCheckoutSdkContext';\n var parseCustomCheckoutSdkContext = function parseCustomCheckoutSdkContext(ctx, useCase) {\n if (!ctx) {\n throw new Error(\"Could not find CustomCheckoutProvider context; You need to wrap the part of your app that \".concat(useCase, \" in an \n { modalProduct &&\n
\n \n { translations.products.available_on }: { moment(new Date(orderStatus.availableOn)).format('DD/MM/YYYY') }\n
\n }\n\n { translations && backorderOutOfStock &&\n \n { translations.products.out_of_stock }\n
\n }\n \n )\n }\n return \n}\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar g;\n\n// This works in non-strict mode\ng = function () {\n return this;\n}();\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if ((typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/**\n * lodash (Custom Build) \n
\n )\n}\n","import { deepmerge } from '@material-ui/utils';\nfunction merge(acc, item) {\n if (!item) {\n return acc;\n }\n return deepmerge(acc, item, {\n clone: false // No need to clone deep, it's way faster.\n });\n}\n\nexport default merge;","import { isVueViewModel, isString, isRegExp } from './is.js';\n\n/**\n * Truncates given string to the maximum characters count\n *\n * @param str An object that contains serializable values\n * @param max Maximum number of characters in truncated string (0 = unlimited)\n * @returns string Encoded\n */\nfunction truncate(str) {\n var max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n if (typeof str !== 'string' || max === 0) {\n return str;\n }\n return str.length <= max ? str : \"\".concat(str.slice(0, max), \"...\");\n}\n\n/**\n * This is basically just `trim_line` from\n * https://github.com/getsentry/sentry/blob/master/src/sentry/lang/javascript/processor.py#L67\n *\n * @param str An object that contains serializable values\n * @param max Maximum number of characters in truncated string\n * @returns string Encoded\n */\nfunction snipLine(line, colno) {\n var newLine = line;\n var lineLength = newLine.length;\n if (lineLength <= 150) {\n return newLine;\n }\n if (colno > lineLength) {\n // eslint-disable-next-line no-param-reassign\n colno = lineLength;\n }\n var start = Math.max(colno - 60, 0);\n if (start < 5) {\n start = 0;\n }\n var end = Math.min(start + 140, lineLength);\n if (end > lineLength - 5) {\n end = lineLength;\n }\n if (end === lineLength) {\n start = Math.max(end - 140, 0);\n }\n newLine = newLine.slice(start, end);\n if (start > 0) {\n newLine = \"'{snip} \".concat(newLine);\n }\n if (end < lineLength) {\n newLine += ' {snip}';\n }\n return newLine;\n}\n\n/**\n * Join values in array\n * @param input array of values to be joined together\n * @param delimiter string to be placed in-between values\n * @returns Joined values\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction safeJoin(input, delimiter) {\n if (!Array.isArray(input)) {\n return '';\n }\n var output = [];\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (var i = 0; i < input.length; i++) {\n var value = input[i];\n try {\n // This is a hack to fix a Vue3-specific bug that causes an infinite loop of\n // console warnings. This happens when a Vue template is rendered with\n // an undeclared variable, which we try to stringify, ultimately causing\n // Vue to issue another warning which repeats indefinitely.\n // see: https://github.com/getsentry/sentry-javascript/pull/8981\n if (isVueViewModel(value)) {\n output.push('[VueViewModel]');\n } else {\n output.push(String(value));\n }\n } catch (e) {\n output.push('[value cannot be serialized]');\n }\n }\n return output.join(delimiter);\n}\n\n/**\n * Checks if the given value matches a regex or string\n *\n * @param value The string to test\n * @param pattern Either a regex or a string against which `value` will be matched\n * @param requireExactStringMatch If true, `value` must match `pattern` exactly. If false, `value` will match\n * `pattern` if it contains `pattern`. Only applies to string-type patterns.\n */\nfunction isMatchingPattern(value, pattern) {\n var requireExactStringMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n if (!isString(value)) {\n return false;\n }\n if (isRegExp(pattern)) {\n return pattern.test(value);\n }\n if (isString(pattern)) {\n return requireExactStringMatch ? value === pattern : value.includes(pattern);\n }\n return false;\n}\n\n/**\n * Test the given string against an array of strings and regexes. By default, string matching is done on a\n * substring-inclusion basis rather than a strict equality basis\n *\n * @param testString The string to test\n * @param patterns The patterns against which to test the string\n * @param requireExactStringMatch If true, `testString` must match one of the given string patterns exactly in order to\n * count. If false, `testString` will match a string pattern if it contains that pattern.\n * @returns\n */\nfunction stringMatchesSomePattern(testString) {\n var patterns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n var requireExactStringMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n return patterns.some(function (pattern) {\n return isMatchingPattern(testString, pattern, requireExactStringMatch);\n });\n}\nexport { isMatchingPattern, safeJoin, snipLine, stringMatchesSomePattern, truncate };","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport SvgIcon from '../SvgIcon';\n/**\n * Private module reserved for @material-ui/x packages.\n */\n\nexport default function createSvgIcon(path, displayName) {\n var Component = function Component(props, ref) {\n return /*#__PURE__*/React.createElement(SvgIcon, _extends({\n ref: ref\n }, props), path);\n };\n if (process.env.NODE_ENV !== 'production') {\n // Need to set `displayName` on the inner component for React.memo.\n // React prior to 16.14 ignores `displayName` on the wrapper.\n Component.displayName = \"\".concat(displayName, \"Icon\");\n }\n Component.muiName = SvgIcon.muiName;\n return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));\n}","export function scrollToStep(stepID){\n const element = document.getElementById(stepID);\n element.scrollIntoView({behavior: \"smooth\", block: \"start\"})\n}\n","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Login from './Login';\nimport Register from './Register';\nimport ForgotPassword from './ForgotPassword';\nexport default function Authentication(_ref) {\n var appProps = _ref.appProps,\n authorizableRedirectionLink = _ref.authorizableRedirectionLink,\n authorizableRedirectionCompanyLink = _ref.authorizableRedirectionCompanyLink,\n authorizableScreen = _ref.authorizableScreen,\n extraParams = _ref.extraParams;\n var _useState = useState(authorizableScreen || 'login'),\n _useState2 = _slicedToArray(_useState, 2),\n authStep = _useState2[0],\n setAuthStep = _useState2[1];\n var steps = {\n login: /*#__PURE__*/React.createElement(Login, {\n appProps: appProps,\n authorizableRedirectionLink: authorizableRedirectionLink,\n setAuthStep: setAuthStep,\n extraParams: extraParams\n }),\n register: !appProps.disableRegistration && /*#__PURE__*/React.createElement(Register, {\n appProps: appProps,\n authorizableRedirectionLink: authorizableRedirectionLink,\n authorizableRedirectionCompanyLink: authorizableRedirectionCompanyLink,\n setAuthStep: setAuthStep,\n extraParams: extraParams\n }),\n forgotPassword: /*#__PURE__*/React.createElement(ForgotPassword, {\n appProps: appProps,\n setAuthStep: setAuthStep\n })\n };\n return steps[authStep];\n}","import React from \"react\"\n\nexport default class RequiredField extends React.Component {\n render () {\n \tconst { message } = this.props\n\n return (\n { message }\n )\n }\n}\n","export default function formControlState(_ref) {\n var props = _ref.props,\n states = _ref.states,\n muiFormControl = _ref.muiFormControl;\n return states.reduce(function (acc, state) {\n acc[state] = props[state];\n if (muiFormControl) {\n if (typeof props[state] === 'undefined') {\n acc[state] = muiFormControl[state];\n }\n }\n return acc;\n }, {});\n}","// TODO v5: consider to make it private\nexport default function setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}","import React, { useState, useCallback, lazy, Suspense } from \"react\"\nimport { Tab, Tabs, TabList, TabPanel } from \"react-tabs\"\n\nimport ProductDescription from \"./ProductDescription\"\nimport Attributes from \"./Attributes\"\nimport StoreLocations from \"./StoreLocations\"\nimport BurgerOpener from \"./BurgerOpener\"\n\nconst Builder = lazy( () => import('@reactiveonline/frontend_shared_components/builder') )\n\nimport { getTranslatableField } from \"../../helpers/utils\"\n\nexport default function ProductShowBottom({\n appProps, product, category, productPageBottomLayout, hasBuilderContent,\n isBundleItem, hasContainer\n}) {\n const [menuOpen, setMenuOpen] = useState(false)\n const [showDescription, setShowDescription] = useState(false)\n const [showAttributes, setShowAttributes] = useState(false)\n const [showStoreLocations, setShowStoreLocations] = useState(false)\n const productDescription = getTranslatableField(product, 'description', appProps.currentLocale, false)\n\n function renderDefaultBottomSection() {\n return (\n <>\n \n \n { inStock && stock &&\n <>\n { stock.quantity == undefined || stock.quantity > 0 &&\n
\n \n { stock ? stock.quantity : '' }\n
\n }\n \n { stock.quantity == undefined || stock.quantity > 0 ? appProps.translations.products.in_stock : appProps.translations.products.low_stock }\n
\n \n }\n\n { !inStock &&\n \n { appProps.translations.products.out_of_stock }\n
\n }\n \n { productDescription && productDescription != '' &&\n
\n \n )\n }\n\n function renderTabbedBottomSection() {\n return (\n \n
\n }\n \n { product.attributes.length > 0 && product.attributes.filter(attribute => {\n let attributeTitle = getTranslatableField(attribute, 'title', appProps.currentLocale, false)\n return attributeTitle && attributeTitle !== ''\n }).length > 0 &&\n \n
\n \n
\n { appProps.translations.products.description }
\n\n
\n }\n\n { appProps.showStoreLocations && !isBundleItem && product.storeLocations && product.storeLocations.length > 0 &&\n \n
\n \n
\n { appProps.translations.products.attributes }
\n\n
\n }\n \n
\n \n
\n { appProps.translations.products.store_availability }
\n\n
\n )\n }\n\n function renderOpenerBottomSection() {\n return (\n \n \n \n { productDescription && productDescription != '' &&\n { appProps.translations.products.description } \n }\n { product.attributes.length > 0 && product.attributes.find( attribute => getTranslatableField(attribute, 'title', appProps.currentLocale, false) ) &&\n { appProps.translations.products.attributes } \n }\n { appProps.showStoreLocations && !isBundleItem && product.storeLocations && product.storeLocations.length > 0 &&\n { appProps.translations.products.store_availability } \n }\n \n\n { productDescription && productDescription != '' &&\n \n \n \n }\n \n { product.attributes.length > 0 && product.attributes.find( attribute => getTranslatableField(attribute, 'title', appProps.currentLocale, false) ) &&\n \n \n }\n\n { appProps.showStoreLocations && !isBundleItem && product.storeLocations && product.storeLocations.length > 0 &&\n \n \n }\n \n
\n \n
\n )\n }\n\n let productBottomSection = null\n switch(productPageBottomLayout) {\n case 'tabbed':\n productBottomSection = renderTabbedBottomSection()\n break\n case 'opener':\n productBottomSection = renderOpenerBottomSection()\n break\n case 'none':\n productBottomSection = \n break\n default:\n productBottomSection = renderDefaultBottomSection()\n }\n\n return (\n <>\n \n\n { hasBuilderContent &&\n \n { productDescription && productDescription != '' &&\n \n }\n { product.attributes.length > 0 && product.attributes.find( attribute => getTranslatableField(attribute, 'title', appProps.currentLocale, false) ) &&\n \n }\n { appProps.showStoreLocations && product.storeLocations && product.storeLocations.length > 0 &&\n \n }\n
\n \n
\n\n { appProps.translations.company.billing_address }
\n{ appProps.user.isCompanyMaster && appProps.translations.company.billing_tab_subtitle }
\n \n \n setCompanyAddress({ phone: event.target.value }) }\n />\n \n\n \n setCompanyAddress({ mobilePhone: event.target.value }) }\n />\n \n\n \n setCompanyAddress({ address: event.target.value }) }\n />\n \n\n \n setCompanyAddress({ city: event.target.value }) }\n />\n \n\n \n setCompanyAddress({ postalCode: event.target.value }) }\n />\n \n\n
\n\n \n
\n \n \n { loading &&\n
\n \n setCompanyState({ vat: event.target.value }) }>\n \n { canEditFields && selectedCountryData && selectedCountryData.region === 'EU' &&\n <>\n \n { (vatValidity === 'invalid' || vatValidity === 'valid') &&\n <>\n \n {\n setCompanyState({ vat: '' })\n setLockVatField(false)\n setVatValidity('')\n }}\n >\n { appProps.translations.company.clear }\n \n \n }\n
\n \n }\n { selectedCountryData.alpha2_code === 'GR' ? 'EL' : selectedCountryData.alpha2_code }
\n { vatValidity === '' && vatNumberValue(companyState.vat) && vatNumberValue(companyState.vat).length >= 9 &&\n vatValidation() } className='pointer' style={{ fontSize: 12, position: 'absolute', right: 20, top: '50%', marginTop: '-9px' }}>{ appProps.translations.invoices.validate }
\n }\n \n { canSave ?\n stepValidations() }>\n { appProps.translations.general.save }\n \n :\n
\n }\n \n )\n}\n","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, forwardRef, useImperativeHandle } from 'react';\nvar modes = {\n 'success': 'fa-check',\n 'error': 'fa-hexagon-exclamation',\n 'notice': 'fa-flag'\n};\nfunction generateId() {\n return String(Math.random()).substring(2, 12);\n}\nvar FlashMessage = /*#__PURE__*/forwardRef(function (props, ref) {\n var _useState = useState([]),\n _useState2 = _slicedToArray(_useState, 2),\n messages = _useState2[0],\n setMessages = _useState2[1];\n useImperativeHandle(ref, function () {\n return {\n show: show\n };\n });\n function show(flashMessage) {\n var flashMode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'success';\n var visibilityDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3000;\n if (flashMessage) {\n var messageId = generateId();\n setMessages(function (prevState) {\n return [].concat(_toConsumableArray(prevState), [{\n id: messageId,\n title: flashMessage,\n mode: flashMode,\n visibilityDuration: visibilityDuration\n }]);\n });\n startTimeout(messageId, visibilityDuration);\n }\n }\n function startTimeout(messageId) {\n var visibilityDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;\n setTimeout(function () {\n setMessages(function (prevState) {\n var updatedMessages = _toConsumableArray(prevState);\n var messageIndex = updatedMessages.findIndex(function (message) {\n return message.id === messageId;\n });\n if (messageIndex >= 0) {\n updatedMessages[messageIndex] = _objectSpread(_objectSpread({}, updatedMessages[messageIndex]), {}, {\n fadeOut: true\n });\n }\n return updatedMessages;\n });\n setTimeout(function () {\n setMessages(function (prevState) {\n return prevState.filter(function (message) {\n return message.id !== messageId;\n });\n });\n }, 1000);\n }, visibilityDuration);\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, messages.map(function (message, index) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: index,\n className: \"flash-container \".concat(message.mode, \" \").concat(message.fadeOut ? 'animated fadeOutRight' : 'animated fadeInRight'),\n style: {\n top: 40 * index\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light \".concat(modes[message.mode])\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: {\n marginLeft: 20\n }\n }, message.title)));\n }));\n});\nexport default FlashMessage;","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect, useRef } from 'react';\nimport MenuItems from './menuItems';\nexport default function MultiLevelMenu(_ref) {\n var appProps = _ref.appProps,\n items = _ref.items,\n onClick = _ref.onClick,\n frontendStyles = _ref.frontendStyles;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n showMenuItems = _useState2[0],\n changeShowMenuItems = _useState2[1];\n var animation = ['slideIn', 'slideOut'];\n function handleClickOutside(event, ref) {\n if (ref.current && !ref.current.contains(event.target)) {\n changeShowMenuItems(false);\n }\n }\n var generateBack = function generateBack(passedData, level) {\n if (level > 0 && passedData[0].value !== 'back') {\n passedData.unshift({\n value: 'back'\n });\n }\n for (var i = 0; i < passedData.length; i += 1) {\n if (passedData[i].items && passedData[i].items.length > 0) {\n generateBack(passedData[i].items, level += 1);\n }\n }\n };\n generateBack(items, 0);\n return /*#__PURE__*/React.createElement(MenuItems, {\n showMenuItems: showMenuItems,\n animation: animation,\n items: items,\n frontendStyles: frontendStyles,\n onClick: onClick\n });\n}","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useRef, useEffect } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport MenuItem from '../menuItem';\nexport default function MenuItems(_ref) {\n var items = _ref.items,\n animation = _ref.animation,\n showMenuItems = _ref.showMenuItems,\n onClick = _ref.onClick,\n closeMenu = _ref.closeMenu,\n frontendStyles = _ref.frontendStyles;\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n offset = _useState2[0],\n setOffset = _useState2[1];\n var _useState3 = useState(items),\n _useState4 = _slicedToArray(_useState3, 2),\n itemsToShow = _useState4[0],\n setItemsToShow = _useState4[1];\n var _useState5 = useState([items]),\n _useState6 = _slicedToArray(_useState5, 2),\n itemsStack = _useState6[0],\n setItemsStack = _useState6[1];\n var _useState7 = useState('next'),\n _useState8 = _slicedToArray(_useState7, 2),\n move = _useState8[0],\n changeMove = _useState8[1];\n var _useState9 = useState(null),\n _useState10 = _slicedToArray(_useState9, 2),\n id = _useState10[0],\n setId = _useState10[1];\n var menuItemsRef = useRef(null);\n useEffect(function () {\n if (menuItemsRef.current && document.body.offsetWidth - menuItemsRef.current.offsetParent.offsetLeft < menuItemsRef.current.offsetWidth) {\n setOffset('right');\n } else if (menuItemsRef.current && document.body.offsetWidth - menuItemsRef.current.offsetParent.offsetLeft > menuItemsRef.current.offsetWidth) {\n setOffset('left');\n }\n }, []);\n var changeMenuItems = function changeMenuItems(newItemsToShow, newItemsStack, updatedMove, updatedId) {\n setItemsToShow(newItemsToShow);\n setItemsStack(newItemsStack);\n changeMove(updatedMove);\n setId(updatedId);\n };\n var moveToNext = function moveToNext(targetItem) {\n if (targetItem.items && targetItem.items.length > 0) {\n var newItems = itemsToShow.find(function (item) {\n return item.value === targetItem.value;\n });\n if (newItems !== undefined && 'items' in newItems && newItems.items.length > 0) {\n changeMenuItems(newItems.items, [].concat(_toConsumableArray(itemsStack), [itemsToShow]), 'next', Math.random().toString(36).substr(2, 9));\n }\n } else if (onClick) {\n onClick(targetItem, closeMenu);\n }\n };\n var moveToPrevious = function moveToPrevious() {\n var newItemsStack = _toConsumableArray(itemsStack);\n var newItemsToShow = newItemsStack.pop();\n if (newItemsToShow !== undefined) {\n changeMenuItems(newItemsToShow, newItemsStack, 'prev', Math.random().toString(36).substr(2, 9));\n }\n };\n var childFactoryCreator = function childFactoryCreator(classNames) {\n return function (child) {\n return /*#__PURE__*/React.cloneElement(child, {\n classNames: classNames\n });\n };\n };\n return /*#__PURE__*/React.createElement(TransitionGroup, {\n childFactory: childFactoryCreator(move === 'next' ? animation[0] : animation[1])\n }, /*#__PURE__*/React.createElement(CSSTransition, {\n timeout: 300,\n key: id\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"menuItems \".concat(showMenuItems ? 'showMenuItems' : 'hideMenuItems'),\n ref: menuItemsRef,\n onClick: function onClick(event) {\n event.stopPropagation();\n },\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color,\n right: offset === 'right' ? 0 : 'unset',\n left: offset === 'left' ? 0 : 'unset'\n }\n }, itemsToShow.map(function (item) {\n var checkItem = item.value;\n if (checkItem === 'back') {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center pointer\",\n style: {\n width: '100%',\n paddingLeft: 20,\n paddingRight: 20,\n paddingTop: 10,\n paddingBottom: 10\n },\n key: Math.random().toString(36).substr(2, 9),\n onClick: function onClick() {\n return moveToPrevious();\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"left_icon\",\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color,\n paddingRight: 10\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color\n }\n }, item.value));\n }\n return /*#__PURE__*/React.createElement(MenuItem, {\n key: Math.random().toString(36).substr(2, 9),\n item: item,\n frontendStyles: frontendStyles,\n moveToNext: moveToNext,\n nextValue: item.hasOwnProperty('items') && item.items.length > 0\n });\n }))));\n}","import React from 'react';\nexport default function MenuItem(_ref) {\n var item = _ref.item,\n nextValue = _ref.nextValue,\n moveToNext = _ref.moveToNext,\n frontendStyles = _ref.frontendStyles;\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n paddingLeft: 20,\n paddingRight: 20,\n paddingTop: 10,\n paddingBottom: 10\n },\n className: \"menuItem flex-box items-center content-space-between bm-item\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"value\"\n }, item.link ? /*#__PURE__*/React.createElement(\"a\", {\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color\n },\n href: item.link,\n dangerouslySetInnerHTML: {\n __html: item.value\n }\n }) : /*#__PURE__*/React.createElement(\"div\", {\n className: \"pointer\",\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color\n },\n href: item.link,\n dangerouslySetInnerHTML: {\n __html: item.value\n }\n })), nextValue && /*#__PURE__*/React.createElement(\"div\", {\n onClick: function onClick() {\n return moveToNext(item);\n },\n className: \"right_icon pointer\",\n style: {\n backgroundColor: frontendStyles.burgerNavigation.background,\n color: frontendStyles.burgerNavigation.color,\n width: 40,\n textAlign: 'right'\n }\n }));\n}","import React from 'react';\nimport Help from './Help';\nexport default function InputField(_ref) {\n var classes = _ref.classes,\n style = _ref.style,\n label = _ref.label,\n parseLabel = _ref.parseLabel,\n help = _ref.help,\n children = _ref.children;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"input-field \".concat(classes || ''),\n style: style || {}\n }, label && /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center\"\n }, parseLabel ? /*#__PURE__*/React.createElement(\"label\", {\n dangerouslySetInnerHTML: {\n __html: label\n }\n }) : /*#__PURE__*/React.createElement(\"label\", null, label), help && /*#__PURE__*/React.createElement(Help, {\n text: help\n })), children);\n}","import React from 'react';\nexport default function Help(_ref) {\n var text = _ref.text;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"info-icon flex-box items-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"info-box\"\n }, text));\n}","import React, { useState, useEffect } from \"react\"\nimport Select from \"react-select\"\nimport { customReactSelectStyles, customReactSelectTheme, getTranslatableField } from \"../../helpers/utils\"\n\nexport default function Options({\n appProps, loading, setLoading, productId, updateStateProduct, updateStateSelectedOptionsIds, optionTypes, fallbackTranslations, lineItemOptions\n}) {\n\n const [selectedOptions, setSelectedOptions] = useState([])\n const optionTypeClasses = {\n 0: 'size',\n 1: 'radio',\n 2: 'checkbox',\n 3: 'dropdown'\n }\n\n useEffect(() => {\n let selectedOptions = []\n\n if(lineItemOptions){\n lineItemOptions.map(option => {\n const optionType = optionTypes.filter( optionType => optionType.name === option.optionTypeName)[0]\n let defaultOption = optionType.options.filter(opt => opt.id == option.id)[0]\n if(defaultOption) {\n selectedOptions.push(defaultOption)\n }\n })\n }\n else{\n optionTypes.map(optionType => {\n if(!optionType.doNotPreSelectDefaultValue) {\n let defaultOption = optionType.options.filter(option => option.default)[0]\n if(defaultOption) {\n selectedOptions.push(defaultOption)\n }\n }\n })\n }\n\n if(selectedOptions.length > 0) {\n adjustProductPrice(selectedOptions)\n }\n updateStateSelectedOptionsIds(selectedOptions.map(opt => opt.id))\n setSelectedOptions(selectedOptions)\n }, []);\n\n function setSelected(option, onlyOneAllowed, optionIds) {\n if(loading) return false\n let _selectedOptions = [...selectedOptions]\n if(isSelected(option)) {\n if(!onlyOneAllowed) {\n _selectedOptions = _selectedOptions.filter(sopt => option.id !== sopt.id)\n\n }\n } else {\n if(onlyOneAllowed) {\n _selectedOptions = _selectedOptions.filter(sopt => optionIds.indexOf(sopt.id) < 0)\n }\n _selectedOptions.push(option)\n }\n\n adjustProductPrice(_selectedOptions)\n updateStateSelectedOptionsIds(_selectedOptions.map(opt => opt.id))\n setSelectedOptions(_selectedOptions)\n }\n\n function isSelected(option) {\n return !!selectedOptions.filter(sopt => option.id === sopt.id)[0]\n }\n\n function adjustProductPrice(selectedOptions) {\n setLoading()\n\n let fd = new FormData()\n fd.append(\"appliedOptions\", JSON.stringify(selectedOptions))\n\n Rails.ajax({\n type: \"POST\",\n url: `/products/${productId}/adjust_price`,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n data: fd,\n success: res => {\n updateStateProduct(res)\n },\n error: res => {\n\n }\n })\n }\n\n function renderOptions(optionType) {\n const optionTypeOptionIds = optionType.options.map(opt => opt.id)\n\n switch(optionType.inputType) {\n case 0:\n return (\n \n { appProps.translations.general.save }\n
\n }\n {\n setSelected(option, onlyOneAllowed, optionIds)\n }}>\n { renderOptionName(option) }\n
\n )\n }\n\n function renderRadioOption(option, index, onlyOneAllowed, optionIds) {\n return (\n {\n setSelected(option, onlyOneAllowed, optionIds)\n }}>\n \n {renderOptionName(option)}\n
\n )\n }\n\n function renderCheckboxOption(option, index, onlyOneAllowed, optionIds) {\n return (\n {\n setSelected(option, onlyOneAllowed, optionIds)\n }}>\n \n {renderOptionName(option)}\n
\n )\n }\n\n function renderDropdownOptions(doNotPreSelectDefaultValue, options, optionIds) {\n let defaultValue = {value: null, label: '...'}\n if(!doNotPreSelectDefaultValue) {\n let defaultOption = options.filter(option => option.default)[0]\n if(defaultOption) {\n defaultValue = {value: defaultOption.id, label: renderOptionName(defaultOption)}\n }\n }\n\n return (\n \n {\n optionTypes.map((optionType, index) => {\n return (\n
\n )\n}\n","import React, { useState, useEffect, useCallback } from \"react\"\nimport ContentLoader, { Facebook } from \"react-content-loader\"\nimport { Button } from \"@material-ui/core\"\nimport { initiateCheckoutAnalytics } from './../../helpers/analytics'\nimport { initiateLegacyCheckoutAnalytics } from './../../helpers/legacy_analytics'\nimport ProductPresentableTitle from '../shared/ProductPresentableTitle'\n\nexport default function MiniCart({ appProps, lineItemsCount }) {\n const [openCart, setOpenCart] = useState(false)\n const [currentOrder, setCurrentOrder] = useState(null)\n const [loading, setLoading] = useState(false)\n const [activeOrder, setActiveOrder] = useState(lineItemsCount > 0 || false)\n const [lineItems, setLineItems] = useState(lineItemsCount)\n\n useEffect( () => {\n setLineItems(lineItemsCount)\n setActiveOrder(lineItemsCount > 0)\n }, [lineItemsCount])\n\n useEffect(() => {\n document.addEventListener(\"keydown\", escFunction, false);\n return () => {\n document.removeEventListener(\"keydown\", escFunction, false);\n };\n }, []);\n\n const escFunction = useCallback((event) => {\n if (event.key === \"Escape\") {\n setOpenCart(false)\n }\n }, []);\n\n function fetchOrder() {\n setLoading(true)\n\n Rails.ajax({\n type: \"GET\",\n url: appProps.fetchOrderPath,\n dataType: \"json\",\n success: res => {\n if (res.order) {\n setCurrentOrder(res.order)\n setLineItems(res.order.lineItems.length)\n } else {\n setCurrentOrder(null)\n setActiveOrder(false)\n setOpenCart(false)\n setLineItems(0)\n }\n setLoading(false)\n },\n error: res => {\n setLoading(false)\n }\n })\n }\n\n function removeFromCart(line_item_id){\n setLoading(true)\n Rails.ajax({\n url: `/line_items/${line_item_id}/delete`,\n type: 'POST',\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: res => {\n setLoading(false)\n fetchOrder()\n }\n })\n }\n\n return (\n <>\n { (activeOrder && lineItems > 0) &&\n {\n e.preventDefault()\n fetchOrder()\n setOpenCart(prevState => !prevState)\n }}>\n \n
\n )\n })\n }\n \n { getTranslatableField(optionType, 'title', appProps.currentLocale, fallbackTranslations) }\n
\n \n {\n renderOptions(optionType)\n }\n
\n \n { lineItems }\n
\n \n }\n\n { openCart &&\n <>\n setOpenCart(prevState => !prevState) } />\n \n \n \n { appProps.translations.account.register_button }\n \n )}\n />\n\n \n { appProps.translations.account.login_button }\n \n )}\n />\n
\n }\n\n { !appProps.userFormLoginType &&\n \n { appProps.miniCartType == 'burger_opener' &&\n \n { groupTitle && groupTitle !== '' && groupAttributes.length > 0 &&\n \n { attributeRenderer(attribute) }\n \n )\n })\n }\n \n )\n } else {\n return \n
\n }\n\n { !disableCheckout && userNeedsEmailConfirmation && !appProps.user && !this.state.casLoading &&\n setOpenCart(false) } className='pointer close_icon flex-box items-center content-center'/>\n }\n \n \n :\n <>\n
\n \n }\n \n )\n}\n","import React from 'react';\nexport default /*#__PURE__*/React.createContext(null);","var setPrototypeOf = require(\"./setPrototypeOf.js\");\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}\nmodule.exports = _inheritsLoose, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","import React from \"react\"\nimport SwiperCore, { Navigation, Pagination, A11y, Thumbs, Lazy } from 'swiper'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport ProductItem from \"./ProductItem\"\n\nSwiperCore.use([ Navigation, Pagination, A11y, Thumbs, Lazy ])\n\nexport default function RelatedProducts({\n appProps, relatedProducts\n}) {\n\n return (\n \n { appProps.translations.cart.cart_heading }\n
\n { loading ?\n \n { currentOrder && currentOrder.lineItems.map( (line_item, index) => {\n return (\n
\n \n
\n )\n })}\n \n { line_item.sellable.images.length > 0 &&\n 
\n }\n
\n \n
\n \n
\n \n { line_item.quantity } x { line_item.displayUnitGross }\n
\n \n \n
\n \n
\n \n }\n \n
\n { appProps.translations.cart.subtotal }
\n { currentOrder ? currentOrder.subtotal : '' }
\n \n
\n { appProps.translations.cart.vat }
\n { currentOrder ? currentOrder.vatTotal : '' }
\n \n
\n { appProps.translations.cart.total }
\n { currentOrder ? currentOrder.total : '' }
\n \n \n
\n \n \n { relatedProducts.map( (product, index) => {\n return (\n \n
\n )\n}\n","import React from \"react\"\nimport { getTranslatableField } from \"../../helpers/utils\"\n\nexport default function Attributes({ appProps, product, category }) {\n\n function attributeRenderer(attribute) {\n const prototypeAttribute = category.attributes.find(attr => attr.id === attribute.prototypeAttributeId)\n const title = getTranslatableField(prototypeAttribute, 'title', appProps.currentLocale, false)\n const value = getTranslatableField(attribute, 'title', appProps.currentLocale, false)\n\n if (value) {\n return (\n \n
\n\n \n { appProps.translations.products.similars_heading }\n
\n- \n
- \n { title }\n \n
- \n { value }\n \n
{ groupTitle }
\n }\n { groupAttributes.map((attribute, attrIndex) => {\n return (\n \n { product.attributes.map((attribute, index) => {\n return (\n \n { attributeRenderer(attribute) }\n \n )\n })\n }\n
\n )\n}\n","import React from \"react\"\n\nexport default function StoreLocations({ appProps, storeLocations }) {\n\n return (\n \n {\n storeLocations.map((location, idx) => {\n return (\n
\n )\n}\n","// Corresponds to 10 frames at 60 Hz.\n// A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.\nexport default function debounce(func) {\n var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 166;\n var timeout;\n function debounced() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n // eslint-disable-next-line consistent-this\n var that = this;\n var later = function later() {\n func.apply(that, args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n debounced.clear = function () {\n clearTimeout(timeout);\n };\n return debounced;\n}","/**\n * Safe chained function\n *\n * Will only create a new function if needed,\n * otherwise will pass back existing functions or null.\n *\n * @param {function} functions to chain\n * @returns {function|null}\n */\nexport default function createChainedFunction() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n return funcs.reduce(function (acc, func) {\n if (func == null) {\n return acc;\n }\n if (process.env.NODE_ENV !== 'production') {\n if (typeof func !== 'function') {\n console.error('Material-UI: Invalid Argument Type, must only provide functions, undefined, or null.');\n }\n }\n return function chainedFunction() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n acc.apply(this, args);\n func.apply(this, args);\n };\n }, function () {});\n}","function makeTypeChecker(tabsRole) {\n return function (element) {\n return !!element.type && element.type.tabsRole === tabsRole;\n };\n}\nexport var isTab = makeTypeChecker('Tab');\nexport var isTabList = makeTypeChecker('TabList');\nexport var isTabPanel = makeTypeChecker('TabPanel');","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport { Children, cloneElement } from 'react';\nimport { isTabPanel, isTab, isTabList } from './elementTypes';\nfunction isTabChild(child) {\n return isTab(child) || isTabList(child) || isTabPanel(child);\n}\nexport function deepMap(children, callback) {\n return Children.map(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return null;\n if (isTabChild(child)) {\n return callback(child);\n }\n if (child.props && child.props.children && _typeof(child.props.children) === 'object') {\n // Clone the child that has children and map them too\n return /*#__PURE__*/cloneElement(child, _extends({}, child.props, {\n children: deepMap(child.props.children, callback)\n }));\n }\n return child;\n });\n}\nexport function deepForEach(children, callback) {\n return Children.forEach(children, function (child) {\n // null happens when conditionally rendering TabPanel/Tab\n // see https://github.com/reactjs/react-tabs/issues/37\n if (child === null) return;\n if (isTab(child) || isTabPanel(child)) {\n callback(child);\n } else if (child.props && child.props.children && _typeof(child.props.children) === 'object') {\n if (isTabList(child)) callback(child);\n deepForEach(child.props.children, callback);\n }\n });\n}","// Get a universally unique identifier\nvar count = 0;\nexport default function uuid() {\n return \"react-tabs-\" + count++;\n}\nexport function reset() {\n count = 0;\n}","import { deepForEach } from './childrenDeepMap';\nimport { isTab, isTabPanel } from './elementTypes';\nexport function getTabsCount(children) {\n var tabCount = 0;\n deepForEach(children, function (child) {\n if (isTab(child)) tabCount++;\n });\n return tabCount;\n}\nexport function getPanelsCount(children) {\n var panelCount = 0;\n deepForEach(children, function (child) {\n if (isTabPanel(child)) panelCount++;\n });\n return panelCount;\n}","var _excluded = [\"children\", \"className\", \"disabledTabClassName\", \"domRef\", \"focus\", \"forceRenderTabPanel\", \"onSelect\", \"selectedIndex\", \"selectedTabClassName\", \"selectedTabPanelClassName\", \"environment\", \"disableUpDownKeys\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nimport React, { cloneElement, Component } from 'react';\nimport cx from 'clsx';\nimport uuid from '../helpers/uuid';\nimport { childrenPropType } from '../helpers/propTypes';\nimport { getPanelsCount as _getPanelsCount, getTabsCount as _getTabsCount } from '../helpers/count';\nimport { deepMap } from '../helpers/childrenDeepMap';\nimport { isTabList, isTabPanel, isTab } from '../helpers/elementTypes';\nfunction isNode(node) {\n return node && 'getAttribute' in node;\n} // Determine if a node from event.target is a Tab element\n\nfunction isTabNode(node) {\n return isNode(node) && node.getAttribute('data-rttab');\n} // Determine if a tab node is disabled\n\nfunction isTabDisabled(node) {\n return isNode(node) && node.getAttribute('aria-disabled') === 'true';\n}\nvar canUseActiveElement;\nfunction determineCanUseActiveElement(environment) {\n var env = environment || (typeof window !== 'undefined' ? window : undefined);\n try {\n canUseActiveElement = !!(typeof env !== 'undefined' && env.document && env.document.activeElement);\n } catch (e) {\n // Work around for IE bug when accessing document.activeElement in an iframe\n // Refer to the following resources:\n // http://stackoverflow.com/a/10982960/369687\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12733599\n canUseActiveElement = false;\n }\n}\nvar UncontrolledTabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(UncontrolledTabs, _Component);\n function UncontrolledTabs() {\n var _this;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.tabNodes = [];\n _this.handleKeyDown = function (e) {\n var _this$props = _this.props,\n direction = _this$props.direction,\n disableUpDownKeys = _this$props.disableUpDownKeys;\n if (_this.isTabFromContainer(e.target)) {\n var index = _this.props.selectedIndex;\n var preventDefault = false;\n var useSelectedIndex = false;\n if (e.keyCode === 32 || e.keyCode === 13) {\n preventDefault = true;\n useSelectedIndex = false;\n _this.handleClick(e);\n }\n if (e.keyCode === 37 || !disableUpDownKeys && e.keyCode === 38) {\n // Select next tab to the left, validate if up arrow is not disabled\n if (direction === 'rtl') {\n index = _this.getNextTab(index);\n } else {\n index = _this.getPrevTab(index);\n }\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 39 || !disableUpDownKeys && e.keyCode === 40) {\n // Select next tab to the right, validate if down arrow is not disabled\n if (direction === 'rtl') {\n index = _this.getPrevTab(index);\n } else {\n index = _this.getNextTab(index);\n }\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 35) {\n // Select last tab (End key)\n index = _this.getLastTab();\n preventDefault = true;\n useSelectedIndex = true;\n } else if (e.keyCode === 36) {\n // Select first tab (Home key)\n index = _this.getFirstTab();\n preventDefault = true;\n useSelectedIndex = true;\n } // This prevents scrollbars from moving around\n\n if (preventDefault) {\n e.preventDefault();\n } // Only use the selected index in the state if we're not using the tabbed index\n\n if (useSelectedIndex) {\n _this.setSelected(index, e);\n }\n }\n };\n _this.handleClick = function (e) {\n var node = e.target;\n do {\n if (_this.isTabFromContainer(node)) {\n if (isTabDisabled(node)) {\n return;\n }\n var index = [].slice.call(node.parentNode.children).filter(isTabNode).indexOf(node);\n _this.setSelected(index, e);\n return;\n }\n } while ((node = node.parentNode) != null);\n };\n return _this;\n }\n var _proto = UncontrolledTabs.prototype;\n _proto.setSelected = function setSelected(index, event) {\n // Check index boundary\n if (index < 0 || index >= this.getTabsCount()) return;\n var _this$props2 = this.props,\n onSelect = _this$props2.onSelect,\n selectedIndex = _this$props2.selectedIndex; // Call change event handler\n\n onSelect(index, selectedIndex, event);\n };\n _proto.getNextTab = function getNextTab(index) {\n var count = this.getTabsCount(); // Look for non-disabled tab from index to the last tab on the right\n\n for (var i = index + 1; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from first on left to index\n\n for (var _i = 0; _i < index; _i++) {\n if (!isTabDisabled(this.getTab(_i))) {\n return _i;\n }\n } // No tabs are disabled, return index\n\n return index;\n };\n _proto.getPrevTab = function getPrevTab(index) {\n var i = index; // Look for non-disabled tab from index to first tab on the left\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // If no tab found, continue searching from last tab on right to index\n\n i = this.getTabsCount();\n while (i-- > index) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n } // No tabs are disabled, return index\n\n return index;\n };\n _proto.getFirstTab = function getFirstTab() {\n var count = this.getTabsCount(); // Look for non disabled tab from the first tab\n\n for (var i = 0; i < count; i++) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n return null;\n };\n _proto.getLastTab = function getLastTab() {\n var i = this.getTabsCount(); // Look for non disabled tab from the last tab\n\n while (i--) {\n if (!isTabDisabled(this.getTab(i))) {\n return i;\n }\n }\n return null;\n };\n _proto.getTabsCount = function getTabsCount() {\n var children = this.props.children;\n return _getTabsCount(children);\n };\n _proto.getPanelsCount = function getPanelsCount() {\n var children = this.props.children;\n return _getPanelsCount(children);\n };\n _proto.getTab = function getTab(index) {\n return this.tabNodes[\"tabs-\" + index];\n };\n _proto.getChildren = function getChildren() {\n var _this2 = this;\n var index = 0;\n var _this$props3 = this.props,\n children = _this$props3.children,\n disabledTabClassName = _this$props3.disabledTabClassName,\n focus = _this$props3.focus,\n forceRenderTabPanel = _this$props3.forceRenderTabPanel,\n selectedIndex = _this$props3.selectedIndex,\n selectedTabClassName = _this$props3.selectedTabClassName,\n selectedTabPanelClassName = _this$props3.selectedTabPanelClassName,\n environment = _this$props3.environment;\n this.tabIds = this.tabIds || [];\n this.panelIds = this.panelIds || [];\n var diff = this.tabIds.length - this.getTabsCount(); // Add ids if new tabs have been added\n // Don't bother removing ids, just keep them in case they are added again\n // This is more efficient, and keeps the uuid counter under control\n\n while (diff++ < 0) {\n this.tabIds.push(uuid());\n this.panelIds.push(uuid());\n } // Map children to dynamically setup refs\n\n return deepMap(children, function (child) {\n var result = child; // Clone TabList and Tab components to have refs\n\n if (isTabList(child)) {\n var listIndex = 0; // Figure out if the current focus in the DOM is set on a Tab\n // If it is we should keep the focus on the next selected tab\n\n var wasTabFocused = false;\n if (canUseActiveElement == null) {\n determineCanUseActiveElement(environment);\n }\n if (canUseActiveElement) {\n wasTabFocused = React.Children.toArray(child.props.children).filter(isTab).some(function (tab, i) {\n var env = environment || (typeof window !== 'undefined' ? window : undefined);\n return env && env.document.activeElement === _this2.getTab(i);\n });\n }\n result = /*#__PURE__*/cloneElement(child, {\n children: deepMap(child.props.children, function (tab) {\n var key = \"tabs-\" + listIndex;\n var selected = selectedIndex === listIndex;\n var props = {\n tabRef: function tabRef(node) {\n _this2.tabNodes[key] = node;\n },\n id: _this2.tabIds[listIndex],\n panelId: _this2.panelIds[listIndex],\n selected: selected,\n focus: selected && (focus || wasTabFocused)\n };\n if (selectedTabClassName) props.selectedClassName = selectedTabClassName;\n if (disabledTabClassName) props.disabledClassName = disabledTabClassName;\n listIndex++;\n return /*#__PURE__*/cloneElement(tab, props);\n })\n });\n } else if (isTabPanel(child)) {\n var props = {\n id: _this2.panelIds[index],\n tabId: _this2.tabIds[index],\n selected: selectedIndex === index\n };\n if (forceRenderTabPanel) props.forceRender = forceRenderTabPanel;\n if (selectedTabPanelClassName) props.selectedClassName = selectedTabPanelClassName;\n index++;\n result = /*#__PURE__*/cloneElement(child, props);\n }\n return result;\n });\n };\n\n /**\n * Determine if a node from event.target is a Tab element for the current Tabs container.\n * If the clicked element is not a Tab, it returns false.\n * If it finds another Tabs container between the Tab and `this`, it returns false.\n */\n _proto.isTabFromContainer = function isTabFromContainer(node) {\n // return immediately if the clicked element is not a Tab.\n if (!isTabNode(node)) {\n return false;\n } // Check if the first occurrence of a Tabs container is `this` one.\n\n var nodeAncestor = node.parentElement;\n do {\n if (nodeAncestor === this.node) return true;\n if (nodeAncestor.getAttribute('data-rttabs')) break;\n nodeAncestor = nodeAncestor.parentElement;\n } while (nodeAncestor);\n return false;\n };\n _proto.render = function render() {\n var _this3 = this;\n\n // Delete all known props, so they don't get added to DOM\n var _this$props4 = this.props,\n children = _this$props4.children,\n className = _this$props4.className,\n disabledTabClassName = _this$props4.disabledTabClassName,\n domRef = _this$props4.domRef,\n focus = _this$props4.focus,\n forceRenderTabPanel = _this$props4.forceRenderTabPanel,\n onSelect = _this$props4.onSelect,\n selectedIndex = _this$props4.selectedIndex,\n selectedTabClassName = _this$props4.selectedTabClassName,\n selectedTabPanelClassName = _this$props4.selectedTabPanelClassName,\n environment = _this$props4.environment,\n disableUpDownKeys = _this$props4.disableUpDownKeys,\n attributes = _objectWithoutPropertiesLoose(_this$props4, _excluded);\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className),\n onClick: this.handleClick,\n onKeyDown: this.handleKeyDown,\n ref: function ref(node) {\n _this3.node = node;\n if (domRef) domRef(node);\n },\n \"data-rttabs\": true\n }), this.getChildren());\n };\n return UncontrolledTabs;\n}(Component);\nUncontrolledTabs.defaultProps = {\n className: 'react-tabs',\n focus: false\n};\nexport { UncontrolledTabs as default };","var _excluded = [\"children\", \"defaultIndex\", \"defaultFocus\"];\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nimport React, { Component } from 'react';\nimport { childrenPropType, onSelectPropType, selectedIndexPropType } from '../helpers/propTypes';\nimport UncontrolledTabs from './UncontrolledTabs';\nimport { getTabsCount } from '../helpers/count';\nvar MODE_CONTROLLED = 0;\nvar MODE_UNCONTROLLED = 1;\nvar Tabs = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tabs, _Component);\n function Tabs(props) {\n var _this;\n _this = _Component.call(this, props) || this;\n _this.handleSelected = function (index, last, event) {\n var onSelect = _this.props.onSelect;\n var mode = _this.state.mode; // Call change event handler\n\n if (typeof onSelect === 'function') {\n // Check if the change event handler cancels the tab change\n if (onSelect(index, last, event) === false) return;\n }\n var state = {\n // Set focus if the change was triggered from the keyboard\n focus: event.type === 'keydown'\n };\n if (mode === MODE_UNCONTROLLED) {\n // Update selected index\n state.selectedIndex = index;\n }\n _this.setState(state);\n };\n _this.state = Tabs.copyPropsToState(_this.props, {}, props.defaultFocus);\n return _this;\n }\n Tabs.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n return Tabs.copyPropsToState(props, state);\n };\n Tabs.getModeFromProps = function getModeFromProps(props) {\n return props.selectedIndex === null ? MODE_UNCONTROLLED : MODE_CONTROLLED;\n };\n\n // preserve the existing selectedIndex from state.\n // If the state has not selectedIndex, default to the defaultIndex or 0\n Tabs.copyPropsToState = function copyPropsToState(props, state, focus) {\n if (focus === void 0) {\n focus = false;\n }\n if (process.env.NODE_ENV !== 'production' && state.mode !== undefined && state.mode !== Tabs.getModeFromProps(props)) {\n throw new Error(\"Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.\");\n }\n var newState = {\n focus: focus,\n mode: Tabs.getModeFromProps(props)\n };\n if (newState.mode === MODE_UNCONTROLLED) {\n var maxTabIndex = Math.max(0, getTabsCount(props.children) - 1);\n var selectedIndex = null;\n if (state.selectedIndex != null) {\n selectedIndex = Math.min(state.selectedIndex, maxTabIndex);\n } else {\n selectedIndex = props.defaultIndex || 0;\n }\n newState.selectedIndex = selectedIndex;\n }\n return newState;\n };\n var _proto = Tabs.prototype;\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n defaultIndex = _this$props.defaultIndex,\n defaultFocus = _this$props.defaultFocus,\n props = _objectWithoutPropertiesLoose(_this$props, _excluded);\n var _this$state = this.state,\n focus = _this$state.focus,\n selectedIndex = _this$state.selectedIndex;\n props.focus = focus;\n props.onSelect = this.handleSelected;\n if (selectedIndex != null) {\n props.selectedIndex = selectedIndex;\n }\n return /*#__PURE__*/React.createElement(UncontrolledTabs, props, children);\n };\n return Tabs;\n}(Component);\nTabs.defaultProps = {\n defaultFocus: false,\n forceRenderTabPanel: false,\n selectedIndex: null,\n defaultIndex: null,\n environment: null,\n disableUpDownKeys: false\n};\nexport { Tabs as default };\nTabs.tabsRole = 'Tabs';","var _excluded = [\"children\", \"className\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar TabList = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabList, _Component);\n function TabList() {\n return _Component.apply(this, arguments) || this;\n }\n var _proto = TabList.prototype;\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n attributes = _objectWithoutPropertiesLoose(_this$props, _excluded);\n return /*#__PURE__*/React.createElement(\"ul\", _extends({}, attributes, {\n className: cx(className),\n role: \"tablist\"\n }), children);\n };\n return TabList;\n}(Component);\nTabList.defaultProps = {\n className: 'react-tabs__tab-list'\n};\nexport { TabList as default };\nTabList.tabsRole = 'TabList';","var _excluded = [\"children\", \"className\", \"disabled\", \"disabledClassName\", \"focus\", \"id\", \"panelId\", \"selected\", \"selectedClassName\", \"tabIndex\", \"tabRef\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab';\nvar Tab = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Tab, _Component);\n function Tab() {\n return _Component.apply(this, arguments) || this;\n }\n var _proto = Tab.prototype;\n _proto.componentDidMount = function componentDidMount() {\n this.checkFocus();\n };\n _proto.componentDidUpdate = function componentDidUpdate() {\n this.checkFocus();\n };\n _proto.checkFocus = function checkFocus() {\n var _this$props = this.props,\n selected = _this$props.selected,\n focus = _this$props.focus;\n if (selected && focus) {\n this.node.focus();\n }\n };\n _proto.render = function render() {\n var _cx,\n _this = this;\n var _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className,\n disabled = _this$props2.disabled,\n disabledClassName = _this$props2.disabledClassName,\n focus = _this$props2.focus,\n id = _this$props2.id,\n panelId = _this$props2.panelId,\n selected = _this$props2.selected,\n selectedClassName = _this$props2.selectedClassName,\n tabIndex = _this$props2.tabIndex,\n tabRef = _this$props2.tabRef,\n attributes = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n return /*#__PURE__*/React.createElement(\"li\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx[disabledClassName] = disabled, _cx)),\n ref: function ref(node) {\n _this.node = node;\n if (tabRef) tabRef(node);\n },\n role: \"tab\",\n id: id,\n \"aria-selected\": selected ? 'true' : 'false',\n \"aria-disabled\": disabled ? 'true' : 'false',\n \"aria-controls\": panelId,\n tabIndex: tabIndex || (selected ? '0' : null),\n \"data-rttab\": true\n }), children);\n };\n return Tab;\n}(Component);\nTab.defaultProps = {\n className: DEFAULT_CLASS,\n disabledClassName: DEFAULT_CLASS + \"--disabled\",\n focus: false,\n id: null,\n panelId: null,\n selected: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { Tab as default };\nTab.tabsRole = 'Tab';","var _excluded = [\"children\", \"className\", \"forceRender\", \"id\", \"selected\", \"selectedClassName\", \"tabId\"];\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n _setPrototypeOf(subClass, superClass);\n}\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}\nimport React, { Component } from 'react';\nimport cx from 'clsx';\nvar DEFAULT_CLASS = 'react-tabs__tab-panel';\nvar TabPanel = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabPanel, _Component);\n function TabPanel() {\n return _Component.apply(this, arguments) || this;\n }\n var _proto = TabPanel.prototype;\n _proto.render = function render() {\n var _cx;\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n forceRender = _this$props.forceRender,\n id = _this$props.id,\n selected = _this$props.selected,\n selectedClassName = _this$props.selectedClassName,\n tabId = _this$props.tabId,\n attributes = _objectWithoutPropertiesLoose(_this$props, _excluded);\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: cx(className, (_cx = {}, _cx[selectedClassName] = selected, _cx)),\n role: \"tabpanel\",\n id: id,\n \"aria-labelledby\": tabId\n }), forceRender || selected ? children : null);\n };\n return TabPanel;\n}(Component);\nTabPanel.defaultProps = {\n className: DEFAULT_CLASS,\n forceRender: false,\n selectedClassName: DEFAULT_CLASS + \"--selected\"\n};\nexport { TabPanel as default };\nTabPanel.tabsRole = 'TabPanel';","function _extends() {\n module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n return _extends.apply(this, arguments);\n}\nmodule.exports = _extends, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState } from \"react\";\nimport Loader from '../../shared/Loader';\nimport Modal from '../../shared/Modal';\nexport default function Delete(_ref) {\n var appProps = _ref.appProps,\n pageName = _ref.pageName,\n pageTitle = _ref.pageTitle;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n loading = _useState2[0],\n setLoading = _useState2[1];\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n confirmModal = _useState4[0],\n setConfirmModal = _useState4[1];\n function deleteAccount() {\n setConfirmModal(false);\n setLoading(true);\n Rails.ajax({\n type: 'POST',\n url: '/account/delete',\n dataType: 'json',\n success: function success(res) {\n window.location.href = \"/\";\n },\n error: function error(res) {\n setLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"section-title\"\n }, /*#__PURE__*/React.createElement(\"h3\", null, pageTitle)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box \".concat(pageName)\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"delete-box\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"image-wrapper\"\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"https://storage.googleapis.com/reactive_files_eu/delete_account_image.jpg\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"notice-wrapper\"\n }, appProps.user.fullname && /*#__PURE__*/React.createElement(\"h2\", null, \" \", appProps.user.fullname, \" \"), /*#__PURE__*/React.createElement(\"p\", null, \" \", appProps.translations.account.delete_account_button_label, \" \"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"button-wrapper flex-box content-end\",\n style: {\n marginTop: 20\n }\n }, loading ? /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n }) : /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n id: \"delete-account\",\n className: \"button\",\n onClick: function onClick() {\n return setConfirmModal(true);\n }\n }, appProps.translations.account.delete_account))))), confirmModal && /*#__PURE__*/React.createElement(Modal, {\n visible: true,\n mode: \"small\",\n elementsClass: \"content-center\",\n icon: 'exclamation',\n theme: \"body-bg\",\n closeModal: function closeModal() {\n return setConfirmModal(false);\n },\n abortAction: function abortAction() {\n return setConfirmModal(false);\n },\n abortText: appProps.translations.general.cancel,\n acceptAction: function acceptAction() {\n return deleteAccount();\n },\n saveText: appProps.translations.account.delete_account\n }, /*#__PURE__*/React.createElement(\"p\", {\n style: {\n textAlign: 'center'\n }\n }, appProps.translations.account.delete_account_confirm)));\n}","import React from \"react\";\nexport default function Privacy(_ref) {\n var pageName = _ref.pageName,\n pageTitle = _ref.pageTitle,\n privacyPolicy = _ref.privacyPolicy;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: pageName\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"section-title\"\n }, /*#__PURE__*/React.createElement(\"h3\", null, pageTitle)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\"\n }, privacyPolicy ? /*#__PURE__*/React.createElement(\"div\", {\n dangerouslySetInnerHTML: {\n __html: privacyPolicy\n },\n className: \"text editor\"\n }) : /*#__PURE__*/React.createElement(\"div\", {\n className: \"text editor\"\n }, \" - \"))));\n}","import React, { useState, useEffect } from 'react';\nexport default function Profile(_ref) {\n var pageName = _ref.pageName,\n appProps = _ref.appProps,\n pageTitle = _ref.pageTitle,\n userNeedsEmailConfirmation = _ref.userNeedsEmailConfirmation,\n resendConfirmationPath = _ref.resendConfirmationPath,\n casLoading = _ref.casLoading;\n var translations = appProps.translations,\n getAccountInfoPath = appProps.getAccountInfoPath,\n user = appProps.user,\n flashMessage = appProps.flashMessage;\n function resendConfirmation() {\n Rails.ajax({\n type: 'POST',\n url: resendConfirmationPath,\n dataType: 'json',\n success: function success(result) {\n if (result.success) {\n flashMessage.show(translations.account.email_confirmation_sent);\n }\n }\n });\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"section-title\"\n }, /*#__PURE__*/React.createElement(\"h3\", null, pageTitle)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"account \".concat(pageName)\n }, /*#__PURE__*/React.createElement(\"div\", {\n id: \"contact_info\",\n className: \"card\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"avatar-wrapper flex-box items-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"avatar\"\n }, !casLoading && user.avatar && /*#__PURE__*/React.createElement(\"img\", {\n src: user.avatar\n }), !casLoading && !user.avatar && /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-circle-user\"\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"fields-wrapper\"\n }, !casLoading && user.fullname && user.fullname !== '' && /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\"\n }, /*#__PURE__*/React.createElement(\"label\", null, translations.account.full_name), /*#__PURE__*/React.createElement(\"div\", null, user.fullname)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\"\n }, /*#__PURE__*/React.createElement(\"label\", null, translations.account.email_address), !casLoading && /*#__PURE__*/React.createElement(\"div\", null, user.email)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n href: \"/account/manage\",\n rel: \"nofollow noindex noreferrer\",\n target: \"_blank\",\n className: \"flex-box items-center\"\n }, /*#__PURE__*/React.createElement(\"b\", null, translations.account.manage_account), /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-pen-to-square\",\n style: {\n marginLeft: 10\n }\n })))))), !casLoading && userNeedsEmailConfirmation && !user.confirmed && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", null, translations.account.email_not_confirmed), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: \"button\",\n style: {\n marginTop: 15\n },\n onClick: resendConfirmation\n }, translations.account.resend_email_confirmation)));\n}","export var reflow = function reflow(node) {\n return node.scrollTop;\n};\nexport function getTransitionProps(props, options) {\n var timeout = props.timeout,\n _props$style = props.style,\n style = _props$style === void 0 ? {} : _props$style;\n return {\n duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,\n delay: style.transitionDelay\n };\n}","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}\nmodule.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect, useRef, lazy, Suspense, Fragment } from 'react';\nimport Loader from '../shared/Loader';\nvar elementComponents = {\n accordion: 'Accordion',\n audio: 'Audio',\n blockquote: 'Blockquote',\n blog_list: 'BlogList',\n button: 'Button',\n code_block: 'CodeBlock',\n contact_form: 'ContactForm',\n checklist: 'Checklist',\n map: 'GoogleMap',\n heading: 'Header',\n video: 'Video',\n icon: 'Icon',\n image: 'Image',\n divider: 'Divider',\n testimonials: 'Testimonials',\n slider: 'Slider',\n page_tabs: 'PageTabs',\n skill_bars: 'SkillBars',\n flip_cards: 'FlipCards',\n table: 'Table',\n text_editor: 'Text',\n vimeo: 'Vimeo',\n youtube: 'Youtube'\n};\nexport default function Content(_ref) {\n var appProps = _ref.appProps,\n content = _ref.content,\n getBuilderContentUrl = _ref.getBuilderContentUrl;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n loading = _useState2[0],\n setLoading = _useState2[1];\n var _useState3 = useState(content || []),\n _useState4 = _slicedToArray(_useState3, 2),\n containers = _useState4[0],\n setContainers = _useState4[1];\n var translations = appProps.translations,\n currentLocale = appProps.currentLocale,\n pageBuilderAdditionalElements = appProps.pageBuilderAdditionalElements,\n currentDevice = appProps.currentDevice;\n var isDesktop = currentDevice === 'desktop';\n var isMobile = currentDevice != 'desktop';\n var ref = useRef();\n useEffect(function () {\n if (!content && (appProps.getBuilderContentUrl || getBuilderContentUrl)) {\n setLoading(true);\n Rails.ajax({\n type: 'GET',\n url: appProps.getBuilderContentUrl || getBuilderContentUrl,\n dataType: 'json',\n success: function success(res) {\n setContainers(res.builderContent[currentLocale]);\n setLoading(false);\n scrollToLocation();\n },\n error: function error(res) {\n setLoading(false);\n }\n });\n }\n }, []);\n function scrollToLocation() {\n if (!location.hash) {\n return true;\n }\n if (location.hash && !ref.current) {\n var scrollableId = location.hash.replace('#', '');\n setTimeout(function () {\n var element = document.getElementById(scrollableId);\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth'\n });\n ref.current = true;\n }\n }, 500);\n }\n }\n function renderElement(element) {\n if (pageBuilderAdditionalElements && Object.keys(pageBuilderAdditionalElements).includes(element.contentType)) {\n var Element = pageBuilderAdditionalElements[element.contentType].component;\n var additionalElementAppProps = pageBuilderAdditionalElements[element.contentType].props.appProps;\n return /*#__PURE__*/React.createElement(Element, Object.assign({\n key: element.id,\n item: element\n }, pageBuilderAdditionalElements[element.contentType].props, {\n appProps: _objectSpread(_objectSpread({}, additionalElementAppProps), appProps)\n }));\n } else {\n var _Element = /*#__PURE__*/lazy(function () {\n return import(\"./elements/\".concat(elementComponents[element.contentType]));\n });\n if (element.contentType === 'contact_form') {\n return /*#__PURE__*/React.createElement(Suspense, {\n key: element.id,\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, /*#__PURE__*/React.createElement(_Element, {\n item: element,\n submitFormPath: appProps.builderSubmitFormPath,\n reCaptchaSiteKey: appProps.builderReCaptchaSiteKey,\n translations: translations,\n appProps: appProps\n }));\n } else {\n return /*#__PURE__*/React.createElement(Suspense, {\n key: element.id,\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, /*#__PURE__*/React.createElement(_Element, {\n item: element\n }));\n }\n }\n }\n function renderColumn(column) {\n var columnSettings = column.settings;\n var columnItems = column.items || column.elements; // support old version\n\n if (fetchImageSource(columnSettings.image)) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: column.id,\n id: columnSettings.styles.id || '',\n className: \"cs-\".concat(column.widthRatio, \" \").concat(columnSettings.styles.classes || ''),\n style: _objectSpread(_objectSpread({}, columnSettings.styles.marginStyles), {}, {\n position: 'relative',\n height: '100%'\n })\n }, columnSettings.overlay && /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread({\n backgroundColor: columnSettings.overlayColor,\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n zIndex: 1\n }, columnSettings.styles.borderStyles)\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({\n backgroundImage: \"url('\".concat(fetchImageSource(columnSettings.image), \"')\"),\n width: '100%'\n }, columnSettings.imageStyles), columnSettings.styles.borderStyles)\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread({\n position: 'relative',\n zIndex: 2\n }, columnSettings.styles.basicStyles)\n }, columnItems.map(function (columnItem) {\n return /*#__PURE__*/React.createElement(Fragment, {\n key: columnItem.id\n }, columnItem.type === 'innerColumn' ? renderColumn(columnItem) : renderElement(columnItem));\n }))));\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n key: column.id,\n id: columnSettings.styles.id || '',\n className: \"cs-\".concat(column.widthRatio, \" \").concat(columnSettings.styles.classes || ''),\n style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, columnSettings.styles.basicStyles), columnSettings.styles.borderStyles), columnSettings.styles.marginStyles), {}, {\n position: 'relative',\n height: '100%'\n })\n }, columnItems.map(function (columnItem) {\n return /*#__PURE__*/React.createElement(Fragment, {\n key: columnItem.id\n }, columnItem.type === 'innerColumn' ? renderColumn(columnItem) : renderElement(columnItem));\n }));\n }\n function fetchImageSource(image) {\n if (image && image.source) {\n return typeof image.source === 'string' ? image.source : '';\n }\n return '';\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: loading ? {\n minHeight: '100vh'\n } : {},\n className: \"builder-wrapper relative \".concat(loading ? 'flex-box items-center content-center' : '')\n }, loading && /*#__PURE__*/React.createElement(Loader, {\n size: 'large',\n position: 'center'\n }), containers && containers.filter(function (container) {\n if (container.settings.visibility && !container.settings.visibility.desktop && isDesktop) return false;else if (container.settings.visibility && !container.settings.visibility.mobile && !isDesktop) return false;else return true;\n }).map(function (container) {\n var containerSettings = container.settings;\n var columns = container.items || container.columns; // support old version\n\n return /*#__PURE__*/React.createElement(\"div\", {\n key: container.id,\n id: containerSettings.styles.id || '',\n className: \"\".concat(containerSettings.containerWidth === 'full_width' ? '' : 'main-container', \" \").concat(containerSettings.styles.classes || '')\n }, fetchImageSource(containerSettings.image) ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-wrap\",\n style: _objectSpread({\n position: 'relative'\n }, containerSettings.styles.marginStyles)\n }, containerSettings.overlay && /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread({\n backgroundColor: containerSettings.overlayColor,\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n zIndex: 1\n }, containerSettings.styles.borderStyles)\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({\n backgroundImage: \"url('\".concat(fetchImageSource(containerSettings.image), \"')\"),\n width: '100%'\n }, containerSettings.imageStyles), containerSettings.styles.borderStyles)\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-wrap\",\n style: _objectSpread({\n position: 'relative',\n zIndex: 2,\n width: '100%'\n }, containerSettings.styles.basicStyles)\n }, columns.map(function (column) {\n return renderColumn(column);\n })))) : /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-wrap\",\n style: _objectSpread(_objectSpread(_objectSpread({\n position: 'relative'\n }, containerSettings.styles.basicStyles), containerSettings.styles.borderStyles), containerSettings.styles.marginStyles)\n }, columns.map(function (column) {\n return renderColumn(column);\n })));\n }));\n}","import React from \"react\"\nimport { Loader, AuthorizableLink } from '@reactiveonline/frontend_shared_components'\n\nimport Cart from \"./Cart\"\nimport IncompleteStep from \"./steps/IncompleteStep\"\nimport CompletedStep from \"./steps/CompletedStep\"\nimport EmailStep from \"./steps/EmailStep\"\nimport DeliveryStep from \"./steps/DeliveryStep\"\nimport ShippingStep from \"./steps/ShippingStep\"\nimport BillingStep from \"./steps/BillingStep\"\nimport Coupons from './Coupons'\nimport DisableableField from '../shared/DisableableField'\nimport LineItemErrorsModal from './LineItemErrorsModal'\n\nimport { calculateCartSubTotal, calculateCartTax, calculateCartWeight } from './helpers/calculators'\nimport { createOrderForm } from './helpers/orderUpdateForm'\nimport { urlParamsAsObject, formatPriceWithCurrency } from '../../helpers/utils'\nimport PendingOrderModal from \"./PendingOrderModal\"\n\nconst status = [\"incomplete\", \"completed\"]\n\nexport default class Checkouts extends React.Component {\n\n constructor(props) {\n super(props)\n\n const deliveryEnabled = this.props.deliveryOptions.includes(\"delivery\")\n const deliveryStepNextStep = deliveryEnabled ? \"ShippingStep\" : \"BillingStep\"\n let deliveryOption = this.props.deliveryOptions[0]\n let billingProps = {}, deliveryProps = {}, selectedShippingMethod = {}, selectedPaymentMethod = {}, acceptedTerms = false\n\n const { email_step, delivery_step, shipping_method, payment_step, change_details } = this.props.appProps.translations.checkout\n const stepsArray = [\n { stepName: \"EmailStep\", stepTitle: `${email_step}`, nextStep: \"DeliveryStep\", changeText: `${change_details}`, status: status[0], visible: true },\n { stepName: \"DeliveryStep\", stepTitle: `${delivery_step}`, nextStep: deliveryStepNextStep, changeText: `${change_details}`, status: status[0], visible: true },\n { stepName: \"ShippingStep\", stepTitle: `${shipping_method}`, nextStep: \"BillingStep\", changeText: `${change_details}`, status: status[0], visible: deliveryEnabled },\n { stepName: \"BillingStep\", stepTitle: `${payment_step}`, nextStep: undefined, changeText: `${change_details}`, status: status[0], visible: true }\n ]\n let currentStep = stepsArray[0]\n\n let addressFallbackProps = {\n address: \"\",\n area: \"\",\n city: \"\",\n country: \"\",\n mobile: \"\",\n fullName: \"\",\n phone: \"\",\n postalCode: \"\",\n countryAlpha2Code: \"\",\n stateLabel: \"\"\n }\n\n if (this.props.order.email) {\n acceptedTerms = true\n currentStep = stepsArray[1]\n stepsArray[0].status = status[1]\n }\n\n if(Object.keys(this.props.orderDeliveryAddress).length > 0){\n deliveryProps = this.props.orderDeliveryAddress\n deliveryOption = this.props.orderDeliveryAddress.address ? this.props.deliveryOptions.find(option => option === 'delivery') : this.props.deliveryOptions.find(option => option === 'pickup')\n\n if (!this.props.orderDeliveryAddress.isFromPreviousOrder && (deliveryOption !== 'pickup' || deliveryProps.storeId)) { // when entering checkout for the first time then show the delivery address step sto the user can validate their info\n currentStep = stepsArray.find(step => step.stepName === deliveryStepNextStep)\n stepsArray[1].status = status[1]\n }\n }else{\n deliveryProps = { ...addressFallbackProps, storeId: null }\n }\n\n if (deliveryEnabled && this.props.selectedShippingMethod) {\n selectedShippingMethod = this.props.selectedShippingMethod\n\n if (deliveryOption === \"delivery\" && selectedShippingMethod.type !== 'LocalPickup') {\n currentStep = stepsArray[3]\n stepsArray[2].status = status[1]\n\n } else if (deliveryOption === \"pickup\" && deliveryProps.storeId) {\n currentStep = stepsArray[3]\n stepsArray[2].visible = false\n }\n }\n\n if(Object.keys(this.props.orderBillingAddress).length > 0){\n billingProps = { ...this.props.companyBillingAddress, ...this.props.orderBillingAddress } // use companyBillingAddress so we can populate the company name for the invoice\n }else{\n billingProps = addressFallbackProps\n }\n\n if (this.props.selectedPaymentMethod) {\n selectedPaymentMethod = this.props.paymentMethods.find(method => method.id == this.props.selectedPaymentMethod)\n } else {\n selectedPaymentMethod = this.props.paymentMethods[0]\n }\n\n this.state = {\n loading: false,\n cartLoading: false,\n casLoading: false,\n showPaymentIframe: false,\n selectedStoreId: '',\n currentStep: currentStep || stepsArray[0],\n steps: stepsArray,\n user: this.props.appProps.user ? this.props.appProps.user : {},\n emailProps: {\n email: this.props.order.email || this.props.appProps.currentUserEmail || '',\n acceptedTerms: acceptedTerms\n },\n deliveryProps: {\n deliveryOption: deliveryOption,\n orderNotes: this.props.order.special_instructions || \"\",\n ...deliveryProps\n },\n shippingProps: {\n selectedMethod: !deliveryEnabled && Object.keys(this.props.localPickup).length > 0 ? this.props.localPickup : selectedShippingMethod,\n multipleShipmentsOptionEnabled: this.props.multipleShipmentsOptionEnabled,\n selectedSmartpoint: null\n },\n billingProps: {\n selectedMethod: (currentStep.stepName === \"BillingStep\") && selectedPaymentMethod ? selectedPaymentMethod : {},\n vatNumber: '',\n companyName: '',\n additionalInfo: '',\n ...billingProps\n },\n cart: this.initiateCartState(this.props.products, this.props.order),\n contactlessEnabled: this.props.order.contactless_delivery,\n isDeliveryAddressUsedAsBilling: !this.props.companyCheckout && deliveryEnabled && deliveryOption === \"delivery\",\n unavailableLineItems: [],\n revaluatedLineItems: [],\n isCartEditable: true,\n submitStripeCard: false,\n stripePaymentIntentClientSecret: null,\n stripePaymentIntentActionType: null,\n stripeSetupIntentClientSecret: null,\n stripeSetupIntentActionType: null,\n couponAdjustments: this.props.order.couponAdjustments,\n totalWithAdjustments: this.props.order.totalWithAdjustments,\n installments: 1,\n showInvoiceForm: this.props.companyCheckout,\n lineItemErrors: [],\n automationErrors: [],\n paymentMethods: this.props.paymentMethods,\n userConfirmed: false,\n showPendingOrderModal: this.props.newOrderId && this.props.newOrderId !== this.props.order.id\n }\n }\n\n componentDidMount() {\n let urlParams = urlParamsAsObject(window.location.search)\n\n if (urlParams.shipping_error) {\n this.props.appProps.flashMessage.show(this.props.appProps.translations.flash_messages[urlParams.shipping_error], 'error')\n }\n if (urlParams.payment_error) {\n this.props.appProps.flashMessage.show(this.props.appProps.translations.flash_messages[urlParams.payment_error], 'error')\n }\n if (urlParams.magic_link_error) {\n this.props.appProps.flashMessage.show(this.props.appProps.translations.flash_messages.magic_link_error, 'error')\n }\n\n if(this.props.userNeedsEmailConfirmation) {\n this.setState({casLoading: true})\n\n Rails.ajax({\n type: 'GET',\n url: this.props.appProps.getAccountInfoPath,\n dataType: 'json',\n success: res => {\n if(res.account) {\n this.setState({userConfirmed: res.account.confirmed, casLoading: false})\n } else {\n this.setState({casLoading: false})\n }\n },\n error: res => {\n this.setState({casLoading: false})\n }\n })\n }\n\n if (this.state.couponAdjustments.length) {\n this.setLoading(true)\n let fd = new FormData()\n if (this.props.adminOrderNumber) fd.append('order_id', this.props.order.id)\n\n Rails.ajax({\n url: '/checkout/check_and_update_coupons',\n type: 'POST',\n dataType: 'json',\n data: fd,\n success: res => {\n this.couponsValidationAfterAction(res)\n },\n error: res => {\n this.setState({ loading: false })\n }\n })\n }\n\n const shippingStep = this.state.steps.find(step => step.stepName == \"ShippingStep\")\n if (shippingStep && shippingStep.visible && shippingStep.status == status[1]){\n this.reviseStep(\"ShippingStep\")\n }\n\n }\n\n initiateCartState(products, order) {\n return {\n products: products,\n shippingCost: order.shippingCost,\n shippingCostNet: order.shippingCostNet,\n paymentCost: order.handlingFeeGross,\n paymentCostNet: order.handlingFeeNet,\n subTotal: calculateCartSubTotal(products),\n // tax: calculateCartTax(products),\n tax: order.vatTotal,\n total: order.total,\n weight: calculateCartWeight(products)\n }\n }\n\n isContactlessAvailable(){\n const { contactlessOptionAvailable } = this.props\n const { deliveryProps, billingProps } = this.state\n\n return contactlessOptionAvailable && deliveryProps.deliveryOption !== \"pickup\" && billingProps.selectedMethod.type && billingProps.selectedMethod.type !== \"CashPayment\" && billingProps.selectedMethod.type !== \"CardOnDeliveryPayment\"\n }\n\n renderStep(stepName, index, googleAnalyticsId, googleMeasurementId){\n switch( stepName ){\n case \"EmailStep\":\n return (\n \n
\n )\n })\n }\n \n
\n \n { location.title }\n
\n { location.address &&\n window.open(`https://www.google.com/maps/place/${location.address.split(' ').join('+')}`) }>\n { location.address }\n
\n }\n \n { location.inStock ? appProps.translations.products.in_stock : appProps.translations.products.out_of_stock }\n
\n \n \n this.resendConfirmation() }\n >\n { appProps.translations.account.resend_email_confirmation }\n \n
\n }\n\n { !disableCheckout && userNeedsEmailConfirmation && this.state.casLoading &&\n \n { !disableCheckout && (!userNeedsEmailConfirmation || (userNeedsEmailConfirmation && this.state.userConfirmed)) &&\n <>\n \n
\n }\n\n { !disableCheckout && userNeedsEmailConfirmation && appProps.user && !this.state.userConfirmed && !this.state.casLoading &&\n \n \n { this.state.currentStep.stepName != 'EmailStep' &&\n
\n\n \n
\n\n { this.state.loading &&\n \n {!this.props.hideHeadingTitle &&
\n\n { appProps.translations.checkout.order_details }
}\n\n { steps }\n
\n\n { (this.state.lineItemErrors.length > 0 || this.state.automationErrors.length > 0) &&\n \n \n
\n }\n \n { appProps.translations.general.checkout_closed }\n
\n\n { appProps.translations.account.email_not_confirmed }\n
\n\n\n { appProps.translations.checkout.login_warning }\n
\n\n { appProps.userFormLoginType &&\n\n
\n )\n }\n}","import React, { useState, useEffect, useCallback } from \"react\"\nimport ProductItem from \"./ProductItem\"\nimport SideFilters from \"./SideFilters\"\nimport Sorting from \"./Sorting\"\nimport Pagination from \"./Pagination\"\nimport ActiveFilters from \"./ActiveFilters\"\n\nimport cookie from 'react-cookies'\n\nimport { loadProductListAnalytics } from \"../../helpers/analytics\"\nimport { constructProductsListUrl } from \"../../helpers/utils\"\n\nexport default function Products({\n appProps, containerClass, productParameters, hideProductsCount,\n filtersAllowed, hideSorting, currency, productsList, relatedCategoriesPath\n}) {\n const listGridCookie = cookie.load('listGridOption')\n\n const [products, setProducts] = useState(productsList)\n const [productParams, setProductParams] = useState(productParameters)\n const [productFilters, setProductFilters] = useState(null)\n const [appliedFilterOptions, _setAppliedFilterOptions] = useState(productParams.filters)\n const [toggleFiltersSidebar, setToggleFiltersSidebar] = useState(false)\n const [upperPriceLimit, setUpperPriceLimit] = useState(productParameters.upperPriceLimit || \"\")\n const [lowerPriceLimit, setLowerPriceLimit] = useState(productParameters.lowerPriceLimit || \"\")\n const [isList, setIsList] = useState(listGridCookie === 'list' || appProps.productsPerRow == 1)\n\n useEffect(() => {\n document.addEventListener(\"keydown\", escFunction, false)\n return () => {\n document.removeEventListener(\"keydown\", escFunction, false)\n }\n }, [])\n\n useEffect(() => {\n loadProductListAnalytics(products, appProps)\n if (productParameters.upperPriceLimit || productParameters.lowerPriceLimit || productParameters.onSale){\n if (productParameters.upperPriceLimit || productParameters.lowerPriceLimit){\n submitFilterOption('price_range', { lowerPriceLimit: productParameters.lowerPriceLimit || \"\", upperPriceLimit: productParameters.upperPriceLimit || \"\" }, false)\n }\n if (productParameters.onSale){\n submitFilterOption('on_sale', 'true', false)\n }\n } else if(filtersAllowed) {\n loadProductFilters()\n }\n }, [])\n\n function setAppliedFilterOptions(newAppliedFilterOptions){\n _setAppliedFilterOptions(newAppliedFilterOptions)\n loadProductFilters(newAppliedFilterOptions)\n }\n\n const escFunction = useCallback((event) => {\n if (event.key === \"Escape\") {\n setToggleFiltersSidebar(false)\n }\n }, [])\n\n function loadProductFilters(filterOptions = appliedFilterOptions) {\n let formData = new FormData()\n formData.append('applied_filters', JSON.stringify(filterOptions))\n let url = `${appProps.localeUrlPresent ? '/' + appProps.currentLocale : ''}/load_filters`\n if (productParams.categoryId){\n url = url + '?category=' + productParams.categoryId\n }\n\n if ((filterOptions.price_range) && (upperPriceLimit !== \"\" || lowerPriceLimit !== \"\") || productParams.keyword){\n let hasQueryParams = true\n if (!url.includes('?')){\n hasQueryParams = false\n url = url + '?'\n }\n if (lowerPriceLimit !== \"\"){\n hasQueryParams = true\n url = url + `${hasQueryParams ? '&' : ''}lower_price_limit=${lowerPriceLimit}`\n }\n if (upperPriceLimit !== \"\"){\n hasQueryParams = true\n url = url + `${hasQueryParams ? '&' : ''}upper_price_limit=${upperPriceLimit}`\n }\n if (productParams.keyword){\n url = url + `${hasQueryParams ? '&' : ''}keyword=${productParams.keyword}`\n }\n }\n\n Rails.ajax({\n type: \"POST\",\n url: url,\n dataType: 'json',\n accept: 'json',\n data: formData,\n success: res => {\n let productFilters = res\n if(!res.error) {\n let updatedFilterOptions = JSON.parse(JSON.stringify(filterOptions))\n if(updatedFilterOptions.brand && productFilters.brandFilters) {\n updatedFilterOptions.brand = updatedFilterOptions.brand.filter(b => {\n return !!Object.keys(productFilters.brandFilters).filter(k => {\n const filterValues = JSON.parse(k)\n return filterValues && filterValues[1] === b && productFilters.brandFilters[k] > 0\n })[0]\n })\n }\n\n if(productFilters.optionFilters) {\n Object.keys(productFilters.optionFilters).map(o => {\n if(updatedFilterOptions[o]) {\n updatedFilterOptions[o] = updatedFilterOptions[o].filter(fo => {\n return !!Object.keys(productFilters.optionFilters[o]).filter(k => {\n const filterValues = JSON.parse(k)\n return filterValues && filterValues[1] === fo && productFilters.optionFilters[o][k] > 0\n })[0]\n })\n }\n })\n }\n\n setProductFilters(productFilters)\n _setAppliedFilterOptions(updatedFilterOptions)\n }\n }\n })\n }\n\n function applyFilterOption(key, value) {\n let updatedFilters = JSON.parse(JSON.stringify(appliedFilterOptions))\n if(updatedFilters[key]) {\n if (key == \"price_range\"){\n if (value.lowerPriceLimit === \"\" && value.upperPriceLimit === \"\"){\n delete updatedFilters[key]\n setLowerPriceLimit(\"\")\n setUpperPriceLimit(\"\")\n }\n else {\n updatedFilters[key][0].upperPriceLimit = value.upperPriceLimit\n updatedFilters[key][0].lowerPriceLimit = value.lowerPriceLimit\n }\n } else {\n if(updatedFilters[key].indexOf(value) < 0) {\n updatedFilters[key].push(value)\n } else {\n updatedFilters[key].splice(updatedFilters[key].indexOf(value), 1)\n if(updatedFilters[key].length === 0) {\n delete updatedFilters[key]\n }\n }\n }\n } else {\n if (!(key == \"price_range\" && value.upperPriceLimit === \"\" && value.lowerPriceLimit === \"\")) {\n updatedFilters[key] = [value]\n }\n }\n\n return updatedFilters\n }\n\n function preConstructFilterUrl(key, value) {\n const appliedFilterOptions = applyFilterOption(key, value)\n return constructProductsListUrl(getProductRequestParams(), productParams.categoryMenusSlugs, appliedFilterOptions, appProps.localeUrlPresent ? appProps.currentLocale : null)\n }\n\n function getProductRequestParams(page) {\n return {\n keyword: productParams.keyword,\n order_by: productParams.orderBy,\n order: productParams.order,\n page: page || productParams.page,\n per_page: productParams.perPage > 48 ? 48 : productParams.perPage\n }\n }\n\n function submitFilterOption(key, value, firstSubmitted = true) {\n const updatedFilters = applyFilterOption(key, value)\n const page = firstSubmitted ? 1 : null\n const productRequestParams = getProductRequestParams(page)\n if (updatedFilters.price_range) {\n if (lowerPriceLimit && lowerPriceLimit !== \"\") {\n productRequestParams[\"lower_price_limit\"] = lowerPriceLimit\n }\n if (upperPriceLimit && upperPriceLimit !== \"\") {\n productRequestParams[\"upper_price_limit\"] = upperPriceLimit\n }\n }\n const {price_range, ...actualAppliedFilterOptions} = updatedFilters\n const updatedUrl = constructProductsListUrl(productRequestParams, productParams.categoryMenusSlugs, actualAppliedFilterOptions, appProps.localeUrlPresent ? appProps.currentLocale : null)\n setAppliedFilterOptions(updatedFilters)\n window.history.pushState({}, '', updatedUrl)\n filtersAjaxRequest(updatedUrl)\n }\n\n function clearAllFilters() {\n const updatedUrl = constructProductsListUrl(getProductRequestParams(1), productParams.categoryMenusSlugs, {}, appProps.localeUrlPresent ? appProps.currentLocale : null)\n setAppliedFilterOptions({})\n window.history.pushState({}, '', updatedUrl)\n setLowerPriceLimit(\"\")\n setUpperPriceLimit(\"\")\n filtersAjaxRequest(updatedUrl)\n }\n\n function clearOneTypeFilter(optionTypeKey) {\n let updatedFilters = JSON.parse(JSON.stringify(appliedFilterOptions))\n delete updatedFilters[optionTypeKey]\n const updatedUrl = constructProductsListUrl(getProductRequestParams(1), productParams.categoryMenusSlugs, updatedFilters, appProps.localeUrlPresent ? appProps.currentLocale : null)\n setAppliedFilterOptions(updatedFilters)\n window.history.pushState({}, '', updatedUrl)\n filtersAjaxRequest(updatedUrl)\n }\n\n function filtersAjaxRequest(url) {\n Rails.ajax({\n type: \"GET\",\n url: url,\n dataType: \"json\",\n success: res => {\n if(res.products) {\n setProducts(res.products)\n setProductParams(res.productParams)\n let productListTitleElm = document.getElementsByClassName('product-list-title')[0]\n if(productListTitleElm) {\n productListTitleElm.scrollIntoView({behavior: 'smooth', block: 'start'})\n }\n }\n }\n })\n }\n\n let noProductsFoundMessage = productParameters.keyword !== null ?\n `${ appProps.translations.products.no_products_found_for_keyword }${ productParameters.keyword }`\n : appProps.translations.products.no_products_found\n\n return (\n <>\n \n \n {\n this.props.rule_types.length != usedTypes.length && this.props.allowEditing &&\n !usedTypes.includes(type[0])) }\n rule_value_labels={ this.props.rule_value_labels}\n saveRule={ this.saveRule.bind(this) }\n />\n }\n
\n \n {\n this.state.rules.map((rule, index) => {\n if(rule._destroy){ return null }\n\n return(\n !usedTypes.includes(type[0]) || type[0] == rule.type) }\n rule_value_labels={ this.props.rule_value_labels}\n saveRule={ this.saveRule.bind(this) }\n />\n )\n })\n }\n
\n \n \n { products.map( product => (\n \n \n { appProps.headerVersion != '6' &&\n handleStateChange(state) }\n customBurgerIcon={ false }\n customCrossIcon={ }\n overlayClassName={ 'product-burger-menu-overlay' }\n >\n <>\n \n { viewType !== 'slider' && products.length > 0 && products.map( (product, index) => (\n
\n )\n}\n","import React from 'react'\nimport OrderHistoryList from './OrderHistoryList'\n\nexport default function OrderHistory({\n appProps, listOrdersPath, listCompanyOrdersPath, showCompanyOrders\n}) {\n return (\n <>\n \n { appProps.showCategories &&\n
\n \n \n )\n}\n","import React, { useState, useEffect, useRef } from \"react\"\nimport { debounceEventHandler, getTranslatableField, constructTranslatableProductLink } from '../../helpers/utils'\nimport cookie from \"react-cookies\"\n\nexport default function ProductSearch({ appProps, keyword, autoFocus }) {\n const [searchResults, setSearchResults] = useState({ products: [], similar: [], popular: [], categories: [] })\n const [successfulSearches, setSuccessfulSearches] = useState([])\n const [showEmptyProductsBox, setShowEmptyProductsBox] = useState(false)\n const [searchValue, setSearchValue] = useState('')\n\n const successfulSearchesRef = useRef(successfulSearches)\n\n const onUnmountOrUnload = searchesArray => {\n return () => {\n if (appProps.advancedSearchAllowed) {\n const searchesToSave = []\n searchesArray.sort((a, b) => a.length > b.length ? 1 : -1)\n\n while (searchesArray.length) {\n if (!searchesArray.some((search, index) => index !== 0 && search.includes(searchesArray[0]))) {\n searchesToSave.push(searchesArray[0])\n }\n searchesArray.shift()\n }\n\n updateCookie(searchesToSave)\n\n if(searchesToSave.length > 0) {\n let fd = new FormData()\n fd.append('searches_to_save', JSON.stringify(searchesToSave))\n\n Rails.ajax({\n type: \"POST\",\n url: `/update_search_terms`,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n data: fd\n })\n }\n }\n }\n\n }\n\n useEffect(() => {\n const handleUnload = onUnmountOrUnload(successfulSearches.slice())\n\n successfulSearchesRef.current = successfulSearches\n window.addEventListener(\"beforeunload\", handleUnload);\n\n return () => {\n window.removeEventListener(\"beforeunload\", handleUnload)\n }\n }, [successfulSearches])\n\n useEffect(() => {\n return () => {\n onUnmountOrUnload(successfulSearchesRef.current.slice())()\n }\n }, [])\n\n function searchProducts(keyword) {\n Rails.ajax({\n type: \"GET\",\n url: `${appProps.productSearchPath}?keyword=${keyword}`,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: res => {\n if (res.products) {\n setSearchResults({ products: res.products, similar: res.similar, popular: res.popular, categories: res.categories })\n setShowEmptyProductsBox(true)\n if (res.products.length > 0) {\n setSuccessfulSearches([...successfulSearches, keyword])\n }\n }\n }\n })\n }\n\n function updateCookie(keywords) {\n const recentSearchCookie = cookie.load('recentSearches') || [];\n\n keywords.forEach(keyword => {\n const idx = recentSearchCookie.findLastIndex(item => item.toLowerCase() === keyword.toLowerCase())\n recentSearchCookie.unshift(keyword)\n if (idx > -1) {\n recentSearchCookie.splice(idx + 1, 1)\n } else {\n if (recentSearchCookie.length > 5) {\n recentSearchCookie.pop()\n }\n }\n })\n\n cookie.save('recentSearches', recentSearchCookie, { path: '/' })\n }\n\n const handleAutocompleteInput = (event) => {\n let value = event.target.value.trim()\n if (value.length >= 3) {\n searchProducts(value)\n setSearchValue(value)\n } else {\n setSearchResults({ products: [], similar: [], popular: [], categories: [] })\n setShowEmptyProductsBox(false)\n }\n }\n\n const renderProductItem = (product, index) => {\n let imageEntity = product.images[0]\n\n return (\n \n \n
\n \n
\n \n \n { appProps.sidebarPosition == 'burger_sidebar' && appProps.currentDevice == 'desktop' &&\n
\n { appProps.showCategories && filtersAllowed ?\n \n { appProps.sidebarPosition == 'burger_sidebar' && appProps.currentDevice == 'desktop' &&\n setToggleFiltersSidebar(prevState => !prevState) }/>\n }\n { productParams && productParams.categoryMenuTitle ? productParams.categoryMenuTitle : appProps.translations.products.product_list_title }\n \n \n {!hideSorting &&\n
\n { products.length > 0 ?\n products.map(product => {\n return (\n
\n {appProps.translations.products.no_products_found}
\n }\n \n
\n \n \n
\n\n \n
\n \n )\n }\n\n const renderSearchBlocks = (category, idx) => {\n let items = []\n switch (category) {\n case 'recent':\n items = cookie.load('recentSearches') || []\n break\n case 'similar':\n items = searchResults.similar\n break\n case 'popular':\n items = searchResults.popular\n }\n\n return items.length > 0 && (\n \n { getTranslatableField(product, 'title', appProps.currentLocale, false) }\n
\n \n
\n \n { product.displayTotalPrice }\n
\n { product.onSale &&\n ( appProps.showTextInsteadOfCompareToPrice ?\n \n
:\n { appProps.translations.products.discount_price }
\n \n
\n )\n }\n { product.displayCompareToPrice }
\n {`(-${Math.round(product.onSalePercentage)}%)`}
\n \n { appProps.translations.products.sku }: { product.sku }\n
\n \n
\n )\n }\n\n return (\n \n { appProps.translations.product_search[`${category}_searches`] }\n
\n \n { items.map((item) => (\n \n { item }\n \n ))}\n
\n \n
\n )\n}\n","import React, { useState, useEffect } from \"react\"\nimport { Loader, BankDetails } from '@reactiveonline/frontend_shared_components'\nimport ErrorMessage from \"../checkouts/helpers/ErrorMessage\"\nimport CarrierTrackingInfo from \"./CarrierTrackingInfo\"\nimport Cart from \"../checkouts/Cart\"\n\nexport default function TrackOrder({\n appProps, trackOrdersPath, isAccountScreen, orderNumber, userEmail\n}) {\n const [email, setEmail] = useState(userEmail || appProps.currentUserEmail || '')\n const [orderNo, setOrderNo] = useState(orderNumber || '')\n const [orderFound, setOrderFound] = useState(undefined)\n const [orderDetails, setOrderDetails] = useState(null)\n const [loading, setLoading] = useState(false)\n\n const trackOrderScreenStyles = {\n minHeight: '50vh',\n marginTop: 50\n }\n\n useEffect( ()=> {\n if (email.length > 0 && orderNo.length > 0) {\n handleClick()\n }\n },[])\n\n function handleClick(){\n document.querySelectorAll('[id$=\"-error-message\"]').forEach(errorElement => errorElement.remove())\n document.querySelectorAll('input').forEach(element => element.style.borderColor = '')\n\n if( !validateEmail()){\n ErrorMessage(\"email\", \"red\", \"email-error-message\", `${appProps.translations.checkout.enter_correct_email}`, \"red\")\n }\n\n if(orderNo.length === 0){\n ErrorMessage(\"order-number\", \"red\", \"order-number-error-message\", `${appProps.translations.orders.order_number_not_filled}`, \"red\")\n }\n\n if (validateEmail() && orderNo.length) fetchOrder()\n }\n\n function validateEmail(){\n const re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/g\n return re.test(email)\n }\n\n function fetchOrder(){\n setLoading(true)\n Rails.ajax({\n type: \"GET\",\n url: `/orders/track?email=${email}&orderNumber=${orderNo}`,\n dataType: \"json\",\n success: res => {\n setOrderDetails(res.order)\n setOrderFound(true)\n setLoading(false)\n },\n error: res =>{\n setOrderFound(false)\n setOrderDetails(null)\n setLoading(false)\n }\n })\n }\n\n if(orderFound) return (\n \n
\n \n {\n if(event.charCode == 13) {\n const value = event.target.value\n\n if(value.length >= 3) {\n window.location.href = `${appProps.productsPath}?keyword=${value}`\n }\n }\n }}\n />\n \n {\n window.location.href = `${appProps.productsPath}?keyword=${searchValue}`\n }}>\n
\n\n { (searchResults.products.length > 0 || (searchResults.products.length === 0 && showEmptyProductsBox)) &&\n <>\n 0 ? \"animated fadeIn\" : \"\"}`}>\n
\n \n }\n \n
\n { appProps.advancedSearchAllowed && searchResults.categories.length > 0 &&\n \n { searchResults.products.length > 0 &&\n <>\n { searchResults.products.map(renderProductItem) }\n \n }\n { searchResults.products.length === 0 && appProps.translations.products.no_products_found }\n
\n { appProps.advancedSearchAllowed &&\n \n { [\"recent\", \"similar\", \"popular\"].map(renderSearchBlocks) }\n
\n }\n \n
\n }\n {`${appProps.translations.product_search.found_in_categories}:`}
\n \n { searchResults.categories.map((category, idx) => (\n \n
\n { category.title }
\n ({ category.count })
\n \n ))}\n \n
\n )\n\n return (\n \n
\n\n { !!orderDetails.bankDetails.length &&\n \n { !isAccountScreen &&\n
\n \n
\n }\n\n { appProps.translations.orders.track_order_title }
\n\n
\n { window.location.href = trackOrdersPath }}>\n { appProps.translations.transactional_emails.track_order }\n
\n \n
\n - \n
- \n {appProps.translations.orders.order_number}\n \n
- \n {appProps.translations.transactional_emails.date_ordered}\n \n
- \n {appProps.translations.orders.order_status}\n \n
- \n {appProps.translations.orders.shipment_status}\n \n
- \n {appProps.translations.orders.tracking_number}\n \n
- \n
- \n { orderDetails.number }\n \n
- \n { orderDetails.completed_at }\n \n
- \n { appProps.translations.orders[`status_${orderDetails.status}`] }\n \n
- \n { appProps.translations.orders[`status_${orderDetails.shipmentStatus}`] }\n \n
- \n { orderDetails.trackingNumber }\n \n
\n
\n }\n\n {/* email.length > 0 && orderNo.length > 0 &&\n \n
\n \n
\n )\n}\n","import { Button } from \"@material-ui/core\"\nimport React from \"react\"\nimport Select from \"react-select\"\nimport ContentLoader, { Facebook } from \"react-content-loader\"\nimport { SliderImages } from '@reactiveonline/frontend_shared_components'\n\nimport ProductPresentableTitle from \"../shared/ProductPresentableTitle\"\nimport { formatPriceWithCurrency, customReactSelectStyles, customReactSelectTheme } from \"../../helpers/utils\"\n\nexport default class Cart extends React.Component {\n\n removeFromCartClicked(e, line_item_id){\n const { removeFromCart } = this.props\n if(!e.target.disabled){\n e.target.disabled = true\n removeFromCart(line_item_id)\n }\n }\n\n render() {\n const {\n products, shippingCost, shippingCostNet, subTotal, tax, total, loading, updateLineItemQuantity,\n cartEditable, paymentCost, paymentCostNet, currency, appProps\n } = this.props\n\n let productItems =\n products.map((line_item, index) => {\n const product = line_item.sellable\n\n let maxQuantity = appProps.maxProductQuantity && product.maxPurchasableQuantity ? Math.min(...[appProps.maxProductQuantity, product.maxPurchasableQuantity]) : Math.max(...[appProps.maxProductQuantity, product.maxPurchasableQuantity])\n maxQuantity = product.totalStock === null || product.totalStock > maxQuantity ? maxQuantity : product.totalStock\n const stock = Array.from(Array(maxQuantity).keys())\n\n const productImages = product.images.length > 0 ? product.images.map( image => {\n return {\n original: image.preview,\n thumbnail: image.thumbnail,\n fullscreen: image.banner,\n originalAlt: image.file_name,\n thumbnailAlt: image.file_name,\n originalTitle: image.file_name\n }\n }\n ) : [{\n original: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n thumbnail: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n fullscreen: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n originalAlt: 'No Image',\n thumbnailAlt: 'No Image',\n originalTitle: 'No Image'\n }]\n\n return (\n \n
\n \n { !isAccountScreen &&
\n { appProps.translations.orders.track_order_title }
}\n\n { appProps.translations.orders.track_order }\n
\n\n
\n { orderFound !== undefined && appProps.translations.orders.order_not_found }\n \n {\n setEmail( event.target.value )\n }}/>\n
\n \n {\n setOrderNo(event.target.value)\n }}/>\n
\n \n { loading ?\n
\n { handleClick() } } >\n { appProps.translations.transactional_emails.track_order }\n
\n }\n \n
\n )\n })\n\n return (\n \n
\n\n \n
\n \n
\n \n
\n\n { cartEditable && line_item.totalGross !== 0 &&\n \n }\n \n {`${line_item.quantity} x `}
\n { line_item.sellableType == \"Shop::Bundle\" &&\n \n { line_item.sellable.bundleItems.map((bundle_item, index) => {\n return (\n
\n }\n \n
\n )})\n }\n \n {`${bundle_item.quantity} x `}\n
\n \n
\n\n { cartEditable && line_item.totalGross !== 0 &&\n - \n { line_item.options.map((option, index) => {\n return(
- { option.optionTypeName }: { option.name } )\n })}\n
\n
\n }\n\n \n {\n return {value: i+1, label: `${i+1}`}\n })}\n defaultValue={{value: line_item.quantity, label: `${line_item.quantity}`}}\n onChange={(selected) => {\n updateLineItemQuantity(line_item.id, selected.value)\n }}\n />\n
\n {`x ${line_item.displayUnitGross}`}
\n \n { line_item.displayTotalGross }\n
\n \n\n
\n )\n }\n}\n","import React, { useState } from 'react'\nimport { InputField } from '@reactiveonline/frontend_shared_components'\n\nexport default function General({\n appProps, company, companyState, setCompanyState, saveSettings, loading\n}) {\n let canSave = true\n if(company) {\n canSave = (company.name != companyState.name) || (company.internalNotes != companyState.internalNotes)\n }\n const canEditFields = !company || (company && appProps.user.isCompanyMaster && !appProps.user.companyActive)\n\n function stepValidations() {\n if (companyState.name && companyState.name.trim() !== '') {\n saveSettings()\n } else {\n appProps.flashMessage.show(appProps.translations.flash_messages.fill_all_required_fields, 'error')\n }\n }\n\n return (\n <>\n \n
\n\n \n { appProps.translations.cart.cart_heading }\n
\n\n { productItems }\n
\n\n \n
\n\n { this.props.children }\n \n
\n { loading ?\n \n { appProps.translations.cart.subtotal }\n
\n { shippingCostNet > 0.0 &&\n \n { appProps.translations.cart.delivery_cost }\n
\n }\n { paymentCostNet !== undefined && paymentCostNet > 0.0 &&\n \n { appProps.translations.cart.cod_cost }\n
\n }\n \n { appProps.translations.cart.vat }\n
\n \n \n { appProps.translations.cart.total }\n \n
\n \n \n \n
\n :\n \n
\n }\n { formatPriceWithCurrency(subTotal.toFixed(2), currency) }
\n {\n shippingCostNet > 0.0 &&\n { formatPriceWithCurrency(shippingCostNet.toFixed(2), currency) }
\n }\n {\n paymentCostNet !== undefined && paymentCostNet > 0.0 &&\n { formatPriceWithCurrency(paymentCostNet.toFixed(2), currency) }
\n }\n { formatPriceWithCurrency(tax.toFixed(2), currency) }
\n \n { formatPriceWithCurrency(total.toFixed(2), currency) }\n
\n \n
\n\n { appProps.translations.company.general_tab }
\n{ appProps.user.isCompanyMaster && appProps.translations.company.general_tab_subtitle }
\n \n \n setCompanyState({ name: event.target.value }) }\n />\n \n\n \n setCompanyState({ internalNotes: event.target.value }) }\n />\n \n
\n\n { canEditFields && company &&\n \n { canSave ?\n stepValidations() }>\n { appProps.translations.general.save }\n \n :\n
\n }\n \n )\n}\n","import React from \"react\"\nimport SwiperCore, { Navigation, Pagination, A11y, Thumbs, Lazy } from 'swiper'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport ProductItem from \"./ProductItem\"\n\nSwiperCore.use([ Navigation, Pagination, A11y, Thumbs, Lazy ])\n\nexport default function SimilarProducts({\n appProps, similarProducts\n}) {\n return (\n \n { appProps.translations.general.save }\n
\n }\n \n \n { similarProducts.map( (product, index) => {\n return (\n \n
\n )\n}\n","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport { getDocument } from 'ssr-window';\nimport $ from '../../utils/dom';\nimport { extend, nextTick, bindModuleMethods, createElementIfNotDefined } from '../../utils/utils';\nvar Scrollbar = {\n setTranslate: function setTranslate() {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n var scrollbar = swiper.scrollbar,\n rtl = swiper.rtlTranslate,\n progress = swiper.progress;\n var dragSize = scrollbar.dragSize,\n trackSize = scrollbar.trackSize,\n $dragEl = scrollbar.$dragEl,\n $el = scrollbar.$el;\n var params = swiper.params.scrollbar;\n var newSize = dragSize;\n var newPos = (trackSize - dragSize) * progress;\n if (rtl) {\n newPos = -newPos;\n if (newPos > 0) {\n newSize = dragSize - newPos;\n newPos = 0;\n } else if (-newPos + dragSize > trackSize) {\n newSize = trackSize + newPos;\n }\n } else if (newPos < 0) {\n newSize = dragSize + newPos;\n newPos = 0;\n } else if (newPos + dragSize > trackSize) {\n newSize = trackSize - newPos;\n }\n if (swiper.isHorizontal()) {\n $dragEl.transform(\"translate3d(\" + newPos + \"px, 0, 0)\");\n $dragEl[0].style.width = newSize + \"px\";\n } else {\n $dragEl.transform(\"translate3d(0px, \" + newPos + \"px, 0)\");\n $dragEl[0].style.height = newSize + \"px\";\n }\n if (params.hide) {\n clearTimeout(swiper.scrollbar.timeout);\n $el[0].style.opacity = 1;\n swiper.scrollbar.timeout = setTimeout(function () {\n $el[0].style.opacity = 0;\n $el.transition(400);\n }, 1000);\n }\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n swiper.scrollbar.$dragEl.transition(duration);\n },\n updateSize: function updateSize() {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n var scrollbar = swiper.scrollbar;\n var $dragEl = scrollbar.$dragEl,\n $el = scrollbar.$el;\n $dragEl[0].style.width = '';\n $dragEl[0].style.height = '';\n var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;\n var divider = swiper.size / swiper.virtualSize;\n var moveDivider = divider * (trackSize / swiper.size);\n var dragSize;\n if (swiper.params.scrollbar.dragSize === 'auto') {\n dragSize = trackSize * divider;\n } else {\n dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);\n }\n if (swiper.isHorizontal()) {\n $dragEl[0].style.width = dragSize + \"px\";\n } else {\n $dragEl[0].style.height = dragSize + \"px\";\n }\n if (divider >= 1) {\n $el[0].style.display = 'none';\n } else {\n $el[0].style.display = '';\n }\n if (swiper.params.scrollbar.hide) {\n $el[0].style.opacity = 0;\n }\n extend(scrollbar, {\n trackSize: trackSize,\n divider: divider,\n moveDivider: moveDivider,\n dragSize: dragSize\n });\n if (swiper.params.watchOverflow && swiper.enabled) {\n scrollbar.$el[swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);\n }\n },\n getPointerPosition: function getPointerPosition(e) {\n var swiper = this;\n if (swiper.isHorizontal()) {\n return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientX : e.clientX;\n }\n return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientY : e.clientY;\n },\n setDragPosition: function setDragPosition(e) {\n var swiper = this;\n var scrollbar = swiper.scrollbar,\n rtl = swiper.rtlTranslate;\n var $el = scrollbar.$el,\n dragSize = scrollbar.dragSize,\n trackSize = scrollbar.trackSize,\n dragStartPos = scrollbar.dragStartPos;\n var positionRatio;\n positionRatio = (scrollbar.getPointerPosition(e) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top'] - (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);\n positionRatio = Math.max(Math.min(positionRatio, 1), 0);\n if (rtl) {\n positionRatio = 1 - positionRatio;\n }\n var position = swiper.minTranslate() + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio;\n swiper.updateProgress(position);\n swiper.setTranslate(position);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n },\n onDragStart: function onDragStart(e) {\n var swiper = this;\n var params = swiper.params.scrollbar;\n var scrollbar = swiper.scrollbar,\n $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el,\n $dragEl = scrollbar.$dragEl;\n swiper.scrollbar.isTouched = true;\n swiper.scrollbar.dragStartPos = e.target === $dragEl[0] || e.target === $dragEl ? scrollbar.getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;\n e.preventDefault();\n e.stopPropagation();\n $wrapperEl.transition(100);\n $dragEl.transition(100);\n scrollbar.setDragPosition(e);\n clearTimeout(swiper.scrollbar.dragTimeout);\n $el.transition(0);\n if (params.hide) {\n $el.css('opacity', 1);\n }\n if (swiper.params.cssMode) {\n swiper.$wrapperEl.css('scroll-snap-type', 'none');\n }\n swiper.emit('scrollbarDragStart', e);\n },\n onDragMove: function onDragMove(e) {\n var swiper = this;\n var scrollbar = swiper.scrollbar,\n $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el,\n $dragEl = scrollbar.$dragEl;\n if (!swiper.scrollbar.isTouched) return;\n if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n scrollbar.setDragPosition(e);\n $wrapperEl.transition(0);\n $el.transition(0);\n $dragEl.transition(0);\n swiper.emit('scrollbarDragMove', e);\n },\n onDragEnd: function onDragEnd(e) {\n var swiper = this;\n var params = swiper.params.scrollbar;\n var scrollbar = swiper.scrollbar,\n $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el;\n if (!swiper.scrollbar.isTouched) return;\n swiper.scrollbar.isTouched = false;\n if (swiper.params.cssMode) {\n swiper.$wrapperEl.css('scroll-snap-type', '');\n $wrapperEl.transition('');\n }\n if (params.hide) {\n clearTimeout(swiper.scrollbar.dragTimeout);\n swiper.scrollbar.dragTimeout = nextTick(function () {\n $el.css('opacity', 0);\n $el.transition(400);\n }, 1000);\n }\n swiper.emit('scrollbarDragEnd', e);\n if (params.snapOnRelease) {\n swiper.slideToClosest();\n }\n },\n enableDraggable: function enableDraggable() {\n var swiper = this;\n if (!swiper.params.scrollbar.el) return;\n var document = getDocument();\n var scrollbar = swiper.scrollbar,\n touchEventsTouch = swiper.touchEventsTouch,\n touchEventsDesktop = swiper.touchEventsDesktop,\n params = swiper.params,\n support = swiper.support;\n var $el = scrollbar.$el;\n var target = $el[0];\n var activeListener = support.passiveListener && params.passiveListeners ? {\n passive: false,\n capture: false\n } : false;\n var passiveListener = support.passiveListener && params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n if (!target) return;\n if (!support.touch) {\n target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n document.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n document.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n } else {\n target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n }\n },\n disableDraggable: function disableDraggable() {\n var swiper = this;\n if (!swiper.params.scrollbar.el) return;\n var document = getDocument();\n var scrollbar = swiper.scrollbar,\n touchEventsTouch = swiper.touchEventsTouch,\n touchEventsDesktop = swiper.touchEventsDesktop,\n params = swiper.params,\n support = swiper.support;\n var $el = scrollbar.$el;\n var target = $el[0];\n var activeListener = support.passiveListener && params.passiveListeners ? {\n passive: false,\n capture: false\n } : false;\n var passiveListener = support.passiveListener && params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n if (!target) return;\n if (!support.touch) {\n target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n document.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n document.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n } else {\n target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n }\n },\n init: function init() {\n var swiper = this;\n var scrollbar = swiper.scrollbar,\n $swiperEl = swiper.$el;\n swiper.params.scrollbar = createElementIfNotDefined($swiperEl, swiper.params.scrollbar, swiper.params.createElements, {\n el: 'swiper-scrollbar'\n });\n var params = swiper.params.scrollbar;\n if (!params.el) return;\n var $el = $(params.el);\n if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {\n $el = $swiperEl.find(params.el);\n }\n var $dragEl = $el.find(\".\" + swiper.params.scrollbar.dragClass);\n if ($dragEl.length === 0) {\n $dragEl = $(\"\");\n $el.append($dragEl);\n }\n extend(scrollbar, {\n $el: $el,\n el: $el[0],\n $dragEl: $dragEl,\n dragEl: $dragEl[0]\n });\n if (params.draggable) {\n scrollbar.enableDraggable();\n }\n if ($el) {\n $el[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.scrollbar.lockClass);\n }\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.scrollbar.disableDraggable();\n }\n};\nexport default {\n name: 'scrollbar',\n params: {\n scrollbar: {\n el: null,\n dragSize: 'auto',\n hide: false,\n draggable: false,\n snapOnRelease: true,\n lockClass: 'swiper-scrollbar-lock',\n dragClass: 'swiper-scrollbar-drag'\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n scrollbar: _extends({\n isTouched: false,\n timeout: null,\n dragTimeout: null\n }, Scrollbar)\n });\n },\n on: {\n init: function init(swiper) {\n swiper.scrollbar.init();\n swiper.scrollbar.updateSize();\n swiper.scrollbar.setTranslate();\n },\n update: function update(swiper) {\n swiper.scrollbar.updateSize();\n },\n resize: function resize(swiper) {\n swiper.scrollbar.updateSize();\n },\n observerUpdate: function observerUpdate(swiper) {\n swiper.scrollbar.updateSize();\n },\n setTranslate: function setTranslate(swiper) {\n swiper.scrollbar.setTranslate();\n },\n setTransition: function setTransition(swiper, duration) {\n swiper.scrollbar.setTransition(duration);\n },\n 'enable disable': function enableDisable(swiper) {\n var $el = swiper.scrollbar.$el;\n if ($el) {\n $el[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.scrollbar.lockClass);\n }\n },\n destroy: function destroy(swiper) {\n swiper.scrollbar.destroy();\n }\n }\n};","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nimport { getWindow } from 'ssr-window';\nimport $ from '../../utils/dom';\nimport { bindModuleMethods, getTranslate } from '../../utils/utils';\nvar Zoom = {\n // Calc Scale From Multi-touches\n getDistanceBetweenTouches: function getDistanceBetweenTouches(e) {\n if (e.targetTouches.length < 2) return 1;\n var x1 = e.targetTouches[0].pageX;\n var y1 = e.targetTouches[0].pageY;\n var x2 = e.targetTouches[1].pageX;\n var y2 = e.targetTouches[1].pageY;\n var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n return distance;\n },\n // Events\n onGestureStart: function onGestureStart(e) {\n var swiper = this;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n if (!support.gestures) {\n if (e.type !== 'touchstart' || e.type === 'touchstart' && e.targetTouches.length < 2) {\n return;\n }\n zoom.fakeGestureTouched = true;\n gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);\n }\n if (!gesture.$slideEl || !gesture.$slideEl.length) {\n gesture.$slideEl = $(e.target).closest(\".\" + swiper.params.slideClass);\n if (gesture.$slideEl.length === 0) gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n if (gesture.$imageWrapEl.length === 0) {\n gesture.$imageEl = undefined;\n return;\n }\n }\n if (gesture.$imageEl) {\n gesture.$imageEl.transition(0);\n }\n swiper.zoom.isScaling = true;\n },\n onGestureChange: function onGestureChange(e) {\n var swiper = this;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (!support.gestures) {\n if (e.type !== 'touchmove' || e.type === 'touchmove' && e.targetTouches.length < 2) {\n return;\n }\n zoom.fakeGestureMoved = true;\n gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) {\n if (e.type === 'gesturechange') zoom.onGestureStart(e);\n return;\n }\n if (support.gestures) {\n zoom.scale = e.scale * zoom.currentScale;\n } else {\n zoom.scale = gesture.scaleMove / gesture.scaleStart * zoom.currentScale;\n }\n if (zoom.scale > gesture.maxRatio) {\n zoom.scale = gesture.maxRatio - 1 + Math.pow(zoom.scale - gesture.maxRatio + 1, 0.5);\n }\n if (zoom.scale < params.minRatio) {\n zoom.scale = params.minRatio + 1 - Math.pow(params.minRatio - zoom.scale + 1, 0.5);\n }\n gesture.$imageEl.transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n },\n onGestureEnd: function onGestureEnd(e) {\n var swiper = this;\n var device = swiper.device;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (!support.gestures) {\n if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {\n return;\n }\n if (e.type !== 'touchend' || e.type === 'touchend' && e.changedTouches.length < 2 && !device.android) {\n return;\n }\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);\n gesture.$imageEl.transition(swiper.params.speed).transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n zoom.currentScale = zoom.scale;\n zoom.isScaling = false;\n if (zoom.scale === 1) gesture.$slideEl = undefined;\n },\n onTouchStart: function onTouchStart(e) {\n var swiper = this;\n var device = swiper.device;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n if (image.isTouched) return;\n if (device.android && e.cancelable) e.preventDefault();\n image.isTouched = true;\n image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n },\n onTouchMove: function onTouchMove(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image,\n velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n swiper.allowClick = false;\n if (!image.isTouched || !gesture.$slideEl) return;\n if (!image.isMoved) {\n image.width = gesture.$imageEl[0].offsetWidth;\n image.height = gesture.$imageEl[0].offsetHeight;\n image.startX = getTranslate(gesture.$imageWrapEl[0], 'x') || 0;\n image.startY = getTranslate(gesture.$imageWrapEl[0], 'y') || 0;\n gesture.slideWidth = gesture.$slideEl[0].offsetWidth;\n gesture.slideHeight = gesture.$slideEl[0].offsetHeight;\n gesture.$imageWrapEl.transition(0);\n } // Define if we need image drag\n\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) return;\n image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);\n image.maxX = -image.minX;\n image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);\n image.maxY = -image.minY;\n image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n if (!image.isMoved && !zoom.isScaling) {\n if (swiper.isHorizontal() && (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x || Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)) {\n image.isTouched = false;\n return;\n }\n if (!swiper.isHorizontal() && (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y || Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)) {\n image.isTouched = false;\n return;\n }\n }\n if (e.cancelable) {\n e.preventDefault();\n }\n e.stopPropagation();\n image.isMoved = true;\n image.currentX = image.touchesCurrent.x - image.touchesStart.x + image.startX;\n image.currentY = image.touchesCurrent.y - image.touchesStart.y + image.startY;\n if (image.currentX < image.minX) {\n image.currentX = image.minX + 1 - Math.pow(image.minX - image.currentX + 1, 0.8);\n }\n if (image.currentX > image.maxX) {\n image.currentX = image.maxX - 1 + Math.pow(image.currentX - image.maxX + 1, 0.8);\n }\n if (image.currentY < image.minY) {\n image.currentY = image.minY + 1 - Math.pow(image.minY - image.currentY + 1, 0.8);\n }\n if (image.currentY > image.maxY) {\n image.currentY = image.maxY - 1 + Math.pow(image.currentY - image.maxY + 1, 0.8);\n } // Velocity\n\n if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;\n if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;\n if (!velocity.prevTime) velocity.prevTime = Date.now();\n velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;\n velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;\n if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) velocity.x = 0;\n if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) velocity.y = 0;\n velocity.prevPositionX = image.touchesCurrent.x;\n velocity.prevPositionY = image.touchesCurrent.y;\n velocity.prevTime = Date.now();\n gesture.$imageWrapEl.transform(\"translate3d(\" + image.currentX + \"px, \" + image.currentY + \"px,0)\");\n },\n onTouchEnd: function onTouchEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image,\n velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n if (!image.isTouched || !image.isMoved) {\n image.isTouched = false;\n image.isMoved = false;\n return;\n }\n image.isTouched = false;\n image.isMoved = false;\n var momentumDurationX = 300;\n var momentumDurationY = 300;\n var momentumDistanceX = velocity.x * momentumDurationX;\n var newPositionX = image.currentX + momentumDistanceX;\n var momentumDistanceY = velocity.y * momentumDurationY;\n var newPositionY = image.currentY + momentumDistanceY; // Fix duration\n\n if (velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x);\n if (velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y);\n var momentumDuration = Math.max(momentumDurationX, momentumDurationY);\n image.currentX = newPositionX;\n image.currentY = newPositionY; // Define if we need image drag\n\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);\n image.maxX = -image.minX;\n image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);\n image.maxY = -image.minY;\n image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);\n image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);\n gesture.$imageWrapEl.transition(momentumDuration).transform(\"translate3d(\" + image.currentX + \"px, \" + image.currentY + \"px,0)\");\n },\n onTransitionEnd: function onTransitionEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {\n if (gesture.$imageEl) {\n gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');\n }\n if (gesture.$imageWrapEl) {\n gesture.$imageWrapEl.transform('translate3d(0,0,0)');\n }\n zoom.scale = 1;\n zoom.currentScale = 1;\n gesture.$slideEl = undefined;\n gesture.$imageEl = undefined;\n gesture.$imageWrapEl = undefined;\n }\n },\n // Toggle Zoom\n toggle: function toggle(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n if (zoom.scale && zoom.scale !== 1) {\n // Zoom Out\n zoom.out();\n } else {\n // Zoom In\n zoom.in(e);\n }\n },\n in: function _in(e) {\n var swiper = this;\n var window = getWindow();\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture,\n image = zoom.image;\n if (!gesture.$slideEl) {\n if (e && e.target) {\n gesture.$slideEl = $(e.target).closest(\".\" + swiper.params.slideClass);\n }\n if (!gesture.$slideEl) {\n if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {\n gesture.$slideEl = swiper.$wrapperEl.children(\".\" + swiper.params.slideActiveClass);\n } else {\n gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n }\n }\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0 || !gesture.$imageWrapEl || gesture.$imageWrapEl.length === 0) return;\n gesture.$slideEl.addClass(\"\" + params.zoomedSlideClass);\n var touchX;\n var touchY;\n var offsetX;\n var offsetY;\n var diffX;\n var diffY;\n var translateX;\n var translateY;\n var imageWidth;\n var imageHeight;\n var scaledWidth;\n var scaledHeight;\n var translateMinX;\n var translateMinY;\n var translateMaxX;\n var translateMaxY;\n var slideWidth;\n var slideHeight;\n if (typeof image.touchesStart.x === 'undefined' && e) {\n touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;\n touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;\n } else {\n touchX = image.touchesStart.x;\n touchY = image.touchesStart.y;\n }\n zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n if (e) {\n slideWidth = gesture.$slideEl[0].offsetWidth;\n slideHeight = gesture.$slideEl[0].offsetHeight;\n offsetX = gesture.$slideEl.offset().left + window.scrollX;\n offsetY = gesture.$slideEl.offset().top + window.scrollY;\n diffX = offsetX + slideWidth / 2 - touchX;\n diffY = offsetY + slideHeight / 2 - touchY;\n imageWidth = gesture.$imageEl[0].offsetWidth;\n imageHeight = gesture.$imageEl[0].offsetHeight;\n scaledWidth = imageWidth * zoom.scale;\n scaledHeight = imageHeight * zoom.scale;\n translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);\n translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);\n translateMaxX = -translateMinX;\n translateMaxY = -translateMinY;\n translateX = diffX * zoom.scale;\n translateY = diffY * zoom.scale;\n if (translateX < translateMinX) {\n translateX = translateMinX;\n }\n if (translateX > translateMaxX) {\n translateX = translateMaxX;\n }\n if (translateY < translateMinY) {\n translateY = translateMinY;\n }\n if (translateY > translateMaxY) {\n translateY = translateMaxY;\n }\n } else {\n translateX = 0;\n translateY = 0;\n }\n gesture.$imageWrapEl.transition(300).transform(\"translate3d(\" + translateX + \"px, \" + translateY + \"px,0)\");\n gesture.$imageEl.transition(300).transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n },\n out: function out() {\n var swiper = this;\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture;\n if (!gesture.$slideEl) {\n if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {\n gesture.$slideEl = swiper.$wrapperEl.children(\".\" + swiper.params.slideActiveClass);\n } else {\n gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n }\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0 || !gesture.$imageWrapEl || gesture.$imageWrapEl.length === 0) return;\n zoom.scale = 1;\n zoom.currentScale = 1;\n gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');\n gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');\n gesture.$slideEl.removeClass(\"\" + params.zoomedSlideClass);\n gesture.$slideEl = undefined;\n },\n toggleGestures: function toggleGestures(method) {\n var swiper = this;\n var zoom = swiper.zoom;\n var selector = zoom.slideSelector,\n passive = zoom.passiveListener;\n swiper.$wrapperEl[method]('gesturestart', selector, zoom.onGestureStart, passive);\n swiper.$wrapperEl[method]('gesturechange', selector, zoom.onGestureChange, passive);\n swiper.$wrapperEl[method]('gestureend', selector, zoom.onGestureEnd, passive);\n },\n enableGestures: function enableGestures() {\n if (this.zoom.gesturesEnabled) return;\n this.zoom.gesturesEnabled = true;\n this.zoom.toggleGestures('on');\n },\n disableGestures: function disableGestures() {\n if (!this.zoom.gesturesEnabled) return;\n this.zoom.gesturesEnabled = false;\n this.zoom.toggleGestures('off');\n },\n // Attach/Detach Events\n enable: function enable() {\n var swiper = this;\n var support = swiper.support;\n var zoom = swiper.zoom;\n if (zoom.enabled) return;\n zoom.enabled = true;\n var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n var activeListenerWithCapture = support.passiveListener ? {\n passive: false,\n capture: true\n } : true;\n var slideSelector = \".\" + swiper.params.slideClass;\n swiper.zoom.passiveListener = passiveListener;\n swiper.zoom.slideSelector = slideSelector; // Scale image\n\n if (support.gestures) {\n swiper.$wrapperEl.on(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);\n swiper.$wrapperEl.on(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.on(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.on(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.on(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.on(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);\n }\n } // Move image\n\n swiper.$wrapperEl.on(swiper.touchEvents.move, \".\" + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);\n },\n disable: function disable() {\n var swiper = this;\n var zoom = swiper.zoom;\n if (!zoom.enabled) return;\n var support = swiper.support;\n swiper.zoom.enabled = false;\n var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n var activeListenerWithCapture = support.passiveListener ? {\n passive: false,\n capture: true\n } : true;\n var slideSelector = \".\" + swiper.params.slideClass; // Scale image\n\n if (support.gestures) {\n swiper.$wrapperEl.off(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);\n swiper.$wrapperEl.off(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.off(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.off(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.off(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.off(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);\n }\n } // Move image\n\n swiper.$wrapperEl.off(swiper.touchEvents.move, \".\" + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);\n }\n};\nexport default {\n name: 'zoom',\n params: {\n zoom: {\n enabled: false,\n maxRatio: 3,\n minRatio: 1,\n toggle: true,\n containerClass: 'swiper-zoom-container',\n zoomedSlideClass: 'swiper-slide-zoomed'\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n zoom: _extends({\n enabled: false,\n scale: 1,\n currentScale: 1,\n isScaling: false,\n gesture: {\n $slideEl: undefined,\n slideWidth: undefined,\n slideHeight: undefined,\n $imageEl: undefined,\n $imageWrapEl: undefined,\n maxRatio: 3\n },\n image: {\n isTouched: undefined,\n isMoved: undefined,\n currentX: undefined,\n currentY: undefined,\n minX: undefined,\n minY: undefined,\n maxX: undefined,\n maxY: undefined,\n width: undefined,\n height: undefined,\n startX: undefined,\n startY: undefined,\n touchesStart: {},\n touchesCurrent: {}\n },\n velocity: {\n x: undefined,\n y: undefined,\n prevPositionX: undefined,\n prevPositionY: undefined,\n prevTime: undefined\n }\n }, Zoom)\n });\n var scale = 1;\n Object.defineProperty(swiper.zoom, 'scale', {\n get: function get() {\n return scale;\n },\n set: function set(value) {\n if (scale !== value) {\n var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;\n var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;\n swiper.emit('zoomChange', value, imageEl, slideEl);\n }\n scale = value;\n }\n });\n },\n on: {\n init: function init(swiper) {\n if (swiper.params.zoom.enabled) {\n swiper.zoom.enable();\n }\n },\n destroy: function destroy(swiper) {\n swiper.zoom.disable();\n },\n touchStart: function touchStart(swiper, e) {\n if (!swiper.zoom.enabled) return;\n swiper.zoom.onTouchStart(e);\n },\n touchEnd: function touchEnd(swiper, e) {\n if (!swiper.zoom.enabled) return;\n swiper.zoom.onTouchEnd(e);\n },\n doubleTap: function doubleTap(swiper, e) {\n if (!swiper.animating && swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {\n swiper.zoom.toggle(e);\n }\n },\n transitionEnd: function transitionEnd(swiper) {\n if (swiper.zoom.enabled && swiper.params.zoom.enabled) {\n swiper.zoom.onTransitionEnd();\n }\n },\n slideChange: function slideChange(swiper) {\n if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {\n swiper.zoom.onTransitionEnd();\n }\n }\n }\n};","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\n\n/* eslint no-underscore-dangle: \"off\" */\nimport { getDocument } from 'ssr-window';\nimport { nextTick, bindModuleMethods } from '../../utils/utils';\nvar Autoplay = {\n run: function run() {\n var swiper = this;\n var $activeSlideEl = swiper.slides.eq(swiper.activeIndex);\n var delay = swiper.params.autoplay.delay;\n if ($activeSlideEl.attr('data-swiper-autoplay')) {\n delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;\n }\n clearTimeout(swiper.autoplay.timeout);\n swiper.autoplay.timeout = nextTick(function () {\n var autoplayResult;\n if (swiper.params.autoplay.reverseDirection) {\n if (swiper.params.loop) {\n swiper.loopFix();\n autoplayResult = swiper.slidePrev(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.isBeginning) {\n autoplayResult = swiper.slidePrev(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.params.autoplay.stopOnLastSlide) {\n autoplayResult = swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else {\n swiper.autoplay.stop();\n }\n } else if (swiper.params.loop) {\n swiper.loopFix();\n autoplayResult = swiper.slideNext(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.isEnd) {\n autoplayResult = swiper.slideNext(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.params.autoplay.stopOnLastSlide) {\n autoplayResult = swiper.slideTo(0, swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else {\n swiper.autoplay.stop();\n }\n if (swiper.params.cssMode && swiper.autoplay.running) swiper.autoplay.run();else if (autoplayResult === false) {\n swiper.autoplay.run();\n }\n }, delay);\n },\n start: function start() {\n var swiper = this;\n if (typeof swiper.autoplay.timeout !== 'undefined') return false;\n if (swiper.autoplay.running) return false;\n swiper.autoplay.running = true;\n swiper.emit('autoplayStart');\n swiper.autoplay.run();\n return true;\n },\n stop: function stop() {\n var swiper = this;\n if (!swiper.autoplay.running) return false;\n if (typeof swiper.autoplay.timeout === 'undefined') return false;\n if (swiper.autoplay.timeout) {\n clearTimeout(swiper.autoplay.timeout);\n swiper.autoplay.timeout = undefined;\n }\n swiper.autoplay.running = false;\n swiper.emit('autoplayStop');\n return true;\n },\n pause: function pause(speed) {\n var swiper = this;\n if (!swiper.autoplay.running) return;\n if (swiper.autoplay.paused) return;\n if (swiper.autoplay.timeout) clearTimeout(swiper.autoplay.timeout);\n swiper.autoplay.paused = true;\n if (speed === 0 || !swiper.params.autoplay.waitForTransition) {\n swiper.autoplay.paused = false;\n swiper.autoplay.run();\n } else {\n ['transitionend', 'webkitTransitionEnd'].forEach(function (event) {\n swiper.$wrapperEl[0].addEventListener(event, swiper.autoplay.onTransitionEnd);\n });\n }\n },\n onVisibilityChange: function onVisibilityChange() {\n var swiper = this;\n var document = getDocument();\n if (document.visibilityState === 'hidden' && swiper.autoplay.running) {\n swiper.autoplay.pause();\n }\n if (document.visibilityState === 'visible' && swiper.autoplay.paused) {\n swiper.autoplay.run();\n swiper.autoplay.paused = false;\n }\n },\n onTransitionEnd: function onTransitionEnd(e) {\n var swiper = this;\n if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return;\n if (e.target !== swiper.$wrapperEl[0]) return;\n ['transitionend', 'webkitTransitionEnd'].forEach(function (event) {\n swiper.$wrapperEl[0].removeEventListener(event, swiper.autoplay.onTransitionEnd);\n });\n swiper.autoplay.paused = false;\n if (!swiper.autoplay.running) {\n swiper.autoplay.stop();\n } else {\n swiper.autoplay.run();\n }\n },\n onMouseEnter: function onMouseEnter() {\n var swiper = this;\n if (swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.stop();\n } else {\n swiper.autoplay.pause();\n }\n ['transitionend', 'webkitTransitionEnd'].forEach(function (event) {\n swiper.$wrapperEl[0].removeEventListener(event, swiper.autoplay.onTransitionEnd);\n });\n },\n onMouseLeave: function onMouseLeave() {\n var swiper = this;\n if (swiper.params.autoplay.disableOnInteraction) {\n return;\n }\n swiper.autoplay.paused = false;\n swiper.autoplay.run();\n },\n attachMouseEvents: function attachMouseEvents() {\n var swiper = this;\n if (swiper.params.autoplay.pauseOnMouseEnter) {\n swiper.$el.on('mouseenter', swiper.autoplay.onMouseEnter);\n swiper.$el.on('mouseleave', swiper.autoplay.onMouseLeave);\n }\n },\n detachMouseEvents: function detachMouseEvents() {\n var swiper = this;\n swiper.$el.off('mouseenter', swiper.autoplay.onMouseEnter);\n swiper.$el.off('mouseleave', swiper.autoplay.onMouseLeave);\n }\n};\nexport default {\n name: 'autoplay',\n params: {\n autoplay: {\n enabled: false,\n delay: 3000,\n waitForTransition: true,\n disableOnInteraction: true,\n stopOnLastSlide: false,\n reverseDirection: false,\n pauseOnMouseEnter: false\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n autoplay: _extends({}, Autoplay, {\n running: false,\n paused: false\n })\n });\n },\n on: {\n init: function init(swiper) {\n if (swiper.params.autoplay.enabled) {\n swiper.autoplay.start();\n var document = getDocument();\n document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);\n swiper.autoplay.attachMouseEvents();\n }\n },\n beforeTransitionStart: function beforeTransitionStart(swiper, speed, internal) {\n if (swiper.autoplay.running) {\n if (internal || !swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.pause(speed);\n } else {\n swiper.autoplay.stop();\n }\n }\n },\n sliderFirstMove: function sliderFirstMove(swiper) {\n if (swiper.autoplay.running) {\n if (swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.stop();\n } else {\n swiper.autoplay.pause();\n }\n }\n },\n touchEnd: function touchEnd(swiper) {\n if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.run();\n }\n },\n destroy: function destroy(swiper) {\n swiper.autoplay.detachMouseEvents();\n if (swiper.autoplay.running) {\n swiper.autoplay.stop();\n }\n var document = getDocument();\n document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);\n }\n }\n};","import React from 'react'\n\nimport ProductItem from './ProductItem'\n\nimport SwiperCore, {\n Navigation, Pagination, Scrollbar, A11y, Thumbs, Lazy, Zoom, Autoplay\n} from 'swiper'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nSwiperCore.use([\n Navigation, Pagination, Scrollbar, A11y, Thumbs, Lazy, Zoom, Autoplay\n])\n\nexport default function ProductListSlider({\n appProps, itemsPerRow, sliderSettings, products, itemsPerRowClass\n}) {\n const { arrows, dots, scrollbar, loop, autoMove, moveDuration } = sliderSettings\n\n return (\n \n
\n\n \n { appProps.translations.products.similar_items }\n
\n\n
\n )\n}\n","'use strict';\n\nvar reactIs = require('react-is');\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n childContextTypes: true,\n contextType: true,\n contextTypes: true,\n defaultProps: true,\n displayName: true,\n getDefaultProps: true,\n getDerivedStateFromError: true,\n getDerivedStateFromProps: true,\n mixins: true,\n propTypes: true,\n type: true\n};\nvar KNOWN_STATICS = {\n name: true,\n length: true,\n prototype: true,\n caller: true,\n callee: true,\n arguments: true,\n arity: true\n};\nvar FORWARD_REF_STATICS = {\n '$$typeof': true,\n render: true,\n defaultProps: true,\n displayName: true,\n propTypes: true\n};\nvar MEMO_STATICS = {\n '$$typeof': true,\n compare: true,\n defaultProps: true,\n displayName: true,\n propTypes: true,\n type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\nfunction getStatics(component) {\n // React v16.11 and below\n if (reactIs.isMemo(component)) {\n return MEMO_STATICS;\n } // React v16.12 and above\n\n return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n if (typeof sourceComponent !== 'string') {\n // don't hoist over string (html) components\n if (objectPrototype) {\n var inheritedComponent = getPrototypeOf(sourceComponent);\n if (inheritedComponent && inheritedComponent !== objectPrototype) {\n hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n }\n }\n var keys = getOwnPropertyNames(sourceComponent);\n if (getOwnPropertySymbols) {\n keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n }\n var targetStatics = getStatics(targetComponent);\n var sourceStatics = getStatics(sourceComponent);\n for (var i = 0; i < keys.length; ++i) {\n var key = keys[i];\n if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n try {\n // Avoid failures from read-only properties\n defineProperty(targetComponent, key, descriptor);\n } catch (e) {}\n }\n }\n }\n return targetComponent;\n}\nmodule.exports = hoistNonReactStatics;","import ownerDocument from './ownerDocument';\nexport default function ownerWindow(node) {\n var doc = ownerDocument(node);\n return doc.defaultView || window;\n}","import { createElement } from 'react';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\n\nvar _assign = function __assign() {\n _assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return _assign.apply(this, arguments);\n};\nfunction __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}\nvar uid = function uid() {\n return Math.random().toString(36).substring(6);\n};\nvar SVG = function SVG(_a) {\n var animate = _a.animate,\n backgroundColor = _a.backgroundColor,\n backgroundOpacity = _a.backgroundOpacity,\n baseUrl = _a.baseUrl,\n children = _a.children,\n foregroundColor = _a.foregroundColor,\n foregroundOpacity = _a.foregroundOpacity,\n gradientRatio = _a.gradientRatio,\n uniqueKey = _a.uniqueKey,\n interval = _a.interval,\n rtl = _a.rtl,\n speed = _a.speed,\n style = _a.style,\n title = _a.title,\n props = __rest(_a, [\"animate\", \"backgroundColor\", \"backgroundOpacity\", \"baseUrl\", \"children\", \"foregroundColor\", \"foregroundOpacity\", \"gradientRatio\", \"uniqueKey\", \"interval\", \"rtl\", \"speed\", \"style\", \"title\"]);\n var fixedId = uniqueKey || uid();\n var idClip = fixedId + \"-diff\";\n var idGradient = fixedId + \"-animated-diff\";\n var idAria = fixedId + \"-aria\";\n var rtlStyle = rtl ? {\n transform: 'scaleX(-1)'\n } : null;\n var keyTimes = \"0; \" + interval + \"; 1\";\n var dur = speed + \"s\";\n return /*#__PURE__*/createElement(\"svg\", _assign({\n \"aria-labelledby\": idAria,\n role: \"img\",\n style: _assign(_assign({}, style), rtlStyle)\n }, props), title ? /*#__PURE__*/createElement(\"title\", {\n id: idAria\n }, title) : null, /*#__PURE__*/createElement(\"rect\", {\n role: \"presentation\",\n x: \"0\",\n y: \"0\",\n width: \"100%\",\n height: \"100%\",\n clipPath: \"url(\" + baseUrl + \"#\" + idClip + \")\",\n style: {\n fill: \"url(\" + baseUrl + \"#\" + idGradient + \")\"\n }\n }), /*#__PURE__*/createElement(\"defs\", {\n role: \"presentation\"\n }, /*#__PURE__*/createElement(\"clipPath\", {\n id: idClip\n }, children), /*#__PURE__*/createElement(\"linearGradient\", {\n id: idGradient\n }, /*#__PURE__*/createElement(\"stop\", {\n offset: \"0%\",\n stopColor: backgroundColor,\n stopOpacity: backgroundOpacity\n }, animate && /*#__PURE__*/createElement(\"animate\", {\n attributeName: \"offset\",\n values: -gradientRatio + \"; \" + -gradientRatio + \"; 1\",\n keyTimes: keyTimes,\n dur: dur,\n repeatCount: \"indefinite\"\n })), /*#__PURE__*/createElement(\"stop\", {\n offset: \"50%\",\n stopColor: foregroundColor,\n stopOpacity: foregroundOpacity\n }, animate && /*#__PURE__*/createElement(\"animate\", {\n attributeName: \"offset\",\n values: -gradientRatio / 2 + \"; \" + -gradientRatio / 2 + \"; \" + (1 + gradientRatio / 2),\n keyTimes: keyTimes,\n dur: dur,\n repeatCount: \"indefinite\"\n })), /*#__PURE__*/createElement(\"stop\", {\n offset: \"100%\",\n stopColor: backgroundColor,\n stopOpacity: backgroundOpacity\n }, animate && /*#__PURE__*/createElement(\"animate\", {\n attributeName: \"offset\",\n values: \"0; 0; \" + (1 + gradientRatio),\n keyTimes: keyTimes,\n dur: dur,\n repeatCount: \"indefinite\"\n })))));\n};\nSVG.defaultProps = {\n animate: true,\n backgroundColor: '#f5f6f7',\n backgroundOpacity: 1,\n baseUrl: '',\n foregroundColor: '#eee',\n foregroundOpacity: 1,\n gradientRatio: 2,\n id: null,\n interval: 0.25,\n rtl: false,\n speed: 1.2,\n style: {},\n title: 'Loading...'\n};\nvar ContentLoader = function ContentLoader(props) {\n return props.children ? /*#__PURE__*/createElement(SVG, _assign({}, props)) : /*#__PURE__*/createElement(ReactContentLoaderFacebook, _assign({}, props));\n};\nvar ReactContentLoaderFacebook = function ReactContentLoaderFacebook(props) {\n return /*#__PURE__*/createElement(ContentLoader, _assign({\n viewBox: \"0 0 476 124\"\n }, props), /*#__PURE__*/createElement(\"rect\", {\n x: \"48\",\n y: \"8\",\n width: \"88\",\n height: \"6\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"48\",\n y: \"26\",\n width: \"52\",\n height: \"6\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"56\",\n width: \"410\",\n height: \"6\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"72\",\n width: \"380\",\n height: \"6\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"88\",\n width: \"178\",\n height: \"6\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"circle\", {\n cx: \"20\",\n cy: \"20\",\n r: \"20\"\n }));\n};\nvar ReactContentLoaderInstagram = function ReactContentLoaderInstagram(props) {\n return /*#__PURE__*/createElement(ContentLoader, _assign({\n viewBox: \"0 0 400 460\"\n }, props), /*#__PURE__*/createElement(\"circle\", {\n cx: \"31\",\n cy: \"31\",\n r: \"15\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"58\",\n y: \"18\",\n rx: \"2\",\n ry: \"2\",\n width: \"140\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"58\",\n y: \"34\",\n rx: \"2\",\n ry: \"2\",\n width: \"140\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"60\",\n rx: \"2\",\n ry: \"2\",\n width: \"400\",\n height: \"400\"\n }));\n};\nvar ReactContentLoaderCode = function ReactContentLoaderCode(props) {\n return /*#__PURE__*/createElement(ContentLoader, _assign({\n viewBox: \"0 0 340 84\"\n }, props), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"0\",\n width: \"67\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"76\",\n y: \"0\",\n width: \"140\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"127\",\n y: \"48\",\n width: \"53\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"187\",\n y: \"48\",\n width: \"72\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"18\",\n y: \"48\",\n width: \"100\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"71\",\n width: \"37\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"18\",\n y: \"23\",\n width: \"140\",\n height: \"11\",\n rx: \"3\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"166\",\n y: \"23\",\n width: \"173\",\n height: \"11\",\n rx: \"3\"\n }));\n};\nvar ReactContentLoaderListStyle = function ReactContentLoaderListStyle(props) {\n return /*#__PURE__*/createElement(ContentLoader, _assign({\n viewBox: \"0 0 400 110\"\n }, props), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"0\",\n rx: \"3\",\n ry: \"3\",\n width: \"250\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"20\",\n y: \"20\",\n rx: \"3\",\n ry: \"3\",\n width: \"220\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"20\",\n y: \"40\",\n rx: \"3\",\n ry: \"3\",\n width: \"170\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"0\",\n y: \"60\",\n rx: \"3\",\n ry: \"3\",\n width: \"250\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"20\",\n y: \"80\",\n rx: \"3\",\n ry: \"3\",\n width: \"200\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"20\",\n y: \"100\",\n rx: \"3\",\n ry: \"3\",\n width: \"80\",\n height: \"10\"\n }));\n};\nvar ReactContentLoaderBulletList = function ReactContentLoaderBulletList(props) {\n return /*#__PURE__*/createElement(ContentLoader, _assign({\n viewBox: \"0 0 245 125\"\n }, props), /*#__PURE__*/createElement(\"circle\", {\n cx: \"10\",\n cy: \"20\",\n r: \"8\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"25\",\n y: \"15\",\n rx: \"5\",\n ry: \"5\",\n width: \"220\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"circle\", {\n cx: \"10\",\n cy: \"50\",\n r: \"8\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"25\",\n y: \"45\",\n rx: \"5\",\n ry: \"5\",\n width: \"220\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"circle\", {\n cx: \"10\",\n cy: \"80\",\n r: \"8\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"25\",\n y: \"75\",\n rx: \"5\",\n ry: \"5\",\n width: \"220\",\n height: \"10\"\n }), /*#__PURE__*/createElement(\"circle\", {\n cx: \"10\",\n cy: \"110\",\n r: \"8\"\n }), /*#__PURE__*/createElement(\"rect\", {\n x: \"25\",\n y: \"105\",\n rx: \"5\",\n ry: \"5\",\n width: \"220\",\n height: \"10\"\n }));\n};\nexport default ContentLoader;\nexport { ReactContentLoaderBulletList as BulletList, ReactContentLoaderCode as Code, ReactContentLoaderFacebook as Facebook, ReactContentLoaderInstagram as Instagram, ReactContentLoaderListStyle as List };","import React, { useState, useEffect } from 'react'\nimport ProductSearch from './ProductSearch'\n\nexport default function GlobalProductSearch({ appProps }) {\n const [showOverlay, setShowOverlay] = useState(false)\n\n useEffect( () => {\n document.addEventListener('keydown', event => {\n if (event.which === 27) {\n setShowOverlay(false)\n }\n })\n }, [])\n\n return (\n <>\n { appProps.controllerName != 'checkouts' &&\n \n
\n \n { infoMessage &&\n
\n \n { infoMessage }\n { InfoComponent &&
\n }\n { linkTo &&\n \n {\n appProps.googleMeasurementId ? initiateCheckoutAnalytics(order, event, appProps) : initiateLegacyCheckoutAnalytics(order, event, appProps)\n }}\n >\n { linkTitle }\n \n
\n }\n \n \n }\n \n }\n \n )\n}\n","import React, { useState, useEffect, useRef } from \"react\"\nimport { Loader } from '@reactiveonline/frontend_shared_components'\n\nimport OrderHistoryItem from \"./shared/OrderHistoryItem\"\n\nexport default function OrderHistoryList({\n appProps, listOrdersPath, listHeadingTitle, listHeadingSubtitle, showEmail, noOrdersTitle\n}) {\n const [page, setPage] = useState(0)\n const [totalPages, setTotalPages] = useState(0)\n const [orders, setOrders] = useState([])\n const [loading, setLoading] = useState(false)\n const [checkFetched, setCheckFetched] = useState(false)\n const [openedOrderId, setOpenedOrderId] = useState(null)\n\n const didMountRef = useRef(false)\n\n useEffect(() => {\n if (!didMountRef.current) {\n fetchOrders(1)\n } else {\n didMountRef.current = true\n }\n }, [])\n\n function fetchOrders(page) {\n setLoading(true)\n\n Rails.ajax({\n type: \"GET\",\n url: `${ listOrdersPath }?page=${ page }`,\n dataType: \"json\",\n success: res => {\n let newOrders = [...orders, ...res.orders]\n\n setPage(page)\n setTotalPages(res.totalPages)\n setOrders(newOrders)\n setLoading(false)\n setCheckFetched(true)\n },\n error: res => {\n setLoading(false)\n }\n })\n }\n\n function renderOrders() {\n return (\n <>\n
') + (showTime ? \"\".concat(message.time, \"\") : '')\n }\n }))));\n }));\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\"\n }, /*#__PURE__*/React.createElement(\"h3\", null, /*#__PURE__*/React.createElement(\"b\", null, chatTitle)), /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-container\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-content\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"comments-wrapper\"\n }, renderMessages()))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-wrapper\"\n }, fetching && /*#__PURE__*/React.createElement(Loader, {\n size: \"medium\",\n position: \"center\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-end\"\n }, !fetching && !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"textarea\", {\n className: \"new-comment\",\n style: {\n marginTop: '10px',\n marginRight: 20\n },\n value: reply,\n onChange: function onChange(event) {\n return setReply(event.target.value);\n }\n }), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: \"btn flex-box\",\n disabled: loading || !reply,\n onClick: function onClick() {\n return sendReply();\n }\n }, translations.general.submit))))));\n}","import React, { useEffect } from 'react';\nimport * as Sentry from \"@sentry/react\";\nexport default function GlobalContainers(_ref) {\n var appProps = _ref.appProps;\n var currentLocale = appProps.currentLocale,\n siteWideNotice = appProps.siteWideNotice,\n adminLoggedIn = appProps.adminLoggedIn,\n translations = appProps.translations;\n useEffect(function () {\n if (appProps.isProduction) {\n Sentry.init({\n dsn: appProps.sentryReactDsn,\n integrations: []\n });\n }\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n id: \"top-banner-full-width-ajax-container\"\n }), siteWideNotice && /*#__PURE__*/React.createElement(\"div\", {\n className: \"sitewide-notice flex-box items-center flex-wrap\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"notice-text\"\n }, translations.locked_status_notice), /*#__PURE__*/React.createElement(\"div\", {\n className: \"button-wrapper flex-box content-end\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n className: \"button\",\n href: \"/admin/\".concat(currentLocale)\n }, translations.access_admin))), adminLoggedIn && /*#__PURE__*/React.createElement(\"div\", {\n className: \"access-admin-wrapper\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"floating-btn-wrapper flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n className: \"flex-box items-center content-center\",\n href: \"/admin/\".concat(currentLocale),\n target: \"_blank\",\n rel: \"nofollow noindex\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"access-admin\"\n }, translations.access_admin))));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from \"react\";\nimport ReactPixel from \"react-facebook-pixel\";\nimport cookie from \"react-cookies\";\nimport LegacyAnalytics from './LegacyAnalytics';\nimport GoogleAnalytics from './GoogleAnalytics';\nexport default function TrackersInit(_ref) {\n var appProps = _ref.appProps;\n var marketingCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").marketingCookies === true;\n var statisticsCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").statisticsCookies === true;\n var _useState = useState(cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies && appProps.googleMeasurementId),\n _useState2 = _slicedToArray(_useState, 2),\n measurementEnabled = _useState2[0],\n setMeasurementEnabled = _useState2[1];\n var _useState3 = useState(cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies && appProps.googleAnalyticsId),\n _useState4 = _slicedToArray(_useState3, 2),\n legacyAnalyticsEnabled = _useState4[0],\n setLegacyAnalyticsEnabled = _useState4[1];\n useEffect(function () {\n if (cookie.load(\"cookieConsent\") === \"YES\" && marketingCookies) {\n ReactPixel.init(appProps.facebookPixelId);\n ReactPixel.pageView();\n }\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null, measurementEnabled ? /*#__PURE__*/React.createElement(GoogleAnalytics, {\n appProps: appProps\n }) : /*#__PURE__*/React.createElement(React.Fragment, null, legacyAnalyticsEnabled && /*#__PURE__*/React.createElement(LegacyAnalytics, {\n appProps: appProps\n })));\n}","import React, { useEffect } from \"react\";\nimport ReactGA from \"react-ga\";\nexport default function LegacyAnalytics(_ref) {\n var appProps = _ref.appProps;\n useEffect(function () {\n ReactGA.initialize(appProps.googleAnalyticsId);\n ReactGA.pageview(window.location.pathname + window.location.search);\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null);\n}","import React, { useEffect } from \"react\";\nimport ReactGA from \"react-ga4\";\nexport default function GoogleAnalytics(_ref) {\n var appProps = _ref.appProps;\n useEffect(function () {\n ReactGA.initialize(appProps.googleMeasurementId);\n ReactGA.send({\n hitType: \"pageview\",\n page: \"\".concat(window.location.pathname),\n title: \"\".concat(document.querySelector('title').innerText)\n });\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null);\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function Login(_ref) {\n var appProps = _ref.appProps,\n authorizableRedirectionLink = _ref.authorizableRedirectionLink,\n setAuthStep = _ref.setAuthStep,\n extraParams = _ref.extraParams;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(''),\n _useState4 = _slicedToArray(_useState3, 2),\n password = _useState4[0],\n setPassword = _useState4[1];\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n loading = _useState6[0],\n setLoading = _useState6[1];\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n passwordShown = _useState8[0],\n setPasswordShown = _useState8[1];\n var _useState9 = useState(false),\n _useState10 = _slicedToArray(_useState9, 2),\n hover = _useState10[0],\n setHover = _useState10[1];\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else {\n login();\n }\n }\n function login(event) {\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n formData.append('account[password]', password);\n formData.append('authorized_redirection_url', authorizableRedirectionLink);\n if (extraParams) {\n Object.entries(extraParams).forEach(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n formData.append(key, value);\n });\n }\n Rails.ajax({\n type: 'POST',\n url: appProps.loginPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirectUrl) {\n window.location.href = res.redirectUrl;\n } else {\n setLoading(false);\n }\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n function renderMssoAuthButton() {\n var csrfToken = document.querySelector(\"meta[name='csrf-token']\").getAttribute(\"content\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n marginTop: 50\n }\n }, /*#__PURE__*/React.createElement(\"form\", {\n action: \"/auth/msso_\".concat(appProps.mssoProviderId, \"_auth\"),\n method: \"post\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"authenticity_token\",\n value: csrfToken\n }), /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"locale\",\n value: appProps.currentLocale\n }), authorizableRedirectionLink && /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"authorizable_redirection_link\",\n value: authorizableRedirectionLink\n }), /*#__PURE__*/React.createElement(\"input\", {\n type: \"submit\",\n className: \"button\",\n value: appProps.translations.authentication.azureSignInButton\n })));\n }\n function renderLoginFields() {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"current-password\",\n value: password,\n onChange: function onChange(event) {\n return setPassword(event.target.value);\n }\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.loginButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, !appProps.disableRegistration && /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'register' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n href: \"#\",\n onMouseEnter: function onMouseEnter() {\n return setHover('register');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('register');\n }\n }, appProps.translations.authentication.registerButton), /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'forgotPassword' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('forgotPassword');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('forgotPassword');\n }\n }, appProps.translations.authentication.forgotPasswordLink)));\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.loginTo, \"\\xA0\", appProps.storeName && appProps.storeName !== \"\" ? appProps.storeName : appProps.siteUrl), appProps.mssoProviderId && appProps.mssoProviderId !== \"\" ? renderMssoAuthButton() : renderLoginFields()));\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function Register(_ref) {\n var appProps = _ref.appProps,\n authorizableRedirectionLink = _ref.authorizableRedirectionLink,\n authorizableRedirectionCompanyLink = _ref.authorizableRedirectionCompanyLink,\n setAuthStep = _ref.setAuthStep,\n extraParams = _ref.extraParams;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(''),\n _useState4 = _slicedToArray(_useState3, 2),\n password = _useState4[0],\n setPassword = _useState4[1];\n var _useState5 = useState({}),\n _useState6 = _slicedToArray(_useState5, 2),\n passwordValidator = _useState6[0],\n setPasswordValidator = _useState6[1];\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n loading = _useState8[0],\n setLoading = _useState8[1];\n var _useState9 = useState(false),\n _useState10 = _slicedToArray(_useState9, 2),\n passwordShown = _useState10[0],\n setPasswordShown = _useState10[1];\n var _useState11 = useState(false),\n _useState12 = _slicedToArray(_useState11, 2),\n hover = _useState12[0],\n setHover = _useState12[1];\n var _useState13 = useState(false),\n _useState14 = _slicedToArray(_useState13, 2),\n companyResgisterOption = _useState14[0],\n setCompanyRegisterOption = _useState14[1];\n function handlePassword(event) {\n var value = event.target.value;\n var validations = {};\n if (value.length >= 8) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n length: true\n });\n }\n if (value.match(/^.*\\d.*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n number: true\n });\n }\n if (value.match(/^.*[A-Z].*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n uppercase: true\n });\n }\n if (value.match(/^.*[a-z].*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n lowercase: true\n });\n }\n setPasswordValidator(validations);\n setPassword(value);\n }\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else if (!(passwordValidator.length && passwordValidator.number && passwordValidator.uppercase && passwordValidator.lowercase)) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordValidationError, 'error');\n } else {\n register();\n }\n }\n function validateFieldsCompanyRegistration() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else if (!(passwordValidator.length && passwordValidator.number && passwordValidator.uppercase && passwordValidator.lowercase)) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordValidationError, 'error');\n } else {\n setCompanyRegisterOption(true);\n }\n }\n function handleRegisterAsCompany() {\n setLoading(true);\n register(true);\n }\n function register() {\n var registerAsCompany = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n formData.append('account[password]', password);\n if (appProps.offerRegistrationCompanyOption && registerAsCompany) {\n formData.append('authorized_redirection_url', \"\".concat(authorizableRedirectionCompanyLink).concat(authorizableRedirectionCompanyLink.includes('?') ? '&' : '?', \"regcomp=1\"));\n } else {\n formData.append('authorized_redirection_url', authorizableRedirectionLink);\n }\n if (extraParams) {\n Object.entries(extraParams).forEach(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n formData.append(key, value);\n });\n }\n Rails.ajax({\n type: 'POST',\n url: appProps.registerPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirectUrl) {\n window.location.href = res.redirectUrl;\n } else {\n setLoading(false);\n }\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.registerTo, \"\\xA0\", appProps.storeName && appProps.storeName !== \"\" ? appProps.storeName : appProps.siteUrl), !appProps.offerRegistrationCompanyOption && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"new-password\",\n value: password,\n onChange: handlePassword\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field flex-box flex-wrap items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.length ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLength), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.number ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordNumber), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.uppercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordUppercase), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.lowercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLowercase)), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.registerButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n }))), appProps.offerRegistrationCompanyOption && /*#__PURE__*/React.createElement(React.Fragment, null, !companyResgisterOption ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"new-password\",\n value: password,\n onChange: handlePassword\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field flex-box flex-wrap items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.length ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLength), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.number ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordNumber), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.uppercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordUppercase), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.lowercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLowercase)), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: validateFieldsCompanyRegistration\n }, appProps.translations.authentication.registerButton)))) : /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center flex-column\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold flex-box items-center centered\",\n style: {\n fontSize: 20,\n marginBottom: 30\n },\n onClick: function onClick() {\n return setCompanyRegisterOption(false);\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-chevron-left\",\n style: {\n width: 30\n }\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.choose_account_type)), !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center\",\n style: {\n gap: 20\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"tile flex-box items-center content-center flex-column centered pointer\",\n onClick: handleSubmit\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-user\"\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.register_as_user_option)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"tile flex-box items-center content-center flex-column centered pointer\",\n onClick: handleRegisterAsCompany\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-building\"\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.register_as_company_option))) : /*#__PURE__*/React.createElement(Loader, {\n size: 'large',\n position: 'center'\n }))), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'login' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('login');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('login');\n }\n }, appProps.translations.authentication.loginButton), /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'forgotPassword' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('forgotPassword');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('forgotPassword');\n }\n }, appProps.translations.authentication.forgotPasswordLink))));\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function ForgotPassword(_ref) {\n var appProps = _ref.appProps,\n setAuthStep = _ref.setAuthStep;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n loading = _useState4[0],\n setLoading = _useState4[1];\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n hover = _useState6[0],\n setHover = _useState6[1];\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else {\n resetPassword();\n }\n }\n function resetPassword(event) {\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n Rails.ajax({\n type: 'POST',\n url: appProps.resetPasswordPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.message) {\n appProps.flashMessage.show(res.message, 'success');\n setEmail('');\n }\n setLoading(false);\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.resetPasswordTitle), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.resetPasswordButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'login' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('login');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('login');\n }\n }, appProps.translations.authentication.loginButton), !appProps.disableRegistration && /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'register' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('register');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('register');\n }\n }, appProps.translations.authentication.registerButton))));\n}","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\nvar findScript = function findScript() {\n var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i];\n if (!V3_URL_REGEX.test(script.src)) {\n continue;\n }\n return script;\n }\n return null;\n};\nvar injectScript = function injectScript(params) {\n var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n var script = document.createElement('script');\n script.src = \"\".concat(V3_URL).concat(queryString);\n var headOrBody = document.head || document.body;\n if (!headOrBody) {\n throw new Error('Expected document.body not to be null. Stripe.js requires a element.');\n }\n headOrBody.appendChild(script);\n return script;\n};\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n if (!stripe || !stripe._registerWrapper) {\n return;\n }\n stripe._registerWrapper({\n name: 'stripe-js',\n version: \"2.1.7\",\n startTime: startTime\n });\n};\nvar stripePromise = null;\nvar loadScript = function loadScript(params) {\n // Ensure that we only attempt to load Stripe.js at most once\n if (stripePromise !== null) {\n return stripePromise;\n }\n stripePromise = new Promise(function (resolve, reject) {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n // Resolve to null when imported server side. This makes the module\n // safe to import in an isomorphic code base.\n resolve(null);\n return;\n }\n if (window.Stripe && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n }\n if (window.Stripe) {\n resolve(window.Stripe);\n return;\n }\n try {\n var script = findScript();\n if (script && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n } else if (!script) {\n script = injectScript(params);\n }\n script.addEventListener('load', function () {\n if (window.Stripe) {\n resolve(window.Stripe);\n } else {\n reject(new Error('Stripe.js not available'));\n }\n });\n script.addEventListener('error', function () {\n reject(new Error('Failed to load Stripe.js'));\n });\n } catch (error) {\n reject(error);\n return;\n }\n });\n return stripePromise;\n};\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n if (maybeStripe === null) {\n return null;\n }\n var stripe = maybeStripe.apply(undefined, args);\n registerWrapper(stripe, startTime);\n return stripe;\n}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n\n// own script injection.\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n if (!loadCalled) {\n console.warn(err);\n }\n});\nvar loadStripe = function loadStripe() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n loadCalled = true;\n var startTime = Date.now();\n return stripePromise$1.then(function (maybeStripe) {\n return initStripe(maybeStripe, args, startTime);\n });\n};\nexport { loadStripe };","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport PropTypes from 'prop-types';\nimport merge from './merge'; // The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\n\nvar values = {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n};\nvar defaultBreakpoints = {\n // Sorted ASC by size. That's important.\n // It can't be configured as it's used statically for propTypes.\n keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n up: function up(key) {\n return \"@media (min-width:\".concat(values[key], \"px)\");\n }\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n if (process.env.NODE_ENV !== 'production') {\n if (!props.theme) {\n console.error('Material-UI: You are calling a style function without a theme value.');\n }\n }\n if (Array.isArray(propValue)) {\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n return propValue.reduce(function (acc, item, index) {\n acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n return acc;\n }, {});\n }\n if (_typeof(propValue) === 'object') {\n var _themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n return Object.keys(propValue).reduce(function (acc, breakpoint) {\n acc[_themeBreakpoints.up(breakpoint)] = styleFromPropValue(propValue[breakpoint]);\n return acc;\n }, {});\n }\n var output = styleFromPropValue(propValue);\n return output;\n}\nfunction breakpoints(styleFunction) {\n var newStyleFunction = function newStyleFunction(props) {\n var base = styleFunction(props);\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n var extended = themeBreakpoints.keys.reduce(function (acc, key) {\n if (props[key]) {\n acc = acc || {};\n acc[themeBreakpoints.up(key)] = styleFunction(_extends({\n theme: props.theme\n }, props[key]));\n }\n return acc;\n }, null);\n return merge(base, extended);\n };\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n xs: PropTypes.object,\n sm: PropTypes.object,\n md: PropTypes.object,\n lg: PropTypes.object,\n xl: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl'].concat(_toConsumableArray(styleFunction.filterProps));\n return newStyleFunction;\n}\nexport default breakpoints;","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nvar zIndex = {\n mobileStepper: 1000,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/3ffe3a5d82f6f561b82ff78d82b32a7d14aed558/js/src/modal.js#L512-L519\nexport default function getScrollbarSize() {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.width = '99px';\n scrollDiv.style.height = '99px';\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarSize;\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nimport { node } from './node-stack-trace.js';\nexport { filenameIsInApp } from './node-stack-trace.js';\nvar STACKTRACE_FRAME_LIMIT = 50;\n// Used to sanitize webpack (error: *) wrapped stack errors\nvar WEBPACK_ERROR_REGEXP = /\\(error: (.*)\\)/;\nvar STRIP_FRAME_REGEXP = /captureMessage|captureException/;\n\n/**\n * Creates a stack parser with the supplied line parsers\n *\n * StackFrames are returned in the correct order for Sentry Exception\n * frames and with Sentry SDK internal frames removed from the top and bottom\n *\n */\nfunction createStackParser() {\n for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {\n parsers[_key] = arguments[_key];\n }\n var sortedParsers = parsers.sort(function (a, b) {\n return a[0] - b[0];\n }).map(function (p) {\n return p[1];\n });\n return function (stack) {\n var skipFirst = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var frames = [];\n var lines = stack.split('\\n');\n for (var i = skipFirst; i < lines.length; i++) {\n var line = lines[i];\n // Ignore lines over 1kb as they are unlikely to be stack frames.\n // Many of the regular expressions use backtracking which results in run time that increases exponentially with\n // input size. Huge strings can result in hangs/Denial of Service:\n // https://github.com/getsentry/sentry-javascript/issues/2286\n if (line.length > 1024) {\n continue;\n }\n\n // https://github.com/getsentry/sentry-javascript/issues/5459\n // Remove webpack (error: *) wrappers\n var cleanedLine = WEBPACK_ERROR_REGEXP.test(line) ? line.replace(WEBPACK_ERROR_REGEXP, '$1') : line;\n\n // https://github.com/getsentry/sentry-javascript/issues/7813\n // Skip Error: lines\n if (cleanedLine.match(/\\S*Error: /)) {\n continue;\n }\n var _iterator = _createForOfIteratorHelper(sortedParsers),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var parser = _step.value;\n var frame = parser(cleanedLine);\n if (frame) {\n frames.push(frame);\n break;\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n if (frames.length >= STACKTRACE_FRAME_LIMIT) {\n break;\n }\n }\n return stripSentryFramesAndReverse(frames);\n };\n}\n\n/**\n * Gets a stack parser implementation from Options.stackParser\n * @see Options\n *\n * If options contains an array of line parsers, it is converted into a parser\n */\nfunction stackParserFromStackParserOptions(stackParser) {\n if (Array.isArray(stackParser)) {\n return createStackParser.apply(void 0, _toConsumableArray(stackParser));\n }\n return stackParser;\n}\n\n/**\n * Removes Sentry frames from the top and bottom of the stack if present and enforces a limit of max number of frames.\n * Assumes stack input is ordered from top to bottom and returns the reverse representation so call site of the\n * function that caused the crash is the last frame in the array.\n * @hidden\n */\nfunction stripSentryFramesAndReverse(stack) {\n if (!stack.length) {\n return [];\n }\n var localStack = Array.from(stack);\n\n // If stack starts with one of our API calls, remove it (starts, meaning it's the top of the stack - aka last call)\n if (/sentryWrapped/.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n }\n\n // Reversing in the middle of the procedure allows us to just pop the values off the stack\n localStack.reverse();\n\n // If stack ends with one of our internal API calls, remove it (ends, meaning it's the bottom of the stack - aka top-most call)\n if (STRIP_FRAME_REGEXP.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n\n // When using synthetic events, we will have a 2 levels deep stack, as `new Error('Sentry syntheticException')`\n // is produced within the hub itself, making it:\n //\n // Sentry.captureException()\n // getCurrentHub().captureException()\n //\n // instead of just the top `Sentry` call itself.\n // This forces us to possibly strip an additional frame in the exact same was as above.\n if (STRIP_FRAME_REGEXP.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n }\n }\n return localStack.slice(0, STACKTRACE_FRAME_LIMIT).map(function (frame) {\n return _objectSpread(_objectSpread({}, frame), {}, {\n filename: frame.filename || localStack[localStack.length - 1].filename,\n function: frame.function || '?'\n });\n });\n}\nvar defaultFunctionName = '';\n\n/**\n * Safely extract function name from itself\n */\nfunction getFunctionName(fn) {\n try {\n if (!fn || typeof fn !== 'function') {\n return defaultFunctionName;\n }\n return fn.name || defaultFunctionName;\n } catch (e) {\n // Just accessing custom props in some Selenium environments\n // can cause a \"Permission denied\" exception (see raven-js#495).\n return defaultFunctionName;\n }\n}\n\n/**\n * Node.js stack line parser\n *\n * This is in @sentry/utils so it can be used from the Electron SDK in the browser for when `nodeIntegration == true`.\n * This allows it to be used without referencing or importing any node specific code which causes bundlers to complain\n */\nfunction nodeStackLineParser(getModule) {\n return [90, node(getModule)];\n}\nexport { createStackParser, getFunctionName, nodeStackLineParser, stackParserFromStackParserOptions, stripSentryFramesAndReverse };","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport var easing = {\n // This is the most common easing curve.\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n // Objects enter the screen at full velocity from off-screen and\n // slowly decelerate to a resting point.\n easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n // The sharp curve is used by objects that may return to the screen at any time.\n sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\n\nexport var duration = {\n shortest: 150,\n shorter: 200,\n short: 250,\n // most basic recommended timing\n standard: 300,\n // this is to be used in complex animations\n complex: 375,\n // recommended when something is entering screen\n enteringScreen: 225,\n // recommended when something is leaving screen\n leavingScreen: 195\n};\nfunction formatMs(milliseconds) {\n return \"\".concat(Math.round(milliseconds), \"ms\");\n}\n/**\n * @param {string|Array} props\n * @param {object} param\n * @param {string} param.prop\n * @param {number} param.duration\n * @param {string} param.easing\n * @param {number} param.delay\n */\n\nexport default {\n easing: easing,\n duration: duration,\n create: function create() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var _options$duration = options.duration,\n durationOption = _options$duration === void 0 ? duration.standard : _options$duration,\n _options$easing = options.easing,\n easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,\n _options$delay = options.delay,\n delay = _options$delay === void 0 ? 0 : _options$delay,\n other = _objectWithoutProperties(options, [\"duration\", \"easing\", \"delay\"]);\n if (process.env.NODE_ENV !== 'production') {\n var isString = function isString(value) {\n return typeof value === 'string';\n };\n var isNumber = function isNumber(value) {\n return !isNaN(parseFloat(value));\n };\n if (!isString(props) && !Array.isArray(props)) {\n console.error('Material-UI: Argument \"props\" must be a string or Array.');\n }\n if (!isNumber(durationOption) && !isString(durationOption)) {\n console.error(\"Material-UI: Argument \\\"duration\\\" must be a number or a string but found \".concat(durationOption, \".\"));\n }\n if (!isString(easingOption)) {\n console.error('Material-UI: Argument \"easing\" must be a string.');\n }\n if (!isNumber(delay) && !isString(delay)) {\n console.error('Material-UI: Argument \"delay\" must be a number or a string.');\n }\n if (Object.keys(other).length !== 0) {\n console.error(\"Material-UI: Unrecognized argument(s) [\".concat(Object.keys(other).join(','), \"].\"));\n }\n }\n return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {\n return \"\".concat(animatedProp, \" \").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), \" \").concat(easingOption, \" \").concat(typeof delay === 'string' ? delay : formatMs(delay));\n }).join(',');\n },\n getAutoHeightDuration: function getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10\n\n return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);\n }\n};","import React, { useState, useEffect } from 'react'\nimport { Loader } from '@reactiveonline/frontend_shared_components'\n\nimport { formatPriceWithCurrency } from \"../../../helpers/utils\"\nimport { default as CompanyBilling } from '../companies/steps/Billing'\n\nexport default function Billing(props) {\n const paymentMethods = props.paymentMethods.filter(paymentMethod => paymentMethod.cards.length > 0)\n const [selectedPaymentMethod, setSelectedPaymentMethod] = useState(paymentMethods.length > 0 ? paymentMethods[0] : null)\n const [cards, setCards] = useState(() => initializeCards())\n const [billingState, _setBillingState] = useState(props.currentBilling ? { vat: props.vat, billingAddress: { ...props.currentBilling } } : {})\n const [showAddressForm, setShowAddressForm] = useState(false)\n const [loading, setLoading] = useState(false)\n\n function initializeCards() {\n let initialCards = {}\n paymentMethods.forEach((p, i) => {\n initialCards[p.id] = p.cards\n })\n\n return initialCards\n }\n\n const setPrimaryCard = (card, paymentMethodId) => {\n const { setCurrentCardPath } = props\n\n if (!card.current) {\n let fd = new FormData()\n fd.append('card_details[id]', card.id)\n fd.append('card_details[payment_method_id]', paymentMethodId)\n\n Rails.ajax({\n type: 'POST',\n url: setCurrentCardPath,\n dataType: 'json',\n data: fd,\n success: res => {\n if (res.cards) {\n let newCards = { ...cards }\n newCards[paymentMethodId] = res.cards\n setCards(newCards)\n }\n },\n error: res => {\n appProps.flashMessage.show(res.error, 'error')\n }\n })\n }\n }\n\n const togglePaymentMethod = (paymentMethod) => {\n setSelectedPaymentMethod(paymentMethod)\n }\n\n const destroyCard = (card, paymentMethodId) => {\n const { destroyCardPath } = props\n\n let fd = new FormData()\n fd.append('card_details[id]', card.id)\n\n Rails.ajax({\n type: 'POST',\n url: destroyCardPath,\n dataType: 'json',\n data: fd,\n success: res => {\n let newCards = { ...cards }\n newCards[paymentMethodId] = newCards[paymentMethodId].filter(c => c.id != card.id)\n setCards(newCards)\n },\n error: res => {\n appProps.flashMessage.show(res.error, 'error')\n }\n })\n }\n\n function setBillingState(updatedState) {\n _setBillingState({ ...billingState, ...updatedState })\n }\n\n function setBillingAddress(updatedAddress) {\n const newAddress = { ...billingState.billingAddress, ...updatedAddress }\n setBillingState({ billingAddress: newAddress })\n }\n\n function saveBillingAddress() {\n setLoading(true)\n const { saveAddressPath } = props\n let formData = new FormData()\n formData.append('company[vat]', billingState.vat)\n\n if (billingState.billingAddress) {\n formData.append('company[address_attributes][street]', billingState.billingAddress.address || '')\n formData.append('company[address_attributes][phone]', billingState.billingAddress.phone || '')\n formData.append('company[address_attributes][mobile_phone]', billingState.billingAddress.mobilePhone || '')\n formData.append('company[address_attributes][city]', billingState.billingAddress.city || '')\n formData.append('company[address_attributes][postal_code]', billingState.billingAddress.postalCode || '')\n formData.append('company[address_attributes][country_numeric_code]', billingState.billingAddress.country || '')\n formData.append('company[address_attributes][state_region_code]', billingState.billingAddress.state || '')\n\n if (billingState.billingAddress.id) {\n formData.append(`company[address_attributes][id]`, billingState.billingAddress.id)\n }\n }\n\n Rails.ajax({\n type: 'PATCH',\n url: saveAddressPath,\n data: formData,\n dataType: 'json',\n success: res => {\n if (res.company) {\n _setBillingState({\n vat: res.company.vat,\n billingAddress: { ...res.company.billingAddress }\n })\n if (showAddressForm) {\n setShowAddressForm(false)\n }\n }\n },\n error: res => {\n if (res.error) {\n appProps.flashMessage.show(res.error, 'error')\n }\n },\n complete: res => {\n setLoading(false)\n }\n })\n }\n\n return (\n <>\n
\n \n }\n\n { loading && \n
\n\n { listHeadingTitle }
\n{ listHeadingSubtitle }
\n\n
\n \n )\n }\n\n let noOrdersView = null\n if (checkFetched) {\n noOrdersView =\n \n
\n\n {\n orders.map((order, index) => (\n \n
\n { appProps.translations.orders.date }
\n\n
\n { appProps.translations.orders.order_number }
\n\n
\n { appProps.translations.orders.order_total }
\n\n
\n { showEmail &&\n { appProps.translations.orders.order_status }
\n\n
\n }\n { appProps.translations.account.email_address }
\n\n {/* Rendering view icon in this column without heading */}\n
\n \n \n
\n }\n \n
\n }\n\n return (\n \n { noOrdersTitle || appProps.translations.orders.no_orders_message }\n
\n\n { orders.length > 0 ? renderOrders() : noOrdersView }\n\n { loading &&
\n )\n}\n","export function calculateCartSubTotal(products){\n return products.reduce((sum, product) => sum + product.totalNet, 0.0)\n}\n\nexport function calculateCartTax(products){\n return products.reduce((sum, product) => sum + product.totalTax, 0.0)\n}\n\nexport function calculateCartWeight(products){\n return products.reduce((sum, product) => sum + product.totalWeight, 0.0)\n}","export function createOrderForm(\n user,\n email,\n delivery,\n shipping,\n billing,\n isDeliveryAddressUsedAsBilling,\n cart,\n contactlessEnabled,\n installments,\n issueInvoice,\n stripePaymentMethodId = null\n){\n const { deliveryOption, storeId, orderNotes, ...deliveryAddress } = delivery\n const { selectedMethod, ...billingAddress } = billing\n const shipping_method = shipping.selectedMethod\n const selected_smartpoint = shipping.selectedSmartpoint\n\n let form = new FormData\n form.append(\"order[email]\", email)\n form.append(\"order[special_instructions]\", orderNotes)\n\n if(contactlessEnabled) form.append(\"order[contactless_delivery]\", contactlessEnabled)\n if(user.id) form.append(\"order[user_id]\", user.id)\n\n const customerDetailsPresent = delivery.fullName && (delivery.phone || delivery.mobile)\n\n if(shipping_method.id && customerDetailsPresent){\n form.append(\"order[shipments_attributes][][method_type]\", `Shop::Shipping::${shipping_method.id.split(\"_@_\")[0]}`)\n form.append(\"order[shipments_attributes][][method_id]\", shipping_method.id.split(\"_@_\")[1])\n form.append(\"order[shipments_attributes][][api_integration_entity]\", JSON.stringify(shipping_method.api_integration_entity || null))\n form.append(\"order[shipments_attributes][][smartpoint]\", JSON.stringify(selected_smartpoint || null))\n }\n\n if(shipping.multipleShipmentsOptionEnabled) {\n form.append('multiple_shipments_option_enabled', shipping.multipleShipmentsOptionEnabled)\n }\n\n if(customerDetailsPresent) {\n form.append(`order[delivery_address_attributes][full_name]`, deliveryAddress.fullName)\n form.append(`order[delivery_address_attributes][phone]`, (deliveryAddress.phone ? deliveryAddress.phone.trim() : deliveryAddress.phone) || \"\")\n form.append(`order[delivery_address_attributes][mobile_phone]`, (deliveryAddress.mobile ? deliveryAddress.mobile.trim() : deliveryAddress.mobile) || \"\")\n form.append('order[store_id]', deliveryOption === 'pickup' ? storeId : '')\n\n if(deliveryOption === \"delivery\") {\n form.append(`order[delivery_address_attributes][city]`, deliveryAddress.city)\n form.append(`order[delivery_address_attributes][state_region_code]`, deliveryAddress.area)\n form.append(`order[delivery_address_attributes][street]`, deliveryAddress.address)\n form.append(`order[delivery_address_attributes][postal_code]`, deliveryAddress.postalCode)\n form.append(`order[delivery_address_attributes][country_numeric_code]`, deliveryAddress.country)\n }\n }\n\n if(installments) {\n form.append('installments', installments)\n }\n\n if(selectedMethod.id){\n form.append('order[payment_method_id]', selectedMethod.id)\n if(!isNaN(selectedMethod.gross_handling_fee)) form.append('order[handling_fee]', selectedMethod.gross_handling_fee)\n\n if(selectedMethod.type === \"StripePayment\") {\n form.append('stripe_payment_method_id', stripePaymentMethodId)\n }\n }\n \n if ((deliveryOption !== 'pickup' && !isDeliveryAddressUsedAsBilling) || selectedMethod.billingAddressRequired || issueInvoice){\n if(isDeliveryAddressUsedAsBilling){\n form.append(`order[billing_address_attributes][city]`, deliveryAddress.city)\n form.append(`order[billing_address_attributes][country_numeric_code]`, deliveryAddress.country)\n form.append(`order[billing_address_attributes][full_name]`, deliveryAddress.fullName)\n form.append(`order[billing_address_attributes][mobile_phone]`, (deliveryAddress.mobile ? deliveryAddress.mobile.trim() : deliveryAddress.mobile) || \"\")\n form.append(`order[billing_address_attributes][phone]`, (deliveryAddress.phone ? deliveryAddress.phone.trim() : deliveryAddress.phone) || \"\")\n form.append(`order[billing_address_attributes][postal_code]`, deliveryAddress.postalCode)\n form.append(`order[billing_address_attributes][state_region_code]`, deliveryAddress.area)\n form.append(`order[billing_address_attributes][street]`, deliveryAddress.address)\n }else{\n form.append(`order[billing_address_attributes][city]`, billingAddress.city)\n form.append(`order[billing_address_attributes][country_numeric_code]`, billingAddress.country)\n form.append(`order[billing_address_attributes][full_name]`, billingAddress.fullName)\n form.append(`order[billing_address_attributes][mobile_phone]`, (billingAddress.mobile ? billingAddress.mobile.trim() : billingAddress.mobile) || \"\")\n form.append(`order[billing_address_attributes][phone]`, (billingAddress.phone ? billingAddress.phone.trim() : billingAddress.phone) || \"\")\n form.append(`order[billing_address_attributes][postal_code]`, billingAddress.postalCode)\n form.append(`order[billing_address_attributes][state_region_code]`, billingAddress.area)\n form.append(`order[billing_address_attributes][street]`, billingAddress.address)\n }\n }\n\n\n if(cart){\n if(typeof cart.shippingCost !== 'undefined') form.append('cart_attributes[shipping_cost]', cart.shippingCost)\n if(typeof cart.weight !== 'undefined') form.append('cart_attributes[weight]', cart.weight)\n }\n\n return form\n}\n","import React from 'react'\nimport { Select, MenuItem, Box, Chip } from '@material-ui/core'\n\nexport default class PromotionRule extends React.Component {\n constructor(props){\n super(props)\n\n this.state={\n availableValues: [],\n id: this.props.rule.id,\n type: this.props.rule.type,\n values: this.props.rule.values\n }\n\n this.destroy = this.destroy.bind(this)\n this.getAvalableValues = this.getAvalableValues.bind(this)\n this.ruleChanged = this.ruleChanged.bind(this)\n this.save = this.save.bind(this)\n this.setType = this.setType.bind(this)\n this.setValues = this.setValues.bind(this)\n }\n\n componentDidMount(){\n this.getAvalableValues(null, this.state.type)\n }\n\n componentDidUpdate(prevProps, prevState){\n this.getAvalableValues(prevState.type, this.state.type)\n }\n\n destroy(){\n this.props.destroyRule(this.state.id)\n }\n\n getAvalableValues(prevType, currentType){\n if( (!currentType) || (prevType === currentType)){ return }\n\n Rails.ajax({\n type: \"GET\",\n url: `/letmein/promotion_rules/rule_values?rule=${currentType}`,\n contentType: \"application/json; charset=UTF-8\",\n dataType: \"json\",\n success: res => {\n this.setState({availableValues: res.values})\n }\n })\n }\n\n ruleChanged(){\n if(this.props.rule.type != this.state.type){\n return true\n }\n\n if (this.props.rule.values.size != this.state.values.size){\n return true\n }\n\n for(var [key, val] of this.props.rule.values){\n if(!this.state.values.has(key)) return true\n\n if(val._destroy != this.state.values.get(key)._destroy) return true\n }\n return false\n }\n\n save(){\n const { id, type, values, _destroy } = this.state\n this.props.saveRule(id, type, values, _destroy)\n\n if(this.props.isTemplate){\n this.setState({\n availableValues: [],\n type: null,\n values: []\n })\n }\n }\n\n setType(selected){\n let values = new Map(this.state.values)\n\n values.forEach((valueHash, promotable) => {\n if(valueHash.record_id){\n values.set(promotable, { record_id: valueHash.record_id, _destroy: '1'})\n }else{\n values.delete(promotable)\n }\n })\n\n this.setState({\n type: selected.target.value.value,\n values: values\n })\n }\n\n setValues(selected){\n let values = new Map()\n\n let vIndex\n this.state.values.forEach((details, promotable) => {\n vIndex = selected.findIndex(selectable => selectable.value == promotable.id && selectable.promotable_type == promotable.type)\n\n if(vIndex != -1){\n values.set(promotable, {record_id: details.record_id, _destroy: undefined})\n }else if(details.record_id){\n values.set(promotable, { record_id: details.record_id, _destroy: '1'})\n }\n })\n\n const promotables = Array.from(values.keys())\n let index\n for(const val of selected){\n index = promotables.findIndex(promotable => promotable.id == val.value && promotable.type == val.promotable_type)\n\n if(index === -1){\n values.set({id: val.value, type: val.promotable_type}, {})\n }\n }\n\n this.setState({values: values})\n }\n\n render(){\n const ruleOptions = this.props.rule_types.map(rule => {\n return { value: rule[0], label: rule[1] }\n })\n const valueOptions = this.state.availableValues.map(v => {\n return { value: v[0], label: v[1], promotable_type: v[2].promotable_type }\n })\n\n const selectedType = ruleOptions.find(q => q.value === this.state.type) || null\n let stateValues = []\n\n this.state.values.forEach((v, promotable) => {\n if(!v._destroy){\n stateValues.push(promotable.id)\n }\n })\n\n return (\n \n
\n )\n }\n}\n","import React from \"react\"\n\nexport default class CustomSelect extends React.Component {\n\n render () {\n const { options, translations, value, onClick } = this.props\n\n return (\n \n \n \n { ruleOptions.map( (option, index) => (\n \n ))}\n \n
\n\n { valueOptions.length > 0 &&\n \n \n\n stateValues.includes(q.value)) }\n onChange={ event => this.setValues(event.target.value) }\n renderValue={ selected => (\n \n { selected.map( item => (\n \n )}\n >\n { valueOptions.map( (option, index) => (\n \n ))}\n \n
\n }\n\n { this.ruleChanged() &&\n \n \n
\n }\n\n { this.props.destroyRule && !this.props.disabled &&\n \n \n
\n }\n \n
\n )\n }\n}\n","import { useEffect, useLayoutEffect } from 'react';\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\nexport { useIsomorphicLayoutEffect };","import React from 'react';\nexport default function Logo(_ref) {\n var appProps = _ref.appProps,\n target = _ref.target,\n classNames = _ref.classNames,\n logo = _ref.logo;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"logo\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n style: {\n height: parseFloat(appProps.frontendStyles.general.logoHeight)\n },\n href: appProps.rootPath,\n target: target\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: logo,\n className: classNames,\n alt: appProps.storeName\n })));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState } from \"react\";\nimport ImageGallery from 'react-image-gallery';\nimport Lightbox from 'react-image-lightbox';\nexport default function SliderImages(_ref) {\n var images = _ref.images,\n linkTo = _ref.linkTo,\n extraClass = _ref.extraClass,\n showThumbnails = _ref.showThumbnails,\n showFullscreenButton = _ref.showFullscreenButton,\n showNav = _ref.showNav,\n showBullets = _ref.showBullets,\n thumbnailPosition = _ref.thumbnailPosition,\n lightbox = _ref.lightbox;\n var _useState = useState(0),\n _useState2 = _slicedToArray(_useState, 2),\n photoIndex = _useState2[0],\n setPhotoIndex = _useState2[1];\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n isOpen = _useState4[0],\n setIsOpen = _useState4[1];\n var styles = null;\n if (lightbox) {\n styles = /*#__PURE__*/React.createElement(\"style\", {\n dangerouslySetInnerHTML: {\n __html: \"\\n .image-gallery-image { cursor: pointer }\\n \"\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"slider-images\",\n style: {\n position: 'relative'\n }\n }, styles, /*#__PURE__*/React.createElement(ImageGallery, {\n items: images,\n thumbnailPosition: thumbnailPosition,\n showNav: showNav,\n showThumbnails: images.length > 1 ? showThumbnails : false,\n showFullscreenButton: false,\n lazyLoad: true,\n showPlayButton: false,\n onClick: function onClick() {\n return lightbox ? setIsOpen(true) : {};\n }\n }), lightbox && /*#__PURE__*/React.createElement(\"div\", {\n className: \"lightbox-wrapper\"\n }, isOpen && /*#__PURE__*/React.createElement(Lightbox, {\n mainSrc: images[photoIndex].fullscreen,\n nextSrc: images[(photoIndex + 1) % images.length].fullscreen,\n prevSrc: images[(photoIndex + images.length - 1) % images.length].fullscreen,\n enableZoom: true,\n onCloseRequest: function onCloseRequest() {\n return setIsOpen(false);\n },\n onMovePrevRequest: function onMovePrevRequest() {\n return setPhotoIndex((photoIndex + images.length - 1) % images.length);\n },\n onMoveNextRequest: function onMoveNextRequest() {\n return setPhotoIndex((photoIndex + 1) % images.length);\n }\n })));\n}\n\n// Available Props\n// infinite: Boolean\n// lazyLoad: Boolean\n// showNav: Boolean\n// showThumbnails: Boolean\n// thumbnailsPosition: String, top, right, bottom, left\n// showFullscreenButton: Boolean\n// useBrowserFullscreen: Boolean\n// useTranslate3D: Boolean\n// showBullets: Boolean\n// showIndex: Boolean\n// autoPlay: Boolean\n// disableThumbnailScroll: Boolean\n// disableKeyDown: Boolean\n// disableSwipe: Boolean\n// onErrorImageURL: String, default undefined\n// slideDuration: Number, default 450\n// transition duration while swiping in milliseconds\n// slideInterval: Number, default 3000\n// slideOnThumbnailOver: Boolean, default false\n// flickThreshold: Number (float), default 0.4\n// onImageError: Function, callback(event)\n// onThumbnailError: Function, callback(event)\n// onThumbnailClick: Function, callback(event, index)\n// onImageLoad: Function, callback(event)\n// onSlide: Function, callback(currentIndex)\n// onBeforeSlide: Function, callback(nextIndex)\n// onScreenChange: Function, callback(boolean)\n// onPlay: Function, callback(currentIndex)\n// onClick: Function, callback(event)\n// onTouchMove: Function, callback(event) on gallery slide\n// onTouchEnd: Function, callback(event) on gallery slide\n// onTouchStart: Function, callback(event) on gallery slide\n// onMouseOver: Function, callback(event) on gallery slide\n// onMouseLeave: Function, callback(event) on gallery slide","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n return Object(val);\n}\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n }\n\n // Detect buggy property enumeration order in older V8 versions.\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n test1[5] = 'de';\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n }\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n var test2 = {};\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n if (order2.join('') !== '0123456789') {\n return false;\n }\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n return to;\n};","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect, useRef, lazy, Suspense } from 'react';\nimport GlobalImports from '../layout/shared/GlobalImports';\nimport TrackersInit from '../layout/shared/TrackersInit';\nimport FlashMessage from './FlashMessage';\nimport MobileNavigation from '../layout/header/navigations/MobileNavigation';\nvar PageContent = function PageContent() {\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n minHeight: '50vh'\n }\n });\n}; // can be a layout\nvar PageComponent = function PageComponent() {\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n minHeight: '50vh'\n }\n });\n}; // the content of the layout when PageContent is a layout\nvar Header = function Header() {\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n minHeight: '10vh'\n }\n });\n};\nvar Footer = function Footer() {\n return /*#__PURE__*/React.createElement(\"div\", {\n style: {\n minHeight: '10vh'\n }\n });\n};\nexport default function App(props) {\n var appProps = props.appProps,\n componentPath = props.componentPath,\n packageComponent = props.packageComponent,\n errorScreen = props.errorScreen,\n renderThroughLayout = props.renderThroughLayout;\n var _useState = useState(appProps),\n _useState2 = _slicedToArray(_useState, 2),\n currentAppProps = _useState2[0],\n _setCurrentAppProps = _useState2[1];\n var _useState3 = useState(0),\n _useState4 = _slicedToArray(_useState3, 2),\n renderKey = _useState4[0],\n setRenderKey = _useState4[1];\n var _useState5 = useState(true),\n _useState6 = _slicedToArray(_useState5, 2),\n showHeader = _useState6[0],\n setShowHeader = _useState6[1];\n var _useState7 = useState(true),\n _useState8 = _slicedToArray(_useState7, 2),\n showFooter = _useState8[0],\n setShowFooter = _useState8[1];\n var currentAppPropsRef = useRef(currentAppProps);\n var flashMessageRef = useRef(null);\n var updatedAppProps = _objectSpread(_objectSpread({}, currentAppPropsRef.current), {}, {\n setCurrentAppProps: setCurrentAppProps,\n flashMessage: flashMessageRef && flashMessageRef.current,\n setShowHeader: setShowHeader,\n setShowFooter: setShowFooter\n });\n useEffect(function () {\n Header = /*#__PURE__*/lazy(function () {\n return import(\"../layout/header/Header_v\".concat(currentAppPropsRef.current.headerVersion));\n });\n Footer = /*#__PURE__*/lazy(function () {\n return import(\"../layout/footer/Footer_v\".concat(currentAppPropsRef.current.footerVersion));\n });\n }, []);\n useEffect(function () {\n if (packageComponent) {\n PageContent = /*#__PURE__*/lazy(function () {\n return import(\"../\".concat(componentPath));\n });\n if (renderThroughLayout) {\n PageComponent = props.PageContent;\n }\n } else {\n PageContent = props.PageContent;\n }\n setTimeout(function () {\n return setRenderKey(Math.random());\n }, 100);\n }, [props.PageContent]);\n function setCurrentAppProps(state) {\n _setCurrentAppProps(function (prevState) {\n var updatedState = _objectSpread(_objectSpread({}, prevState), state);\n currentAppPropsRef.current = updatedState;\n return updatedState;\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n id: \"outer-container\"\n }, /*#__PURE__*/React.createElement(TrackersInit, {\n appProps: updatedAppProps\n }), /*#__PURE__*/React.createElement(GlobalImports, {\n appProps: updatedAppProps\n }), /*#__PURE__*/React.createElement(FlashMessage, {\n ref: flashMessageRef\n }), appProps.navigation.mobile_menu && appProps.currentDevice != 'desktop' && currentAppPropsRef.current.headerVersion != 4 && /*#__PURE__*/React.createElement(MobileNavigation, {\n className: 'burger-menu',\n appProps: appProps,\n navigation: appProps.navigation.mobile_menu\n }), currentAppPropsRef.current.headerVersion == 4 && /*#__PURE__*/React.createElement(MobileNavigation, {\n className: 'burger-menu',\n appProps: appProps,\n navigation: appProps.currentDevice != 'desktop' ? appProps.navigation.mobile_menu : appProps.navigation.header_menu\n }), /*#__PURE__*/React.createElement(\"main\", {\n id: \"page-wrap\"\n }, showHeader && !props.errorScreen && /*#__PURE__*/React.createElement(Suspense, {\n key: \"\".concat(renderKey, \"_header\"),\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, /*#__PURE__*/React.createElement(Header, {\n appProps: updatedAppProps\n })), /*#__PURE__*/React.createElement(Suspense, {\n key: \"\".concat(renderKey, \"_content\"),\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, packageComponent && renderThroughLayout && /*#__PURE__*/React.createElement(PageComponent, Object.assign({}, props, {\n appProps: updatedAppProps,\n Component: PageContent\n })), !(packageComponent && renderThroughLayout) && /*#__PURE__*/React.createElement(PageContent, Object.assign({}, props, {\n appProps: updatedAppProps\n }))), showFooter && /*#__PURE__*/React.createElement(Suspense, {\n key: \"\".concat(renderKey, \"_footer\"),\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, /*#__PURE__*/React.createElement(Footer, {\n appProps: updatedAppProps,\n errorScreen: props.errorScreen\n }))));\n}","import React from 'react';\nexport default function NumberInput(_ref) {\n var number = _ref.number,\n setNumber = _ref.setNumber,\n type = _ref.type,\n step = _ref.step,\n min = _ref.min,\n max = _ref.max,\n decimalPrecision = _ref.decimalPrecision;\n var numberType = type || 'integer';\n var precision = decimalPrecision || 2;\n var numberStep = step || (numberType === 'integer' ? step ? parseInt(step) : 1 : step ? parseFloat(step).toFixed(precision) : 0.1);\n var numberMin = min || 0;\n function handleChangeInput(event) {\n var value = event.target.value;\n var regex = new RegExp(/^\\d*$/);\n if (numberType !== 'integer') {\n if (decimalPrecision) {\n regex = new RegExp(\"^(\\\\d+\\\\.?\\\\d{0,\".concat(decimalPrecision, \"})?$\"));\n } else {\n regex = new RegExp(/^(\\d+\\.?\\d*)?$/);\n }\n }\n if (value.match(regex)) {\n if ((parseFloat(value) || 0) < numberMin) {\n return;\n }\n if (max !== undefined && (parseFloat(value) || 0) > max) {\n return;\n }\n setNumber(numberType === 'integer' ? parseInt(value) || '' : value);\n }\n }\n function handleIncrease() {\n var nextState = numberStep;\n if (number) {\n if (!max || max && parseFloat(number) + numberStep <= max) {\n nextState = parseFloat(number) + numberStep;\n } else {\n nextState = max;\n }\n }\n if (nextState < numberMin) {\n nextState = numberMin;\n }\n setNumber(numberType === 'integer' ? parseInt(nextState) : nextState.toFixed(precision));\n }\n function handleDecrease() {\n var nextState = 0;\n if (number) {\n if (parseFloat(number) - numberStep >= numberMin) {\n nextState = parseFloat(number) - numberStep;\n } else {\n nextState = numberMin;\n }\n }\n setNumber(numberType === 'integer' ? parseInt(nextState) : nextState.toFixed(precision));\n }\n function handleArrow(event) {\n if (event.key === 'ArrowUp') {\n handleIncrease();\n } else if (event.key === 'ArrowDown') {\n handleDecrease();\n }\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"number-input\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: number,\n onChange: handleChangeInput,\n onKeyDown: handleArrow\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"actions flex-box content-center\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"action up fa-light fa-sort-up\",\n onClick: handleIncrease\n }), /*#__PURE__*/React.createElement(\"i\", {\n className: \"action down fa-light fa-sort-down\",\n onClick: handleDecrease\n })));\n}","import React from 'react';\nexport default function RadioInput(_ref) {\n var identifier = _ref.identifier,\n options = _ref.options,\n currentOption = _ref.currentOption,\n setCurrentOption = _ref.setCurrentOption;\n var identifierKey = identifier || 'key';\n return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option) {\n var isCurrent = option[identifierKey] === currentOption;\n return /*#__PURE__*/React.createElement(\"div\", {\n key: option.key,\n className: \"radio-input flex-box items-center\",\n onClick: function onClick() {\n return setCurrentOption(option);\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"radio \".concat(isCurrent ? 'selected' : '', \" flex-box items-center content-center\")\n }, isCurrent && /*#__PURE__*/React.createElement(\"div\", {\n className: \"radio-filler\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"radio-option \".concat(isCurrent ? 'selected' : '')\n }, option.itemRenderer ? option.itemRenderer(option) : option.title));\n }));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect, useRef, useCallback } from 'react';\nimport InputField from './InputField';\nexport default function SelectInput(_ref) {\n var wrapperClasses = _ref.wrapperClasses,\n label = _ref.label,\n parseLabel = _ref.parseLabel,\n help = _ref.help,\n identifier = _ref.identifier,\n options = _ref.options,\n currentOption = _ref.currentOption,\n setCurrentOption = _ref.setCurrentOption,\n icon = _ref.icon,\n toggledIcon = _ref.toggledIcon,\n disabled = _ref.disabled,\n inputId = _ref.inputId;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n toggled = _useState2[0],\n _setToggled = _useState2[1];\n var _useState3 = useState(null),\n _useState4 = _slicedToArray(_useState3, 2),\n currentSelectedIndex = _useState4[0],\n _setCurrentSelectedIndex = _useState4[1];\n var didMountRef = useRef(false);\n var currentSelectedIndexRef = useRef(currentSelectedIndex);\n var toggledRef = useRef(toggled);\n var selectIdentifier = identifier || 'value';\n var current = options.find(function (option) {\n return option[selectIdentifier] === currentOption;\n });\n useEffect(function () {\n if (didMountRef.current) {\n if (toggledRef.current) {\n document.addEventListener('keydown', handleKeyDown, true);\n document.addEventListener('click', closeMenuWithEvent, true);\n setCurrentSelectedIndex(0);\n }\n } else {\n didMountRef.current = true;\n }\n }, [toggled]);\n function setToggled(state) {\n _setToggled(state);\n toggledRef.current = state;\n }\n function setCurrentSelectedIndex(state) {\n _setCurrentSelectedIndex(state);\n currentSelectedIndexRef.current = state;\n }\n function closeMenu() {\n document.removeEventListener('keydown', handleKeyDown, true);\n document.removeEventListener('click', closeMenuWithEvent, true);\n setToggled(false);\n setCurrentSelectedIndex(null);\n }\n var closeMenuWithEvent = useCallback(function (event) {\n if (event && !event.target.classList.contains('select-option')) {\n if (!event.target.classList.contains('input-wrapper')) {\n document.removeEventListener('keydown', handleKeyDown, true);\n document.removeEventListener('click', closeMenuWithEvent, true);\n }\n setToggled(false);\n setCurrentSelectedIndex(null);\n }\n }, [toggledRef.current]);\n var handleKeyDown = useCallback(function (event) {\n if (toggledRef.current) {\n if (event.key === 'Escape') {\n closeMenu();\n } else if (event.key === 'Enter') {\n if (currentSelectedIndexRef.current !== null) {\n selectOption(options[currentSelectedIndexRef.current]);\n }\n } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n event.preventDefault();\n var index = null;\n if (options.length) {\n if (event.key === 'ArrowUp') {\n if (currentSelectedIndexRef.current !== null && currentSelectedIndexRef.current > 0) {\n index = currentSelectedIndexRef.current - 1;\n } else {\n index = options.length - 1;\n }\n } else if (event.key === 'ArrowDown') {\n if (currentSelectedIndexRef.current !== null && currentSelectedIndexRef.current < options.length - 1) {\n index = currentSelectedIndexRef.current + 1;\n } else {\n index = 0;\n }\n }\n }\n if (index !== null) {\n setCurrentSelectedIndex(index);\n }\n }\n }\n }, [toggledRef.current]);\n function selectOption(option) {\n if (option.onSelect) {\n option.onSelect(option);\n } else {\n setCurrentOption(option);\n }\n closeMenu();\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"select-input\"\n }, /*#__PURE__*/React.createElement(InputField, {\n classes: wrapperClasses,\n label: label,\n parseLabel: parseLabel,\n help: help\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"input-wrapper\",\n onClick: function onClick() {\n return setToggled(!toggled);\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n id: inputId,\n type: \"text\",\n value: currentSelectedIndex ? options[currentSelectedIndex].title : current ? current.title : '',\n disabled: disabled,\n onChange: function onChange() {}\n }), !disabled && /*#__PURE__*/React.createElement(\"div\", {\n className: \"input-icon\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light \".concat(toggled ? toggledIcon || 'fa-chevron-up' : icon || 'fa-chevron-down')\n })), toggled && !disabled && /*#__PURE__*/React.createElement(\"div\", {\n className: \"select-options-overlay\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"select-options\"\n }, options.map(function (option, index) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: \"\".concat(option.value, \"_\").concat(index),\n className: \"select-option \".concat(currentSelectedIndex === index ? 'selected' : ''),\n onMouseEnter: function onMouseEnter() {\n return setCurrentSelectedIndex(index);\n },\n onClick: function onClick() {\n return selectOption(option);\n }\n }, option.itemRenderer ? option.itemRenderer(option) : option.title);\n }))))));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState } from 'react';\nimport Modal from './Modal';\nimport Authentication from '../authentication';\nexport default function AuthorizableLink(_ref) {\n var appProps = _ref.appProps,\n linkClass = _ref.linkClass,\n linkContent = _ref.linkContent,\n linkRef = _ref.linkRef,\n authorizableScreen = _ref.authorizableScreen;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n authorizationModal = _useState2[0],\n setAuthorizationModal = _useState2[1];\n function handleAuthorization(e) {\n e.preventDefault();\n if (appProps.user) {\n window.location.href = linkRef;\n } else {\n setAuthorizationModal(true);\n }\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"a\", {\n className: linkClass,\n href: linkRef,\n onClick: handleAuthorization\n }, linkContent), authorizationModal && /*#__PURE__*/React.createElement(Modal, {\n visible: true,\n mode: \"medium\",\n elementsClass: \"\",\n theme: \"body-bg\",\n closeModal: function closeModal() {\n return setAuthorizationModal(false);\n }\n }, /*#__PURE__*/React.createElement(Authentication, {\n appProps: appProps,\n authorizableRedirectionLink: appProps.redirectAfterAuthPath,\n authorizableRedirectionCompanyLink: appProps.redirectAfterRegisterAsCompanyPath,\n authorizableScreen: authorizableScreen\n })));\n}","import React, { useState } from 'react';\nimport Modal from './Modal';\nimport Authentication from '../authentication';\nexport default function AuthorizableModal(_ref) {\n var appProps = _ref.appProps,\n authorizableScreen = _ref.authorizableScreen,\n extraParams = _ref.extraParams;\n return /*#__PURE__*/React.createElement(Modal, {\n visible: true,\n mode: \"medium\",\n elementsClass: \"content-center\",\n theme: \"body-bg\",\n closeModal: function closeModal() {\n window.location.href = appProps.rootPath;\n }\n }, /*#__PURE__*/React.createElement(Authentication, {\n appProps: appProps,\n authorizableRedirectionLink: appProps.redirectAfterAuthPath,\n authorizableRedirectionCompanyLink: appProps.redirectAfterRegisterAsCompanyPath,\n authorizableScreen: authorizableScreen,\n extraParams: extraParams\n }));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState } from 'react';\nimport { Loader } from '../../App';\nexport default function LogoutLink(_ref) {\n var logoutPath = _ref.logoutPath,\n redirectAfterAuthPath = _ref.redirectAfterAuthPath;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n logoutLoading = _useState2[0],\n setLogoutLoading = _useState2[1];\n function handleLogout(e) {\n e.preventDefault();\n setLogoutLoading(true);\n var fd = new FormData();\n fd.append('authorized_redirection_url', redirectAfterAuthPath);\n Rails.ajax({\n type: 'DELETE',\n url: logoutPath,\n dataType: 'json',\n data: fd,\n success: function success(res) {\n window.location.href = res.redirectUrl || '/';\n },\n error: function error(res) {\n setLogoutLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"a\", {\n href: \"#\",\n className: \"logout_icon\",\n onClick: handleLogout\n }), logoutLoading && /*#__PURE__*/React.createElement(Loader, {\n fullPage: true,\n size: \"large\"\n }));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useMemo, useEffect, useState } from \"react\";\nimport { useStripe, useElements, CardNumberElement, CardCvcElement, CardExpiryElement } from \"@stripe/react-stripe-js\";\nvar useOptions = function useOptions() {\n var options = useMemo(function () {\n return {\n style: {\n base: {\n color: \"#424770\",\n letterSpacing: \"0.025em\",\n fontFamily: \"Source Code Pro, monospace\",\n \"::placeholder\": {\n color: \"#aab7c4\"\n }\n },\n invalid: {\n color: \"#9e2146\"\n }\n }\n };\n }\n // [fontSize]\n );\n\n return options;\n};\nvar StripeCheckoutForm = function StripeCheckoutForm(_ref) {\n var submitStripeCard = _ref.submitStripeCard,\n setStripeError = _ref.setStripeError,\n completeOrder = _ref.completeOrder,\n stripePaymentIntentClientSecret = _ref.stripePaymentIntentClientSecret,\n stripePaymentIntentActionType = _ref.stripePaymentIntentActionType,\n stripeSetupIntentClientSecret = _ref.stripeSetupIntentClientSecret,\n stripeSetupIntentActionType = _ref.stripeSetupIntentActionType,\n orderId = _ref.orderId,\n type = _ref.type,\n creditToken = _ref.creditToken,\n appProps = _ref.appProps,\n setIsLoading = _ref.setIsLoading,\n cardsPath = _ref.cardsPath,\n paymentMethodId = _ref.paymentMethodId,\n setCurrentCardPath = _ref.setCurrentCardPath,\n billingDetails = _ref.billingDetails,\n payableAlreadyCompleted = _ref.payableAlreadyCompleted;\n var stripe = useStripe();\n var elements = useElements();\n var options = useOptions();\n var _useState = useState([]),\n _useState2 = _slicedToArray(_useState, 2),\n cards = _useState2[0],\n setCards = _useState2[1];\n var _useState3 = useState(appProps.user ? false : true),\n _useState4 = _slicedToArray(_useState3, 2),\n addNewCard = _useState4[0],\n setAddNewCard = _useState4[1];\n useEffect(function () {\n if (appProps.user) {\n setIsLoading(true);\n Rails.ajax({\n type: 'GET',\n url: \"\".concat(cardsPath, \"?payment_method_id=\").concat(paymentMethodId),\n dataType: 'json',\n success: function success(res) {\n setIsLoading(false);\n if (res.cards) {\n setCards(res.cards);\n setAddNewCard(res.cards.length == 0);\n }\n },\n error: function error(res) {\n setIsLoading(false);\n if (res.error) {\n appProps.flashMessage.show(res.error, 'error');\n }\n }\n });\n }\n }, []);\n useEffect(function () {\n if (submitStripeCard) {\n if (!stripe || !elements) {\n // Stripe.js has not loaded yet. Make sure to disable\n // form submission until Stripe.js has loaded.\n return;\n }\n if (!addNewCard) {\n var relevantCard = cards.find(function (card) {\n return card.current;\n });\n completeOrder(relevantCard.stripePaymentMethod);\n } else {\n stripe.createPaymentMethod({\n type: \"card\",\n card: elements.getElement(CardNumberElement),\n billing_details: billingDetails\n }).then(function (payload) {\n if (payload.error) {\n if (appProps.flashMessage) {\n appProps.flashMessage.show(payload.error.message, 'error');\n }\n setStripeError();\n } else {\n completeOrder(payload.paymentMethod.id);\n }\n });\n }\n }\n }, [submitStripeCard]);\n useEffect(function () {\n if (stripePaymentIntentClientSecret || stripeSetupIntentClientSecret) {\n if (stripePaymentIntentActionType === \"requires_action\" || stripeSetupIntentActionType === \"requires_action\") {\n // If the customer is required to pay at the time of booking we follow the normal flow\n // Otherwise we confirm the stripe setup(no payment is made)\n // A customer may not be charged initially if the reservation has a policy that\n // does not charge you at the time of booking\n\n if (stripePaymentIntentClientSecret) {\n stripe.confirmCardPayment(stripePaymentIntentClientSecret).then(function (payload) {\n if (payload.error) {\n if (appProps.flashMessage) {\n appProps.flashMessage.show(payload.error.message, 'error');\n }\n setStripeError();\n window.location.reload();\n } else {\n var formData = new FormData();\n formData.append('payment_intent_id', payload.paymentIntent.id);\n formData.append('orderid', orderId);\n formData.append('type', type);\n if (creditToken) {\n formData.append('credit_token', creditToken);\n }\n if (payableAlreadyCompleted) {\n formData.append('payable_already_completed', true);\n }\n Rails.ajax({\n url: '/stripe_payment/success',\n type: 'POST',\n dataType: 'json',\n accept: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirect_url) {\n if (res.message) {\n appProps.flashMessage.show(res.message, 'success');\n }\n window.location.href = res.redirect_url;\n } else {\n setStripeError();\n }\n },\n error: function error(res) {\n setStripeError();\n }\n });\n }\n });\n } else {\n stripe.confirmSetup({\n clientSecret: stripeSetupIntentClientSecret,\n redirect: 'if_required'\n }).then(function (payload) {\n if (payload.error) {\n if (appProps.flashMessage) {\n appProps.flashMessage.show(payload.error.message, 'error');\n }\n setStripeError();\n window.location.reload();\n } else {\n var formData = new FormData();\n formData.append('setup_intent_id', payload.setupIntent.id);\n formData.append('orderid', orderId);\n formData.append('type', type);\n if (creditToken) {\n formData.append('credit_token', creditToken);\n }\n if (payableAlreadyCompleted) {\n formData.append('payable_already_completed', true);\n }\n Rails.ajax({\n url: '/stripe_payment/success',\n type: 'POST',\n dataType: 'json',\n accept: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirect_url) {\n window.location.href = res.redirect_url;\n } else {\n setStripeError();\n }\n },\n error: function error(res) {\n setStripeError();\n }\n });\n }\n });\n }\n } else if (stripePaymentIntentActionType === \"requires_confirmation\") {\n stripe.handleCardAction(stripePaymentIntentClientSecret).then(function (payload) {\n if (payload.error) {\n if (appProps.flashMessage) {\n appProps.flashMessage.show(payload.error.message, 'error');\n }\n setStripeError();\n window.location.reload();\n } else {\n var formData = new FormData();\n formData.append('payment_intent_id', payload.paymentIntent.id);\n formData.append('orderid', orderId);\n formData.append('type', type);\n if (creditToken) {\n formData.append('credit_token', creditToken);\n }\n Rails.ajax({\n url: '/stripe_payment/confirm_payment_intent',\n type: 'POST',\n dataType: 'json',\n accept: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirect_url) {\n window.location.href = res.redirect_url;\n } else {\n setStripeError();\n }\n },\n error: function error(res) {\n setStripeError();\n }\n });\n }\n });\n }\n }\n }, [stripePaymentIntentClientSecret, stripeSetupIntentClientSecret]);\n var setPrimaryCard = function setPrimaryCard(card) {\n if (!card.current) {\n setIsLoading(true);\n var fd = new FormData();\n fd.append('card_details[id]', card.id);\n fd.append('card_details[payment_method_id]', paymentMethodId);\n Rails.ajax({\n type: 'POST',\n url: setCurrentCardPath,\n dataType: 'json',\n data: fd,\n success: function success(res) {\n if (res.cards) {\n setCards(res.cards);\n }\n },\n error: function error(res) {\n if (res.error) {\n appProps.flashMessage.show(res.error, 'error');\n }\n },\n complete: function complete(_) {\n setIsLoading(false);\n }\n });\n }\n };\n return /*#__PURE__*/React.createElement(React.Fragment, null, cards.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n className: \"switch-wrapper content-end m-b-30\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center\"\n }, /*#__PURE__*/React.createElement(\"label\", {\n className: \"switch\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n id: \"add-new-card-toggle\",\n type: \"checkbox\",\n name: \"addNewCardToggle\",\n defaultChecked: addNewCard,\n onChange: function onChange(_e) {\n return setAddNewCard(function (prevState) {\n return !prevState;\n });\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"slider round\"\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"switch-text\"\n }, \"Add new card\")), !addNewCard && /*#__PURE__*/React.createElement(\"div\", {\n className: \"tokenized-cards-wrapper\"\n }, cards.map(function (card) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: card.id,\n className: \"tokenized-card \".concat(card.current ? 'current' : ''),\n style: {\n flexBasis: '100%'\n },\n onClick: function onClick() {\n return setPrimaryCard(card);\n }\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"https://storage.googleapis.com/reactive_files_eu/payment_processors/card_issuers/\".concat(card.issuer, \".svg\"),\n style: {\n width: 50\n }\n }), ['amex', 'diners', 'discover', 'maestro', 'mastercard', 'visa'].includes(card.issuer) && /*#__PURE__*/React.createElement(\"div\", {\n className: \"tokenized-card-pan\"\n }, \"********\".concat(card.panLast)));\n })), addNewCard && /*#__PURE__*/React.createElement(\"form\", {\n className: \"stripe-elements-wrapper\"\n }, /*#__PURE__*/React.createElement(\"label\", null, \"Card number\", /*#__PURE__*/React.createElement(CardNumberElement, {\n options: options,\n onReady: function onReady() {},\n onChange: function onChange(event) {},\n onBlur: function onBlur() {},\n onFocus: function onFocus() {}\n })), /*#__PURE__*/React.createElement(\"label\", null, \"Expiration date\", /*#__PURE__*/React.createElement(CardExpiryElement, {\n options: options,\n onReady: function onReady() {},\n onChange: function onChange(event) {},\n onBlur: function onBlur() {},\n onFocus: function onFocus() {}\n })), /*#__PURE__*/React.createElement(\"label\", null, \"CVC\", /*#__PURE__*/React.createElement(CardCvcElement, {\n options: options,\n onReady: function onReady() {},\n onChange: function onChange(event) {},\n onBlur: function onBlur() {},\n onFocus: function onFocus() {}\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"stripe-copyright\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"stripe-logo\"\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"https://storage.googleapis.com/reactive_files_eu/payment_processors/stripe-logo.jpg\"\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"stripe-text\"\n }, \"Payments are powered, processed and fully secured by \", /*#__PURE__*/React.createElement(\"b\", null, \"Stripe\"), \". We never keep credit card information in our systems.\"))));\n};\nexport default StripeCheckoutForm;","import React from 'react';\nexport default function Sidebar(_ref) {\n var appProps = _ref.appProps,\n sidebarContent = _ref.sidebarContent;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"sidebar\"\n }, sidebarContent.map(function (sidebarElement, index) {\n if (!sidebarElement.hidden) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: index,\n className: \"sidebar-element \".concat(sidebarElement.isDelete ? 'delete' : '', \" \").concat(!sidebarElement.isDelete && window.location.pathname === sidebarElement.path ? 'active' : ''),\n onClick: function onClick() {\n window.location.href = sidebarElement.path;\n }\n }, sidebarElement.title);\n }\n }));\n}","import React from 'react';\nexport default function BankDetails(_ref) {\n var appProps = _ref.appProps,\n bankDetails = _ref.bankDetails,\n hideExtraInfo = _ref.hideExtraInfo;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"bank-details-wrapper flex-box flex-column\",\n style: hideExtraInfo ? {} : {\n marginBottom: 20\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\",\n style: {\n marginBottom: 10\n }\n }, Store.translations.bank_accounts), /*#__PURE__*/React.createElement(\"div\", {\n className: \"bank-details flex-box \".concat(!hideExtraInfo ? 'flex-column' : ''),\n style: hideExtraInfo ? {} : {\n background: '#f9f9f9',\n padding: '10px 20px'\n }\n }, bankDetails.map(function (detail, index) {\n var _detail$translations$, _detail$translations$2, _detail$translations$3, _detail$translations$4, _detail$translations$5, _detail$translations$6;\n return /*#__PURE__*/React.createElement(\"div\", {\n key: index,\n className: \"bank-detail flex-box flex-wrap\",\n style: {\n marginBottom: 10\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-1 \".concat(!hideExtraInfo ? 'flex-column' : '')\n }, !hideExtraInfo && /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.bank_name), /*#__PURE__*/React.createElement(\"div\", {\n style: !hideExtraInfo ? {} : {\n marginRight: 10\n }\n }, (_detail$translations$ = (_detail$translations$2 = detail.translations.find(function (item) {\n return item.locale === appProps.currentLocale;\n })) === null || _detail$translations$2 === void 0 ? void 0 : _detail$translations$2.bankName) !== null && _detail$translations$ !== void 0 ? _detail$translations$ : detail.translations[0].bankName)), !hideExtraInfo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-column\",\n style: {\n width: '50%'\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.account_name), /*#__PURE__*/React.createElement(\"div\", null, (_detail$translations$3 = (_detail$translations$4 = detail.translations.find(function (item) {\n return item.locale === appProps.currentLocale;\n })) === null || _detail$translations$4 === void 0 ? void 0 : _detail$translations$4.accountName) !== null && _detail$translations$3 !== void 0 ? _detail$translations$3 : detail.translations[0].accountName)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-column\",\n style: {\n width: '50%'\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.account_number), /*#__PURE__*/React.createElement(\"div\", null, detail.accountNumber)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-column\",\n style: {\n width: '50%'\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.iban), /*#__PURE__*/React.createElement(\"div\", null, detail.iban)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-column\",\n style: {\n width: '50%'\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.swift_code), /*#__PURE__*/React.createElement(\"div\", null, detail.swiftCode)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box flex-column\",\n style: {\n width: '100%'\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold\"\n }, Store.translations.additional_details), /*#__PURE__*/React.createElement(\"div\", {\n dangerouslySetInnerHTML: {\n __html: (_detail$translations$5 = (_detail$translations$6 = detail.translations.find(function (item) {\n return item.locale === appProps.currentLocale;\n })) === null || _detail$translations$6 === void 0 ? void 0 : _detail$translations$6.additionalDetails) !== null && _detail$translations$5 !== void 0 ? _detail$translations$5 : detail.translations[0].additionalDetails\n }\n }))));\n })));\n}","function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError(\"Cannot destructure \" + obj); }\nimport React from 'react';\nexport default function DotsCircleLoader(_ref) {\n _objectDestructuringEmpty(_ref);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"dots-circle-loader\"\n });\n}","import React, { useMemo, lazy, Suspense } from 'react';\nexport default function Builder(_ref) {\n var appProps = _ref.appProps;\n var BuilderV1 = /*#__PURE__*/lazy(function () {\n return import('./Content');\n });\n var BuilderV2 = /*#__PURE__*/lazy(function () {\n return import('@reactiveonline/reactive_builder_parser');\n });\n var newBuilderEnabled = appProps.newBuilderEnabled;\n var builderContent = useMemo(function () {\n return /*#__PURE__*/React.createElement(Suspense, {\n fallback: /*#__PURE__*/React.createElement(\"div\", null)\n }, newBuilderEnabled && /*#__PURE__*/React.createElement(BuilderV2, {\n contentUrl: appProps.builderData.contentUrl,\n googleCloudBucket: appProps.builderData.googleCloudBucket,\n settings: appProps.builderData.settings,\n extraData: appProps\n }), !newBuilderEnabled && /*#__PURE__*/React.createElement(BuilderV1, {\n appProps: appProps\n }));\n }, []);\n return builderContent;\n}","// app/javascript/channels/consumer.js\n// Action Cable provides the framework to deal with WebSockets in Rails.\n// You can generate new channels where WebSocket features live using the `bin/rails generate channel` command.\n\nimport { createConsumer } from \"@rails/actioncable\";\nexport default createConsumer();","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport { Loader } from '../../App';\nimport { formatDate } from '../../utils';\nimport consumer from '../../channels/consumer';\nimport moment from 'moment';\nexport default function Chat(_ref) {\n var appProps = _ref.appProps,\n chattableId = _ref.chattableId,\n chattableApiUid = _ref.chattableApiUid,\n chattableType = _ref.chattableType,\n createChatMessagePath = _ref.createChatMessagePath,\n fetchChatMessagesPath = _ref.fetchChatMessagesPath,\n chatTitle = _ref.chatTitle;\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n fetching = _useState2[0],\n setFetching = _useState2[1];\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n loading = _useState4[0],\n setLoading = _useState4[1];\n var _useState5 = useState([]),\n _useState6 = _slicedToArray(_useState5, 2),\n chatMessages = _useState6[0],\n setChatMessages = _useState6[1];\n var _useState7 = useState(''),\n _useState8 = _slicedToArray(_useState7, 2),\n reply = _useState8[0],\n setReply = _useState8[1];\n var _useState9 = useState(null),\n _useState10 = _slicedToArray(_useState9, 2),\n userInfo = _useState10[0],\n setUserInfo = _useState10[1];\n var translations = appProps.translations,\n flashMessage = appProps.flashMessage,\n user = appProps.user;\n var currentDate = formatDate(new Date(), true).date;\n useEffect(function () {\n fetchReplies();\n var cable = consumer.subscriptions.create({\n channel: 'ChatChannel',\n chattable_type: chattableType,\n chattable_api_uid: chattableApiUid\n }, {\n received: function received(data) {\n receivedMessage(data);\n }\n });\n return function () {\n consumer.subscriptions.remove(cable);\n };\n }, []);\n function fetchReplies() {\n setFetching(true);\n Rails.ajax({\n type: 'GET',\n url: \"\".concat(fetchChatMessagesPath, \"?chattable_id=\").concat(chattableId, \"&chattable_type=\").concat(chattableType),\n dataType: 'json',\n success: function success(res) {\n setChatMessages(res.items.map(function (message) {\n return _objectSpread(_objectSpread({}, message), formatDate(message.createdAt, true));\n }));\n if (res.userInfo) {\n setUserInfo(res.userInfo);\n }\n },\n complete: function complete(res) {\n setFetching(false);\n }\n });\n }\n function receivedMessage(data) {\n var action = data.action;\n var message = data.data.message;\n switch (action) {\n case 'Create':\n setTimeout(function () {\n setChatMessages(function (prevState) {\n if (!prevState.map(function (item) {\n return item.id;\n }).includes(message.id)) {\n return [].concat(_toConsumableArray(prevState), [_objectSpread(_objectSpread({}, message), formatDate(message.createdAt, true))]);\n }\n return prevState;\n });\n }, 200);\n break;\n }\n }\n function sendReply() {\n setLoading(true);\n if (reply.trim() === \"\") {\n return;\n }\n var formData = new FormData();\n formData.append('message[content]', reply);\n Rails.ajax({\n url: \"\".concat(createChatMessagePath, \"?chattable_type=\").concat(chattableType, \"&chattable_id=\").concat(chattableId),\n type: 'POST',\n dataType: 'json',\n data: formData,\n success: function success(res) {\n setChatMessages(function (prevState) {\n return [].concat(_toConsumableArray(prevState), [_objectSpread(_objectSpread({}, res.message), formatDate(res.message.createdAt, true))]);\n });\n },\n error: function error(res) {\n flashMessage.show('Error', 'error');\n },\n complete: function complete(res) {\n setLoading(false);\n setReply('');\n }\n });\n }\n function renderMessages() {\n return /*#__PURE__*/React.createElement(React.Fragment, null, chatMessages.map(function (message, index) {\n var previousMessage = index >= 0 && chatMessages[index - 1];\n var nextMessage = index < chatMessages.length - 1 && chatMessages[index + 1];\n var messageCreator = message.user || message.chatter;\n var isCurrentUser = !!message.user;\n var avatar = message.user && userInfo && userInfo.avatar;\n var messageCreatorName = message.user ? userInfo ? userInfo.fullname : translations.general.user : messageCreator.fullname || messageCreator.fullName || messageCreator.full_name || message.chatter && translations.general.administrator;\n var messagerType = message.user ? 'user' : message.chatter.type;\n var messagerIcon = messagerType === 'user' ? 'fa-circle-user' : messagerType === 'administrator' ? 'fa-user-shield' : 'fa-user-tie';\n var showDate = !previousMessage || previousMessage.date !== message.date;\n var showUser = showDate || !previousMessage || previousMessage.user && message.chatter || previousMessage.chatter && message.user || previousMessage.user && message.user && previousMessage.user.id !== message.user.id || previousMessage.chatter && message.chatter && (previousMessage.chatter.id !== message.chatter.id || previousMessage.chatter.type !== message.chatter.type);\n var showTime = !nextMessage || nextMessage.createdAt !== message.createdAt || nextMessage.user && message.chatter || nextMessage.chatter && message.user || nextMessage.user && message.user && nextMessage.user.id !== message.user.id || nextMessage.chatter && message.chatter && (nextMessage.chatter.id !== message.chatter.id || nextMessage.chatter.type !== message.chatter.type) || moment(nextMessage.time, 'HH:mm') - moment(message.time, 'HH:mm') > 60000;\n return /*#__PURE__*/React.createElement(\"div\", {\n key: message.id,\n className: \"comment-wrapper\"\n }, showDate && /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-date flex-box content-center\"\n }, message.date == currentDate ? 'Today' : message.date), showUser && /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-header flex-box \".concat(isCurrentUser ? 'content-end' : '')\n }, isCurrentUser && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-user reversed\"\n }, messageCreatorName), avatar && /*#__PURE__*/React.createElement(\"img\", {\n className: \"comment-avatar\",\n src: avatar\n }), !avatar && /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-avatar-icon-wrapper flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"comment-avatar-icon fal \".concat(messagerIcon, \" color-scheme\")\n }))), !isCurrentUser && /*#__PURE__*/React.createElement(React.Fragment, null, avatar && /*#__PURE__*/React.createElement(\"img\", {\n className: \"comment-avatar\",\n src: avatar\n }), !avatar && /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-avatar-icon-wrapper flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"comment-avatar-icon fal \".concat(messagerIcon, \" color-scheme\")\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-user\"\n }, messageCreatorName))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box \".concat(isCurrentUser ? 'content-end' : '')\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-content-wrapper \".concat(isCurrentUser ? 'reversed' : '', \" \").concat(showTime ? 'time' : '')\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"comment-content \".concat(showTime ? 'time' : ''),\n dangerouslySetInnerHTML: {\n __html: message.content.replaceAll('\\n', '\n
\n \n
\n \n { value }
\n- \n {\n options && options.map( (option, index) => {\n return (\n
') + (showTime ? \"\".concat(message.time, \"\") : '')\n }\n }))));\n }));\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\"\n }, /*#__PURE__*/React.createElement(\"h3\", null, /*#__PURE__*/React.createElement(\"b\", null, chatTitle)), /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-container\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-content\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"comments-wrapper\"\n }, renderMessages()))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"chat-wrapper\"\n }, fetching && /*#__PURE__*/React.createElement(Loader, {\n size: \"medium\",\n position: \"center\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-end\"\n }, !fetching && !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"textarea\", {\n className: \"new-comment\",\n style: {\n marginTop: '10px',\n marginRight: 20\n },\n value: reply,\n onChange: function onChange(event) {\n return setReply(event.target.value);\n }\n }), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: \"btn flex-box\",\n disabled: loading || !reply,\n onClick: function onClick() {\n return sendReply();\n }\n }, translations.general.submit))))));\n}","import React, { useEffect } from 'react';\nimport * as Sentry from \"@sentry/react\";\nexport default function GlobalContainers(_ref) {\n var appProps = _ref.appProps;\n var currentLocale = appProps.currentLocale,\n siteWideNotice = appProps.siteWideNotice,\n adminLoggedIn = appProps.adminLoggedIn,\n translations = appProps.translations;\n useEffect(function () {\n if (appProps.isProduction) {\n Sentry.init({\n dsn: appProps.sentryReactDsn,\n integrations: []\n });\n }\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n id: \"top-banner-full-width-ajax-container\"\n }), siteWideNotice && /*#__PURE__*/React.createElement(\"div\", {\n className: \"sitewide-notice flex-box items-center flex-wrap\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"notice-text\"\n }, translations.locked_status_notice), /*#__PURE__*/React.createElement(\"div\", {\n className: \"button-wrapper flex-box content-end\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n className: \"button\",\n href: \"/admin/\".concat(currentLocale)\n }, translations.access_admin))), adminLoggedIn && /*#__PURE__*/React.createElement(\"div\", {\n className: \"access-admin-wrapper\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"floating-btn-wrapper flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n className: \"flex-box items-center content-center\",\n href: \"/admin/\".concat(currentLocale),\n target: \"_blank\",\n rel: \"nofollow noindex\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"access-admin\"\n }, translations.access_admin))));\n}","function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from \"react\";\nimport ReactPixel from \"react-facebook-pixel\";\nimport cookie from \"react-cookies\";\nimport LegacyAnalytics from './LegacyAnalytics';\nimport GoogleAnalytics from './GoogleAnalytics';\nexport default function TrackersInit(_ref) {\n var appProps = _ref.appProps;\n var marketingCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").marketingCookies === true;\n var statisticsCookies = cookie.load(\"cookieSettings\") && cookie.load(\"cookieSettings\").statisticsCookies === true;\n var _useState = useState(cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies && appProps.googleMeasurementId),\n _useState2 = _slicedToArray(_useState, 2),\n measurementEnabled = _useState2[0],\n setMeasurementEnabled = _useState2[1];\n var _useState3 = useState(cookie.load(\"cookieConsent\") === \"YES\" && statisticsCookies && appProps.googleAnalyticsId),\n _useState4 = _slicedToArray(_useState3, 2),\n legacyAnalyticsEnabled = _useState4[0],\n setLegacyAnalyticsEnabled = _useState4[1];\n useEffect(function () {\n if (cookie.load(\"cookieConsent\") === \"YES\" && marketingCookies) {\n ReactPixel.init(appProps.facebookPixelId);\n ReactPixel.pageView();\n }\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null, measurementEnabled ? /*#__PURE__*/React.createElement(GoogleAnalytics, {\n appProps: appProps\n }) : /*#__PURE__*/React.createElement(React.Fragment, null, legacyAnalyticsEnabled && /*#__PURE__*/React.createElement(LegacyAnalytics, {\n appProps: appProps\n })));\n}","import React, { useEffect } from \"react\";\nimport ReactGA from \"react-ga\";\nexport default function LegacyAnalytics(_ref) {\n var appProps = _ref.appProps;\n useEffect(function () {\n ReactGA.initialize(appProps.googleAnalyticsId);\n ReactGA.pageview(window.location.pathname + window.location.search);\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null);\n}","import React, { useEffect } from \"react\";\nimport ReactGA from \"react-ga4\";\nexport default function GoogleAnalytics(_ref) {\n var appProps = _ref.appProps;\n useEffect(function () {\n ReactGA.initialize(appProps.googleMeasurementId);\n ReactGA.send({\n hitType: \"pageview\",\n page: \"\".concat(window.location.pathname),\n title: \"\".concat(document.querySelector('title').innerText)\n });\n }, []);\n return /*#__PURE__*/React.createElement(React.Fragment, null);\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function Login(_ref) {\n var appProps = _ref.appProps,\n authorizableRedirectionLink = _ref.authorizableRedirectionLink,\n setAuthStep = _ref.setAuthStep,\n extraParams = _ref.extraParams;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(''),\n _useState4 = _slicedToArray(_useState3, 2),\n password = _useState4[0],\n setPassword = _useState4[1];\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n loading = _useState6[0],\n setLoading = _useState6[1];\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n passwordShown = _useState8[0],\n setPasswordShown = _useState8[1];\n var _useState9 = useState(false),\n _useState10 = _slicedToArray(_useState9, 2),\n hover = _useState10[0],\n setHover = _useState10[1];\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else {\n login();\n }\n }\n function login(event) {\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n formData.append('account[password]', password);\n formData.append('authorized_redirection_url', authorizableRedirectionLink);\n if (extraParams) {\n Object.entries(extraParams).forEach(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n formData.append(key, value);\n });\n }\n Rails.ajax({\n type: 'POST',\n url: appProps.loginPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirectUrl) {\n window.location.href = res.redirectUrl;\n } else {\n setLoading(false);\n }\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n function renderMssoAuthButton() {\n var csrfToken = document.querySelector(\"meta[name='csrf-token']\").getAttribute(\"content\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n marginTop: 50\n }\n }, /*#__PURE__*/React.createElement(\"form\", {\n action: \"/auth/msso_\".concat(appProps.mssoProviderId, \"_auth\"),\n method: \"post\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"authenticity_token\",\n value: csrfToken\n }), /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"locale\",\n value: appProps.currentLocale\n }), authorizableRedirectionLink && /*#__PURE__*/React.createElement(\"input\", {\n type: \"hidden\",\n name: \"authorizable_redirection_link\",\n value: authorizableRedirectionLink\n }), /*#__PURE__*/React.createElement(\"input\", {\n type: \"submit\",\n className: \"button\",\n value: appProps.translations.authentication.azureSignInButton\n })));\n }\n function renderLoginFields() {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"current-password\",\n value: password,\n onChange: function onChange(event) {\n return setPassword(event.target.value);\n }\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.loginButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, !appProps.disableRegistration && /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'register' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n href: \"#\",\n onMouseEnter: function onMouseEnter() {\n return setHover('register');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('register');\n }\n }, appProps.translations.authentication.registerButton), /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'forgotPassword' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('forgotPassword');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('forgotPassword');\n }\n }, appProps.translations.authentication.forgotPasswordLink)));\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.loginTo, \"\\xA0\", appProps.storeName && appProps.storeName !== \"\" ? appProps.storeName : appProps.siteUrl), appProps.mssoProviderId && appProps.mssoProviderId !== \"\" ? renderMssoAuthButton() : renderLoginFields()));\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function Register(_ref) {\n var appProps = _ref.appProps,\n authorizableRedirectionLink = _ref.authorizableRedirectionLink,\n authorizableRedirectionCompanyLink = _ref.authorizableRedirectionCompanyLink,\n setAuthStep = _ref.setAuthStep,\n extraParams = _ref.extraParams;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(''),\n _useState4 = _slicedToArray(_useState3, 2),\n password = _useState4[0],\n setPassword = _useState4[1];\n var _useState5 = useState({}),\n _useState6 = _slicedToArray(_useState5, 2),\n passwordValidator = _useState6[0],\n setPasswordValidator = _useState6[1];\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n loading = _useState8[0],\n setLoading = _useState8[1];\n var _useState9 = useState(false),\n _useState10 = _slicedToArray(_useState9, 2),\n passwordShown = _useState10[0],\n setPasswordShown = _useState10[1];\n var _useState11 = useState(false),\n _useState12 = _slicedToArray(_useState11, 2),\n hover = _useState12[0],\n setHover = _useState12[1];\n var _useState13 = useState(false),\n _useState14 = _slicedToArray(_useState13, 2),\n companyResgisterOption = _useState14[0],\n setCompanyRegisterOption = _useState14[1];\n function handlePassword(event) {\n var value = event.target.value;\n var validations = {};\n if (value.length >= 8) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n length: true\n });\n }\n if (value.match(/^.*\\d.*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n number: true\n });\n }\n if (value.match(/^.*[A-Z].*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n uppercase: true\n });\n }\n if (value.match(/^.*[a-z].*$/)) {\n validations = _objectSpread(_objectSpread({}, validations), {}, {\n lowercase: true\n });\n }\n setPasswordValidator(validations);\n setPassword(value);\n }\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else if (!(passwordValidator.length && passwordValidator.number && passwordValidator.uppercase && passwordValidator.lowercase)) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordValidationError, 'error');\n } else {\n register();\n }\n }\n function validateFieldsCompanyRegistration() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else if (password.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordBlank, 'error');\n } else if (!(passwordValidator.length && passwordValidator.number && passwordValidator.uppercase && passwordValidator.lowercase)) {\n appProps.flashMessage.show(appProps.translations.authentication.passwordValidationError, 'error');\n } else {\n setCompanyRegisterOption(true);\n }\n }\n function handleRegisterAsCompany() {\n setLoading(true);\n register(true);\n }\n function register() {\n var registerAsCompany = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n formData.append('account[password]', password);\n if (appProps.offerRegistrationCompanyOption && registerAsCompany) {\n formData.append('authorized_redirection_url', \"\".concat(authorizableRedirectionCompanyLink).concat(authorizableRedirectionCompanyLink.includes('?') ? '&' : '?', \"regcomp=1\"));\n } else {\n formData.append('authorized_redirection_url', authorizableRedirectionLink);\n }\n if (extraParams) {\n Object.entries(extraParams).forEach(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n formData.append(key, value);\n });\n }\n Rails.ajax({\n type: 'POST',\n url: appProps.registerPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.redirectUrl) {\n window.location.href = res.redirectUrl;\n } else {\n setLoading(false);\n }\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.registerTo, \"\\xA0\", appProps.storeName && appProps.storeName !== \"\" ? appProps.storeName : appProps.siteUrl), !appProps.offerRegistrationCompanyOption && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"new-password\",\n value: password,\n onChange: handlePassword\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field flex-box flex-wrap items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.length ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLength), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.number ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordNumber), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.uppercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordUppercase), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.lowercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLowercase)), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.registerButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n }))), appProps.offerRegistrationCompanyOption && /*#__PURE__*/React.createElement(React.Fragment, null, !companyResgisterOption ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: {\n position: 'relative'\n }\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.password), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: passwordShown ? \"text\" : \"password\",\n autoComplete: \"new-password\",\n value: password,\n onChange: handlePassword\n }), password.length > 0 && /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.showPassword\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pointer fa-light \".concat(passwordShown ? 'fa-eye-slash' : 'fa-eye'),\n onClick: function onClick() {\n return setPasswordShown(function (prevState) {\n return !prevState;\n });\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field flex-box flex-wrap items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.length ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLength), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.number ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordNumber), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.uppercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordUppercase), /*#__PURE__*/React.createElement(\"div\", {\n style: _objectSpread(_objectSpread({}, AuthenticationStyles.passValidator), passwordValidator.lowercase ? {} : AuthenticationStyles.invalid)\n }, appProps.translations.authentication.passwordLowercase)), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: validateFieldsCompanyRegistration\n }, appProps.translations.authentication.registerButton)))) : /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center flex-column\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"bold flex-box items-center centered\",\n style: {\n fontSize: 20,\n marginBottom: 30\n },\n onClick: function onClick() {\n return setCompanyRegisterOption(false);\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-chevron-left\",\n style: {\n width: 30\n }\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.choose_account_type)), !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center\",\n style: {\n gap: 20\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"tile flex-box items-center content-center flex-column centered pointer\",\n onClick: handleSubmit\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-user\"\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.register_as_user_option)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"tile flex-box items-center content-center flex-column centered pointer\",\n onClick: handleRegisterAsCompany\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fa-light fa-building\"\n }), /*#__PURE__*/React.createElement(\"div\", null, appProps.translations.account.register_as_company_option))) : /*#__PURE__*/React.createElement(Loader, {\n size: 'large',\n position: 'center'\n }))), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'login' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('login');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('login');\n }\n }, appProps.translations.authentication.loginButton), /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'forgotPassword' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('forgotPassword');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('forgotPassword');\n }\n }, appProps.translations.authentication.forgotPasswordLink))));\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nimport React, { useState, useEffect } from 'react';\nimport Loader from '../shared/Loader';\nimport { validateEmail } from '../../utils';\nimport { AuthenticationStyles } from './AuthenticationStyles';\nexport default function ForgotPassword(_ref) {\n var appProps = _ref.appProps,\n setAuthStep = _ref.setAuthStep;\n var _useState = useState(''),\n _useState2 = _slicedToArray(_useState, 2),\n email = _useState2[0],\n setEmail = _useState2[1];\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n loading = _useState4[0],\n setLoading = _useState4[1];\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n hover = _useState6[0],\n setHover = _useState6[1];\n function handleSubmit() {\n if (email.length === 0) {\n appProps.flashMessage.show(appProps.translations.authentication.emailBlank, 'error');\n } else if (!validateEmail(email)) {\n appProps.flashMessage.show(appProps.translations.authentication.emailInvalid, 'error');\n } else {\n resetPassword();\n }\n }\n function resetPassword(event) {\n setLoading(true);\n var formData = new FormData();\n formData.append('account[email]', email);\n Rails.ajax({\n type: 'POST',\n url: appProps.resetPasswordPath,\n dataType: 'json',\n data: formData,\n success: function success(res) {\n if (res.message) {\n appProps.flashMessage.show(res.message, 'success');\n setEmail('');\n }\n setLoading(false);\n },\n error: function error(res) {\n appProps.flashMessage.show(res.error, 'error');\n setLoading(false);\n }\n });\n }\n return /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authenticationWrapper,\n className: \"flex-box flex-column items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"auth-box\",\n style: AuthenticationStyles.authBox\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: AuthenticationStyles.h1\n }, appProps.translations.authentication.loginTitle), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.authBoxSubtitle\n }, appProps.translations.authentication.resetPasswordTitle), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n style: AuthenticationStyles.field\n }, /*#__PURE__*/React.createElement(\"label\", null, appProps.translations.authentication.email), /*#__PURE__*/React.createElement(\"input\", {\n style: AuthenticationStyles.input,\n type: \"email\",\n autoFocus: true,\n autoComplete: \"email\",\n placeholder: \"some@example.com\",\n value: email,\n onChange: function onChange(event) {\n return setEmail(event.target.value);\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actions\n }, !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-box items-center content-center\"\n }, /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"button\",\n onClick: handleSubmit\n }, appProps.translations.authentication.resetPasswordButton)) : /*#__PURE__*/React.createElement(Loader, {\n size: 'medium',\n position: 'center'\n })), /*#__PURE__*/React.createElement(\"div\", {\n style: AuthenticationStyles.actionLinks,\n className: \"flex-box items-center content-space-between\"\n }, /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'login' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('login');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('login');\n }\n }, appProps.translations.authentication.loginButton), !appProps.disableRegistration && /*#__PURE__*/React.createElement(\"a\", {\n style: _objectSpread({\n color: hover === 'register' ? appProps.frontendStyles.general.bodyTextLink : appProps.frontendStyles.general.bodyText\n }, AuthenticationStyles.link),\n onMouseEnter: function onMouseEnter() {\n return setHover('register');\n },\n onMouseLeave: function onMouseLeave() {\n return setHover(false);\n },\n href: \"#\",\n onClick: function onClick(e) {\n e.preventDefault();\n setAuthStep('register');\n }\n }, appProps.translations.authentication.registerButton))));\n}","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\nvar findScript = function findScript() {\n var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i];\n if (!V3_URL_REGEX.test(script.src)) {\n continue;\n }\n return script;\n }\n return null;\n};\nvar injectScript = function injectScript(params) {\n var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n var script = document.createElement('script');\n script.src = \"\".concat(V3_URL).concat(queryString);\n var headOrBody = document.head || document.body;\n if (!headOrBody) {\n throw new Error('Expected document.body not to be null. Stripe.js requires a element.');\n }\n headOrBody.appendChild(script);\n return script;\n};\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n if (!stripe || !stripe._registerWrapper) {\n return;\n }\n stripe._registerWrapper({\n name: 'stripe-js',\n version: \"2.1.7\",\n startTime: startTime\n });\n};\nvar stripePromise = null;\nvar loadScript = function loadScript(params) {\n // Ensure that we only attempt to load Stripe.js at most once\n if (stripePromise !== null) {\n return stripePromise;\n }\n stripePromise = new Promise(function (resolve, reject) {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n // Resolve to null when imported server side. This makes the module\n // safe to import in an isomorphic code base.\n resolve(null);\n return;\n }\n if (window.Stripe && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n }\n if (window.Stripe) {\n resolve(window.Stripe);\n return;\n }\n try {\n var script = findScript();\n if (script && params) {\n console.warn(EXISTING_SCRIPT_MESSAGE);\n } else if (!script) {\n script = injectScript(params);\n }\n script.addEventListener('load', function () {\n if (window.Stripe) {\n resolve(window.Stripe);\n } else {\n reject(new Error('Stripe.js not available'));\n }\n });\n script.addEventListener('error', function () {\n reject(new Error('Failed to load Stripe.js'));\n });\n } catch (error) {\n reject(error);\n return;\n }\n });\n return stripePromise;\n};\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n if (maybeStripe === null) {\n return null;\n }\n var stripe = maybeStripe.apply(undefined, args);\n registerWrapper(stripe, startTime);\n return stripe;\n}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\n\n// own script injection.\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n if (!loadCalled) {\n console.warn(err);\n }\n});\nvar loadStripe = function loadStripe() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n loadCalled = true;\n var startTime = Date.now();\n return stripePromise$1.then(function (maybeStripe) {\n return initStripe(maybeStripe, args, startTime);\n });\n};\nexport { loadStripe };","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport PropTypes from 'prop-types';\nimport merge from './merge'; // The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\n\nvar values = {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n};\nvar defaultBreakpoints = {\n // Sorted ASC by size. That's important.\n // It can't be configured as it's used statically for propTypes.\n keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n up: function up(key) {\n return \"@media (min-width:\".concat(values[key], \"px)\");\n }\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n if (process.env.NODE_ENV !== 'production') {\n if (!props.theme) {\n console.error('Material-UI: You are calling a style function without a theme value.');\n }\n }\n if (Array.isArray(propValue)) {\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n return propValue.reduce(function (acc, item, index) {\n acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n return acc;\n }, {});\n }\n if (_typeof(propValue) === 'object') {\n var _themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n return Object.keys(propValue).reduce(function (acc, breakpoint) {\n acc[_themeBreakpoints.up(breakpoint)] = styleFromPropValue(propValue[breakpoint]);\n return acc;\n }, {});\n }\n var output = styleFromPropValue(propValue);\n return output;\n}\nfunction breakpoints(styleFunction) {\n var newStyleFunction = function newStyleFunction(props) {\n var base = styleFunction(props);\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n var extended = themeBreakpoints.keys.reduce(function (acc, key) {\n if (props[key]) {\n acc = acc || {};\n acc[themeBreakpoints.up(key)] = styleFunction(_extends({\n theme: props.theme\n }, props[key]));\n }\n return acc;\n }, null);\n return merge(base, extended);\n };\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n xs: PropTypes.object,\n sm: PropTypes.object,\n md: PropTypes.object,\n lg: PropTypes.object,\n xl: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl'].concat(_toConsumableArray(styleFunction.filterProps));\n return newStyleFunction;\n}\nexport default breakpoints;","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nvar zIndex = {\n mobileStepper: 1000,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/3ffe3a5d82f6f561b82ff78d82b32a7d14aed558/js/src/modal.js#L512-L519\nexport default function getScrollbarSize() {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.width = '99px';\n scrollDiv.style.height = '99px';\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarSize;\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nimport { node } from './node-stack-trace.js';\nexport { filenameIsInApp } from './node-stack-trace.js';\nvar STACKTRACE_FRAME_LIMIT = 50;\n// Used to sanitize webpack (error: *) wrapped stack errors\nvar WEBPACK_ERROR_REGEXP = /\\(error: (.*)\\)/;\nvar STRIP_FRAME_REGEXP = /captureMessage|captureException/;\n\n/**\n * Creates a stack parser with the supplied line parsers\n *\n * StackFrames are returned in the correct order for Sentry Exception\n * frames and with Sentry SDK internal frames removed from the top and bottom\n *\n */\nfunction createStackParser() {\n for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {\n parsers[_key] = arguments[_key];\n }\n var sortedParsers = parsers.sort(function (a, b) {\n return a[0] - b[0];\n }).map(function (p) {\n return p[1];\n });\n return function (stack) {\n var skipFirst = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var frames = [];\n var lines = stack.split('\\n');\n for (var i = skipFirst; i < lines.length; i++) {\n var line = lines[i];\n // Ignore lines over 1kb as they are unlikely to be stack frames.\n // Many of the regular expressions use backtracking which results in run time that increases exponentially with\n // input size. Huge strings can result in hangs/Denial of Service:\n // https://github.com/getsentry/sentry-javascript/issues/2286\n if (line.length > 1024) {\n continue;\n }\n\n // https://github.com/getsentry/sentry-javascript/issues/5459\n // Remove webpack (error: *) wrappers\n var cleanedLine = WEBPACK_ERROR_REGEXP.test(line) ? line.replace(WEBPACK_ERROR_REGEXP, '$1') : line;\n\n // https://github.com/getsentry/sentry-javascript/issues/7813\n // Skip Error: lines\n if (cleanedLine.match(/\\S*Error: /)) {\n continue;\n }\n var _iterator = _createForOfIteratorHelper(sortedParsers),\n _step;\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var parser = _step.value;\n var frame = parser(cleanedLine);\n if (frame) {\n frames.push(frame);\n break;\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n if (frames.length >= STACKTRACE_FRAME_LIMIT) {\n break;\n }\n }\n return stripSentryFramesAndReverse(frames);\n };\n}\n\n/**\n * Gets a stack parser implementation from Options.stackParser\n * @see Options\n *\n * If options contains an array of line parsers, it is converted into a parser\n */\nfunction stackParserFromStackParserOptions(stackParser) {\n if (Array.isArray(stackParser)) {\n return createStackParser.apply(void 0, _toConsumableArray(stackParser));\n }\n return stackParser;\n}\n\n/**\n * Removes Sentry frames from the top and bottom of the stack if present and enforces a limit of max number of frames.\n * Assumes stack input is ordered from top to bottom and returns the reverse representation so call site of the\n * function that caused the crash is the last frame in the array.\n * @hidden\n */\nfunction stripSentryFramesAndReverse(stack) {\n if (!stack.length) {\n return [];\n }\n var localStack = Array.from(stack);\n\n // If stack starts with one of our API calls, remove it (starts, meaning it's the top of the stack - aka last call)\n if (/sentryWrapped/.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n }\n\n // Reversing in the middle of the procedure allows us to just pop the values off the stack\n localStack.reverse();\n\n // If stack ends with one of our internal API calls, remove it (ends, meaning it's the bottom of the stack - aka top-most call)\n if (STRIP_FRAME_REGEXP.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n\n // When using synthetic events, we will have a 2 levels deep stack, as `new Error('Sentry syntheticException')`\n // is produced within the hub itself, making it:\n //\n // Sentry.captureException()\n // getCurrentHub().captureException()\n //\n // instead of just the top `Sentry` call itself.\n // This forces us to possibly strip an additional frame in the exact same was as above.\n if (STRIP_FRAME_REGEXP.test(localStack[localStack.length - 1].function || '')) {\n localStack.pop();\n }\n }\n return localStack.slice(0, STACKTRACE_FRAME_LIMIT).map(function (frame) {\n return _objectSpread(_objectSpread({}, frame), {}, {\n filename: frame.filename || localStack[localStack.length - 1].filename,\n function: frame.function || '?'\n });\n });\n}\nvar defaultFunctionName = '
\n
\n\n { props.pageTitle }
\n\n { billingState.billingAddress ?\n
\n\n { paymentMethods.length > 0 &&\n <>\n \n
\n :\n \n
\n { !showAddressForm ?\n { props.pageTitle }
\n { props.canEditBilling && !showAddressForm &&\n setShowAddressForm(true) }>\n \n
\n }\n \n
\n : \n
\n \n
\n \n { props.appProps.translations.checkout.full_name }\n
\n { billingState.billingAddress.fullName }
\n \n
\n \n { props.appProps.translations.checkout.mobile_phone }\n
\n { billingState.billingAddress.mobile || billingState.billingAddress.mobilePhone }
\n \n
\n \n { props.appProps.translations.checkout.phone }\n
\n { billingState.billingAddress.phone }
\n \n
\n \n
\n \n { props.appProps.translations.checkout.city }\n
\n { billingState.billingAddress.city }
\n \n
\n \n \n { props.appProps.translations.checkout.address }\n
\n { billingState.billingAddress.address }
\n \n
\n }\n { props.appProps.translations.account.no_billing }
\n\n
\n\n { props.appProps.translations.account.billing_subtitle }
\n\n
\n \n
\n \n
\n \n { paymentMethods.map(paymentMethod => (\n
\n togglePaymentMethod(paymentMethod) }>\n { paymentMethod.title }\n
\n ))}\n \n
\n \n { selectedPaymentMethod && cards[selectedPaymentMethod.id] && cards[selectedPaymentMethod.id].length > 0 &&\n <>\n
\n \n }\n \n
\n \n { selectedPaymentMethod.title }\n
\n \n { cards[selectedPaymentMethod.id].map(card => (\n \n setPrimaryCard(card, selectedPaymentMethod.id) }>\n \n { ['amex', 'diners', 'discover', 'maestro', 'mastercard', 'visa'].includes(card.issuer) &&\n
\n ))\n }\n \n { `********${ card.panLast }` }\n
\n }\n \n { !card.current && destroyCard(card, selectedPaymentMethod.id) }/> }\n \n
\n\n { pageTitle }
\n { appProps.user.isCompanyMaster && !appProps.user.companyActive &&{ appProps.translations.account.company_pending_approval }
}\n\n\n
\n\n { loading &&\n \n
\n\n \n
\n\n {appProps.user.isCompanyMaster &&\n \n deleteFile(e) }\n setLoading={ setLoading }\n fileInputRef={ fileInputRef }\n destroyFilePath={ destroyFilePath }\n />\n
\n }\n\n {appProps.user.isCompanyMaster &&\n \n
\n }\n \n
\n\n { pageTitle }
\n\n
\n \n )\n}\n","import React from \"react\"\nimport TrackOrder from \"../../orders/TrackOrder\"\n\nexport default function OrderTracking({ pageName, pageTitle, appProps }) {\n\n return (\n <>\n \n
\n \n
\n \n )\n}\n","import React from 'react'\nimport OrderHistory from \"../OrderHistory\"\n\nexport default function Orders({\n appProps, pageTitle, listOrdersPath, listCompanyOrdersPath, showCompanyOrders\n}) {\n return (\n <>\n \n
\n { pageTitle }
\n\n
\n\n { pageTitle }
\n\n \n
\n \n )\n}\n","import { Product } from './elements/Product'\nimport { ProductList } from './elements/ProductList'\n\nexport function additionalElements(props) {\n return {\n product: {\n component: Product,\n props: props\n },\n product_list: {\n component: ProductList,\n props: props\n }\n }\n}\n","import React, { useState, useEffect } from 'react'\nimport ProductItem from '../../products/ProductItem'\n\nexport function Product({ appProps, item }) {\n const [loading, setLoading] = useState([])\n const [products, setProducts] = useState([])\n const settings = item.contentSettings\n\n useEffect( () => {\n if (settings.selectedProducts.length) {\n setLoading(true)\n\n $.ajax({\n type: 'GET',\n url: appProps.selectedProductsPath,\n data: {\n items: JSON.stringify(settings.selectedProducts)\n },\n dataType: 'json',\n success: res => {\n setProducts(res.items)\n setLoading(false)\n },\n error: res => {\n setLoading(false)\n },\n })\n }\n }, [])\n\n return (\n \n { products.map( (product, index) => (\n
\n )\n}\n","import React, { useState, useEffect } from \"react\"\nimport Select from \"react-select\"\nimport { SliderImages } from '@reactiveonline/frontend_shared_components'\n\nimport ProductDescription from \"./ProductDescription\"\nimport Options from \"./Options\"\nimport ProductShowBottom from \"./ProductShowBottom\"\nimport RelatedProducts from \"./RelatedProducts\"\nimport AddToCart from \"./AddToCart\"\nimport ProductStock from \"./ProductStock\"\nimport { customReactSelectStyles, customReactSelectTheme, getTranslatableField } from \"../../helpers/utils\"\nimport { loadProductViewAnalytics } from '../../helpers/analytics'\n\nexport default function ModalProduct({ modalProduct, appProps, currency, modalCategory, isBundleItem, isBundle }) {\n const product = modalProduct\n const upcEntry = product.attributes.filter(attr => attr.prototypeAttributeKey === \"UPC\")[0]\n const brandEntry = product.attributes.filter(attr => attr.prototypeAttributeKey === \"Brand\")[0]\n let upcValue = ''\n if(upcEntry) {\n upcValue = getTranslatableField(upcEntry, 'title', appProps.currentLocale, false)\n }\n let productImages = product.images.length > 0 ? product.images.map( image => {\n return {\n original: image.preview,\n thumbnail: image.thumbnail,\n fullscreen: image.banner,\n }\n }\n ) : [{\n original: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n thumbnail: '',\n fullscreen: ''\n }]\n\n const [displayPrice, setDisplayPrice] = useState(product.displayPrice)\n const [displayTaxPrice, setDisplayTaxPrice] = useState(product.displayTaxPrice)\n const [displayTotalPrice, setDisplayTotalPrice] = useState(product.displayTotalPrice)\n const [displayCompareToPrice, setDisplayCompareToPrice] = useState(product.displayCompareToPrice)\n const [sku, setSku] = useState(product.sku)\n const [upc, setUpc] = useState(upcValue)\n const [inStock, setInStock] = useState(product.inStock)\n const [stock, setStock] = useState(product.totalStock)\n const [onSale, setOnSale] = useState(product.onSale)\n const [onSalePercentage, setOnSalePercentage] = useState(product.onSalePercentage)\n const [loading, setLoading] = useState(false)\n const [selectedOptionsIds, setSelectedOptionsIds] = useState([])\n const [selectedQuantity, setSelectedQuantity] = useState(1)\n const [images, setImages] = useState(productImages)\n\n useEffect(() => {\n loadProductViewAnalytics(product, appProps)\n }, []);\n\n const productDescription = getTranslatableField(product, 'description', appProps.currentLocale, false)\n const productSubtitle = getTranslatableField(product, 'subtitle', appProps.currentLocale, false)\n let defaultQuantityOption = {value: 1, label: '1'}\n\n function updateStateProduct(pricesData) {\n let variantImages = pricesData.images ? pricesData.images.map(image => {\n return {\n original: image.preview,\n thumbnail: image.thumbnail,\n fullscreen: image.banner,\n originalAlt: image.file_name,\n thumbnailAlt: image.file_name,\n originalTitle: image.file_name\n }\n }) : []\n\n let mergedImages = variantImages.concat(productImages)\n\n if(mergedImages.length > 1){\n mergedImages = mergedImages.filter(img => img.original !== 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg')\n }\n\n const upcEntry = product.attributes.filter(attr => attr.prototypeAttributeKey === \"UPC\")[0]\n let upcValue = ''\n if(upcEntry) {\n upcValue = getTranslatableField(upcEntry, 'title', appProps.currentLocale, false)\n }\n\n setDisplayPrice(pricesData.displayPrice)\n setDisplayTaxPrice(pricesData.displayTaxPrice)\n setDisplayTotalPrice(pricesData.displayTotalPrice)\n setDisplayCompareToPrice(pricesData.displayCompareToPrice)\n setSku(pricesData.sku || product.sku)\n setUpc(pricesData.upc || upcValue)\n setInStock('inStock' in pricesData ? pricesData.inStock : product.inStock)\n setStock('totalStock' in pricesData ? pricesData.totalStock : product.totalStock)\n setOnSale('onSale' in pricesData ? pricesData.onSale : product.onSale)\n setOnSalePercentage('onSalePercentage' in pricesData ? pricesData.onSalePercentage : product.onSalePercentage)\n setSelectedQuantity(1)\n setImages(mergedImages)\n setLoading(false)\n }\n\n function updateStateSelectedOptionsIds(optionsIds) {\n setSelectedOptionsIds(optionsIds)\n }\n\n return (\n <>\n \n
\n\n \n
\n \n { product.badges && product.badges.map( (badge, index) => (\n
\n }\n { !isBundleItem && onSale &&\n \n { onSale && `-${Math.round(onSalePercentage)}%` }\n
\n }\n \n
\n \n
\n\n { !isBundleItem &&\n \n { getTranslatableField(product, 'title', appProps.currentLocale, false) }\n
\n\n { productSubtitle && productSubtitle !== '' &&\n \n }\n\n { product.webshorts && product.webshorts[appProps.currentLocale] && product.webshorts[appProps.currentLocale].length > 0 &&\n\n { product.webshorts[appProps.currentLocale].join(', ') }\n
\n }\n\n { !isBundleItem && product.showPrice &&\n <>\n \n
\n { product.hasTax && !product.appliedTax.includedInPrice &&\n \n { displayTotalPrice }\n
\n { onSale &&\n ( appProps.showTextInsteadOfCompareToPrice ?\n \n { appProps.translations.products.discount_price }\n
:\n \n { displayCompareToPrice }\n
\n )\n }\n \n { `(${appProps.translations.products.includes} ${product.appliedTax.title} ${Math.round(product.appliedTax.rate * 100)}%)` }\n
\n }\n \n }\n { sku &&\n \n
\n }\n { upc &&\n { appProps.translations.products.sku }:
\n { sku }
\n \n
\n }\n { brandEntry && brandEntry.productAttributeImageSource &&\n { appProps.translations.products.upc }:
\n { upc }
\n \n
\n }\n { appProps.stockAllowed && appProps.showStockInfo &&\n \n
\n }\n { !isBundleItem &&\n \n {(!appProps.stockAllowed || (appProps.stockAllowed && inStock && product.showPrice)) &&\n
\n }\n \n appProps.maxProductQuantity ? appProps.maxProductQuantity : stock).fill().map((x, i) => {\n return {value: i+1, label: `${i+1}`}\n })}\n defaultValue={ defaultQuantityOption }\n onChange={(selected) => {\n setSelectedQuantity(selected.value)\n }}\n />\n
\n }\n\n {(!appProps.stockAllowed || (appProps.stockAllowed && inStock)) &&\n \n { appProps.translations.cart.quantity }\n
\n \n
\n \n )\n}\n","import React, { useState } from \"react\"\nimport { slide as Menu } from \"react-burger-menu\"\nimport ProductDescription from \"./ProductDescription\"\nimport Attributes from \"./Attributes\"\nimport StoreLocations from \"./StoreLocations\"\nimport { getTranslatableField } from \"../../helpers/utils\"\n\nexport default function BurgerOpener({\n appProps, product, showDescription, setShowDescription, showAttributes, setShowAttributes,\n showStoreLocations, setShowStoreLocations, menuOpen, setMenuOpen, category\n}) {\n const productDescription = getTranslatableField(product, 'description', appProps.currentLocale, false)\n\n function handleStateChange(state) {\n setMenuOpen(state.isOpen)\n if (!state.isOpen) {\n setShowAttributes(false)\n setShowDescription(false)\n setShowStoreLocations(false)\n }\n }\n\n return (\n <>\n setMenuOpen(false) }\n className='pointer close_icon flex-box items-center content-center' />\n \n { showDescription &&\n \n { products.length > 0 && products.map( (product, index) => (\n
\n )\n}\n","import React, { useState, useEffect } from 'react'\n\nimport { DotsCircleLoader } from '@reactiveonline/frontend_shared_components'\nimport ProductItem from '../../products/ProductItem'\nimport ProductListSlider from '../../products/ProductListSlider'\nimport listStyles from '../../products/listStyles'\n\nexport default function ProductList({ item, deviceType, extraData }) {\n const { settings } = item\n const {\n id, classes, viewType, itemsPerRow, itemsLimit, selectionCriterion, items,\n filtering, sliderSettings\n } = settings\n const appProps = extraData\n\n const itemsPerRowClass = getItemsPerRowClass()\n\n const [products, setProducts] = useState([])\n const [loading, setLoading] = useState(false)\n\n useEffect( () => {\n fetchProducts()\n }, [])\n\n async function fetchProducts() {\n if (!['custom', 'category'].includes(selectionCriterion) || items.length) {\n let params = `product_limit=${ itemsLimit }&selected_product_items=${ selectionCriterion }`\n\n if (selectionCriterion === 'custom') {\n params += `&items=${ JSON.stringify(items) }`\n\n } else if (selectionCriterion === 'category') {\n params += `&categories=${ JSON.stringify(items) }&filtering=${ filtering }`\n }\n\n setLoading(true)\n\n Rails.ajax({\n type: 'GET',\n url: `${ appProps.selectedProductsPath }?${ params }`,\n dataType: 'json',\n success: result => {\n if (result.items) {\n setProducts(result.items)\n }\n }\n })\n\n setLoading(false)\n }\n }\n\n function getItemsPerRowClass() {\n switch (parseInt(itemsPerRow)) {\n case 1:\n return 'one_item'\n\n case 2:\n return 'two_items'\n\n case 3:\n return 'three_items'\n\n case 4:\n return 'four_items'\n\n case 5:\n return 'five_items'\n\n case 6:\n return 'six_items'\n }\n }\n\n return (\n \n
\n }\n \n { showAttributes &&\n \n { appProps.translations.products.description }\n
\n \n
\n }\n\n { showStoreLocations &&\n \n { appProps.translations.products.attributes }\n
\n \n
\n }\n \n \n \n )\n}\n","import React, { useState, useEffect } from \"react\"\nimport Select from \"react-select\"\nimport { SliderImages } from '@reactiveonline/frontend_shared_components'\n\nimport ProductShowBottom from \"./ProductShowBottom\"\nimport AddToCart from \"./AddToCart\"\nimport ProductStock from \"./ProductStock\"\nimport { customReactSelectStyles, customReactSelectTheme, getTranslatableField } from \"../../helpers/utils\"\nimport { loadProductViewAnalytics } from '../../helpers/analytics'\n\nexport default function ModalProduct({ modalVariant, appProps, currency, modalCategory, isBundleItem, isBundle }) {\n const variant = modalVariant\n\n const upcEntry = variant.attributes.filter(attr => attr.prototypeAttributeKey === \"UPC\")[0]\n const brandEntry = variant.attributes.filter(attr => attr.prototypeAttributeKey === \"Brand\")[0]\n let upcValue = ''\n if(upcEntry) {\n upcValue = getTranslatableField(upcEntry, 'title', appProps.currentLocale, false)\n }\n let variantImages = variant.images.length > 0 ? variant.images.map( image => {\n return {\n original: image.preview,\n thumbnail: image.thumbnail,\n fullscreen: image.banner,\n originalAlt: image.file_name,\n thumbnailAlt: image.file_name,\n originalTitle: image.file_name\n }\n }\n ) : [{\n original: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n thumbnail: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n fullscreen: 'https://storage.googleapis.com/reactive_files_eu/no-image.jpg',\n originalAlt: 'No Image',\n thumbnailAlt: 'No Image',\n originalTitle: 'No Image'\n }]\n\n const [selectedOptionsIds, setSelectedOptionsIds] = useState([])\n const [selectedQuantity, setSelectedQuantity] = useState(1)\n\n useEffect(() => {\n loadProductViewAnalytics(variant, appProps)\n }, []);\n\n const variantSubtitle = getTranslatableField(variant, 'subtitle', appProps.currentLocale, false)\n let defaultQuantityOption = {value: 1, label: '1'}\n\n return (\n <>\n \n { appProps.translations.products.store_availability }\n
\n \n
\n\n \n
\n \n { variant.onSale && `-${Math.round(variant.onSalePercentage)}%` }\n
\n }\n \n
\n \n
\n\n { !isBundleItem &&\n \n { getTranslatableField(variant, 'title', appProps.currentLocale, false) }\n
\n\n { variantSubtitle && variantSubtitle !== '' &&\n \n }\n\n { variant.webshorts && variant.webshorts[appProps.currentLocale] && variant.webshorts[appProps.currentLocale].length > 0 &&\n\n { variant.webshorts[appProps.currentLocale].join(', ') }\n
\n }\n\n { !isBundleItem && variant.showPrice &&\n <>\n \n
\n { variant.hasTax && !variant.appliedTax.includedInPrice &&\n \n { variant.displayTotalPrice }\n
\n { variant.onSale &&\n ( appProps.showTextInsteadOfCompareToPrice ?\n \n { appProps.translations.products.discount_price }\n
:\n \n { variant.displayCompareToPrice }\n
\n )\n }\n \n { `(${appProps.translations.products.includes} ${variant.appliedTax.title} ${Math.round(variant.appliedTax.rate * 100)}%)` }\n
\n }\n \n }\n\n { variant.sku &&\n \n
\n }\n { upcValue &&\n { appProps.translations.products.sku }:
\n { variant.sku }
\n \n
\n }\n { brandEntry && brandEntry.productAttributeImageSource &&\n { appProps.translations.products.upc }:
\n { upcValue }
\n \n
\n }\n { !isBundleItem && appProps.stockAllowed && appProps.showStockInfo &&\n \n
\n )\n )}\n { option.optionType }:
\n { option.name }
\n \n {(!appProps.stockAllowed || (appProps.stockAllowed && variant.inStock && variant.showPrice)) &&\n
\n }\n \n appProps.maxProductQuantity ? appProps.maxProductQuantity : variant.totalStock).fill().map((x, i) => {\n return {value: i+1, label: `${i+1}`}\n })}\n defaultValue={ defaultQuantityOption }\n onChange={(selected) => {\n setSelectedQuantity(selected.value)\n }}\n />\n
\n }\n\n {(!appProps.stockAllowed || (appProps.stockAllowed && variant.inStock)) && !isBundleItem &&\n \n { appProps.translations.cart.quantity }\n
\n \n
\n \n )\n}\n","import React, { useState, useEffect } from 'react'\nimport ProductItem from '../../products/ProductItem'\nimport ProductListSlider from '../../products/ProductListSlider'\n\nexport function ProductList({ appProps, item }) {\n const [loading, setLoading] = useState([])\n const [products, setProducts] = useState([])\n const settings = item.contentSettings\n\n useEffect( () => {\n if (settings.selectedProductItems !== 'custom' || (settings.selectedProductItems === 'custom' && settings.selectedProducts.length)) {\n setLoading(true)\n\n $.ajax({\n type: 'GET',\n url: appProps.selectedProductsPath,\n data: {\n items: JSON.stringify(settings.selectedProducts),\n selected_product_items: settings.selectedProductItems,\n categories: JSON.stringify(settings.selectedCategories),\n product_limit: settings.productLimit,\n filtering: settings.filtering\n },\n dataType: 'json',\n success: res => {\n setProducts(res.items)\n setLoading(false)\n },\n error: res => {\n setLoading(false)\n },\n })\n }\n }, [])\n\n function getProductsPerRowClass() {\n switch (settings.productsPerRow) {\n case '1':\n case 1:\n return 'one_item'\n\n case '2':\n case 2:\n return 'two_items'\n\n case '3':\n case 3:\n return 'three_items'\n\n case '4':\n case 4:\n return 'four_items'\n\n case '5':\n case 5:\n return 'five_items'\n\n case '6':\n case 6:\n return 'six_items'\n }\n }\n\n return (\n <>\n { settings.viewType !== 'slider' &&\n \n { products.map( (product, index) => (\n
\n }\n\n { settings.viewType === 'slider' &&\n \n
\n }\n \n
\n }\n \n
\n\n { showCompanyOrders &&\n \n
\n }\n \n )\n}\n","import React, { useState, useEffect, useRef } from \"react\"\nimport { BankDetails } from '@reactiveonline/frontend_shared_components'\n\nimport ProductPresentableTitle from \"../../shared/ProductPresentableTitle\"\n\nexport default function OrderHistoryItem({ appProps, order, showEmail, openedOrderId, setOpenedOrderId }) {\n const [orderItem, setOrderItem] = useState(order)\n const showOrder = order.id === openedOrderId\n\n useEffect(() => {\n if(showOrder) {\n fetchOrder(orderItem.getOrderPath)\n }\n }, [openedOrderId])\n\n function handleToggleOrder() {\n if (showOrder){\n setOpenedOrderId(null)\n } else {\n setOpenedOrderId(order.id)\n }\n }\n\n function fetchOrder(getOrderPath) {\n Rails.ajax({\n type: \"GET\",\n url: getOrderPath,\n dataType: \"json\",\n success: res => {\n if(res.order) {\n setOrderItem(res.order)\n }\n },\n error: res => {\n\n }\n })\n }\n\n return (\n <>\n \n
\n\n { showOrder &&\n \n
\n { orderItem.completedAtFormatted }
\n\n
\n { orderItem.number }
\n\n
\n { orderItem.totalWithAdjustments }
\n\n
\n { showEmail &&\n \n { appProps.translations.orders[`status_${orderItem.status}`] }\n
\n\n
\n }\n \n { orderItem.email }\n
\n\n \n
\n \n { orderItem.paymentMethod &&\n
\n }\n \n )\n}\n","import React, { useState, useEffect } from 'react'\nimport { SelectInput } from '@reactiveonline/frontend_shared_components'\n\nexport default function CountrySelector({\n styles, setSettings, countriesPath, selectedCountry, selectedState,\n countryLabel, stateLabel, disabled, setSelectedCountryData\n}) {\n const [availableCountries, setAvailableCountries] = useState([])\n const [availableStates, setAvailableStates] = useState([])\n\n useEffect(() => {\n Rails.ajax({\n type: \"GET\",\n url: countriesPath,\n dataType: \"json\",\n success: res => {\n if (res.available_countries) {\n setAvailableCountries(res.available_countries)\n }\n }\n })\n }, [])\n\n useEffect(() => {\n if (selectedCountry) {\n Rails.ajax({\n type: \"GET\",\n url: `${ countriesPath }/${ selectedCountry }/states`,\n dataType: \"json\",\n success: res => {\n if (res.available_states) {\n setAvailableStates(res.available_states)\n }\n }\n })\n\n Rails.ajax({\n type: \"GET\",\n url: `${ countriesPath }/${ selectedCountry }`,\n dataType: \"json\",\n success: res => {\n if (res.country) {\n setSelectedCountryData(res.country)\n }\n }\n })\n }\n }, [selectedCountry])\n\n function handleCountryChange(country){\n setSettings({ country: country.value, state: null })\n }\n\n return (\n <>\n \n
\n }\n\n { orderItem.shipment &&\n \n { appProps.translations.orders.payment_method }: \n
\n \n { orderItem.paymentMethod.presentation }\n
\n \n
\n }\n\n { orderItem.bankDetails && !!orderItem.bankDetails.length &&\n \n { appProps.translations.orders.shipping_method_section_title }: \n
\n \n { orderItem.shippingMethod?.title || '-' }\n
\n \n
\n }\n\n \n { orderItem.specialInstructions &&\n
\n\n { orderItem.invoice &&\n \n
\n }\n\n { orderItem.pickupStore &&\n \n { appProps.translations.checkout.order_notes }\n
\n \n { orderItem.specialInstructions }\n
\n \n
\n }\n \n { appProps.translations.checkout.pickup_store }\n
\n \n { orderItem.pickupStore }\n
\n \n
\n }\n\n \n { appProps.translations.invoices.invoice }\n
\n \n { appProps.translations.invoices.companyName }: { orderItem.invoice.company_name }\n { orderItem.invoice.vat_number &&\n <>
{ appProps.translations.invoices.vatNumber }: { orderItem.invoice.vat_number }\n }\n { orderItem.billingAddress &&\n <>
{ appProps.translations.company.billing_address }: { orderItem.billingAddress }\n }\n { orderItem.invoice.additional_info &&\n <>
{ appProps.translations.invoices.additionalInfo }: { orderItem.invoice.additional_info }\n }\n
\n { appProps.translations.invoices.vatNumber }: { orderItem.invoice.vat_number }\n }\n { orderItem.billingAddress &&\n <>
{ appProps.translations.company.billing_address }: { orderItem.billingAddress }\n }\n { orderItem.invoice.additional_info &&\n <>
{ appProps.translations.invoices.additionalInfo }: { orderItem.invoice.additional_info }\n }\n
\n { orderItem.lineItems && appProps.translations.orders.order_contents }\n
\n \n { orderItem.lineItems && orderItem.lineItems.map((line_item, index) => {\n const itemImage = !line_item.isBundleItem && line_item.sellable.images.length > 0 ? line_item.sellable.images[0].list_view : \"https://storage.googleapis.com/reactive_files_eu/no-image.jpg\"\n\n return (\n
\n \n
\n )\n })}\n \n { !line_item.isBundleItem &&\n \n }\n
\n \n
\n \n { !line_item.isBundleItem &&\n
\n \n
\n }\n { line_item.isBundleItem &&\n - \n { line_item.options.map((option, index) => (\n
- \n { option.optionTypeName }: { option.name }\n \n ))}\n
\n {`${line_item.quantity} x `} { line_item.title }\n
\n }\n \n x { line_item.quantity }\n
\n \n { line_item.displayTotalGross }\n
\n \n
\n \n
\n \n
\n { orderItem.subtotal && `${appProps.translations.cart.subtotal}:` }
\n { orderItem.subtotal }
\n \n
\n { orderItem.shippingCostNet &&\n { orderItem.vatTotal && `${appProps.translations.cart.vat}:` }
\n { orderItem.vatTotal }
\n \n
\n }\n { orderItem.handlingFeeNet &&\n { orderItem.shippingCostNet && `${appProps.translations.cart.delivery_cost}:` }
\n { orderItem.shippingCostNet }
\n \n
\n }\n\n { orderItem.couponAdjustments && orderItem.couponAdjustments.length > 0 ?\n <>\n { orderItem.handlingFeeNet && `${appProps.translations.cart.handling_fee}:` }
\n { orderItem.handlingFeeNet }
\n \n
\n \n
\n { `${appProps.translations.checkout.coupons_title}:` }
\n { orderItem.couponAdjustments.map( couponAdjustment => (\n \n { couponAdjustment.code }\n
\n ))}\n \n { orderItem.couponAdjustments.map( couponAdjustment => (\n
\n \n -{ couponAdjustment.discount }\n
\n ))}\n \n
\n \n :\n { appProps.translations.cart.total }:
\n { orderItem.totalWithAdjustments }
\n \n
\n }\n { orderItem.total && `${appProps.translations.cart.total}:` }
\n { orderItem.total }
\n \n
\n\n { appProps.translations.company.files_tab }
\n{ appProps.translations.company.files_tab_subtitle }
\n { appProps.translations.company.uploaded }
\n\n { companyState.files.length > 0 && companyState.files.map((file, index) => (\n
\n\n \n
\n ))}\n \n { file.title }\n
\n { canEditFields && deleteFile(file.id) }>
}\n \n { files.length > 0 ?\n saveSettings() }>\n { appProps.translations.general.save }\n \n :\n
\n }\n \n )\n\n}\n","import React, { useState, useEffect } from 'react'\nimport { Loader } from '@reactiveonline/frontend_shared_components'\n\nexport default function Users({ appProps, getCompanyUsersPath }) {\n const [users, setUsers] = useState([])\n const [loading, setLoading] = useState(false)\n\n useEffect(() => {\n setLoading(true)\n\n Rails.ajax({\n type: 'GET',\n url: getCompanyUsersPath,\n success: res => {\n if(res.usersData) {\n setUsers(res.usersData)\n }\n setLoading(false)\n },\n error: res => {\n setLoading(false)\n }\n })\n }, [])\n\n return (\n <>\n \n { appProps.translations.general.save }\n
\n }\n \n
\n\n { appProps.translations.company.users_tab }
\n{ appProps.translations.company.users_tab_subtitle }
\n \n
\n\n \n
\n\n {\n users.map((user, index) => {\n return (\n \n
\n { appProps.translations.account.email_address }
\n\n
\n { appProps.translations.checkout.full_name }
\n\n
\n )\n })\n }\n \n
\n {user.email}
\n\n
\n {user.fullname && user.fullname !== '' ? user.fullname : (`${user.firstName || ''} ${user.lastName || ''}`.trim() || '-')}
\n\n { loading &&
\n \n )\n\n}\n","import React from \"react\"\n\nexport default class IncompleteStep extends React.Component {\n\n\n render(){\n const { stepTitle } = this.props\n\n return(\n \n
\n )\n }\n}\n","import React from \"react\"\n\nexport default class CompletedStep extends React.Component {\n render(){\n const { stepName, stepTitle, reviseStep, changeText, selectedValues } = this.props\n\n return(\n \n { stepTitle }\n
\n \n
\n \n
\n \n
\n { reviseStep(stepName)}} >\n
\n )\n }\n}\n","import React from \"react\"\nimport { Modal } from '@reactiveonline/frontend_shared_components'\nimport ErrorMessage from '../helpers/ErrorMessage'\nimport { checkoutEmailAnalytics } from '../../../helpers/analytics'\nimport { checkoutEmailLegacyAnalytics } from '../../../helpers/legacy_analytics'\n\nexport default class EmailStep extends React.Component {\n\n constructor(props) {\n super(props)\n\n this.state = {\n showTerms: false\n }\n }\n\n escFunction(event){\n if (event.key === \"Escape\") {\n if (this.state.showTerms) {\n this.setState({ showTerms: false })\n }\n }\n }\n\n componentDidMount() {\n document.addEventListener(\"keydown\", this.escFunction.bind(this), false);\n }\n\n validateEmail(email){\n const re = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/g\n return re.test(email)\n }\n\n handleClick(){\n const { email, acceptedTerms, proceedToNextStep, googleAnalyticsId, appProps } = this.props\n\n //Remove error messages from previous click\n document.querySelectorAll('[id$=\"-error-message\"]').forEach(errorElement => errorElement.remove())\n document.querySelectorAll('input').forEach(element => element.style.borderColor = '')\n document.getElementById(\"term-text\").style.color = ''\n\n\n if( !this.validateEmail(email) ){\n ErrorMessage(\"email\", \"red\", \"email-error-message\", `${appProps.translations.checkout.enter_correct_email}`, \"red\")\n }\n\n if( !acceptedTerms ){\n var switchText = document.getElementById(\"term-text\")\n switchText.style.color = 'red'\n\n let errorMessage = document.createElement(\"div\")\n errorMessage.id = \"accept-terms-error-message\"\n errorMessage.innerHTML = `${appProps.translations.checkout.user_accept_terms}`\n errorMessage.style.color = \"red\"\n\n switchText.parentNode.insertBefore(errorMessage, switchText.nextSibling)\n }\n\n if (this.validateEmail(email) && acceptedTerms) proceedToNextStep(), appProps.googleMeasurementId ? checkoutEmailAnalytics() : checkoutEmailLegacyAnalytics()\n }\n\n render(){\n const { email, acceptedTerms, appProps, legalTerms } = this.props\n\n return(\n \n
\n { stepTitle }
\n \n { selectedValues }\n
\n \n
\n \n { changeText }\n
\n \n this.setState({ showTerms: false }) }\n >\n { this.props.legalTerms && }\n \n }\n\n
\n )\n }\n}\n","import React from \"react\"\nimport Select from \"react-select\"\nimport { customReactSelectStyles, customReactSelectTheme, getTranslatableField, truncateString, numberValidator } from \"../../../helpers/utils\"\nimport ErrorMessage from '../helpers/ErrorMessage'\nimport { scrollToStep } from '../helpers/scroller'\nimport { checkoutDeliveryMethodAnalytics } from '../../../helpers/analytics'\nimport { checkoutDeliveryMethodLegacyAnalytics } from '../../../helpers/legacy_analytics'\n\nexport default class DeliveryStep extends React.Component {\n constructor(props){\n super(props)\n\n this.state = {\n available_countries: [],\n available_states: [],\n states_required: false,\n availableStores: []\n }\n }\n\n componentDidMount(){\n this.props.toggleShippingStepVisibility(this.props.deliveryOption === 'delivery')\n scrollToStep(\"delivery-step\")\n\n if( this.props.country || this.props.area ){\n Rails.ajax({\n type: \"GET\",\n url: this.props.adminOrderNumber ? `/admin/${ReactiveCore.locale}/checkout/${this.props.adminOrderNumber}/get_selected?numeric_code=${this.props.country}®ion_code=${this.props.area}` : `/checkout/get_selected?numeric_code=${this.props.country}®ion_code=${this.props.area}`,\n dataType: \"json\",\n success: res => {\n this.setState(res)\n if(res.selectedCountry) {\n this.setState({states_required: res.selectedCountry.states_required})\n }\n }\n })\n }\n\n if (this.props.deliveryOption === 'pickup') {\n this.getAvailableStores()\n this.props.updateStep('deliveryOption', 'pickup')\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.props.deliveryOption === 'pickup' && this.props.deliveryOption !== prevProps.deliveryOption) {\n this.getAvailableStores()\n }\n }\n\n getAvailableCountries(){\n if (this.state.available_countries.length === 0){\n Rails.ajax({\n type: \"GET\",\n url: `/${ this.props.appProps.currentLocale }/countries?fetch_delivery_zones=true`,\n dataType: \"json\",\n success: res => {\n this.setState(res)\n }\n })\n }\n }\n\n getAvailableStates(selectedCountry){\n if (this.state.available_states.length === 0){\n Rails.ajax({\n type: \"GET\",\n url: `/${ this.props.appProps.currentLocale }/countries/${ selectedCountry }/states`,\n dataType: \"json\",\n success: res => {\n this.setState(res)\n }\n })\n }\n }\n\n getAvailableStores() {\n Rails.ajax({\n type: 'GET',\n url: '/checkout/get_pickup_stores',\n dataType: 'json',\n success: res => {\n if (res.availableStores.length === 1 && !this.props.storeId) {\n this.props.updateStep('storeId', res.availableStores[0].id)\n }\n\n this.setState(res)\n }\n })\n }\n\n handleCountryChange(selected) {\n this.setState({available_states: selected.states, states_required: selected.states.length > 0, selectedState: null})\n this.props.updateStep(\"country\", selected.value)\n this.props.updateStep(\"countryAlpha2Code\", selected.alpha2_code)\n this.props.updateStep(\"area\", '')\n this.props.updateStep(\"stateLabel\", '')\n }\n\n changeDeliveryOption(){\n const { deliveryOption, options, updateStep, toggleShippingStepVisibility } = this.props\n\n if( options.indexOf(deliveryOption) === -1 ) return\n\n const value = deliveryOption === options[0] ? options[1] : options[0]\n\n toggleShippingStepVisibility(value === \"delivery\")\n\n updateStep(\"deliveryOption\", value)\n }\n\n handleClick(){\n const {\n deliveryOption, proceedToNextStep, fullName, phone, mobile, country,\n address, city, postalCode, area, googleAnalyticsId, googleMeasurementId,\n storeId\n } = this.props\n let noErrors = true\n\n document.querySelectorAll('[id$=\"-error\"]').forEach(errorElement => errorElement.remove())\n document.querySelectorAll('input').forEach(element => element.style.borderColor = '')\n\n if( fullName.length === 0 ){\n ErrorMessage(\"delivery-full-name\", \"red\", \"delivery-full-name-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.full_name}`, \"red\")\n noErrors = false\n }\n\n if( phone.trim().length > 0 && !numberValidator(phone.trim()) ) {\n ErrorMessage(\"delivery-phone\", \"red\", \"delivery-phone-error\", `${this.props.translations.checkout.phone_detailed_error}`, \"red\")\n noErrors = false\n scrollToStep(\"delivery-step\")\n }\n\n if( phone.trim().length === 0 ) {\n ErrorMessage(\"delivery-phone\", \"red\", \"delivery-phone-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.phone}`, \"red\")\n noErrors = false\n }\n\n if( mobile.trim().length > 0 && !numberValidator(mobile.trim()) ) {\n ErrorMessage(\"delivery-mobile-phone\", \"red\", \"delivery-mobile-phone-error\", `${this.props.translations.checkout.phone_detailed_error}`, \"red\")\n noErrors = false\n scrollToStep(\"delivery-step\")\n }\n\n if( this.props.requireMobilePhone && mobile.trim().length === 0 ) {\n ErrorMessage(\"delivery-mobile-phone\", \"red\", \"delivery-mobile-phone-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.mobile_phone}`, \"red\")\n noErrors = false\n }\n\n if (deliveryOption === 'pickup' && !storeId) {\n ErrorMessage('pickup-store', 'red', 'pickup-store-error', `${ this.props.translations.checkout.general_error } ${ this.props.translations.checkout.pickup_store }`, 'red')\n noErrors = false\n }\n\n if( deliveryOption === 'delivery'){\n if( !address || address.length === 0 ){\n ErrorMessage(\"delivery-address\", \"red\", \"delivery-address-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.address}`, \"red\")\n noErrors = false\n }\n if( !city || city.length === 0 ){\n ErrorMessage(\"delivery-city\", \"red\", \"delivery-city-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.city}`, \"red\")\n noErrors = false\n }\n if( !country || country.length === 0 ){\n ErrorMessage(\"delivery-country\", \"red\", \"delivery-country-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.country}`, \"red\")\n noErrors = false\n }\n if( !postalCode || postalCode.length === 0 ){\n ErrorMessage(\"delivery-postal_code\", \"red\", \"delivery-postal_code-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.postal_code}`, \"red\")\n noErrors = false\n }\n if( this.state.states_required && (!area || area.length === 0) ){\n ErrorMessage(\"delivery-area\", \"red\", \"delivery-area-error\", `${this.props.translations.checkout.general_error} ${this.props.translations.checkout.state}`, \"red\")\n noErrors = false\n }\n }\n\n if (noErrors) {\n this.props.googleMeasurementId ? checkoutDeliveryMethodAnalytics(deliveryOption) : checkoutDeliveryMethodLegacyAnalytics(deliveryOption);\n return proceedToNextStep()\n } else {\n return null\n }\n\n }\n\n render(){\n const {\n options, deliveryOption, fullName, phone, mobile, country, address, city,\n postalCode, area, orderNotes, storeId, currentLocale\n } = this.props\n\n const storeOptions = deliveryOption === 'pickup' ?\n this.state.availableStores.map( store => ({\n value: store.id,\n label: truncateString(`${ getTranslatableField(store, 'title', currentLocale, true) }${ (store.address && store.address.formatted_address) ? (', ' + store.address.formatted_address) : '' }`, 40)\n })) : []\n\n return(\n \n { appProps.translations.checkout.order_email_description }\n
\n\n \n
\n\n { this.state.showTerms &&\n \n this.props.updateStep(\"emailProps\", \"email\", e.target.value) }\n />\n
\n\n \n
\n\n \n\n \n
\n \n
\n \n \n
\n this.setState({ showTerms: true }) }>\n { appProps.translations.checkout.accept_terms }\n
\n \n \n { !e.target.classList.contains('selected') && this.changeDeliveryOption() }}\n >\n { this.props.translations.checkout.method_pickup }\n
\n \n \n }\n\n \n { this.props.translations.checkout.delivery_step }\n
\n\n { options.length > 1 &&\n \n { this.props.translations.checkout.choose_delivery_method }\n
\n\n \n { !e.target.classList.contains('selected') && this.changeDeliveryOption() }}\n >\n { this.props.translations.checkout.method_delivery }\n
\n \n \n \n }\n\n
\n { this.props.translations.checkout[deliveryOption === 'delivery' ? 'enter_delivery_details' : 'enter_contact_details'] }\n
\n\n \n
\n\n \n { this.props.updateStep(\"fullName\", e.target.value) } }\n />\n
\n\n { deliveryOption === 'pickup' &&\n \n \n
\n *
\n \n store.value === storeId ) }\n onChange={ option => this.props.updateStep('storeId', option.value) }\n />\n
\n }\n \n \n
\n *
\n \n
\n\n { deliveryOption === 'delivery' &&\n \n { this.props.updateStep(\"phone\", e.target.value)} }\n />\n
\n\n \n \n
\n *
\n \n { this.props.updateStep(\"mobile\", e.target.value)} }\n />\n
\n \n \n { this.props.requireMobilePhone &&
\n *
}\n \n
\n\n \n { this.props.updateStep(\"address\", e.target.value) } }\n />\n
\n\n \n \n
\n *
\n \n
\n \n \n
\n { this.props.updateStep(\"city\", e.target.value) } }\n />\n *
\n \n
\n\n \n
\n \n \n
\n { this.props.updateStep(\"postalCode\", e.target.value) } }\n />\n *
\n \n
\n \n c.value === country) }\n onChange={ (deliveryOption) => { this.handleCountryChange(deliveryOption) } }\n onMenuOpen={ () => { this.getAvailableCountries() } }\n />\n
\n\n {this.state.states_required &&\n \n \n
\n *
\n \n 0 && area.length > 0 ? this.state.available_states.filter(s => s.value === area) : this.state.selectedState }\n onChange={ (option) => { this.props.updateStep(\"area\", option.value); this.props.updateStep(\"stateLabel\", option.name) } }\n onMenuOpen={ () => { this.getAvailableStates(country) } }\n />\n
\n }\n \n \n
\n *
\n \n \n