\n );\n }\n}\n\nconst mapStateToProps = state => ({\n enforcePostalCode: getEnforcedPostalCode(state),\n stripeError: state.gift.error,\n});\n\nconst mapDispatchToProps = {\n setGiftError,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StripeElementsForm);\n","/**\n * Detects if we are running within a Xola Mobile application.\n */\nconst isMobileApp = () => {\n // The user agent for a Xola app is of the syntax: XolaMerchant-/\n // e.g: XolaMerchant-Android/1.0\n return /XolaMerchant-(iOS|Android)/i.test(navigator.userAgent);\n};\n\nexport default isMobileApp;\n","import isMobileApp from './isMobileApp';\nimport socket from '../socket';\nimport _ from 'lodash';\n\n/**\n * This class implements methods that are required for the mobile swiper to function.\n */\nclass CardSwipeListener {\n CREDIT_CARD_START_SENTINEL = '%B';\n\n constructor(options) {\n this.options = {\n isTokenizationEnabled: false,\n onError: console.warn,\n onSwipe: console.log,\n ...options,\n };\n }\n\n startCardReader() {\n socket.postMessage('startCardReader');\n }\n\n stopCardReader() {\n socket.postMessage('stopCardReader');\n }\n\n enable() {\n this.disable();\n window.addEventListener('keypress', this.handleKeypress, true);\n\n if (isMobileApp()) {\n // Let the app know that it should start listening for card swipes.\n this.startCardReader();\n\n // Card reader successfully read a card swipe.\n window.readCreditCard = (number, name, expiry) => {\n // Set card data into the payment form.\n this.bindSwipe(number, expiry, name);\n\n // Start listening again (in case a new card is used).\n this.startCardReader();\n };\n\n socket.on('readCreditCard', data => {\n window.readCreditCard(data.number, data.name, data.exp);\n });\n\n window.externalCardSwipe = raw => {\n console.log('Received encrypted raw data from swiper');\n this.parseCardSwipe(raw);\n };\n\n socket.on('externalCardSwipe', data => {\n // Received data through easyXDM call\n this.parseCardSwipe(data.raw);\n });\n\n // Card reader failed\n window.readCreditCardError = message => {\n if (message === 'Waiting for swipe timed out. Please try again.') {\n // Reader timed out, so start listening again\n this.startCardReader();\n }\n\n const ignore = [\n 'Credit card reader is not ready. Please try again later.',\n 'Track1 is missed in the credit card.',\n 'Swiping is already initiated. The command is skipped.',\n ];\n\n if (!_.includes(ignore, message)) {\n // Error message is not in the list of ignored strings, so show it.\n // Alerts look nice natively on tablets, so go with it.\n this.options.onError(message);\n }\n };\n\n socket.on('readCreditCardError', window.readCreditCardError);\n }\n }\n\n disable() {\n window.removeEventListener('keypress', this.handleKeypress, true);\n\n socket.off('readCreditCard');\n socket.off('externalCardSwipe');\n socket.off('readCreditCardError');\n\n if (isMobileApp()) {\n // Let the app know that it should stop listening for card swipes.\n this.stopCardReader();\n\n // Remove all listener functions.\n delete window.readCreditCard;\n delete window.readCreditCardError;\n }\n }\n\n /**\n * Called when any keystroke is detected.\n * This function's job is to identify if the keystroke is indeed part of\n * a card swipe and capture it if it is. This is usually for USB based card swipe devices.\n */\n handleKeypress = e => {\n const ch = String.fromCharCode(e.which);\n\n if ((ch === '%' || ch === ';') && !this.cardSwiping) {\n // Initialize/reset card data variables.\n this.cardSwipeEvents = [];\n this.cardSwipeData = '';\n this.cardSwiping = true;\n\n if (window.document.activeElement && window.document.activeElement.tagName === 'INPUT') {\n this.lastFocusedElement = window.document.activeElement;\n window.document.activeElement.blur();\n }\n }\n\n if (this.cardSwiping) {\n // Prevent the card swipe data from showing up on any input field.\n e.preventDefault();\n e.stopImmediatePropagation();\n\n // Save the keystroke into the card swipe stack.\n this.cardSwipeEvents.push(e);\n this.cardSwipeData += ch;\n\n if (\n e.which === 13 ||\n (this.cardSwipeData.length === 2 && this.cardSwipeData !== this.CREDIT_CARD_START_SENTINEL)\n ) {\n // Found an enter key OR the first two chars are not the\n // start sentinel (user could have type % manually).\n this.completeCardSwipe();\n }\n }\n };\n\n completeCardSwipe() {\n if (this.lastFocusedElement) {\n this.lastFocusedElement.focus();\n }\n\n this.cardSwiping = false;\n this.parseCardSwipe(this.cardSwipeData);\n this.cardSwipeData = '';\n }\n\n /**\n * Called when the card's track data has been completely captured.\n *\n * @param {string} rawParam Track data\n */\n parseCardSwipe(rawParam) {\n let raw = rawParam;\n let encrypted = null;\n const split = raw.indexOf('|');\n\n if (split !== -1) {\n // Encrypted card swipe.\n encrypted = raw;\n raw = raw.substring(0, split);\n }\n\n // Derived pattern from https://en.wikipedia.org/wiki/ISO/IEC_7813\n const patterns = [\n /%B(\\d+)\\^(.*?)\\^(\\^|\\d{4})(\\^|\\d{3})(.*?)\\?/, // Track 1\n /%B(\\d+)&(.*?)&(&|\\d{4})(&|\\d{3})(.*?)\\?/, // Track 1\n /;(\\d{1,19})(\\s)?=(=|\\d{4})(=|\\d{3})(.*?)\\?/, // Track 2\n ];\n\n let matches, number, expiry, i, name;\n\n for (i = 0; i < patterns.length; i += 1) {\n matches = patterns[i].exec(raw);\n\n if (matches) {\n // We have a regex match.\n number = matches[1];\n name = matches[2];\n expiry = matches[3];\n\n // When we find a proper number, break out of this loop.\n if (number && expiry) break;\n }\n }\n\n if (!number || !expiry) {\n if (raw.length < 10) {\n // This was probably a % key press, so replay the data on focused field\n if (this.lastFocusedElement) {\n this.lastFocusedElement.value += raw;\n }\n } else {\n throw Error('Unable to read card data. Please try again.');\n }\n\n return;\n }\n\n if (encrypted) {\n number = number.substr(0, 4) + '********'.substr(0, number.length - 8) + number.substr(-4, 4);\n\n if (!this.options.isTokenizationEnabled) {\n const message =\n 'You are using an encrypted card reader. This requires the tokenization ' +\n 'feature to be enabled for your account. Please contact Xola Support to request access to ' +\n 'this feature.';\n\n return this.options.onError(message);\n }\n }\n\n this.bindSwipe(number, expiry, name, raw, encrypted);\n }\n\n /**\n * Reformat the name field from \"SMITH/JOHN\" to \"JOHN SMITH\".\n *\n * @param {string} name\n * @returns {string}\n */\n formatName(name) {\n return _.trim(name)\n .split('/')\n .reverse()\n .join(' ')\n .trim();\n }\n\n /**\n * Bind swipe information to the payment model in the order\n *\n * @param {String} number Credit card number\n * @param {String} exp Expiration date (YYMM)\n * @param {String} cardName Name of the card holder\n * @param {String} [raw] Raw track data\n * @param {string} [encrypted] Encrypted swipe data\n */\n bindSwipe(number, exp, cardName, raw, encrypted) {\n const expMonth = parseInt(exp.substr(2, 2), 10);\n const expYear = `20${exp.substr(0, 2)}`;\n\n const card = {\n billingName: this.formatName(cardName),\n number,\n expiryMonth: expMonth.toString(),\n expiryYear: expYear,\n swipe: true,\n };\n\n if (!_.isEmpty(raw)) {\n card.tracks = _.trim(raw);\n }\n\n if (encrypted) {\n card.encrypted = encrypted;\n }\n\n this.options.onSwipe(card);\n }\n}\n\nexport default CardSwipeListener;\n","import CardSwipeListener from '../../utils/CardSwipeListener';\nimport { Component } from 'react';\n\nclass CreditCardSwiper extends Component {\n componentDidMount() {\n const { enable, onSwipe, onError, isTokenizationEnabled } = this.props;\n\n if (enable) {\n this.listener = new CardSwipeListener({\n isTokenizationEnabled,\n onSwipe,\n onError,\n });\n\n this.listener.enable();\n }\n }\n\n componentWillUnmount() {\n if (this.listener) {\n this.listener.disable();\n }\n }\n\n render() {\n return null;\n }\n}\n\nexport default CreditCardSwiper;\n","import NumberFormat from 'react-number-format';\nimport { FormFeedback } from 'reactstrap';\nimport React, { Fragment } from 'react';\nimport { Field, getIn } from 'formik';\nimport classNames from 'classnames';\n\nconst FormFieldNumber = ({ name, className, ...rest }) => {\n return (\n \n {({ field, form }) => {\n const isTouched = getIn(form.touched, field.name);\n const error = (isTouched || form.submitCount > 0) && getIn(form.errors, field.name);\n\n return (\n \n \n\n {error}\n \n );\n }}\n \n );\n};\n\nexport default FormFieldNumber;\n","import { isSellerContext } from '../../selectors/bootstrapSelectors';\nimport { getPaymentTokenization } from '../../selectors/sellerSelectors';\nimport CreditCardExpiryField from '../CreditCardExpiryField';\nimport { showError } from '../../actions/errorActions';\nimport { updateGift } from '../../actions/giftActions';\nimport CreditCardFormLayout from './CreditCardLayout';\nimport StripeElementsForm from './StripeElementsForm';\nimport React, { Component, Fragment } from 'react';\nimport CreditCardSwiper from './CreditCardSwiper';\nimport FormFieldNumber from '../FormFieldNumber';\nimport { connect } from 'react-redux';\nimport FormField from '../FormField';\nimport { Field } from 'formik';\nimport _ from 'lodash';\n\nclass CreditCardForm extends Component {\n handleError = message => {\n this.props.showError(message);\n };\n\n showStripeElements(form) {\n // Hide Stripe Elements and show regular CC form if card swiper is enabled and a card is swiped.\n return this.props.useStripeElements && !_.get(form.values, 'payment.card.number');\n }\n\n isCardEncrypted(form) {\n return _.has(form.values, 'payment.card.encrypted');\n }\n\n render() {\n const { enableSwipe, updateGift, paymentTokenization } = this.props;\n\n return (\n \n {({ form }) => (\n \n {\n form.setFieldValue('payment.card', card, true);\n updateGift({ payment: { card } });\n }}\n />\n\n {this.showStripeElements(form) ? (\n \n ) : (\n \n }\n number={\n \n }\n cvv={\n \n }\n expiry={}\n zip={\n \n }\n />\n )}\n \n )}\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n enableSwipe: isSellerContext(state),\n paymentTokenization: getPaymentTokenization(state.seller),\n});\n\nconst mapDispatchToProps = {\n showError,\n updateGift,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CreditCardForm);\n","import {\n getPaymentTokenization,\n getOtherPaymentMethods,\n canUseEMVPayment,\n getDefaultGateway,\n} from '../../selectors/sellerSelectors';\nimport { PaymentMethod, changePaymentMethod } from '../../actions/giftActions';\nimport PaymentMethodSelector from './PaymentMethodSelector';\nimport React, { Component, Fragment } from 'react';\nimport CreditCardForm from './CreditCardForm';\nimport { connect } from 'react-redux';\nimport { Field } from 'formik';\nimport chipImage from '../../images/chip.png';\n\nclass PaymentInput extends Component {\n render() {\n const { user, paymentTokenization, defaultGateway, paymentMethods, canUseEMVPayment, payment } = this.props;\n\n return (\n \n {({ form }) => (\n \n {user ? (\n {\n form.setFieldValue('payment.method', method);\n this.props.changePaymentMethod(method);\n }}\n paymentMethods={paymentMethods}\n canUseEMVPayment={canUseEMVPayment}\n />\n ) : null}\n {canUseEMVPayment && form.values.payment.method === PaymentMethod.INTENT ? (\n
\n Gift Code:{' '}\n \n {giftItem.coupon.code}\n \n
\n\n \n \n\n
\n \n Print\n \n \n \n \n \n );\n }\n}\n\nconst mapStateToProps = (state, props) => ({\n product: getGiftItemProduct(state, props.giftItem),\n customerEmail: state.gift.customerEmail,\n});\n\nexport default connect(mapStateToProps)(PurchasedGiftItem);\n","import PurchasedGiftItem from './PurchasedGiftItem';\n\nexport default PurchasedGiftItem;\n","import PurchasedGiftItem from '../components/PurchasedGiftItem';\nimport Header from '../components/Header';\nimport React, { Component } from 'react';\nimport { navigate } from '@reach/router';\nimport { connect } from 'react-redux';\nimport Page from '../components/Page';\nimport List from '../components/List';\n\nclass SuccessPage extends Component {\n componentDidMount() {\n if (this.props.giftItems.length === 1) {\n navigate('/print/0', { replace: true });\n }\n }\n\n render() {\n const { giftItems } = this.props;\n\n return (\n \n \n
\n To redeem it, just use the gift code like you would a coupon when booking an experience with us.\n
\n \n\n \n {giftItems.map((giftItem, giftItemIndex) => (\n \n ))}\n \n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n giftItems: state.gift.items,\n});\n\nexport default connect(mapStateToProps)(SuccessPage);\n","import CouponRestrictions from '../components/CouponRestrictions/CouponRestrictions';\nimport { getGiftItemProduct } from '../selectors/productsSelector';\nimport ProductImage from '../components/ProductImage';\nimport Currency from '../components/Currency';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport Page from '../components/Page';\nimport { Button } from 'reactstrap';\n\nclass PrintPage extends Component {\n handlePrintClick = () => {\n window.print();\n };\n\n getEmails() {\n const { giftItem, gift } = this.props;\n const emails = [];\n\n if (giftItem.sendToCustomer) {\n emails.push(gift.customerEmail);\n }\n\n if (giftItem.sendToRecipient) {\n emails.push(giftItem.recipientEmail);\n }\n\n return emails.join(' and ');\n }\n\n handleBackClick = () => {\n window.history.back();\n };\n\n render() {\n const { gift, giftItem, product } = this.props;\n\n return (\n \n
\n \n
\n A Gift from {gift.customerName}\n
\n\n
\n \n {giftItem.baseAmount}\n \n
\n\n
\n Gift Code:{' '}\n \n {giftItem.coupon.code}\n \n
\n\n \n\n \n\n
\n
Instructions
\n
\n\n
\n Thanks for your purchase! A copy of the gift certificate has been mailed to{' '}\n {this.getEmails()}.\n \n To redeem it, just use the gift code like you would a coupon when booking an experience with us.\n
\n\n {gift.items.length > 1 ? (\n
\n \n
\n ) : null}\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state, props) => ({\n gift: state.gift,\n giftItem: state.gift.items[props.giftItemIndex],\n product: getGiftItemProduct(state, state.gift.items[props.giftItemIndex]),\n});\n\nexport default connect(mapStateToProps)(PrintPage);\n","import { scrollUp } from '../../actions/socketActions';\nimport { connect } from 'react-redux';\nimport { useEffect } from 'react';\n\nconst ScrollToTop = ({ children, location, scrollUp }) => {\n useEffect(() => {\n scrollUp();\n }, [scrollUp, location.pathname]);\n\n return children;\n};\n\nconst mapDispatchToProps = {\n scrollUp,\n};\n\nexport default connect(null, mapDispatchToProps)(ScrollToTop);\n","import PersonalizationPage from '../../pages/PersonalizationPage';\nimport ProductsPage from '../../pages/ProductsPage';\nimport PaymentPage from '../../pages/PaymentPage';\nimport SuccessPage from '../../pages/SuccessPage';\nimport PrintPage from '../../pages/PrintPage';\nimport React, { Component } from 'react';\nimport ScrollToTop from './ScrollToTop';\nimport { Router } from '@reach/router';\n\nclass AppRouter extends Component {\n render() {\n // Path `/cart` is for backward compatibility with the old app.\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nexport default AppRouter;\n","import Router from './Router';\n\nexport default Router;\n","import CustomConversionTracker from './CustomConversionTracker/CustomConversionTracker';\nimport { bootstrap } from '../actions/bootstrapActions';\nimport React, { Component, Fragment } from 'react';\nimport FixedProgressBar from './FixedProgressBar';\nimport { connect } from 'react-redux';\nimport Router from './Router';\n\nclass App extends Component {\n componentDidMount() {\n this.props.bootstrap();\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nconst mapDispatchToProps = {\n bootstrap,\n};\n\nexport default connect(null, mapDispatchToProps)(App);\n","import StripeProvider from './StripeProvider';\nimport React, { Component } from 'react';\nimport ErrorLogger from './ErrorLogger';\nimport { Provider } from 'react-redux';\nimport App from './App';\n\nclass Root extends Component {\n render() {\n return (\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default Root;\n","// Main stylesheet must be imported first so components can override it.\nimport './styles/index.scss';\n\nimport createStore from './store/createStore';\nimport magensaApi from './api/magensaApi';\nimport Root from './components/Root';\nimport xolaApi from './api/xolaApi';\nimport ReactDOM from 'react-dom';\nimport './utils/resizeObserver';\nimport React from 'react';\n\nconst rootElement = document.getElementById('root');\nconst store = createStore();\nmagensaApi.setStore(store);\nxolaApi.setStore(store);\n\nif (process.env.NODE_ENV === 'development') {\n // To help with general debugging environment\n window.getState = store.getState;\n}\n\n// Enable Hot Module Replacement for components.\n// Will not be included on production build.\nif (module.hot) {\n module.hot.accept('./components/Root', () => {\n const Root = require('./components/Root').default;\n ReactDOM.render(, rootElement);\n });\n}\n\nReactDOM.render(, rootElement);\n","import config from './config';\nimport getUserLocale from 'get-user-locale';\n\n/**\n * Get language code from locale string.\n * @param {string} locale Example: \"en-US\"\n * @returns {string} Example: \"en\"\n */\nexport const getLanguageCode = locale => {\n const [language] = locale.replace('_', '-').split('-');\n return language.toLowerCase();\n};\n\n/**\n * Get app language for the user.\n * @param {Object} seller\n * @returns {string}\n */\nconst getLanguage = seller => {\n const userLanguage = getLanguageCode(getUserLocale());\n const { supportedLanguages = [] } = seller.preferences.language;\n\n if (supportedLanguages.find(language => getLanguageCode(language.locale) === userLanguage)) {\n return userLanguage;\n }\n\n return 'en';\n};\n\nconst localize = (seller, selectedLanguageCode) => {\n const options = {\n key: config.localizejs.key,\n saveNewPhrases: config.localizejs.saveNewPhrases,\n };\n const language = selectedLanguageCode ?? getLanguage(seller);\n options.targetLanguage = language;\n if (language !== 'en') {\n options.autodetectLanguage = false;\n }\n\n if (config.localizejs.enabled && (seller.preferences.language.multiple || language !== 'en')) {\n window.Localize.initialize(options);\n }\n};\n\nexport default localize;\n","import { commitGift } from './giftActions';\n\nexport const PAYMENT_FAILED = 'PAYMENT_FAILED';\n\nexport const COLLECT_PAYMENT_FAILED = 'COLLECT_PAYMENT_FAILED';\nexport const COLLECT_PAYMENT_SUCCEEDED = 'COLLECT_PAYMENT_SUCCEEDED';\n\nexport const SET_PAYMENT_DEVICE_ID = 'SET_PAYMENT_DEVICE_ID';\n\nexport const collectPaymentSucceeded = gift => async dispatch => {\n dispatch({ type: COLLECT_PAYMENT_SUCCEEDED, gift });\n dispatch(commitGift());\n};\nexport const collectPaymentFailed = (gift, errorMessage) => ({\n type: COLLECT_PAYMENT_FAILED,\n gift,\n errorMessage,\n});\nexport const addDevice = deviceId => ({ type: SET_PAYMENT_DEVICE_ID, deviceId });\n","import _ from 'lodash';\n\nclass GoogleAnalyticsGift {\n /**\n * @param {Gift} gift\n */\n constructor(gift) {\n this.gift = gift;\n }\n\n getProducts() {\n return this.gift.items.map(item => ({\n id: item.id,\n name: 'Gift ' + item.coupon.code.toUpperCase(),\n sku: item.coupon.id,\n price: item.baseAmount,\n quantity: 1,\n category: 'Gift',\n }));\n }\n\n getTaxAmount() {\n // Only experience gifts can have taxes.\n return _.sumBy(this.gift.items, item => {\n return item.baseAmount < item.amount ? item.amount - item.baseAmount : 0;\n });\n }\n\n toGoogleAnalyticsObject() {\n return {\n transaction: {\n id: this.gift.id,\n affiliation: 'Xola',\n revenue: this.gift.amount,\n tax: this.getTaxAmount(),\n currency: this.gift.currency,\n },\n products: this.getProducts(),\n };\n }\n\n toGoogleTagManagerObject() {\n return {\n transactionId: this.gift.id,\n transactionAffiliation: 'Xola',\n transactionTotal: this.gift.amount,\n transactionTax: this.getTaxAmount(),\n transactionCurrency: this.gift.currency,\n transactionProducts: this.getProducts(),\n };\n }\n}\n\nexport default GoogleAnalyticsGift;\n","import _ from 'lodash';\n\n/**\n * Nicely format server error message types to display them to the user.\n *\n * @param {string} message Example `must_be_positive`.\n * @param {string} key Example `amount`.\n * @returns {string} Example `Amount: Must Be Positive`.\n */\nconst formatErrorMessage = (message, key) => {\n if (key) {\n return _.startCase(key) + ': ' + _.startCase(message);\n }\n\n return _.startCase(message);\n};\n\n/**\n * Get human-readable error message from the response `field` or `global` object.\n *\n * @param {object} data Response object.\n */\nconst formatResponseError = data => {\n const field = data.field || data.global;\n const [key] = _.keys(field);\n const error = field[key];\n\n if (_.isString(error)) {\n return formatErrorMessage(error, _.isArray(field) ? null : key);\n }\n\n if (_.has(error, 'message')) {\n return error.message;\n }\n\n if (_.has(error, 'reason')) {\n return formatErrorMessage(error.reason, key);\n }\n\n return 'Sorry, something went wrong';\n};\n\nexport default formatResponseError;\n","import { getGiftAmount, getGiftBaseAmount, getGiftItemAmount, getPayableAmount } from '../selectors/giftSelector';\nimport { getCurrency, isShowGiftDemographicsEnabled, isThreeDSecureEnabled } from '../selectors/sellerSelectors';\nimport googleAnalyticsTracker from '../trackers/GoogleAnalytics/googleAnalyticsTracker';\nimport GoogleAnalyticsGift from '../trackers/GoogleAnalytics/GoogleAnalyticsGift';\nimport facebookPixelTracker from '../trackers/FacebookPixel/facebookPixelTracker';\nimport formatResponseError from '../utils/formatResponseError';\nimport { paymentSuccess, releaseSuccess } from './socketActions';\nimport { showError } from './errorActions';\nimport xolaApi from '../api/xolaApi';\nimport _ from 'lodash';\nimport { navigate } from '@reach/router';\nimport { getExperienceDemographics } from '../selectors/productsSelector';\nimport { BootstrapContext } from './bootstrapActions';\n\nexport const UPDATE_GIFT = 'UPDATE_GIFT';\nexport const ADD_GIFT_ITEM = 'ADD_GIFT_ITEM';\nexport const UPDATE_GIFT_ITEM = 'UPDATE_GIFT_ITEM';\nexport const SET_GIFT_ERROR = 'SET_GIFT_ERROR';\nexport const REMOVE_GIFT_ITEM = 'REMOVE_GIFT_ITEM';\nexport const REMOVE_UNCOMPLETED_GIFT_ITEMS = 'REMOVE_UNCOMPLETED_GIFT_ITEMS';\nexport const CHANGE_PAYMENT_METHOD = 'CHANGE_PAYMENT_METHOD';\nexport const REMOVE_CARD = 'remove_card';\n\n\nexport const SAVE_GIFT_REQUESTED = 'SAVE_GIFT_REQUESTED';\nexport const SAVE_GIFT_SUCCEEDED = 'SAVE_GIFT_SUCCEEDED';\nexport const SAVE_GIFT_FAILED = 'SAVE_GIFT_FAILED';\n\nexport const COMMIT_GIFT_REQUESTED = 'COMMIT_GIFT_REQUESTED';\nexport const COMMIT_GIFT_SUCCEEDED = 'COMMIT_GIFT_SUCCEEDED';\nexport const COMMIT_GIFT_FAILED = 'COMMIT_GIFT_FAILED';\n\nexport const RELEASE_GIFT_REQUESTED = 'RELEASE_GIFT_REQUESTED';\nexport const RELEASE_GIFT_SUCCEEDED = 'RELEASE_GIFT_SUCCEEDED';\nexport const RELEASE_GIFT_FAILED = 'RELEASE_GIFT_FAILED';\n\nexport const updateGift = gift => ({\n type: UPDATE_GIFT,\n gift,\n});\n\nexport const addGiftItem = (product, giftItem) => (dispatch, getState) => {\n const giftItemProduct = { id: product.id };\n let experience = product.experience;\n\n let quantity = experience?.group?.orderMin || 1;\n let demographics = null;\n if (experience) {\n const showDemographics = isShowGiftDemographicsEnabled(getState());\n\n if (showDemographics) {\n demographics = getExperienceDemographics(experience, quantity);\n demographics[0].quantity = quantity;\n }\n }\n const sendToRecipient =\n getState().bootstrap.context === BootstrapContext.BUTTON ||\n getState().bootstrap.context === BootstrapContext.CHECKOUT;\n\n dispatch({\n type: ADD_GIFT_ITEM,\n\n giftItem: {\n product: giftItemProduct,\n code: '',\n recipientName: '',\n recipientEmail: '',\n message: '',\n sendToRecipient,\n demographics: demographics,\n quantity,\n ...giftItem,\n },\n });\n};\n\nexport const updateGiftItem = (giftItemIndex, giftItem) => ({\n type: UPDATE_GIFT_ITEM,\n giftItemIndex,\n giftItem,\n});\n\nexport const setGiftError = error => ({\n type: SET_GIFT_ERROR,\n error,\n});\n\nexport const removeGiftItem = giftItemIndex => ({\n type: REMOVE_GIFT_ITEM,\n giftItemIndex,\n});\n\nexport const removeUncompletedGiftItems = () => ({\n type: REMOVE_UNCOMPLETED_GIFT_ITEMS,\n});\n\nexport const changePaymentMethod = method => (dispatch, getState) => {\n dispatch({ type: CHANGE_PAYMENT_METHOD, method, isThreeDSecureEnabled: isThreeDSecureEnabled(getState()) });\n};\n\nexport const saveGift = gift => async (dispatch, getState) => {\n dispatch({ type: SAVE_GIFT_REQUESTED, gift });\n const state = getState();\n\n try {\n const { data } = await xolaApi.post('/api/gifts', {\n ...gift,\n seller: { id: state.seller.id },\n items: gift.items.map(giftItem => {\n const item = _.omit(giftItem, ['id', 'coupon', 'recipient', 'adjustments', 'paymentMethod']);\n return {\n ...item,\n amount: getGiftItemAmount(state, item, false),\n };\n }),\n baseAmount: getGiftBaseAmount(state),\n amount: getGiftAmount(state),\n amountPaid: getPayableAmount(state),\n currency: getCurrency(state),\n });\n\n dispatch({ type: SAVE_GIFT_SUCCEEDED, gift: data });\n dispatch(paymentSuccess(data));\n\n // Wrapping in a try-catch block just to be safe\n // and to not interfere with a successful purchase flow.\n try {\n googleAnalyticsTracker.trackGift(new GoogleAnalyticsGift(data));\n facebookPixelTracker.onGiftPurchase(state.seller, data);\n } catch (error) {\n console.error(error);\n }\n\n return data;\n } catch (error) {\n dispatch({ type: SAVE_GIFT_FAILED });\n\n if (_.has(error, 'response.data.field') || _.has(error, 'response.data.global')) {\n dispatch(showError(formatResponseError(error.response.data)));\n } else {\n dispatch(showError('Failed to Complete the Purchase', error));\n }\n }\n};\n\nexport const commitGift = () => async (dispatch, getState) => {\n try {\n dispatch({ type: COMMIT_GIFT_REQUESTED });\n const { gift, seller } = getState();\n const { apiKey } = gift.organizer;\n const response = await xolaApi.post(\n `/api/gifts/${gift.id}/commit?seller=${seller.id}`,\n { seller: seller.id },\n { headers: { 'X-API-KEY': apiKey } },\n );\n dispatch({\n type: COMMIT_GIFT_SUCCEEDED,\n gift: response.data,\n });\n navigate('/success');\n } catch (e) {\n dispatch({ type: COMMIT_GIFT_FAILED, error: e.message });\n }\n};\n\nexport const releaseGift = () => async (dispatch, getState) => {\n try {\n dispatch({ type: RELEASE_GIFT_REQUESTED });\n const { gift, request, seller } = getState();\n const { apiKey } = gift.organizer;\n await xolaApi.post(\n `/api/gifts/${gift.id}/release?seller=${seller.id}`,\n { seller: seller.id },\n { headers: { 'X-API-KEY': apiKey } },\n );\n dispatch({\n type: RELEASE_GIFT_SUCCEEDED,\n gift: request,\n });\n dispatch(releaseSuccess());\n } catch (e) {\n dispatch({ type: RELEASE_GIFT_FAILED, error: e.message });\n }\n};\n\nexport const removeCard = () => ({\n type: REMOVE_CARD,\n });\n\nexport const PaymentMethod = {\n CREDIT_CARD: 'cc',\n CASH: 'cash',\n CHECK: 'check',\n OTHER: 'other',\n INTENT: 'intent',\n};\n\nexport const PaymentIntentMethod = {\n CARD_PRESENT: 'card_present',\n CARD_NOT_PRESENT: 'card',\n};\n\nexport const GiftItemStatus = {\n STATUS_HOLD: 103,\n STATUS_ACCEPTED: 200,\n};\n\nexport const GiftSource = {\n OFFICE: 'office',\n CHECKOUT: 'checkout',\n GIFT: 'gift',\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"info\":\"StripeTerminalModal_info__2bAW_\",\"content\":\"StripeTerminalModal_content__OfqVr\",\"alert\":\"StripeTerminalModal_alert__3cloM\",\"error\":\"StripeTerminalModal_error__3gWMA\",\"notice\":\"StripeTerminalModal_notice__1mKqU\"};","import config from '../config';\nimport _ from 'lodash';\n\nconst xolaUrl = uri => {\n return config.xola.url + '/' + _.trimStart(uri, '/');\n};\n\nexport default xolaUrl;\n","import { showError } from './errorActions';\nimport xolaApi from '../api/xolaApi';\n\nexport const FETCH_EXPERIENCE_REQUESTED = 'FETCH_EXPERIENCE_REQUESTED';\nexport const FETCH_EXPERIENCE_SUCCEEDED = 'FETCH_EXPERIENCE_SUCCEEDED';\nexport const FETCH_EXPERIENCE_FAILED = 'FETCH_EXPERIENCE_FAILED';\n\n/**\n * Fetch experience by ID.\n * @param {string} id Experience ID.\n */\nexport const fetchExperience = id => async dispatch => {\n try {\n dispatch({ type: FETCH_EXPERIENCE_REQUESTED, id });\n const { data: experience } = await xolaApi.get(`/api/products/${id}`);\n dispatch({ type: FETCH_EXPERIENCE_SUCCEEDED, experience });\n } catch (error) {\n dispatch({ type: FETCH_EXPERIENCE_FAILED, id });\n dispatch(showError('Failed to Load the Experience', error));\n }\n};\n\n/**\n * Calls `fetchExperience` action creator for all experiences in the gift offer.\n * It will skip experiences already in the state.\n * @param {Object} giftOffer Gift offer product.\n */\nexport const fetchGiftOfferExperiences = giftOffer => async (dispatch, getState) => {\n if (giftOffer.couponRestrictions?.experiences?.experiences?.length > 0) {\n giftOffer.couponRestrictions.experiences.experiences.forEach(id => {\n if (!getState().products.experiences[id]) {\n dispatch(fetchExperience(id));\n }\n });\n }\n};\n","export const FeeScope = {\n PERSON: 'person',\n OUTING: 'outing',\n ADDON: 'addon',\n};\n\nexport const FeeScopeModifier = {\n PER_DAY: 'day',\n EXCLUDE_ADDON: 'excludeAddon',\n ADDON_ONLY: 'addonsOnly',\n};\n","import { FeeScopeModifier, FeeScope } from '../actions/feeActions';\nimport { ProductObject } from '../actions/productActions';\nimport { getBookingFeeAmount } from './sellerSelectors';\nimport { DiscountAmountType } from './productsSelector';\nimport { PaymentMethod } from '../actions/giftActions';\nimport { getGiftItemProduct } from './giftSelector';\nimport _ from 'lodash';\n\nexport const getFeeAmount = (baseAmount, fee, quantity = 1) => {\n switch (fee.amountType) {\n case DiscountAmountType.ABSOLUTE:\n return fee.scope === FeeScope.PERSON ? fee.amount * quantity : fee.amount;\n case DiscountAmountType.PERCENT:\n return baseAmount * (fee.amount / 100);\n case DiscountAmountType.OVERRIDE:\n return baseAmount - fee.amount;\n default:\n return baseAmount;\n }\n};\n\nexport const getProductFees = (state, product, type = 'tax') => {\n const { fees } = state;\n\n if (product && product.experience) {\n return fees.filter(fee => {\n const inScope = fee.scope !== FeeScope.ADDON && fee.scopeModifier !== FeeScopeModifier.ADDON_ONLY;\n return (\n inScope &&\n (fee.all || fee.experiences.indexOf(product.experience.id) >= 0) &&\n fee.productType !== ProductObject.MEMBERSHIP &&\n fee.type === type\n );\n });\n }\n\n return [];\n};\n\nexport const getProductFeeAmount = (state, product, baseAmount, includeBookingFee = true, quantity = 1) => {\n let fees = getProductFees(state, product, 'fee');\n let feeAmount = _.sumBy(fees, fee => getFeeAmount(baseAmount, fee, quantity));\n const baseAmountWithFee = baseAmount + feeAmount;\n\n // Get the taxes which is fee in v1\n let taxes = getProductFees(state, product);\n let demographicOnlyTaxes = taxes.filter(tax => {\n return tax.scopeModifier && tax.scopeModifier === FeeScopeModifier.EXCLUDE_ADDON;\n });\n let otherTaxes = taxes.filter(tax => {\n return !tax.scopeModifier || tax.scopeModifier !== FeeScopeModifier.EXCLUDE_ADDON;\n });\n // For demographic only taxes, we need to calculate the tax based on base amount\n feeAmount += _.sumBy(demographicOnlyTaxes, tax => getFeeAmount(baseAmount, tax, quantity));\n // For any other scope modifier, we need to calculate the tax based on base amount with any v2 fees applied\n feeAmount += _.sumBy(otherTaxes, tax => getFeeAmount(baseAmountWithFee, tax, quantity));\n\n const orderAmountIncludesPartnerFee = _.find(state.seller.partnerFeeFormulas, {\n orderAmountIncludesPartnerFee: true,\n });\n const isCCPayment = _.includes([PaymentMethod.CREDIT_CARD, PaymentMethod.INTENT], state.gift.payment.method);\n const hasBookingFees = isCCPayment || orderAmountIncludesPartnerFee;\n if (includeBookingFee && hasBookingFees) {\n if (product && product.experience) {\n baseAmount += feeAmount;\n }\n return feeAmount + getBookingFeeAmount(state, baseAmount, quantity);\n }\n\n return feeAmount;\n};\n\nexport const getApplicableGiftItemFees = (state, giftItem) => {\n const { fees, gift } = state;\n\n const product = getGiftItemProduct(state, gift.items.indexOf(giftItem));\n\n if (product && product.object === ProductObject.EXPERIENCE) {\n return fees.filter(fee => {\n return fee.all || fee.experiences.indexOf(giftItem.product.id) >= 0;\n });\n }\n\n return [];\n};\n\nexport const getGiftItemFeeAmount = (state, giftItem) => {\n const applicableFees = getApplicableGiftItemFees(state, giftItem);\n return _.sumBy(applicableFees, fee => getFeeAmount(giftItem.baseAmount, fee, giftItem.quantity));\n};\n","import { BootstrapContext } from '../../actions/bootstrapActions';\nimport _ from 'lodash';\nimport { getXWM } from '../../xwm';\n\nclass FacebookPixelTracker {\n initialized = false;\n\n init(seller, bootstrap) {\n if (!this.initialized && bootstrap.context !== BootstrapContext.SELLER) {\n const facebookPixelPreference = _.get(seller, 'preferences.facebookPixelTracking');\n\n if (\n _.get(facebookPixelPreference, 'enabled') &&\n !_.isEmpty(_.get(facebookPixelPreference, 'facebookPixelId'))\n ) {\n this.initialized = true;\n }\n }\n }\n\n onGiftPurchase(seller, gift) {\n if (this.initialized) {\n const facebookPixelPreference = _.get(seller, 'preferences.facebookPixelTracking');\n const pixelId = _.get(facebookPixelPreference, 'facebookPixelId');\n\n const data = _.get(facebookPixelPreference, 'allowAdvancedConversionTracking')\n ? this.getUserData(gift)\n : {};\n\n const couponCodes = gift.items.map(item => {\n return _.get(item, 'coupon.code', '').toUpperCase();\n });\n\n const payload = {\n content_type: 'product',\n content_category: 'gift',\n content_name: 'Gift ' + couponCodes.filter(Boolean).join(','),\n value: gift.amount,\n currency: seller.currency,\n num_items: 1,\n city: this.getSellerCity(seller),\n };\n\n const contentIds = gift.items.map(item => (item.experience ? item.experience.id : null)).filter(Boolean);\n\n if (contentIds.length > 0) {\n payload.content_ids = contentIds;\n }\n\n const xwm = getXWM();\n if (xwm) {\n xwm.send('fbPixel.fire', {\n payload: payload,\n userData: data,\n pixelId: pixelId,\n });\n }\n }\n }\n\n getUserData(gift) {\n const data = {};\n\n if (gift.customerEmail) {\n data.em = gift.customerEmail.toLowerCase();\n }\n\n if (gift.customerName) {\n const nameArray = gift.customerName.split(' ');\n data.fn = nameArray[0].toLowerCase();\n\n if (nameArray.length > 1 && nameArray[nameArray.length - 1]) {\n data.ln = nameArray[nameArray.length - 1].toLowerCase();\n }\n }\n\n return data;\n }\n\n getSellerCity(seller) {\n const { city } = seller;\n\n // Some sellers have the country name included in the \"city\" field.\n // Requirement of XOL-3904 is to only track the name of the city.\n if (city && city.indexOf(',') >= 0) {\n return city.substring(0, city.indexOf(',')).trim();\n }\n\n return city;\n }\n}\n\nexport default new FacebookPixelTracker();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"PaymentMethodButton_main__3wgDC\",\"mainSelected\":\"PaymentMethodButton_mainSelected__2b_Ej\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cell\":\"Breakdown_cell__2U_CC\",\"prepaidFeesText\":\"Breakdown_prepaidFeesText__OtSiG\"};","export const SET_USER = 'SET_USER';\n\nexport const setUser = user => ({\n type: SET_USER,\n user,\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"ListItem_main__x1JYn\",\"mainHover\":\"ListItem_mainHover__1zktZ\",\"mainSelected\":\"ListItem_mainSelected__2g-k2\",\"row\":\"ListItem_row__1zXEb\"};"],"sourceRoot":""}
: null}\n