\r\n\t\t\t\t{includeFirstPageNumber &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{1}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{showStartEllipses &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t...\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{pagesToShow.map((pageNumber) =>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{pageNumber}\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t{showEndEllipses &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t...\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{includeLastPageNumber &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{lastPage}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCategoryPaging.propTypes = {\r\n\tisDesignMode: PropTypes.bool,\r\n\tdataChildOf: PropTypes.string,\r\n\ttheme: PropTypes.string,\r\n\tisCustomTheme: PropTypes.bool,\r\n\tdataRepeatedId: PropTypes.string,\r\n\tdataComponentId: PropTypes.string,\r\n\tdataNestedId: PropTypes.string,\r\n\tnumberPagesToShow: PropTypes.number,\r\n\tincludeFirstPageNumber: PropTypes.bool,\r\n\tincludeLastPageNumber: PropTypes.bool,\r\n\tcurrentPageNumber: PropTypes.number,\r\n\tpageSize: PropTypes.number,\r\n\ttotalCount: PropTypes.number\r\n};\r\n\r\nmodule.exports = CategoryPaging;\r\n","\"use strict\";\r\n\r\nvar LoggerInstance = require(\"js-logger\").get(\"CheckoutHelper\");\r\n\r\nvar PaymentHelper = require(\"./PaymentHelper\");\r\nvar ShipToAccountHelper = require(\"./ShipToAccountHelper\");\r\n\r\nvar AccountActions = require(\"../accountComponents/AccountActions\");\r\nvar AccountFormHelper = require(\"../accountComponents/AccountFormHelper\");\r\n\r\nvar CheckoutApi = require(\"../checkoutComponents/CheckoutApi\");\r\nvar CheckoutStore = require(\"../checkoutComponents/CheckoutStore\");\r\nvar DonationUpsellHelper = require(\"../checkoutComponents/DonationUpsellHelper\");\r\n\r\nvar Spinner = require(\"../client/Spinner\");\r\n\r\nvar WizardConstants = require(\"../constants/WizardConstants\");\r\n\r\nvar Constants = require(\"../designer/Constants\");\r\n\r\nvar BootstrapPrompt = require(\"../shared/BootstrapPrompt\");\r\n\r\nvar CheckoutHelper = {\r\n\tsavedPaymentComponentData: function () {\r\n\t\tvar $savedPaymentsComponent = $(\"div[data-component=savedPayments]\");\r\n\t\tvar usingSavedPayments = $savedPaymentsComponent.length;\r\n\r\n\t\tif (usingSavedPayments) {\r\n\t\t\t// pull value from radio buttons.\r\n\t\t\tvar $checkedRadioButton = $(`input[name=savedPaymentsComponent]:checked`);\r\n\r\n\t\t\tvar type;\r\n\t\t\tif ($checkedRadioButton.closest(\"[data-component='savedPayments.creditCard']\").length) {\r\n\t\t\t\ttype = \"CC\";\r\n\t\t\t} else if ($checkedRadioButton.closest(\"[data-component='savedPayments.eft']\").length) {\r\n\t\t\t\ttype = \"EFT\";\r\n\t\t\t}\r\n\r\n\t\t\tvar savedPaymentRadioValue = $checkedRadioButton.val();\r\n\r\n\t\t\treturn {\r\n\t\t\t\tnewSavedPayment: savedPaymentRadioValue === \"NEW\",\r\n\t\t\t\tsavedPaymentCheckout: true,\r\n\t\t\t\tsavedPaymentId: savedPaymentRadioValue,\r\n\t\t\t\ttype\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\tsavedPaymentCheckout: false,\r\n\t\t\tnewSavedPayment: false\r\n\t\t};\r\n\t},\r\n\r\n\tgetAccountInfo: function (options) {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\toptions = options || {};\r\n\t\tvar mediaOutlet;\r\n\r\n\t\tif (options.isCreateAccount) {\r\n\t\t\tAccountFormHelper.serializeDataNecessaryToCreateAnAccount().always(accountData => {\r\n\t\t\t\taccountData.type = AccountActions.getAccountType(accountData);\r\n\t\t\t\tdeferred.resolve(accountData);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tvar account = {};\r\n\t\t\tAccountFormHelper.updateAccountDemographics(account).always(() => {\r\n\t\t\t\tmediaOutlet = AccountFormHelper.getMediaOutlet();\r\n\t\t\t\tif (mediaOutlet) {\r\n\t\t\t\t\taccount.mediaOutlet = mediaOutlet;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdeferred.resolve(account);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\tgetSubscriptionTaxControlRecord: function () {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\tif (this.useSubscriptionTax) {\r\n\t\t\tdeferred.resolve(this.useSubscriptionTax);\r\n\t\t} else {\r\n\t\t\tCheckoutApi.getSubscriptionTaxControlRecord().done((useSubscriptionTax) => {\r\n\t\t\t\tthis.useSubscriptionTax = useSubscriptionTax.value;\r\n\t\t\t\tdeferred.resolve(this.useSubscriptionTax);\r\n\t\t\t}).fail((err) => {\r\n\t\t\t\tLoggerInstance.info(\"Unable to get subscription tax control record.\");\r\n\t\t\t\tdeferred.reject();\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\tgetShippingTaxId: function () {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\tif (this.shipTaxId) {\r\n\t\t\tdeferred.resolve(this.shipTaxId);\r\n\t\t} else {\r\n\t\t\tCheckoutApi.getShippingTaxId().done((shipTaxId) => {\r\n\t\t\t\tthis.shipTaxId = shipTaxId.value;\r\n\t\t\t\tdeferred.resolve(this.shipTaxId);\r\n\t\t\t}).fail((err) => {\r\n\t\t\t\tLoggerInstance.info(\"Unable to get shipping tax control record.\");\r\n\t\t\t\tdeferred.reject();\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\tcompleteCheckout: function (dataToSend, successCallback, failureCallback) {\r\n\t\tdataToSend = dataToSend || {};\r\n\t\tCheckoutApi.completeCheckout(dataToSend).then((data, textStatus, jqXHR) => {\r\n\t\t\tif (data.success) {\r\n\t\t\t\t// We originally only provided post-submit action processing here because we were using\r\n\t\t\t\t// the generic Submit Button component. But this doesn't make sense in this case. All checkout scenarios should\r\n\t\t\t\t// forward to the confirmation page.\r\n\t\t\t\tif (_.isFunction(successCallback)) {\r\n\t\t\t\t\tsuccessCallback();\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Used to prevent caching data in session storage on page unload when checkout has completed.\r\n\t\t\t\twindow.CHECKOUT_COMPLETED = true;\r\n\r\n\t\t\t\twindow.location.href = \"/\" + CheckoutStore.getConfirmationPageRoute();\r\n\t\t\t} else {\r\n\t\t\t\tif (_.isFunction(failureCallback)) {\r\n\t\t\t\t\tfailureCallback();\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// TODO - Feature #5033 - End User Validation\r\n\t\t\t\t// Determine how/where we want to handle API error messagesByField.\r\n\t\t\t\tPaymentHelper.clearPaymentData();\r\n\r\n\t\t\t\tif ((data.responseData || {}).wizardDonationUpsell) {\r\n\t\t\t\t\tCheckoutStore.setDonationUpsellWizard(data.responseData.wizardDonationUpsell);\r\n\t\t\t\t\tDonationUpsellHelper.handleDonationUpsellChange();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar errorCallback = () => {\r\n\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (data.message === CheckoutStore.getRequireDonationChangedMessage() || (data.responseData || {}).shouldReloadPage) {\r\n\t\t\t\t\terrorCallback = () => {\r\n\t\t\t\t\t\twindow.location.reload();\r\n\t\t\t\t\t};\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar errorMessage = data.message || CheckoutStore.getWizardValue(\r\n\t\t\t\t\tWizardConstants.WIZARDS.CHECKOUT_MESSAGES,\r\n\t\t\t\t\tWizardConstants.CHECKOUT_MESSAGE_FIELDS.CHECKOUT_ERROR\r\n\t\t\t\t);\r\n\t\t\t\tLoggerInstance.error(errorMessage, textStatus, jqXHR);\r\n\t\t\t\tBootstrapPrompt.alert(errorMessage, errorCallback);\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\t// Returns the data that we are currently sending to the ASO checkout API resource.\r\n\t// The presence of a 'checkoutEvent' indicates that someone is checking out via the regular Submit button.\r\n\tgetCheckoutData: function (checkoutEvent, shouldApplyPaymentInformation) {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\tvar checkoutDetails = {\r\n\t\t\tshippingMethod: CheckoutStore.get(\"shippingMethod\")\r\n\t\t};\r\n\r\n\t\t// If we are OPCO on a Tangible, we need to get a few more details\r\n\t\tif (!CheckoutStore.isShoppingCart()) {\r\n\t\t\tvar tangibleActions = CheckoutStore.getTangibleActions();\r\n\t\t\tvar tangibleType = CheckoutStore.get(\"checkoutType\");\r\n\t\t\tif (!tangibleActions) {\r\n\t\t\t\tLoggerInstance.error(\"One page checkout was attempted but checkoutType is missing from the CheckoutStore.\");\r\n\t\t\t\tBootstrapPrompt.alert(CheckoutStore.getWizardValue(\r\n\t\t\t\t\tWizardConstants.WIZARDS.CHECKOUT_MESSAGES,\r\n\t\t\t\t\tWizardConstants.CHECKOUT_MESSAGE_FIELDS.CHECKOUT_ERROR\r\n\t\t\t\t));\r\n\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\tdeferred.resolve();\r\n\t\t\t\treturn deferred;\r\n\t\t\t}\r\n\t\t\tvar shoppingCartData = tangibleActions.getShoppingCartData({ tangibleType });\r\n\t\t\tif (shoppingCartData.product) {\r\n\t\t\t\t// If we are on OPCO Product page then we need to validate quantity\r\n\t\t\t\tvar availableQuantity = CheckoutStore.get(\"availableQuantity\");\r\n\t\t\t\tif (availableQuantity !== null && shoppingCartData.quantity > availableQuantity) {\r\n\t\t\t\t\tBootstrapPrompt.alert(CheckoutStore.getWizardValue(\r\n\t\t\t\t\t\tWizardConstants.WIZARDS.CHECKOUT_MESSAGES,\r\n\t\t\t\t\t\tWizardConstants.CHECKOUT_MESSAGE_FIELDS.AVAILABLE_QUANTITY,\r\n\t\t\t\t\t\t{ availableQuantity }\r\n\t\t\t\t\t));\r\n\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t\tdeferred.resolve();\r\n\t\t\t\t\treturn deferred;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tcheckoutDetails.product = shoppingCartData.product;\r\n\t\t\tcheckoutDetails.project = shoppingCartData.project;\r\n\t\t\tcheckoutDetails.pledges = shoppingCartData.pledges;\r\n\t\t\tcheckoutDetails.cartItems = shoppingCartData.cartItems;\r\n\r\n\t\t\t// add coupon to one-page checkout\r\n\t\t\t// this is sent but not needed for applying a coupon, but it is required\r\n\t\t\t// for processing an OPCO with an applied coupon.\r\n\t\t\tcheckoutDetails.couponCode = sessionStorage.getItem(`currentCoupon_${CheckoutStore.get(\"productCode\")}`);\r\n\t\t}\r\n\r\n\t\t// Get the transaction note if it exists\r\n\t\tvar $transactionNote = $(\"[data-component='transactionNote'] textarea\");\r\n\r\n\t\tif ($transactionNote.length > 0) {\r\n\t\t\tcheckoutDetails.transactionNote = $transactionNote.val();\r\n\t\t}\r\n\r\n\t\t// Get Secure Project/Pledge details if checking out on the Secure Project/Pledge Page\r\n\t\tif (CheckoutStore.isPageType(Constants.TANGIBLE_TYPES.SECURE_PROJECTS)) {\r\n\t\t\tcheckoutDetails.securePageType = Constants.SECURE_PAGE_TYPES.PROJECT;\r\n\t\t} else if (CheckoutStore.isPageType(Constants.TANGIBLE_TYPES.SECURE_PLEDGES)) {\r\n\t\t\tcheckoutDetails.securePageType = Constants.SECURE_PAGE_TYPES.PLEDGE;\r\n\t\t}\r\n\r\n\t\tif (checkoutDetails.securePageType) {\r\n\t\t\tvar $secureInput = $(\"[data-component='textInput'] input[name='secureInput']\");\r\n\t\t\tif ($secureInput.length) {\r\n\t\t\t\tcheckoutDetails.secureMatchingText = $secureInput.first().val();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tvar savedPaymentData = CheckoutHelper.savedPaymentComponentData();\r\n\r\n\t\tthis.applyPaymentInformationToCheckoutDetails(checkoutEvent, checkoutDetails, savedPaymentData, shouldApplyPaymentInformation).always(checkoutDetailsWithPaymentInformation => {\r\n\t\t\tif (!checkoutDetailsWithPaymentInformation) {\r\n\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\tdeferred.resolve();\r\n\t\t\t} else {\r\n\t\t\t\tthis.getAccountInfo({\r\n\t\t\t\t\tisCreateAccount: !savedPaymentData.savedPaymentCheckout\r\n\t\t\t\t}).always(account => {\r\n\t\t\t\t\t// source and mediaOutlet will be set on the Server with either values from the user's cookie or from defaults. They are not set here.\r\n\t\t\t\t\tvar dataToSend = {\r\n\t\t\t\t\t\taccount: account,\r\n\t\t\t\t\t\tcontactMethod: CheckoutStore.get(\"wizardDefaultContactMethod\").defaultContactMethod,\r\n\t\t\t\t\t\tpayment: checkoutDetailsWithPaymentInformation.payment,\r\n\t\t\t\t\t\tshippingMethod: checkoutDetailsWithPaymentInformation.shippingMethod,\r\n\t\t\t\t\t\tsecurePageType: checkoutDetailsWithPaymentInformation.securePageType,\r\n\t\t\t\t\t\tisPledgeStatementCart: CheckoutStore.get(\"isInPledgeStatementSession\")\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tif (checkoutDetailsWithPaymentInformation.transactionNote) {\r\n\t\t\t\t\t\tdataToSend.transactionNote = checkoutDetailsWithPaymentInformation.transactionNote;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (checkoutDetailsWithPaymentInformation.secureMatchingText) {\r\n\t\t\t\t\t\tdataToSend.secureMatchingText = checkoutDetailsWithPaymentInformation.secureMatchingText;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar shippingAddressType = ShipToAccountHelper.getShippingAddressType();\r\n\t\t\t\t\tvar giftAccount = shippingAddressType === \"gift\" ? ShipToAccountHelper.getGiftAccountInfo() : null;\r\n\t\t\t\t\tif (giftAccount) {\r\n\t\t\t\t\t\tdataToSend.recipient = giftAccount;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar otherShippingAddress = shippingAddressType === \"other\" ? ShipToAccountHelper.getAlternateShippingAddress() : null;\r\n\t\t\t\t\tif (otherShippingAddress) {\r\n\t\t\t\t\t\tdataToSend.otherShippingAddress = otherShippingAddress;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// This will be the case when we are OPCO on a Tangible page\r\n\t\t\t\t\tif (checkoutDetailsWithPaymentInformation.cartItems && checkoutDetailsWithPaymentInformation.project) {\r\n\t\t\t\t\t\tdataToSend.tangibleCode = checkoutDetailsWithPaymentInformation.project;\r\n\t\t\t\t\t\tdataToSend.cartItems = checkoutDetailsWithPaymentInformation.cartItems;\r\n\t\t\t\t\t\tdataToSend.tangibleType = \"Project\";\r\n\t\t\t\t\t\tdataToSend.couponCode = checkoutDetailsWithPaymentInformation.couponCode;\r\n\t\t\t\t\t} else if (checkoutDetailsWithPaymentInformation.cartItems && checkoutDetailsWithPaymentInformation.product) {\r\n\t\t\t\t\t\tdataToSend.tangibleCode = checkoutDetailsWithPaymentInformation.product;\r\n\t\t\t\t\t\tdataToSend.cartItems = checkoutDetailsWithPaymentInformation.cartItems;\r\n\t\t\t\t\t\tdataToSend.tangibleType = \"Product\";\r\n\t\t\t\t\t\tdataToSend.couponCode = checkoutDetailsWithPaymentInformation.couponCode;\r\n\t\t\t\t\t} else if (checkoutDetailsWithPaymentInformation.pledges && checkoutDetailsWithPaymentInformation.pledges.length) {\r\n\t\t\t\t\t\tdataToSend.pledges = checkoutDetailsWithPaymentInformation.pledges;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tdataToSend.isMultiPageCheckout = true;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (DonationUpsellHelper.hasDonationUpsell()) {\r\n\t\t\t\t\t\tvar donationUpsellValues = DonationUpsellHelper.getDonationUpsellCalculationValues();\r\n\t\t\t\t\t\tdataToSend.lastMinuteDonationCalculation = donationUpsellValues.calculationType;\r\n\t\t\t\t\t\tdataToSend.lastMinuteDonationAmount = donationUpsellValues.amount;\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\t// The presence of a 'checkoutEvent' indicates that someone is checking out via the regular Submit button.\r\n\t\t\t\t\t// Securing a payment is only used in the SavedPayment and CACO flows.\r\n\t\t\t\t\tif (checkoutEvent) {\r\n\t\t\t\t\t\tPaymentHelper.securePayment(dataToSend.payment).done((securedSavedPayment) => {\r\n\t\t\t\t\t\t\tif (securedSavedPayment && securedSavedPayment.nonce) {\r\n\t\t\t\t\t\t\t\tdataToSend.payment.hostedPageToken = securedSavedPayment.nonce;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tdeferred.resolve(dataToSend);\r\n\t\t\t\t\t\t}).fail((jqXHR) => {\r\n\t\t\t\t\t\t\tif (jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.message) {\r\n\t\t\t\t\t\t\t\tBootstrapPrompt.alert(jqXHR.responseJSON.message);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t\t\t\tdeferred.resolve();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tdeferred.resolve(dataToSend);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\tapplyInsufficientGiftGroupAmountStyling: function (cartItemId) {\r\n\t\tvar groupDonations = CheckoutStore.getGiftGroupDonationsByCartItemId(cartItemId);\r\n\t\tvar groupCartItemIds = groupDonations.map(elem => elem.id);\r\n\t\tvar minimumDonationErrorClassName = \"minimum-amount-group-error\";\r\n\r\n\t\t// Remove the class from existing items\r\n\t\t$(`.${minimumDonationErrorClassName}`).removeClass(minimumDonationErrorClassName);\r\n\t\t// Find donations that have the given groupId, and put a css class on them\r\n\t\tgroupCartItemIds.forEach(groupCartItemId => {\r\n\t\t\tvar $changedAmountDonationElement = $(`div[data-component='cart.populated.project'] div[data-repeated-item-id='${groupCartItemId}']`);\r\n\t\t\t$changedAmountDonationElement.addClass(minimumDonationErrorClassName);\r\n\t\t});\r\n\t},\r\n\r\n\tapplyPaymentInformationToCheckoutDetails: function (checkoutEvent, checkoutDetails, savedPaymentData, shouldApplyPaymentInformation) {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\tif (!shouldApplyPaymentInformation) {\r\n\t\t\tdeferred.resolve(checkoutDetails);\r\n\t\t\treturn deferred;\r\n\t\t}\r\n\r\n\t\t// See if we require a payment ($0 cart) and if not, don't try and add the payment object.\r\n\t\tvar pledgeHasDonationOrRecurring = checkoutDetails.pledges && checkoutDetails.pledges.some(p => p.donateTodaySelected || p.isRecurring);\r\n\t\tvar wizardDonationOrRecurringRequired = CheckoutStore.get(\"wizardDonationRequired\") || CheckoutStore.get(\"wizardRecurringRequired\");\r\n\r\n\t\tvar cartHasTotalOrRecurring = CheckoutStore.getTotalAmount() > 0 ||\r\n\t\t\tCheckoutStore.hasRecurringDonations() ||\r\n\t\t\tpledgeHasDonationOrRecurring ||\r\n\t\t\twizardDonationOrRecurringRequired;\r\n\r\n\t\tif (cartHasTotalOrRecurring) {\r\n\t\t\tif (savedPaymentData.savedPaymentCheckout && !savedPaymentData.newSavedPayment) {\r\n\t\t\t\t// If we are using an existing saved payment for checkout, we short-circuit here\r\n\t\t\t\tcheckoutDetails.payment = _.merge(\r\n\t\t\t\t\t{},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsaveForLater: false,\r\n\t\t\t\t\t\tsavedPaymentId: savedPaymentData.savedPaymentId,\r\n\t\t\t\t\t\ttype: savedPaymentData.type\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\r\n\t\t\t\tdeferred.resolve(checkoutDetails);\r\n\t\t\t} else {\r\n\t\t\t\tvar $parentComponent = $(checkoutEvent.target).closest('[data-component=\"savedPayments\"],[data-component=\"createAccountAndCheckout\"]');\r\n\t\t\t\tvar saveForLater = $parentComponent.find('[data-component=\"paymentType.savePayment.input\"]').prop(\"checked\");\r\n\t\t\t\tvar useAsPrimary = $parentComponent.find('[data-component=\"savedPayments.addNew\"] [data-component=\"savedPayments.isPrimary.input\"]').prop(\"checked\");\r\n\r\n\t\t\t\tPaymentHelper.getPaymentData(CheckoutStore.get(\"wizardCompanyErrorMessages\"), CheckoutStore.get(\"wizardCompanyEftErrorMessages\"), (paymentData) => {\r\n\t\t\t\t\tcheckoutDetails.payment = _.merge(\r\n\t\t\t\t\t\t{},\r\n\t\t\t\t\t\tpaymentData,\r\n\t\t\t\t\t\t{ saveForLater, useAsPrimary }\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tdeferred.resolve(checkoutDetails);\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t\tdeferred.resolve();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t//This means we have a $0 cart\r\n\t\t\tdeferred.resolve(checkoutDetails);\r\n\t\t}\r\n\r\n\t\treturn deferred;\r\n\t}\r\n};\r\n\r\nmodule.exports = CheckoutHelper;\r\n","\"use strict\";\r\n\r\nvar WizardConstants = require(\"../constants/WizardConstants\");\r\n\r\nvar Constants = require(\"../designer/Constants\");\r\n\r\nvar CreditCardHelper = {\r\n\t_getStore: function() {\r\n\t\tif (window.CheckoutStore) {\r\n\t\t\treturn window.CheckoutStore;\r\n\t\t}\r\n\r\n\t\treturn window.AccountStore;\r\n\t},\r\n\r\n\thandleExpirationDateInputFormat: function (event) {\r\n\t\tvar value = $(event.currentTarget).val() || \"\";\r\n\r\n\t\tvar hasSlash = value.substring(2, 3) === \"/\";\r\n\r\n\t\tvalue = value.replace(\"/\", \"\").replace(/[^\\d]+/g, \"\");\r\n\r\n\t\tif (value.length === 2) {\r\n\t\t\tif (!event.which || event.which === Constants.KEYS.BACKSPACE) {\r\n\t\t\t\t//No more formatting is necessary\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tvalue = `${value}${(hasSlash ? \"/\": \"\")}`;\r\n\t\t} else if (value.length > 2) {\r\n\t\t\tvalue = `${value.substring(0, 2)}/${value.substring(2)}`;\r\n\t\t}\r\n\r\n\t\tif (value.length > 5) {\r\n\t\t\tvalue = value.substring(0, 5);\r\n\t\t}\r\n\r\n\t\t$(event.currentTarget).val(value);\r\n\t},\r\n\r\n\thandleVerificationNumberInputFormat: function (event) {\r\n\t\tvar value = $(event.currentTarget).val() || \"\";\r\n\r\n\t\tvalue = value.replace(/[^\\d]+/g, \"\");\r\n\r\n\t\tif (value.length > 4) {\r\n\t\t\tvalue = value.substring(0, 4);\r\n\t\t}\r\n\r\n\t\t$(event.currentTarget).val(value);\r\n\t},\r\n\r\n\tinitializeListeners: function($parent) {\r\n\t\t$parent = $parent || $(\"body\");\r\n\r\n\t\t$parent.find(\"input[data-component='creditCardExpirationDate']\").each((index, element) => {\r\n\t\t\tvar $element = $(element);\r\n\t\t\t$element.attr(\"data-has-custom-validator\", true).data({customValidator: this.validateExpirationDate.bind(this, $element)});\r\n\t\t});\r\n\r\n\t\t$parent.find(\"input[data-component='creditCardVerificationNumber']\").each((index, element) => {\r\n\t\t\tvar $element = $(element);\r\n\t\t\t$element.attr(\"data-has-custom-validator\", true).data({customValidator: this.validateVerificationNumber.bind(this, $element)});\r\n\t\t});\r\n\r\n\t\t$parent.find(\"input[data-component='creditCardExpirationDate'], input[data-component='creditCardVerificationNumber']\").keydown((event) => {\r\n\t\t\t//If Ctrl or (Window for WindowsOS or Command for MacOS) or Alt key or some of the text is selected, allow the key down\r\n\t\t\tif (event.ctrlKey || event.metaKey || event.altKey || (event.currentTarget.selectionEnd - event.currentTarget.selectionStart > 0)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tswitch (event.which) {\r\n\t\t\t\tcase Constants.KEYS.DELETE:\r\n\t\t\t\tcase Constants.KEYS.BACKSPACE:\r\n\t\t\t\tcase Constants.KEYS.ARROW_UP:\r\n\t\t\t\tcase Constants.KEYS.ARROW_RIGHT:\r\n\t\t\t\tcase Constants.KEYS.ARROW_DOWN:\r\n\t\t\t\tcase Constants.KEYS.ARROW_LEFT:\r\n\t\t\t\tcase Constants.KEYS.TAB:\r\n\t\t\t\tcase Constants.KEYS.ESCAPE:\r\n\t\t\t\tcase Constants.KEYS.HOME:\r\n\t\t\t\tcase Constants.KEYS.END:\r\n\t\t\t\tcase Constants.KEYS.PAGE_UP:\r\n\t\t\t\tcase Constants.KEYS.PAGE_DOWN:\r\n\t\t\t\t\t//event not handled, allowing the key down, as this is not a printable character\r\n\t\t\t\t\treturn true;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tvar value = $(event.currentTarget).val() || \"\";\r\n\t\t\t\t\tif (value.length >= 5) {\r\n\t\t\t\t\t\t//event handled, do not allow key down, already at max characters\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t//event not handled, allow the key down\r\n\t\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t$parent.find(\"input[data-component='creditCardExpirationDate']\").change((event) => this.handleExpirationDateInputFormat(event));\r\n\t\t$parent.find(\"input[data-component='creditCardExpirationDate']\").keyup((event) => this.handleExpirationDateInputFormat(event));\r\n\r\n\t\t$parent.find(\"input[data-component='creditCardVerificationNumber']\").change((event) => this.handleVerificationNumberInputFormat(event));\r\n\t\t$parent.find(\"input[data-component='creditCardVerificationNumber']\").keyup((event) => this.handleVerificationNumberInputFormat(event));\r\n\t},\r\n\r\n\tvalidateExpirationDate: function($expirationDate) {\r\n\t\tvar errorMessages = [];\r\n\r\n\t\tvar expirationDateString = $expirationDate.val();\r\n\r\n\t\tif (expirationDateString && expirationDateString.length === 5) {\r\n\t\t\tvar monthString = expirationDateString.slice(0, 2);\r\n\t\t\tvar monthNumber = Number(monthString);\r\n\t\t\tif (!monthNumber || monthNumber < 1 || monthNumber > 12) {\r\n\t\t\t\tvar expirationMonthMessage = this._getStore().getWizardValue(\r\n\t\t\t\t\tWizardConstants.WIZARDS.CREDIT_CARD_MESSAGES,\r\n\t\t\t\t\tWizardConstants.CREDIT_CARD_MESSAGE_FIELDS.EXPIRATION_MONTH_INVALID\r\n\t\t\t\t);\r\n\r\n\t\t\t\terrorMessages.push(expirationMonthMessage);\r\n\t\t\t}\r\n\r\n\t\t\tvar currentYearString = (new Date()).getFullYear().toString().slice(-2);\r\n\t\t\tvar currentYearNumber = Number(currentYearString);\r\n\t\t\tvar yearString = expirationDateString.slice(3);\r\n\t\t\tvar yearNumber = Number(yearString);\r\n\t\t\tif (!yearNumber || yearNumber < currentYearNumber || yearNumber > 99) {\r\n\t\t\t\tvar expirationYearMessage = this._getStore().getWizardValue(\r\n\t\t\t\t\tWizardConstants.WIZARDS.CREDIT_CARD_MESSAGES,\r\n\t\t\t\t\tWizardConstants.CREDIT_CARD_MESSAGE_FIELDS.EXPIRATION_YEAR_INVALID\r\n\t\t\t\t);\r\n\r\n\t\t\t\terrorMessages.push(expirationYearMessage);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar expirationDateIncompleteMessage = this._getStore().getWizardValue(\r\n\t\t\t\tWizardConstants.WIZARDS.CREDIT_CARD_MESSAGES,\r\n\t\t\t\tWizardConstants.CREDIT_CARD_MESSAGE_FIELDS.EXPIRATION_DATE_INCOMPLETE\r\n\t\t\t);\r\n\r\n\t\t\terrorMessages.push(expirationDateIncompleteMessage);\r\n\t\t}\r\n\r\n\t\treturn { isValid : !errorMessages.length, errorMessages : errorMessages };\r\n\t},\r\n\r\n\tvalidateVerificationNumber: function($verificationNumber) {\r\n\t\tvar errorMessages = [];\r\n\r\n\t\tvar verificationNumberString = $verificationNumber.val();\r\n\r\n\t\tif (!verificationNumberString || verificationNumberString.length < 3 || verificationNumberString.length > 4) {\r\n\t\t\tvar verificationNumberIncompleteMessage = this._getStore().getWizardValue(\r\n\t\t\t\tWizardConstants.WIZARDS.CREDIT_CARD_MESSAGES,\r\n\t\t\t\tWizardConstants.CREDIT_CARD_MESSAGE_FIELDS.VERIFICATION_NUMBER_INVALID\r\n\t\t\t);\r\n\r\n\t\t\terrorMessages.push(verificationNumberIncompleteMessage);\r\n\t\t}\r\n\r\n\t\treturn { isValid : !errorMessages.length, errorMessages : errorMessages };\r\n\t}\r\n};\r\n\r\nmodule.exports = CreditCardHelper;\r\n","\"use strict\";\r\n\r\nvar PropTypes = require(\"prop-types\");\r\n\r\nvar classNames = require(\"classnames\");\r\n\r\nvar HtmlHelper = require(\"../shared/HtmlHelper\");\r\n\r\nclass Frequency extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tvar selectedFrequency = null;\r\n\t\tvar tangible = props[props.tangibleType];\r\n\t\tvar frequencies = props.frequencies;\r\n\t\tvar wizardFrequencies = { allowedFrequencies: [] };\r\n\t\tvar frequency;\r\n\t\tvar tangibleCode;\r\n\t\tvar allowedFrequencies = [];\r\n\t\tvar storeState = { isSponsorshipAvailable: true };\r\n\r\n\t\t// If we are on the client side\r\n\t\tif (typeof (window) !== \"undefined\") {\r\n\t\t\tstoreState = props.tangibleStore.getState();\r\n\r\n\t\t\t// Ideally we would get the tangible from the store, but that does not exist on the server\r\n\t\t\t// We optimistically render on the server with the props.tangible (the @Model) and on the\r\n\t\t\t// client, we will get the tangible from the store\r\n\t\t\ttangible = storeState[props.tangibleType] || props[props.tangibleType] || {};\r\n\t\t\ttangible = JSON.parse(JSON.stringify(tangible)); // clone the tangible to avoid reference\r\n\t\t\tfrequencies = props.frequencies ? props.frequencies.slice(0) : []; // clone the array to avoid reference\r\n\r\n\t\t\t// We only want to set the initial state from the store if we're not in a repeater.\r\n\t\t\tif (!props.context) {\r\n\t\t\t\tselectedFrequency = storeState.selectedFrequency;\r\n\t\t\t}\r\n\r\n\t\t\twizardFrequencies = storeState.wizardFrequencies;\r\n\t\t\tif (wizardFrequencies) {\r\n\t\t\t\tallowedFrequencies = wizardFrequencies.allowedFrequencies || [];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (allowedFrequencies && frequencies) {\r\n\t\t\tfor (var i = frequencies.length - 1; i >= 0; --i) {\r\n\t\t\t\tfrequency = frequencies[i];\r\n\t\t\t\tvar allowedIndex = allowedFrequencies.indexOf(frequency.value);\r\n\t\t\t\tif (allowedIndex === -1) {\r\n\t\t\t\t\t// Frequency is not allowed\r\n\t\t\t\t\tfrequencies.splice(i, 1);\r\n\t\t\t\t} else if (frequency.useDefaultDescription) {\r\n\t\t\t\t\t// Frequency should use default description\r\n\t\t\t\t\tfrequency.description = wizardFrequencies[`${frequency.value}_Description`];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfrequencies = [];\r\n\t\t}\r\n\r\n\t\tif (!selectedFrequency) {\r\n\t\t\tif (frequencies && frequencies.length > 0) {\r\n\t\t\t\tselectedFrequency = frequencies[0].value;\r\n\t\t\t} else {\r\n\t\t\t\tselectedFrequency = \"\";\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (props.context) {\r\n\t\t\tif (props[props.tangibleType]) {\r\n\t\t\t\ttangibleCode = props[props.tangibleType].tangibleCode;\r\n\t\t\t} else if (props.isDesignMode) {\r\n\t\t\t\ttangibleCode = tangible[props.displayCodeProperty];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedFrequency,\r\n\t\t\ttangible,\r\n\t\t\ttangibleCode,\r\n\t\t\tfrequencies,\r\n\t\t\tisSponsorshipAvailable: storeState.isSponsorshipAvailable\r\n\t\t};\r\n\r\n\t\tthis._onChange = this._onChange.bind(this);\r\n\t}\r\n\r\n\thandleFrequencySelected(event) {\r\n\t\tvar selectedFrequency = event.currentTarget.value;\r\n\r\n\t\tthis._setFrequency(selectedFrequency);\r\n\t}\r\n\r\n\t_setFrequency(selectedFrequency) {\r\n\t\tvar { tangibleType } = this.props;\r\n\r\n\t\t// if we're handling a pledge frequency change, we need to send along the associated project code as well.\r\n\t\tif (tangibleType === \"pledge\")\r\n\t\t{\r\n\t\t\tvar pledge = this.props[tangibleType];\r\n\t\t\tvar projectCode = this.props.isDesignMode ? \"PROJ001\" : pledge ? pledge.displayObject.value[\"DefaultProjectCode\"] : null;\r\n\t\t\tvar isSecure = this.props.tangibleActions.getIsSecure();\r\n\t\t\t\r\n\t\t\tif ((pledge && projectCode) || isSecure) {\r\n\t\t\t\tthis.props.tangibleActions.setFrequency(selectedFrequency, this.state.tangibleCode, projectCode, this.state.context);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.props.tangibleActions.setFrequency(selectedFrequency, this.state.tangibleCode, this.state.context);\r\n\t\t}\r\n\t}\r\n\r\n\t_onChange() {\r\n\t\tthis.setState(this.props.tangibleStore.getState());\r\n\t}\r\n\r\n\tcomponentWillMount() {\r\n\t\t//Setting an instance Id, mainly for when we are in the searchResults and this component is in the grid and list view. We need the names for the radio button groups to be unique.\r\n\t\tthis.instanceId = HtmlHelper.getId($(\"body\"));\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\t//To add or remove react components from window, edit wwwroot\\js\\designer\\ExposedComponents.jsx\r\n\t\t\tparent.window.ComponentActions.childComponentLoaded(this.props.thisArg || this);\r\n\t\t}\r\n\t\tvar context = this.props.context;\r\n\t\tvar contextId = \"\";\r\n\t\tif (context) {\r\n\t\t\tswitch (context) {\r\n\t\t\t\tcase \"tangible\":\r\n\t\t\t\t\tcontext = \"category\";\r\n\t\t\t\t\tcontextId = $(ReactDOM.findDOMNode(this)).closest(\"[data-component=category]\").attr(\"id\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"result\":\r\n\t\t\t\t\tcontext = \"search\";\r\n\t\t\t\t\tcontextId = $(ReactDOM.findDOMNode(this)).closest(\"[data-component=searchResults]\").attr(\"id\");\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\tcontext += `_${contextId}`;\r\n\t\t}\r\n\r\n\t\tvar selectedFrequency = this.state.selectedFrequency;\r\n\t\tif (!context) {\r\n\t\t\t// Check sessionStorage for cachedValues\r\n\t\t\tvar cachedValues = {};\r\n\t\t\tif (this.props.tangibleActions.getCachedValues) {\r\n\t\t\t\tcachedValues = this.props.tangibleActions.getCachedValues() || {};\r\n\t\t\t}\r\n\r\n\t\t\tif (cachedValues.frequency && this.state.frequencies.some(frequency => frequency.value === cachedValues.frequency)) {\r\n\t\t\t\tselectedFrequency = cachedValues.frequency;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({ context }, () => {\r\n\t\t// At this point, selectedFrequency has been set by the component\r\n\t\t\tthis._setFrequency(selectedFrequency);\r\n\t\t});\r\n\t\tthis.props.tangibleStore.addChangeListener(this._onChange);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tthis.props.tangibleStore.removeChangeListener(this._onChange);\r\n\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\t//To add or remove react components from window, edit wwwroot\\js\\designer\\ExposedComponents.jsx\r\n\t\t\tparent.window.ComponentActions.childComponentUnloaded(this.props.thisArg || this);\r\n\t\t\tthis.props.tangibleActions.setFrequency(null, this.state.tangibleCode, this.state.context);\r\n\t\t}\r\n\t}\r\n\r\n\trenderButton(selectedFrequency) {\r\n\t\tvar context = this.state.context;\r\n\t\tvar name = `${context ? `frequency_${context}_${this.state.tangibleCode}` : \"frequency\"}_${this.instanceId}`;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.state.frequencies.map(frequency => {\r\n\t\t\t\t\tvar isSelected = selectedFrequency === frequency.value;\r\n\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{frequency.description}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderRadio(selectedFrequency) {\r\n\t\tvar context = this.state.context;\r\n\t\tvar name = `${context ? `frequency_${context}_${this.state.tangibleCode}` : \"frequency\"}_${this.instanceId}`;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.state.frequencies.map((frequency) => {\r\n\t\t\t\t\tvar isSelected = selectedFrequency === frequency.value;\r\n\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{frequency.description}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderDropdown(selectedFrequency) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{this.state.frequencies.map((frequency) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderContainer() {\r\n\t\tvar selectedFrequency;\r\n\t\tif (this.state.context) {\r\n\t\t\tselectedFrequency = this.props.tangibleStore.getSelectedFrequency(this.state.context, this.state.tangibleCode);\r\n\t\t} else {\r\n\t\t\tselectedFrequency = this.state.selectedFrequency;\r\n\t\t}\r\n\r\n\t\tswitch (this.props.type) {\r\n\t\t\tcase \"button\":\r\n\t\t\t\treturn this.renderButton(selectedFrequency);\r\n\t\t\tcase \"radio\":\r\n\t\t\t\treturn this.renderRadio(selectedFrequency);\r\n\t\t\tcase \"dropdown\":\r\n\t\t\t\treturn this.renderDropdown(selectedFrequency);\r\n\t\t\tdefault:\r\n\t\t\t\tconsole.error(\"Invalid type for Frequency\");\r\n\t\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar frequencies = this.state.frequencies;\r\n\t\tvar tangible = this.state.tangible || {};\r\n\t\tvar reactComponentName;\r\n\r\n\t\tif (tangible.PledgeType === \"CHILD\" && !this.state.isSponsorshipAvailable) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\tswitch (this.props.type) {\r\n\t\t\tcase \"button\":\r\n\t\t\t\treactComponentName = \"ButtonFrequency\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"radio\":\r\n\t\t\t\treactComponentName = \"RadioFrequency\";\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"dropdown\":\r\n\t\t\t\treactComponentName = \"SelectFrequency\";\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tconsole.error(\"Invalid type for Frequency\");\r\n\t\t\t\treturn null;\r\n\t\t}\r\n\t\treactComponentName = this.props.beginningComponentName + reactComponentName;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{frequencies && frequencies.length > 0 ?\r\n\t\t\t\t\tthis.renderContainer()\r\n\t\t\t\t:\r\n\t\t\t\t\t{reactComponentName}
\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nFrequency.defaultProps = {\r\n\tbeginningComponentName: \"\",\r\n\ttype: \"button\",\r\n\ttheme: \"0\",\r\n\tisCustomTheme: false\r\n};\r\n\r\nFrequency.propTypes = {\r\n\tisDesignMode: PropTypes.bool, //can do .isRequired\r\n\ttangible: PropTypes.object,\r\n\tfrequencies: PropTypes.array,\r\n\ttype: PropTypes.oneOf([\"button\", \"radio\", \"dropdown\"]),\r\n\tcontext: PropTypes.string,\r\n\ttheme: PropTypes.string,\r\n\tisCustomTheme: PropTypes.bool,\r\n\tchildClass: PropTypes.string,\r\n\tdataComponentId: PropTypes.string,\r\n\tdataNestedId: PropTypes.string,\r\n\tdataRepeatedId: PropTypes.string,\r\n\r\n\ttangibleActions: PropTypes.object,\r\n\ttangibleStore: PropTypes.object,\r\n\tthisArg: PropTypes.object,\r\n\ttangibleType: PropTypes.string,\r\n\tdisplayCodeProperty: PropTypes.string,\r\n\treactComponentCategory: PropTypes.string,\r\n\tbeginningComponentName: PropTypes.string\r\n};\r\n\r\nmodule.exports = Frequency;\r\n","\"use strict\";\r\n\r\nvar PropTypes = require(\"prop-types\");\r\n\r\nvar classNames = require(\"classnames\");\r\nvar LoggerInstance = require(\"js-logger\").get(\"Paging\");\r\n\r\nvar PartialResponseHelper = require(\"../shared/PartialResponseHelper\");\r\n\r\nclass Paging extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tvar currentPageNumber = props.currentPageNumber;\r\n\t\tvar pageSize = props.pageSize || 10;\r\n\t\tvar totalCount = props.totalCount;\r\n\r\n\t\tif (props.isDesignMode) {\r\n\t\t\tcurrentPageNumber = 10;\r\n\t\t\ttotalCount = 20 * pageSize;\r\n\t\t}\r\n\r\n\t\tthis.state = {\r\n\t\t\tcurrentPageNumber,\r\n\t\t\tpageSize,\r\n\t\t\ttotalCount\r\n\t\t};\r\n\t}\r\n\r\n\tgetLastPageNumber() {\r\n\t\treturn Math.ceil(this.state.totalCount / this.state.pageSize);\r\n\t}\r\n\r\n\tsetupRelatedComponents() {\r\n\t\tvar currentPage = this.state.currentPageNumber;\r\n\t\tvar lastPage = this.getLastPageNumber();\r\n\r\n\t\tvar $paging = $(ReactDOM.findDOMNode(this)).parent(); // The parent is the mount point\r\n\t\tvar $previousButton = $paging.siblings(`[data-component=\"pagingControls.previousPage\"]`);\r\n\t\tvar $nextButton = $paging.siblings(`[data-component=\"pagingControls.nextPage\"]`);\r\n\r\n\t\t$previousButton.prop(\"onclick\", null).off(\"click\");\r\n\t\tif (currentPage > 1) {\r\n\t\t\t$previousButton.removeClass(\"disabled\");\r\n\t\t\t$previousButton.click(this.handlePageChange.bind(this, currentPage - 1));\r\n\t\t} else {\r\n\t\t\t$previousButton.addClass(\"disabled\");\r\n\t\t}\r\n\r\n\t\t$nextButton.prop(\"onclick\", null).off(\"click\");\r\n\t\tif (currentPage < lastPage) {\r\n\t\t\t$nextButton.removeClass(\"disabled\");\r\n\t\t\t$nextButton.click(this.handlePageChange.bind(this, currentPage + 1));\r\n\t\t} else {\r\n\t\t\t$nextButton.addClass(\"disabled\");\r\n\t\t}\r\n\t}\r\n\r\n\thandlePageChange(pageNumber, event) {\r\n\t\tvar currentPage = this.state.currentPageNumber;\r\n\t\tif (currentPage === pageNumber) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\tif (event && !event.ctrlKey && !event.metaKey) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis.setState({ currentPageNumber: pageNumber }, this.setupRelatedComponents);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// The parent is the mount point\r\n\t\tvar $mountPoint = $(ReactDOM.findDOMNode(this)).parent();\r\n\t\tvar $parentComponent = $mountPoint.closest(\"[data-component='pagingControls']\").parents(\"[data-component]:not([data-component*='.'])\").first();\r\n\r\n\t\tvar layoutId = this.props.layoutId;\r\n\t\tvar url = this.props.url + \"?\";\r\n\t\tvar id = $parentComponent.attr(\"id\");\r\n\t\tvar limit = this.props.pageSize;\r\n\r\n\t\tvar params = [];\r\n\t\tif (layoutId) {\r\n\t\t\tparams.push(`layoutId=${layoutId}`);\r\n\t\t}\r\n\t\tparams.push(`id=${id}`);\r\n\t\tparams.push(`offset=${limit * (pageNumber - 1)}`);\r\n\t\tif (params.length > 0) {\r\n\t\t\turl += params.join(\"&\");\r\n\t\t}\r\n\r\n\t\t$parentComponent.load(url, (response, status) => {\r\n\t\t\tif (status !== \"error\" || !PartialResponseHelper.handleErrorResponse(response)) {\r\n\t\t\t\tReactDOM.unmountComponentAtNode($mountPoint[0]);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setupRelatedComponents();\r\n\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\tparent.window.ComponentActions.childComponentLoaded(this);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\tparent.window.ComponentActions.childComponentUnloaded(this);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar currentPage = this.state.currentPageNumber;\r\n\t\tvar numberPagesToShow = this.props.numberPagesToShow;\r\n\t\tvar lastPage = this.getLastPageNumber();\r\n\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\tnumberPagesToShow = numberPagesToShow || 3;\r\n\t\t}\r\n\r\n\t\tvar pagesToShow = [];\r\n\t\tif (lastPage < numberPagesToShow) {\r\n\t\t\tpagesToShow = new Array(lastPage).fill().map((e, i) => i + 1);\r\n\t\t} else if (currentPage < numberPagesToShow) {\r\n\t\t\tpagesToShow = new Array(numberPagesToShow).fill().map((e, i) => i + 1);\r\n\t\t} else {\r\n\t\t\tvar start = currentPage - Math.floor((numberPagesToShow - 1) / 2);\r\n\t\t\tif (start + numberPagesToShow > lastPage) {\r\n\t\t\t\tstart = lastPage - numberPagesToShow + 1;\r\n\t\t\t}\r\n\t\t\tpagesToShow = new Array(numberPagesToShow).fill().map((e, i) => i + start);\r\n\t\t}\r\n\r\n\t\tvar includeFirstPageNumber = this.props.includeFirstPageNumber && pagesToShow.indexOf(1) === -1;\r\n\t\tvar showStartEllipses = includeFirstPageNumber && pagesToShow.indexOf(2) === -1;\r\n\t\tvar includeLastPageNumber = this.props.includeLastPageNumber && pagesToShow.indexOf(lastPage) === -1;\r\n\t\tvar showEndEllipses = includeLastPageNumber && pagesToShow.indexOf(lastPage - 1) === -1;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{includeFirstPageNumber &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{1}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{showStartEllipses &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t...\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{pagesToShow.map((pageNumber) =>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{pageNumber}\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t{showEndEllipses &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t...\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{includeLastPageNumber &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{lastPage}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nPaging.propTypes = {\r\n\tcurrentPageNumber: PropTypes.number,\r\n\tdataChildOf: PropTypes.string,\r\n\tdataComponentId: PropTypes.string,\r\n\tdataNestedId: PropTypes.string,\r\n\tdataRepeatedId: PropTypes.string,\r\n\tincludeFirstPageNumber: PropTypes.bool,\r\n\tincludeLastPageNumber: PropTypes.bool,\r\n\tisCustomTheme: PropTypes.bool,\r\n\tisDesignMode: PropTypes.bool,\r\n\tlayoutId: PropTypes.number,\r\n\tnumberPagesToShow: PropTypes.number,\r\n\tpageSize: PropTypes.number,\r\n\ttheme: PropTypes.string,\r\n\ttotalCount: PropTypes.number,\r\n\turl: PropTypes.string\r\n};\r\n\r\nmodule.exports = Paging;\r\n","\"use strict\";\r\n\r\nvar LoggerInstance = require(\"js-logger\").get(\"PaymentHelper\");\r\n\r\nvar BillingAddressHelper = require(\"../accountComponents/BillingAddressHelper\");\r\n\r\nvar BluefinHelper = require(\"./BluefinHelper\");\r\nvar BraintreeHelper = require(\"./BraintreeHelper\");\r\nvar CardConnectHelper = require(\"./CardConnectHelper\");\r\nvar CreditCardHelper = require(\"./CreditCardHelper\");\r\nvar TokenExHelper = require(\"./TokenExHelper\");\r\nvar TsysTsepHelper = require(\"./TsysTsepHelper\");\r\nvar Constants = require(\"../designer/Constants\");\r\n\r\nvar setProperty = (model, propertyName, propertyValue) => {\r\n\tvar propertyParts = propertyName.split(\".\");\r\n\tvar ref = model;\r\n\tpropertyParts.forEach(function (propertyPart, index) {\r\n\t\tif (index < propertyParts.length - 1) {\r\n\t\t\tif (!ref[propertyPart]) {\r\n\t\t\t\tref[propertyPart] = {};\r\n\t\t\t}\r\n\t\t\tref = ref[propertyPart];\r\n\t\t} else {\r\n\t\t\tref[propertyPart] = propertyValue;\r\n\t\t}\r\n\t});\r\n};\r\n\r\n//Sometime in the future, we need to figure out how to combine BluefinHelper and DDCPaymentHelper so that when we add additional ones, we can just update the Payment Helper class instead of every place it is used\r\nvar PaymentHelper = {\r\n\t//parentSelector can be a jQuery object or jQuery selector\r\n\tclearPaymentData(parentSelector) {\r\n\t\tif (BluefinHelper.getBluefinIframeId(parentSelector)) {\r\n\t\t\tBluefinHelper.clearHostedIFrame(parentSelector);\r\n\t\t} else {\r\n\t\t\tLoggerInstance.debug(\"clearPaymentData() not implemented for this payment type.\");\r\n\t\t}\r\n\t},\r\n\r\n\tinitializePaymentComponent($parent) {\r\n\t\tif (BraintreeHelper.isBraintreeCreditCard($parent)) {\r\n\t\t\tBraintreeHelper.initializeBraintree($parent);\r\n\t\t}\r\n\r\n\t\tif (CardConnectHelper.isCardConnect($parent)) {\r\n\t\t\tCardConnectHelper.initializeCardConnect($parent);\r\n\t\t}\r\n\r\n\t\tif (TokenExHelper.isTokenEx($parent)) {\r\n\t\t\tTokenExHelper.initializeTokenEx($parent);\r\n\t\t}\r\n\r\n\t\tif (TsysTsepHelper.isTsysTsep($parent)) {\r\n\t\t\tTsysTsepHelper.initializeTsysTsep($parent);\r\n\t\t}\r\n\r\n\t\tthis.initializeEftPayment($parent);\r\n\t\tCreditCardHelper.initializeListeners($parent);\r\n\t},\r\n\r\n\tinitializeEftPayment($parent) {\r\n\t\t$parent = $parent || $(\"body\");\r\n\r\n\t\tthis.disallowSpaceEntry($parent.find(\"[data-component='eftPayment.accountNumber']\"));\r\n\t\tthis.disallowSpaceEntry($parent.find(\"[data-component='eftPayment.routingNumber']\"));\r\n\t\t\r\n\t\tvar $eftAccountTypeSelectorComponent = $parent.find(\"[data-component='eftAccountTypeSelector']\");\r\n\t\tvar defaultEftAccountTypeValue = ($eftAccountTypeSelectorComponent.attr(\"data-default-eft-account-type\") || \"CHECKING\").toUpperCase();\r\n\t\t$eftAccountTypeSelectorComponent.find(`input[type=radio][value=${defaultEftAccountTypeValue}]`).prop(\"checked\", true)\r\n\t},\r\n\r\n\tdisallowSpaceEntry($field) {\r\n\t\t$field.off(\"keydown.initializeEft\");\r\n\t\t$field.on(\"keydown.initializeEft\", (event) => {\r\n\t\t\tswitch (event.which) {\r\n\t\t\t\t// Do not allow spaces in the field\r\n\t\t\t\tcase Constants.KEYS.SPACE:\r\n\t\t\t\t\treturn false\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t$field.off(\"change.initializeEft\");\r\n\t\t$field.on(\"change.initializeEft\", function(){\r\n\t\t\t$(this).val($(this).val().replace(/\\s/g, ''));\r\n\t\t});\r\n\t},\r\n\r\n\tinitializeSaveForLaterCheckbox() {\r\n\t\t// Ensuring that, if the paymentType.savePayment.input should be checked by default, that it is\r\n\t\t$(\"[data-component='paymentType.savePayment']\").each((index, element) => {\r\n\t\t\tvar $savePayment = $(element);\r\n\t\t\tvar $savedPaymentInput = $savePayment.find(\"[data-component='paymentType.savePayment.input']\");\r\n\r\n\t\t\tvar defaultCheckedValue = !!$savePayment.attr(\"data-checked-by-default\");\r\n\r\n\t\t\tif ($savedPaymentInput.prop(\"checked\") !== defaultCheckedValue) {\r\n\t\t\t\t$savedPaymentInput.prop(\"checked\", defaultCheckedValue);\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\t//parentSelector can be a jQuery object or jQuery selector\r\n\tgetPaymentData(wizardCompanyCreditCardErrorMessages, wizardCompanyEftErrorMessages, successCallback, errorCallback, parentSelector) {\r\n\t\tvar paymentInformation;\r\n\r\n\t\t//Determine which payment type is being used by checking for visibility (extra space in selectors is intentional)\r\n\t\tparentSelector = parentSelector || \"body\";\r\n\t\tvar visibleCCSelector = \"[data-payment-type='Credit Card'] :visible\";\r\n\t\tvar usingCreditCard = $(parentSelector).find(visibleCCSelector).length > 0;\r\n\t\tvar visibleEFTSelector = \"[data-payment-type='EFT'] :visible\";\r\n\t\tvar usingEFT = $(parentSelector).find(visibleEFTSelector).length > 0;\r\n\r\n\t\tif (BluefinHelper.getBluefinIframeId(parentSelector)) {\r\n\t\t\tBluefinHelper.getBluefinHostedPageToken(parentSelector, wizardCompanyCreditCardErrorMessages, wizardCompanyEftErrorMessages, (hostedPageTokenObject) => {\r\n\t\t\t\t//Need to check to see if there are any other fields that need to be added to the payment information.\r\n\t\t\t\tvar additionalPaymentData = this._getPaymentFormData(parentSelector);\r\n\t\t\t\tif (Object.keys(additionalPaymentData).length) {\r\n\t\t\t\t\thostedPageTokenObject = Object.assign({}, hostedPageTokenObject, additionalPaymentData);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsuccessCallback(hostedPageTokenObject);\r\n\t\t\t}, errorCallback);\r\n\t\t\treturn;\r\n\t\t} else if (usingCreditCard && CardConnectHelper.isCardConnect(parentSelector)) {\r\n\t\t\tvar $element = $(parentSelector).find(\"[data-component='cardConnectCardNumber']\");\r\n\t\t\tvar creditCardNumberToken = CardConnectHelper.getCardConnectToken($element);\r\n\t\t\tif (creditCardNumberToken) {\r\n\t\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector, visibleCCSelector);\r\n\t\t\t\tpaymentInformation.hostedPageToken = creditCardNumberToken;\r\n\t\t\t}\r\n\t\t} else if (usingCreditCard && TokenExHelper.isTokenEx(parentSelector)) {\r\n\t\t\tvar $tokenExElement = $(parentSelector).find(\"[data-component='tokenExCardNumber']\");\r\n\t\t\tvar tokenExTokenData = TokenExHelper.getTokenExTokenData($tokenExElement);\r\n\t\t\tif (Object.keys(tokenExTokenData || {}).length) {\r\n\t\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector, visibleCCSelector);\r\n\t\t\t\tpaymentInformation.cardType = tokenExTokenData.cardType;\r\n\t\t\t\tpaymentInformation.last4Digits = tokenExTokenData.lastFour;\r\n\t\t\t\tpaymentInformation.hostedPageToken = `|TV${tokenExTokenData.token}`;\r\n\t\t\t}\r\n\t\t} else if (usingCreditCard && TsysTsepHelper.isTsysTsep(parentSelector)) {\r\n\t\t\tvar $element = $(parentSelector).find(\"[data-component='tsysTsepCreditCardPayment']\");\r\n\t\t\tvar result = TsysTsepHelper.getTsysTsepResult($element);\r\n\t\t\tif (result) {\r\n\t\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector, visibleCCSelector);\r\n\r\n\t\t\t\tpaymentInformation.hostedPageToken = result.tsepToken;\r\n\t\t\t\tpaymentInformation.cardType = TsysTsepHelper.getCardType(result.cardType);\r\n\t\t\t\tpaymentInformation.last4Digits = result.cardNumber.value;\r\n\t\t\t\tpaymentInformation.expirationDate = result.expirationDate.value;\r\n\t\t\t\tpaymentInformation.cvv = result.verificationNumber.value;\r\n\t\t\t\tpaymentInformation.transactionId = result.transactionId;\r\n\t\t\t}\r\n\t\t} else if (usingCreditCard && BraintreeHelper.isBraintreeCreditCard(parentSelector)) {\r\n\t\t\tparentSelector = parentSelector || \"body\";\r\n\t\t\tvar $element = $(parentSelector).find(\"[data-component='braintreeCreditCardPayment']\");\r\n\r\n\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector, visibleCCSelector);\r\n\r\n\t\t\tBraintreeHelper.getBraintreeTokenData($element, paymentInformation)\r\n\t\t\t\t.done(result => {\r\n\t\t\t\t\tif (result) {\r\n\t\t\t\t\t\tpaymentInformation.hostedPageToken = result.nonce;\r\n\t\t\t\t\t\tpaymentInformation.cardType = result.details.cardType;\r\n\t\t\t\t\t\tpaymentInformation.last4Digits = result.details.lastFour;\r\n\t\t\t\t\t\tpaymentInformation.expirationMonth = result.details.expirationMonth;\r\n\t\t\t\t\t\tpaymentInformation.expirationYear = result.details.expirationYear;\r\n\t\t\t\t\t\tpaymentInformation.cardNumber = paymentInformation.cardType + \"-\" + paymentInformation.last4Digits;\r\n\r\n\t\t\t\t\t\tsuccessCallback(paymentInformation);\r\n\t\t\t\t\t}\r\n\t\t\t\t}).fail(() => {\r\n\t\t\t\t\tvar hasAlerted = true;\r\n\t\t\t\t\terrorCallback(hasAlerted);\r\n\t\t\t\t});\r\n\t\t\treturn;\r\n\t\t} else if (usingEFT && BraintreeHelper.isBraintreeEft(parentSelector)) {\r\n\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector);\r\n\t\t\tBraintreeHelper.getEftNonce(parentSelector, paymentInformation, wizardCompanyEftErrorMessages)\r\n\t\t\t\t.done(() => {\r\n\t\t\t\t\tif (!Object.keys(paymentInformation || {}).length) {\r\n\t\t\t\t\t\terrorCallback();\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tdelete paymentInformation.accountNumber;\r\n\t\t\t\t\tdelete paymentInformation.routingNumber;\r\n\r\n\t\t\t\t\tsuccessCallback(paymentInformation);\r\n\t\t\t\t})\r\n\t\t\t\t.fail((err) => {\r\n\t\t\t\t\tvar hasAlerted = true;\r\n\t\t\t\t\terrorCallback(hasAlerted);\r\n\t\t\t\t});\r\n\t\t\treturn;\r\n\t\t} else {\r\n\t\t\tpaymentInformation = this._getPaymentFormData(parentSelector);\r\n\t\t}\r\n\r\n\t\tif (!Object.keys(paymentInformation || {}).length) {\r\n\t\t\terrorCallback();\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsuccessCallback(paymentInformation);\r\n\t},\r\n\r\n\tsecurePayment(paymentInformation) {\r\n\t\tvar deferred = $.Deferred();\r\n\r\n\t\tvar isSavedPayment = paymentInformation && paymentInformation.savedPaymentId;\r\n\t\tvar isZeroDollarTransaction = window.CheckoutActions && (window.CheckoutActions.getTotalAmount() === 0);\r\n\r\n\t\tif (isSavedPayment && !isZeroDollarTransaction && paymentInformation.type === \"CC\" && BraintreeHelper.isBraintreeCreditCard()) {\r\n\t\t\tBraintreeHelper.getSecuredSavedPayment(deferred, paymentInformation)\r\n\t\t} else {\r\n\t\t\tdeferred.resolve();\r\n\t\t}\r\n\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\t//parentSelector and selector can be a jQuery object or jQuery selector\r\n\t_getPaymentFormData(parentSelector, selector) {\r\n\t\tparentSelector = parentSelector || \"body\";\r\n\r\n\t\tvar $paymentForm = $(parentSelector).find(selector || \"[data-payment-type='Credit Card'] form:visible,[data-payment-type='EFT'] form:visible\");\r\n\r\n\t\tvar paymentInformation = $paymentForm.serializeArray().reduce((obj, item) => {\r\n\t\t\tsetProperty(obj, item.name, item.value);\r\n\t\t\treturn obj;\r\n\t\t}, {});\r\n\r\n\t\tif ($paymentForm.closest(\"[data-payment-type='Credit Card']\").length) {\r\n\t\t\tpaymentInformation.type = \"CC\";\r\n\t\t} else if ($paymentForm.closest(\"[data-payment-type='EFT']\").length) {\r\n\t\t\tpaymentInformation.type = \"EFT\";\r\n\t\t}\r\n\r\n\t\tvar $paymentTypeComponent = $(parentSelector).find(\"[data-component='paymentType']\");\r\n\t\tpaymentInformation.billingAddressInformation = BillingAddressHelper.getBillingAddressInformation($paymentTypeComponent);\r\n\r\n\t\treturn paymentInformation;\r\n\t}\r\n};\r\n\r\nmodule.exports = PaymentHelper;\r\n","\"use strict\";\r\n\r\nvar AccountFormHelper = require(\"../accountComponents/AccountFormHelper\");\r\n\r\nvar ShipToAccountHelper = {\r\n\tinitialize: function () {\r\n\t\tvar account = this.getShippingAccountInfo();\r\n\r\n\t\tif (account && account.otherAddresses) {\r\n\t\t\t//Default if other address is the default shipping address\r\n\t\t\tvar defaultShippingAddress = account.otherAddresses.find(address => address.isDefaultShipping);\r\n\r\n\t\t\tif (defaultShippingAddress) {\r\n\t\t\t\t//Click the radio button for other address\r\n\t\t\t\tvar radioButton = $(\"[id='shipToAddressSelector_otherAddress']\");\r\n\t\t\t\t$(radioButton).prop(\"checked\", true);\r\n\r\n\t\t\t\t//Show the other addresses section\r\n\t\t\t\tvar $otherAddressesComponent = $(\"[data-component='shipToOtherAddresses']\");\r\n\t\t\t\t$otherAddressesComponent.removeClass(\"hidden\");\r\n\r\n\t\t\t\t//Find the address that matched the default\r\n\t\t\t\tvar $otherAddresses = $(\"[data-address-id]\");\r\n\t\t\t\t$otherAddresses.each((index, element) => {\r\n\t\t\t\t\tif ($(element).attr(\"data-address-id\") === defaultShippingAddress.id) {\r\n\t\t\t\t\t\t//Select the radio button\r\n\t\t\t\t\t\tvar radioButton = $(element).find(\"input\");\r\n\t\t\t\t\t\tradioButton.prop(\"checked\", true);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tgetGiftAccountInfo: function () {\r\n\t\t// Gift account does not support demographic or media outlet so don't use AccountFormHelper.serializeDataNecessaryToCreateAnAccount\r\n\t\tvar account = AccountFormHelper.serializeAddressForm(\"[data-component='createGiftAccountForm'] form\", { shouldEncodePassword: false });\r\n\r\n\t\tif (!$.isEmptyObject(account)) {\r\n\t\t\taccount.type = (account.organizationName || account.organizationType) ? \"O\" : \"I\";\r\n\t\t\treturn account;\r\n\t\t}\r\n\t\treturn null;\r\n\t},\r\n\r\n\tgetAlternateShippingAddress: function () {\r\n\t\tvar $existingAddressRadio = $(\"[data-component='otherAddresses.populated.singleAddress.view'] input[type='radio'][name='otherAddressesSelector']:checked\");\r\n\t\tif ($existingAddressRadio.length) {\r\n\t\t\tvar $populatedAddress = $existingAddressRadio.closest(\"[data-component='otherAddresses.populated.singleAddress']\");\r\n\t\t\tvar addressId = $populatedAddress.attr(\"data-address-id\");\r\n\t\t\t//Might need to come up with a different way to set the shipping address so we do not have to rely upon the whole address being displayed\r\n\t\t\t//\tOr, perhaps better, we allow the ID to be passed.\r\n\t\t\treturn {\r\n\t\t\t\taddress: {\r\n\t\t\t\t\tid: addressId\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tvar $newAddressRadio = $(\"[data-component='otherAddresses.addForm'] input[type='radio'][name='otherAddressesSelector']:checked\");\r\n\t\tif ($newAddressRadio.length) {\r\n\t\t\tvar address = AccountFormHelper.serializeAddressForm(\"[data-component='otherAddresses.addForm'] form\", { shouldEncodePassword: false });\r\n\t\t\treturn address;\r\n\t\t}\r\n\r\n\t\treturn {};\r\n\t},\r\n\r\n\tgetShippingAddress: function () {\r\n\t\treturn (this.getShippingAccountInfo() || {}).address || {};\r\n\t},\r\n\r\n\tgetShippingAccountInfo: function (loggedInAccount) {\r\n\t\tvar account = {};\r\n\r\n\t\tvar shipAddressType = this.getShippingAddressType();\r\n\t\tswitch (shipAddressType) {\r\n\t\t\tcase \"primary\":\r\n\t\t\tcase \"other\":\r\n\t\t\t\taccount = loggedInAccount;\r\n\t\t\t\tif ($.isEmptyObject(account)) {\r\n\t\t\t\t\taccount = (window.AccountActions && window.AccountActions.getLoggedInAccount()) || {}; // We use window.AccountActions here to prevent a circular dependency.\r\n\r\n\t\t\t\t\tif ($.isEmptyObject(account)) {\r\n\t\t\t\t\t\taccount = AccountFormHelper.serializeCreateAccountFormOnly(/*shouldEncodePassword*/ false) || {};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\tcase \"gift\":\r\n\t\t\t\taccount = AccountFormHelper.serializeAddressForm(\"[data-component='createGiftAccountForm'] form\", { shouldEncodePassword: false }) || {};\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tLoggerInstance.error(`Shipping address type ${shipAddressType} is not supported.`);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (shipAddressType === \"other\") {\r\n\t\t\taccount.address = (this.getAlternateShippingAddress() || {}).address || {};\r\n\t\t}\r\n\r\n\t\treturn account;\r\n\t},\r\n\r\n\tgetShippingAddressType: function () {\r\n\t\tvar shipAddressType =\r\n\t\t\t$(\"[data-component='shipToAddressSelector'] input[type='radio'][name='shipToAddressSelector']:checked\").val() ||\r\n\t\t\t\"primary\";\r\n\r\n\t\treturn shipAddressType;\r\n\t}\r\n};\r\n\r\nmodule.exports = ShipToAccountHelper;","\"use strict\";\r\n\r\nvar PropTypes = require(\"prop-types\");\r\n\r\nvar classNames = require(\"classnames\");\r\nvar LoggerInstance = require(\"js-logger\").get(\"SimpleDropdownFromWizard\");\r\n\r\nclass SimpleDropdownFromWizard extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tvar config = props.config || {};\r\n\t\tvar configKey = props.configKey;\r\n\t\tvar availableValues = config[configKey] || [];\r\n\t\tvar wizard;\r\n\t\tvar currentWizardValues;\r\n\r\n\t\t// If we are on the client side\r\n\t\tif (typeof (window) !== \"undefined\") {\r\n\t\t\tvar wizard = props.wizard;\r\n\t\t\tvar wizardValues = wizard[props.wizardValuesKey];\r\n\t\t\tif (wizard) {\r\n\t\t\t\tcurrentWizardValues = wizardValues || [];\r\n\t\t\t}\r\n\r\n\t\t\tif (!config[configKey] && wizardValues) {\r\n\t\t\t\t//This means we do not have the config set up yet.\r\n\t\t\t\tconfig = {};\r\n\t\t\t\tconfig[configKey] = wizardValues.map(value => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tvalue,\r\n\t\t\t\t\t\tdescription: wizard[`${value}_Description`],\r\n\t\t\t\t\t\tuseDefaultDescription: true\r\n\t\t\t\t\t};\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tavailableValues = config[configKey] ? config[configKey].slice(0) : []; // clone the array to avoid reference\r\n\t\t}\r\n\r\n\t\tif (currentWizardValues) {\r\n\t\t\tvar availableValue;\r\n\t\t\tfor (var index = availableValues.length - 1; index >= 0; --index) {\r\n\t\t\t\tavailableValue = availableValues[index];\r\n\t\t\t\tvar allowedIndex = currentWizardValues.indexOf(availableValue.value);\r\n\t\t\t\tif (allowedIndex === -1) {\r\n\t\t\t\t\t// AvailableValue is not allowed\r\n\t\t\t\t\tavailableValues.splice(index, 1);\r\n\t\t\t\t} else if (availableValue.useDefaultDescription) {\r\n\t\t\t\t\t// AvailableValue should use default description\r\n\t\t\t\t\tavailableValue.description = wizard[`${availableValue.value}_Description`];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedValue: props.initialValue || \"\",\r\n\t\t\tavailableValues\r\n\t\t};\r\n\t}\r\n\r\n\thandleValueSelected(event) {\r\n\t\tif (!event || !event.currentTarget) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar selectedValue = event.currentTarget.value;\r\n\t\tthis.setState({ selectedValue });\r\n\r\n\t\tif (typeof this.props.onChange === \"function\") {\r\n\t\t\tthis.props.onChange(event);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (this.props.initialValue != nextProps.initialValue) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedValue: nextProps.initialValue\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\t//To add or remove react components from window, edit wwwroot\\js\\designer\\ExposedComponents.jsx\r\n\t\t\tparent.window.ComponentActions.childComponentLoaded(this.props.thisArg || this);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tif (this.props.isDesignMode) {\r\n\t\t\t//To add or remove react components from window, edit wwwroot\\js\\designer\\ExposedComponents.jsx\r\n\t\t\tparent.window.ComponentActions.childComponentUnloaded(this.props.thisArg || this);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar availableValues = this.state.availableValues;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{(!this.props.hideEmptyOption) &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{availableValues && availableValues.map((availableValue) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSimpleDropdownFromWizard.defaultProps = {\r\n\thideEmptyOptions: false\r\n};\r\n\r\nSimpleDropdownFromWizard.propTypes = {\r\n\thideEmptyOption: PropTypes.bool,\r\n\tisDesignMode: PropTypes.bool,\r\n\tdataRequired: PropTypes.bool,\r\n\trequired: PropTypes.bool,\r\n\ttheme: PropTypes.string,\r\n\tcontext: PropTypes.string,\r\n\tisCustomTheme: PropTypes.bool,\r\n\tchildClass: PropTypes.string,\r\n\tdataComponentId: PropTypes.string,\r\n\tdataNestedId: PropTypes.string,\r\n\tdataRepeatedId: PropTypes.string,\r\n\r\n\twizard: PropTypes.object,\r\n\twizardValuesKey: PropTypes.string,\r\n\tconfig: PropTypes.object,\r\n\tconfigKey: PropTypes.string,\r\n\treactComponentName: PropTypes.string,\r\n\treactComponentCategory: PropTypes.string,\r\n\tselectClassName: PropTypes.string,\r\n\toptionsClassName: PropTypes.string,\r\n\tselectNameAttribute: PropTypes.string,\r\n\tcomponentCategory: PropTypes.string,\r\n\tthisArg: PropTypes.object\r\n};\r\n\r\nmodule.exports = SimpleDropdownFromWizard;\r\n","\"use strict\";\r\n\r\nvar Spinner = require(\"../client/Spinner\");\r\n\r\nvar BootstrapPrompt = require(\"../shared/BootstrapPrompt\");\r\n\r\nvar SubmitButtonHelper = {\r\n\t//Utility methods for getting post-submit action values\r\n\tgetPostSubmitActionData: function (componentSelector) {\r\n\t\tvar $submitButton = $(`${componentSelector} form [data-component='submitButton']`);\r\n\r\n\t\treturn {\r\n\t\t\tconfirmationMessage: $submitButton.attr(\"data-success-message\"),\r\n\t\t\tnavUrl: $submitButton.attr(\"data-url\"),\r\n\t\t\tpostSubmitAction: $submitButton.attr(\"data-submit-action\"),\r\n\t\t\treturnToReferrer: !!$submitButton.attr(\"data-return-to-referrer\"),\r\n\t\t\tshouldRefreshPageOnSubmit: !!$submitButton.attr(\"data-should-refresh-page-on-submit\")\r\n\t\t};\r\n\t},\r\n\r\n\tperformPostSubmitAction: function (componentSelector, options) {\r\n\t\toptions = options || {};\r\n\r\n\t\tvar actionData = options.actionData || this.getPostSubmitActionData(componentSelector);\r\n\r\n\t\tvar onNoPostSubmitAction = options.onNoPostSubmitAction;\r\n\t\tvar onNoStayMessage = options.onNoStayMessage;\r\n\t\tvar onStayMessage = options.onStayMessage;\r\n\t\tvar shouldForceReloadOnStay = options.shouldForceReloadOnStay || actionData.shouldRefreshPageOnSubmit;\r\n\r\n\t\tif (actionData.postSubmitAction === undefined) {\r\n\t\t\t//No post action is defined\r\n\t\t\tif (typeof onNoPostSubmitAction === \"function\") {\r\n\t\t\t\tonNoPostSubmitAction();\r\n\t\t\t}\r\n\r\n\t\t\tif (shouldForceReloadOnStay) {\r\n\t\t\t\twindow.location.reload();\r\n\t\t\t} else {\r\n\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t}\r\n\t\t} else if (actionData.postSubmitAction === \"stay\" && actionData.confirmationMessage && actionData.confirmationMessage.trim() !== \"\") {\r\n\t\t\tif (typeof onStayMessage === \"function\") {\r\n\t\t\t\tonStayMessage(actionData.confirmationMessage, () => {\r\n\t\t\t\t\tif (shouldForceReloadOnStay) {\r\n\t\t\t\t\t\twindow.location.reload();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\t//Stay and show message\r\n\t\t\t\tBootstrapPrompt.success(actionData.confirmationMessage, () => {\r\n\t\t\t\t\tif (shouldForceReloadOnStay) {\r\n\t\t\t\t\t\twindow.location.reload();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else if (actionData.postSubmitAction === \"stay\") {\r\n\t\t\t//Stay with no message\r\n\t\t\tif (typeof onNoStayMessage === \"function\") {\r\n\t\t\t\tonNoStayMessage();\r\n\t\t\t}\r\n\r\n\t\t\tif (shouldForceReloadOnStay) {\r\n\t\t\t\twindow.location.reload();\r\n\t\t\t} else {\r\n\t\t\t\tSpinner.removeSpinner();\r\n\t\t\t}\r\n\t\t} else if (actionData.postSubmitAction === \"goToPage\" || actionData.postSubmitAction === \"goToUrl\") {\r\n\t\t\t//Go to Page or Url, leave Spinner in place until page refreshes.\r\n\t\t\twindow.location = actionData.navUrl;\r\n\t\t}\r\n\t}\r\n};\r\n\r\nmodule.exports = SubmitButtonHelper;","\"use strict\";\r\n\r\nvar LoggerInstance = require(\"js-logger\").get(\"SuggestedDonationHelper\");\r\n\r\nvar Constants = require(\"../designer/Constants\");\r\n\r\nvar Dispatcher = require(\"../dispatcher/Dispatcher\");\r\n\r\nvar InputHelper = require(\"../shared/InputHelper\");\r\n\r\nmodule.exports = {\r\n\t/**\r\n\t * Logic Functionality\r\n\t **/\r\n\tinitializeDonationAmount(checkoutDispatcher, component, productCode, context, suggestedDonationAmount) {\r\n\t\tvar $component = $(component);\r\n\t\t$component.attr(\"data-show-decimals\", \"\");\r\n\t\tInputHelper.initializeAmountInput(\r\n\t\t\t$component, /*$component*/\r\n\t\t\t$component, /*amountSelector*/\r\n\t\t\tnull, /*allowDecimal*/\r\n\t\t\tfalse, /*greaterThanZero*/\r\n\t\t\tnull, /*formatAmount*/\r\n\t\t\tnull, /*defaultValue*/\r\n\t\t\tfalse /*includeThousandsSeparator*/\r\n\t\t);\r\n\r\n\r\n\t\t$component.on(\"change\", event => {\r\n\t\t\tthis.handleSuggestedDonationChange(event, checkoutDispatcher, productCode, context);\r\n\t\t});\r\n\r\n\t\t// if we're in a context, we need to initialize each suggested donation amount\r\n\t\tif (context) {\r\n\t\t\tthis.initializeSuggestedDonationAmount(suggestedDonationAmount, context, productCode);\r\n\t\t}\r\n\t},\r\n\r\n\thandleSuggestedDonationChange: function (event, checkoutDispatcher, productCode, context) {\r\n\t\t// update data in the store, store will call UI update method.\r\n\t\tvar amount = event.target.value;\r\n\r\n\t\tthis.setSuggestedDonationAmount(amount, context, productCode);\r\n\r\n\t\t// We only want to call this from product page.\r\n\t\tif (!context && checkoutDispatcher) {\r\n\t\t\tcheckoutDispatcher.dispatch({\r\n\t\t\t\tactionType: Constants.CART_UPDATE_PRODUCT_PRICE,\r\n\t\t\t\tproductPrice: amount\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tinitializeSuggestedDonationAmount: function (amount, context, productCode) {\r\n\t\tDispatcher.dispatch({\r\n\t\t\tactionType: Constants.PRODUCT_INITIALIZE_SUGGESTED_DONATION,\r\n\t\t\tamount,\r\n\t\t\tproductCode,\r\n\t\t\tcontext\r\n\t\t});\r\n\t},\r\n\r\n\tsetSuggestedDonationAmount: function (amount, context, productCode) {\r\n\t\tDispatcher.dispatch({\r\n\t\t\tactionType: Constants.PRODUCT_SET_SUGGESTED_DONATION,\r\n\t\t\tamount,\r\n\t\t\tproductCode,\r\n\t\t\tcontext\r\n\t\t});\r\n\t},\r\n\r\n\tvalidateAmount(amount, suggestedDonationAmount) {\r\n\t\t// If SD is 0 (not falsey) we're in a no-min and the value has to be > 0.01. Otherwise the donation\r\n\t\t// has to be greater than OR EQUAL to the default amount.\r\n\t\tif (suggestedDonationAmount === 0) {\r\n\t\t\treturn amount >= 0.01;\r\n\t\t} else {\r\n\t\t\treturn amount >= suggestedDonationAmount;\r\n\t\t}\r\n\t},\r\n\r\n\t/**\r\n\t * UI Functionality\r\n\t **/\r\n\tupdateSuggestedDonationComponent(amount, context, productCode) {\r\n\t\t// update the component UI to make sure that the SD amount matches what's in the store.\r\n\t\tvar $component = this.findComponentFor(context, productCode, \"suggestedDonationAmount\");\r\n\t\t$component.val(Number(amount).toFixed(2));\r\n\t},\r\n\r\n\tfindComponentFor(context, productCode, componentName) {\r\n\t\tif (context) {\r\n\t\t\tvar componentContext = context.split(\"_\")[0];\r\n\t\t\tif (componentContext === \"search\") {\r\n\t\t\t\tcomponentContext = \"searchResults\";\r\n\t\t\t}\r\n\t\t\treturn $(`[data-component=\"${componentContext}.product\"][data-product-code=\"${productCode}\"]`).find(`[data-component=\"${componentName}\"]`);\r\n\t\t} else {\r\n\t\t\tvar component = $(`[data-component=\"${componentName}\"]`).filter((index, item) => {\r\n\t\t\t\treturn $(item).parents('[data-component=\"searchResult.product\"],[data-component=\"category.product\"],[data-component=\"carousel.product\"]').length === 0;\r\n\t\t\t})[0];\r\n\r\n\t\t\treturn $(component);\r\n\t\t}\r\n\t},\r\n\r\n\tisOnePageSuggestedDonation() {\r\n\t\tvar suggestedDonationComponent = $('[data-component=\"suggestedDonationAmount\"]').filter((index, item) => {\r\n\t\t\treturn $(item).parents('[data-component=\"searchResult.product\"],[data-component=\"category.product\"],[data-component=\"carousel.product\"]').length === 0;\r\n\t\t});\r\n\r\n\t\treturn suggestedDonationComponent.length > 0;\r\n\t},\r\n\r\n\tshowInvalidSuggestedDonationMessage(context, productCode) {\r\n\t\tthis.findComponentFor(context, productCode, \"suggestedDonationMinimumNotMetMessage\").show();\r\n\t},\r\n\r\n\thideInvalidSuggestedDonationMessage(context, productCode) {\r\n\t\tthis.findComponentFor(context, productCode, \"suggestedDonationMinimumNotMetMessage\").hide();\r\n\t}\r\n};\r\n","\"use strict\";\r\n\r\nvar Constants = require(\"../designer/Constants\");\r\nvar WizardConstants = require(\"../constants/WizardConstants\");\r\n\r\nvar deviceType = Constants.DEVICE_TYPES;\r\nvar deviceMinWidth = Constants.DEVICE_MIN_WIDTHS;\r\n\r\nvar TokenExHelper = {\r\n\tgetIframe: function ($parent) {\r\n\t\tvar parentId = $parent.attr(\"id\");\r\n\t\treturn $parent.find(`iframe#tx_iframe_${parentId}`);\r\n\t},\r\n\r\n\tgetBaseUrl: function () {\r\n\t\treturn window.location.protocol + // http(s):\r\n\t\t\t\"//\" +\r\n\t\t\twindow.location.hostname + // host may contain port, so play it safe and only return hostname\r\n\t\t\t(window.location.port ? \":\" + window.location.port : \"\") // if there's a port, tack it on.\r\n\t},\r\n\r\n\tgetTokenExTokenData: function ($parent) {\r\n\t\tvar iframe = this.getIframe($parent);\r\n\t\treturn {\r\n\t\t\tcardType: iframe.attr(\"data-tokenex-cardtype\"),\r\n\t\t\tlastFour: iframe.attr(\"data-tokenex-lastfour\"),\r\n\t\t\ttoken: iframe.attr(\"data-tokenex-token\")\r\n\t\t};\r\n\t},\r\n\r\n\tinitializeTokenEx: function ($parent) {\r\n\t\twindow.addEventListener(\"resize\", () => this._manageIframeStyling());\r\n\r\n\t\t$parent = $parent || $(\"body\");\r\n\t\tthis._generateIframe($parent);\r\n\r\n\t\t$parent.find(\"[data-component='tokenExCardNumber']\").each((index, element) => {\r\n\t\t\tvar $component = $(element);\r\n\t\t\t$component.attr(\"data-has-custom-validator\", true).data({ customValidator: this.validateCardNumberToken.bind(this, $component) });\r\n\t\t});\r\n\t},\r\n\r\n\tisTokenEx: function (selector) {\r\n\t\tvar $selector = $(selector || \"body\");\r\n\t\treturn Boolean(\r\n\t\t\t$selector.closest(\"[data-component='tokenExCreditCardPayment']\").length ||\r\n\t\t\t$selector.find(\"[data-component='tokenExCreditCardPayment']\").length);\r\n\t},\r\n\r\n\t_generateIframe: function ($parent, device) {\r\n\t\t$parent = $parent || $(\"body\");\r\n\t\tdevice = device || this._getDeviceType();\r\n\r\n\t\tvar $component = $parent.find(\"[data-component='tokenExCardNumber']\");\r\n\t\tvar wrapperId = $component.attr(\"id\");\r\n\t\t$component.attr(\"data-set-device\", device);\r\n\r\n\t\tvar inputStyle = decodeURIComponent($component.attr(`data-src-${device}-css`));\r\n\t\tvar iframeStyle = decodeURIComponent($component.attr(`data-${device}-css`));\r\n\r\n\t\t$component.css(JSON.parse(iframeStyle));\r\n\r\n\t\tvar authenticationKey = $component.attr(\"data-authentication-key\");\r\n\t\tvar timestamp = $component.attr(\"data-timestamp\");\r\n\t\tvar tokenExID = $component.attr(\"data-tokenex-id\");\r\n\t\tvar placeholder = $component.attr(\"inputPlaceholder\");\r\n\t\tvar fourTokenFour = \"2\"; // Token Scheme\r\n\r\n\t\tvar url = this.getBaseUrl();\r\n\r\n\t\tvar tokenExConfiguration = {\r\n\t\t\tauthenticationKey,\r\n\t\t\torigin: url,\r\n\t\t\tpci: true,\r\n\t\t\tstyles: {\r\n\t\t\t\tbase: this._getStylePropertyFor(inputStyle, \"base\"),\r\n\t\t\t\terror: this._getStylePropertyFor(inputStyle, \"error\")\r\n\t\t\t},\r\n\t\t\ttimestamp,\r\n\t\t\ttokenExID,\r\n\t\t\ttokenScheme: fourTokenFour,\r\n\t\t\tplaceholder: placeholder\r\n\t\t};\r\n\r\n\t\tvar tokenExIframe = window.TokenEx.Iframe(wrapperId, tokenExConfiguration);\r\n\t\tthis._setIframeListeners(tokenExIframe, $component);\r\n\t\ttokenExIframe.load();\r\n\t},\r\n\r\n\t_setIframeListeners: function (tokenExIframe, $component) {\r\n\t\ttokenExIframe.on(\"error\", (data) => {\r\n\t\t\tconsole.log(`CC iframe error: ${JSON.stringify(data)}`);\r\n\t\t\tthis._removeTokenizationData($component);\r\n\t\t\ttokenExIframe.reset();\r\n\t\t});\r\n\r\n\t\ttokenExIframe.on(\"change\", () => {\r\n\t\t\tthis._removeTokenizationData($component);\r\n\t\t});\r\n\r\n\t\ttokenExIframe.on(\"validate\", (data) => {\r\n\t\t\tconsole.log(`CC iframe validate: ${JSON.stringify(data)}`);\r\n\t\t\tif (!data.isValid) {\r\n\t\t\t\tthis._removeTokenizationData($component);\r\n\t\t\t\tthis.getIframe($component).removeAttr(\"isTokenizing\");\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\ttokenExIframe.on(\"tokenize\", (data) => {\r\n\t\t\tconsole.log(`CC iframe tokenize: ${JSON.stringify(data)}`);\r\n\t\t\tvar iframe = this.getIframe($component)\r\n\t\t\tiframe.attr({\r\n\t\t\t\t\"data-tokenex-cardtype\": data.cardType,\r\n\t\t\t\t\"data-tokenex-lastfour\": data.lastFour,\r\n\t\t\t\t\"data-tokenex-token\": data.token\r\n\t\t\t});\r\n\t\t\tiframe.removeAttr(\"isTokenizing\");\r\n\t\t});\r\n\r\n\t\ttokenExIframe.on(\"blur\", () => {\r\n\t\t\tthis.getIframe($component).attr(\"isTokenizing\", true);\r\n\t\t\ttokenExIframe.tokenize();\r\n\t\t});\r\n\r\n\t\ttokenExIframe.on(\"load\", () => {\r\n\t\t\t$component.removeAttr(\"isGeneratingIframe\")\r\n\t\t\t// This handles the case where someone quickly resized from mobile to tablet to desktop.\r\n\t\t\t// The styling would get stuck on tablet because we skipped regenerating the iframe while one was already being regenerated.\r\n\t\t\tthis._manageIframeStyling();\r\n\t\t});\r\n\t},\r\n\r\n\t_removeTokenizationData($component) {\r\n\t\tvar iframe = this.getIframe($component)\r\n\t\tiframe.removeAttr(\"data-tokenex-token\")\r\n\t\t\t.removeAttr(\"data-tokenex-lastfour\")\r\n\t\t\t.removeAttr(\"data-tokenex-cardtype\")\r\n\t\t\t.removeAttr(\"isTokenizing\");\r\n\t},\r\n\r\n\t_getStylePropertyFor: function (inputString, key) {\r\n\t\tvar startIndex = inputString.indexOf(`${key}{`) + (key.length + 1);\r\n\t\tvar endIndex = inputString.indexOf(\"}\", startIndex);\r\n\t\treturn inputString.substring(startIndex, endIndex);\r\n\t},\r\n\r\n\t_manageIframeStyling: function (event, $parent) {\r\n\t\tif (window.AccountStore.get(\"isDesignMode\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t$parent = $parent || $(\"body\");\r\n\t\tvar device = this._getDeviceType();\r\n\r\n\t\tvar $components = $parent.find(\"[data-component='tokenExCardNumber']\");\r\n\t\t$components.each((index, component) => {\r\n\t\t\tvar $component = $(component);\r\n\r\n\t\t\tif (device !== $component.attr(\"data-set-device\") && !$component.attr(\"isGeneratingIframe\")) {\r\n\t\t\t\t// re-generate the iframe using the proper device for styling.\r\n\t\t\t\t$component.attr(\"isGeneratingIframe\", true);\r\n\t\t\t\tthis.getIframe($component).off();\r\n\t\t\t\t$component.empty();\r\n\t\t\t\tthis._generateIframe($parent, device);\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\t_getDeviceType: function () {\r\n\t\tvar width = window.innerWidth;\r\n\r\n\t\treturn (width < deviceMinWidth.TABLET && deviceType.MOBILE)\r\n\t\t\t|| (width < deviceMinWidth.DESKTOP && deviceType.TABLET)\r\n\t\t\t|| deviceType.DESKTOP;\r\n\t},\r\n\r\n\tvalidateCardNumberToken: function ($component) {\r\n\t\tvar data = this.getTokenExTokenData($component);\r\n\t\t\r\n\t\tif (data && data.token) {\r\n\t\t\treturn this._getValidationResponse(/*isValid:*/true);\r\n\t\t} else {\r\n\t\t\tif (this.getIframe($component).attr(\"isTokenizing\")) {\r\n\t\t\t\t// We are going to wait for a token.\r\n\t\t\t\treturn this._getDeferredValidationResponse($component);\r\n\t\t\t} else {\r\n\t\t\t\t// We did not get a token.\r\n\t\t\t\treturn this._getValidationResponse(/*isValid:*/false);\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\t_getDeferredValidationResponse: function ($component) {\r\n\t\tvar deferred = new $.Deferred();\r\n\r\n\t\twindow.setTimeout(() => {\r\n\t\t\tthis._checkForToken($component, deferred)\r\n\t\t}, 500);\r\n\r\n\t\treturn { deferred: deferred };\r\n\t},\r\n\r\n\t_getValidationResponse: function (isValid) {\r\n\t\tvar response = { isValid: isValid, errorMessages: [] };\r\n\r\n\t\tif (!response.isValid) {\r\n\t\t\tvar missingTokenMessage = this._getWizardErrorMessage(WizardConstants.WIZARDS.COMPANY_ERROR_MESSAGES, WizardConstants.TOKENEX_MESSAGE_FIELDS.TOKEN_MISSING);\r\n\t\t\tresponse.errorMessages.push(missingTokenMessage);\r\n\t\t}\r\n\r\n\t\treturn response;\r\n\t},\r\n\r\n\t_checkForToken: function ($component, deferred, hasWaited) {\r\n\t\tvar data = this.getTokenExTokenData($component);\r\n\r\n\t\tif (data && data.token) {\r\n\t\t\tdeferred.resolve(this._getValidationResponse(/*isValid:*/true));\r\n\t\t} else {\r\n\t\t\tif (this.getIframe($component).attr(\"isTokenizing\") && !hasWaited) {\r\n\t\t\t\tthis._waitForToken(deferred, $component);\r\n\t\t\t} else {\r\n\t\t\t\t// We did not get a token, or we have already waited and still haven't received a token.\r\n\t\t\t\tdeferred.resolve(this._getValidationResponse(/*isValid:*/false));\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\t_waitForToken: function(deferred, $component) {\r\n\t\twindow.setTimeout(() => {\r\n\t\t\tthis._checkForToken($component, deferred, /*hasWaited:*/true)\r\n\t\t}, 5000);\r\n\t},\r\n\r\n\t_getWizardErrorMessage: function (wizardName, wizardField) {\r\n\t\tif (window.CheckoutActions) {\r\n\t\t\treturn window.CheckoutActions.getWizardValue(wizardName, wizardField);\r\n\t\t}\r\n\r\n\t\treturn window.AccountStore.getWizardValue(wizardName, wizardField);\r\n\t}\r\n};\r\n\r\nmodule.exports = TokenExHelper;\r\n","\"use strict\";\r\n\r\nvar QueryStringHelper = require(\"../shared/QueryStringHelper\");\r\nvar WizardConstants = require(\"../constants/WizardConstants\");\r\n\r\nvar parentComponentSelector = \"[data-component='tsysTsepCreditCardPayment']\";\r\nvar iframeSelector = \"iframe[data-tsys-tsep-iframe]\";\r\n\r\nvar TsysTsepHelper = {\r\n\tinitializeTsysTsep: function($parent) {\r\n\t\t$parent = $parent || $(\"body\");\r\n\r\n\t\t$parent.find(parentComponentSelector).each((index, element) => {\r\n\t\t\tvar $element = $(element);\r\n\t\t\t$element.attr(\"data-has-custom-validator\", true).data({customValidator: this.validateTsysTsepResult.bind(this, $element)});\r\n\t\t});\r\n\t},\r\n\r\n\t//selector can be a jQuery object or jQuery selector\r\n\tisTsysTsep: function(selector) {\r\n\t\tvar $selector = $(selector || \"body\");\r\n\t\treturn Boolean(\r\n\t\t\t$selector.closest(parentComponentSelector).length || $selector.find(parentComponentSelector).length\r\n\t\t);\r\n\t},\r\n\r\n\tsetTsysIframeHeight: function(uniqueId, height) {\r\n\t\tvar $element = $(`[data-unique-id=\"${uniqueId}\"]`);\r\n\t\tvar $iframe = $element.find(iframeSelector);\r\n\t\t$iframe.height(height);\r\n\t},\r\n\r\n\tsyncTsysTsepResult: function(uniqueId, result) {\r\n\t\tvar $element = $(`[data-unique-id=\"${uniqueId}\"]`);\r\n\t\t$element.data({tsysTsepResult: result});\r\n\t\tif (result.tsepToken && result.deferred && !result.tokenHandled) {\r\n\t\t\t//If we were waiting for a token, let's go ahead and return it.\r\n\t\t\tresult.tokenHandled = true;\r\n\t\t\tresult.deferred.resolve(this.getValidationResponse(/*hasError*/false));\r\n\t\t}\r\n\t},\r\n\r\n\tgetTsysTsepResult: function($element) {\r\n\t\tif (this.isTsysTsep($element)) {\r\n\t\t\tif ($element.data(\"tsysTsepResult\") && $.isPlainObject($element.data(\"tsysTsepResult\"))) {\r\n\t\t\t\tvar result = $element.data(\"tsysTsepResult\");\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t},\r\n\r\n\tvalidateTsysTsepResult: function($element) {\r\n\t\tvar uniqueId = $element.attr(\"data-unique-id\");\r\n\t\tvar queryParameters = {\r\n\t\t\tuniqueId\r\n\t\t};\r\n\r\n\t\tvar result = this.getTsysTsepResult($element);\r\n\t\tif (!result) {\r\n\t\t\tqueryParameters.isCardNumberValid = false;\r\n\t\t\tqueryParameters.isExpirationDateValid = false;\r\n\t\t\tqueryParameters.isVerificationNumberValid = false;\r\n\r\n\t\t\t//No deferred is returned\r\n\t\t\treturn this.getValidationResponse(/*hasError*/true, /*errorMessages*/null, $element, queryParameters);\r\n\t\t} else if (!result.tsepToken) {\r\n\t\t\t//We have no token; see how many valid fields we have\r\n\t\t\tvar validCount = this.getValidCount(result);\r\n\r\n\t\t\tif (validCount == 2) {\r\n\t\t\t\t//We have two valid fields, let's wait half a second to see if we have three valid as the submit and the focusOut could happen at the same time.\r\n\t\t\t\tresult.deferred = new $.Deferred();\r\n\t\t\t\twindow.setTimeout(() => {\r\n\t\t\t\t\tresult = this.getTsysTsepResult($element);\r\n\t\t\t\t\t//If the token has already been handled, we do not need to do anything else\r\n\t\t\t\t\tif (result && !result.tokenHandled) {\r\n\t\t\t\t\t\tif (!result.tsepToken) {\r\n\t\t\t\t\t\t\tvalidCount = this.getValidCount(result);\r\n\t\t\t\t\t\t\tif (validCount == 3) {\r\n\t\t\t\t\t\t\t\tthis.handleThreeValidFieldButNoToken(result.deferred, $element, queryParameters);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t//We do not have three valid fields, so we are definitely not valid\r\n\t\t\t\t\t\t\t\tresult.deferred.resolve(this.hasNoTokenResponse(result, $element, queryParameters));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t//There is no error.\r\n\t\t\t\t\t\t\tresult.deferred.resolve(this.getValidationResponse(/*hasError*/false));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 500);\r\n\t\t\t\treturn {deferred: result.deferred};\r\n\t\t\t} else if (validCount == 3) {\r\n\t\t\t\tresult.deferred = new $.Deferred();\r\n\t\t\t\tthis.handleThreeValidFieldButNoToken(result.deferred, $element, queryParameters);\r\n\t\t\t\treturn {deferred: result.deferred};\r\n\t\t\t}\r\n\r\n\t\t\t//No deferred is returned. We do not have a token and only 0 or 1 TSYS TSEP field is valid.\r\n\t\t\treturn this.hasNoTokenResponse(result, $element, queryParameters);\r\n\t\t}\r\n\r\n\t\t//No deferred. There is no error.\r\n\t\treturn\tthis.getValidationResponse(/*hasError*/false);\r\n\t},\r\n\r\n\thandleThreeValidFieldButNoToken: function(deferred, $element, queryParameters) {\r\n\t\t//We have three valid fields, but no token. Let's wait 5 seconds to see if we get a token.\r\n\t\twindow.setTimeout(() => {\r\n\t\t\tvar result = this.getTsysTsepResult($element);\r\n\t\t\t//If token has been handled, we do not need to do anything else.\r\n\t\t\tif (result && !result.tokenHandled) {\r\n\t\t\t\tif (!result.tsepToken) {\r\n\t\t\t\t\tdeferred.resolve(this.hasNoTokenResponse(result, $element, queryParameters));\r\n\t\t\t\t} else {\r\n\t\t\t\t\t//No Error, we have the token\r\n\t\t\t\t\t//There is no error.\r\n\t\t\t\t\tdeferred.resolve(this.getValidationResponse(/*hasError*/false));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 5000);\r\n\t},\r\n\r\n\thasNoTokenResponse: function(result, $element, queryParameters) {\r\n\t\tvar hasError = true;\r\n\t\tvar errorMessages = [];\r\n\r\n\t\tqueryParameters.isCardNumberValid = false;\r\n\t\tqueryParameters.cardNumberErrorMessage = result.cardNumber.errorMessage || null;\r\n\r\n\t\tqueryParameters.expirationDate = (result.expirationDate.isValid && result.expirationDate.value) || null;\r\n\t\tqueryParameters.isExpirationDateValid = result.expirationDate.isValid;\r\n\t\tqueryParameters.expirationDateErrorMessage = result.expirationDate.errorMessage || null;\r\n\r\n\t\tqueryParameters.verificationNumber = (result.verificationNumber.isValid && result.verificationNumber.value) || null;\r\n\t\tqueryParameters.isVerificationNumberValid = result.verificationNumber.isValid;\r\n\t\tqueryParameters.verificationNumberErrorMessage = result.verificationNumber.errorMessage || null;\r\n\r\n\t\terrorMessages.push(result.cardNumber.errorMessage);\r\n\t\terrorMessages.push(result.expirationDate.errorMessage);\r\n\t\terrorMessages.push(result.verificationNumber.errorMessage);\r\n\t\terrorMessages.push(result.errorMessage);\r\n\r\n\t\terrorMessages = errorMessages.filter(Boolean);\r\n\r\n\t\tif (!result.cardNumber.value || !result.expirationDate.value || !result.verificationNumber.value) {\r\n\t\t\terrorMessages.push(window.FORM_VALIDATION_MESSAGES.REQUIRED_FIELDS);\r\n\t\t}\r\n\r\n\t\treturn this.getValidationResponse(hasError, errorMessages, $element, queryParameters);\r\n\t},\r\n\r\n\tgetValidationResponse: function(hasError, errorMessages, $element, queryParameters) {\r\n\t\terrorMessages = errorMessages || [];\r\n\t\tif (hasError && !errorMessages.length) {\r\n\t\t\tvar genericErrorMessage = this._getStore().getWizardValue(\r\n\t\t\t\tWizardConstants.WIZARDS.COMPANY_ERROR_MESSAGES,\r\n\t\t\t\tWizardConstants.TSYS_TSEP_MESSAGE_FIELDS.GENERIC\r\n\t\t\t);\r\n\t\t\terrorMessages.push(genericErrorMessage);\r\n\t\t}\r\n\r\n\t\tif (errorMessages.length) {\r\n\t\t\t$element.removeData(\"tsysTsepResult\");\r\n\r\n\t\t\tvar $iframe = $element.find(iframeSelector);\r\n\t\t\tvar url = $iframe.attr(\"src\").split(\"?\")[0];\r\n\t\t\tvar queryParametersString = QueryStringHelper.createQueryString(queryParameters);\r\n\t\t\t$iframe.attr(\"src\", `${url}?${queryParametersString}`);\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\terrorMessages: errorMessages,\r\n\t\t\tisValid: !errorMessages.length\r\n\t\t};\r\n\t},\r\n\r\n\tgetValidCount: function (result) {\r\n\t\tvar validCount = 0;\r\n\t\tif (result.cardNumber.isValid) {\r\n\t\t\tvalidCount++;\r\n\t\t}\r\n\t\tif (result.expirationDate.isValid) {\r\n\t\t\tvalidCount++;\r\n\t\t}\r\n\t\tif (result.verificationNumber.isValid) {\r\n\t\t\tvalidCount++;\r\n\t\t}\r\n\t\treturn validCount;\r\n\t},\r\n\r\n\tgetCardType: function (cardType) {\r\n\t\tswitch (cardType) {\r\n\t\t\tcase \"V\":\r\n\t\t\t\treturn \"VISA\";\r\n\t\t\tcase \"M\":\r\n\t\t\t\treturn \"MASTERCARD\";\r\n\t\t\tcase \"X\":\r\n\t\t\t\treturn \"AMEX\";\r\n\t\t\tcase \"R\":\r\n\t\t\t\treturn \"DISCOVER\";\r\n\t\t\tcase \"J\":\r\n\t\t\t\treturn \"JCB\";\r\n\t\t\tdefault:\r\n\t\t\t\treturn cardType;\r\n\t\t}\r\n\t},\r\n\r\n\t_getStore: function() {\r\n\t\tif (window.CheckoutStore) {\r\n\t\t\treturn window.CheckoutStore;\r\n\t\t}\r\n\r\n\t\treturn window.AccountStore;\r\n\t},\r\n};\r\n\r\nmodule.exports = TsysTsepHelper;\r\n","\"use strict\";\r\n\r\nvar LoggerInstance = require(\"js-logger\").get(\"ValidationHelper\");\r\n\r\nvar BootstrapPrompt = require(\"../shared/BootstrapPrompt\");\r\n\r\nmodule.exports = {\r\n\tremoveBetterValidationPopup($inputs) {\r\n\t\t$inputs.each((index, element) => {\r\n\t\t\t//If the element is valid, remove the tooltip\r\n\t\t\tif (element.validity.valid) {\r\n\t\t\t\t$(element).removeAttr(\"aria-invalid\").prev(\".better-validity-tooltip\").attr(\"aria-hidden\", true);\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\t// valid options:\r\n\t// * all - Validate all inputs in the current DOM is truthy\r\n\tshowInvalidInputsDialog() {\r\n\t\tvar errorMessage = \"\";\r\n\r\n\t\tthis._errorMessages.forEach(message => {\r\n\t\t\terrorMessage += errorMessage !== \"\" ? \"\\n\" : \"\";\r\n\t\t\terrorMessage += message;\r\n\t\t});\r\n\r\n\t\tvar setFocus = () => {\r\n\t\t\tvar invalidInputs = $(\".invalid\").first().filter(\":visible:enabled\");\r\n\t\t\tif (invalidInputs.length) {\r\n\t\t\t\tinvalidInputs[0].focus();\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\tBootstrapPrompt.alert(errorMessage, () => {\r\n\t\t\t\t// Without the defer, the input is focused before the dialog is fully closed, and focus goes to the\r\n\t\t\t\t// window instead of the input.\r\n\t\t\t\t_.defer(setFocus);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tsetFocus();\r\n\t\t}\r\n\t},\r\n\r\n\t// * components - A list of jQuery component objects to validate.\r\n\tvalidate(options) {\r\n\t\tvar deferred = new $.Deferred();\r\n\t\tthis._initializeValidation();\r\n\t\tvar innerDeferred;\r\n\r\n\t\t// May need to create a local variable if we want to support a combination of parent and individual.\r\n\t\tif (options.all) {\r\n\t\t\tinnerDeferred = this._validateAll();\r\n\t\t} else if (options.components) {\r\n\t\t\tinnerDeferred = this._validateComponents(options.components);\r\n\t\t}\r\n\r\n\t\tinnerDeferred.always(() => {\r\n\t\t\tif (options.doNotShowAlert) {\r\n\t\t\t\t//The return type is different if doNotShowAlert is set.\r\n\t\t\t\tdeferred.resolve({\r\n\t\t\t\t\terrorMessages: this._errorMessages,\r\n\t\t\t\t\tisValid: this._isValid\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\t//Returing a boolean whether isValid or not.\r\n\t\t\tdeferred.resolve(this._handleInvalidAndReturn(options));\r\n\t\t});\r\n\r\n\t\treturn deferred;\r\n\t},\r\n\r\n\t// Reset all internal variables;\r\n\t_initializeValidation() {\r\n\t\tthis._isValid = true;\r\n\t\tthis._errorMessages = [];\r\n\t},\r\n\r\n\t_validateAll() {\r\n\t\tvar deferred = new $.Deferred();\r\n\t\t// From jQuery documentation :\r\n\t\t// - The :enabled selector should only be used for selecting HTML elements that support the disabled attribute (