\n
\n
${store.address1}
\n
\n ${store.distanceWithUnit ? `${store.distanceWithUnit}` : ''}\n ${store.postalCode}\n ${store.city}\n
\n
`;\n\n if (store.preSalePromotionDataAvailable) {\n popup += `\n
\n
\n
\n ${window.resources['promo.membership.opening.title']}\n ${window.resources['promo.membership.opening.title.two']}\n \n
\n \n
\n
\n
`;\n }\n\n if (store.status === 'PRESALE') {\n popup += `
${window.resources['promo.new.club.title']}
`;\n }\n\n popup += `\n
\n
\n
`;\n\n if (store.sortedFacilities) {\n store.sortedFacilities.forEach(facility => {\n popup += `- ${facility.name}
`;\n });\n }\n\n popup += `\n
\n
`;\n\n if (store.facilitiesArray && store.facilitiesArray.facilities) {\n store.facilitiesArray.facilities.forEach(facilityData => {\n popup += `\n
\n \n \n ${facilityData.label || ''}\n \n
`;\n });\n }\n\n popup += `\n
\n
`;\n\n if (store.workingHours) {\n Object.values(store.workingHours).forEach(line => {\n popup += `
${line}
`;\n });\n }\n\n popup += `\n
\n
\n
\n ${extraYearlyPaymentPromo.percentage}${extraYearlyPaymentPromo.text}\n
`\n );\n\n if (paymentInterval === '52weeks' && extraYearlyPaymentPromo.text) {\n $wrapper.find('.js-extra-promo-52weeks').removeClass('visually-hidden');\n $wrapper.find('.js-extra-promo-fourWeeks').addClass('visually-hidden');\n $wrapper.find('.js-extra-promo-52weeks').html(\n `\n ${extraYearlyPaymentPromo.percentage}${extraYearlyPaymentPromo.text}\n
`\n );\n } else {\n $wrapper.find('.js-extra-promo-52weeks').addClass('visually-hidden');\n $wrapper.find('.js-extra-promo-fourWeeks').addClass('visually-hidden');\n }\n }\n\n if (adyenSessionData) {\n $('.js-order-id-input').val(adyenSessionData.orderId);\n $('.js-people-id-input').val(adyenSessionData.peopleId);\n }\n\n if (miniCartHtml) {\n const $paymentSummary = $('.js-payment-summary-new');\n const $checkoutOrderSummary = $('.js-checkout-order-summary');\n const $checkoutOrderSummaryStatic = $paymentSummary.find('.checkout-order-summary-static');\n $checkoutOrderSummary.empty().append(miniCartHtml);\n $checkoutOrderSummaryStatic.empty().append(miniCartHtml);\n initStep5SummaryAccordion();\n initStep5bindOrderSummaryLowEntryBarrierPopup();\n adyenDropin();\n }\n\n toggleOneCentPromotionContent(paymentInterval, isOneCentPromotion);\n },\n error: () => {\n $wrapper.find('.js-payment-interval-error').removeClass('visually-hidden');\n },\n });\n });\n}\n","/* eslint-disable */\nrequire('../components/spinner');\nrequire('../components/loader');\n\nimport highlightlabels from '../components/highlightLabels';\nimport Validator from '../components/clientSideValidationCheckout';\nimport { loadFormErrors } from './formErrors';\nimport { openTabs, appendToUrl } from '../util';\nimport {\n pushAddressInfoLoadedEvent,\n pushPaymentMethodLoaded,\n pushOriginalLocation,\n pushPageView,\n pushSelectedAddOnData,\n pushPersonalDetailsEventNew,\n pushRemovedProductFromCart,\n pushPaymentStepVisitedNew,\n pushPaymentProviderAndInfo,\n pushCheckoutErrors,\n pushSelectClubEventNew,\n pushMembershipStepCTAEvent,\n removeSelectedProduct,\n pushFilterClickEvent,\n pushViewTypeSelectEvent,\n pushMembershipViewDetailsEvent,\n pushMembershipHideDetailsEvent\n} from './../gtm/checkoutFlow';\nimport adyenDropin from './adyenDropin';\nimport { MembershipTiles, equalizeTiles } from '../membershipTilesSwiper';\nimport MapboxCheckout from './mapboxCheckout';\nimport {\n getSelectedFilters,\n promotionLabelTooltip,\n infoTooltipModal,\n searchStores,\n closeMapModal,\n checkoutLocation,\n} from './homeClubHelpers';\nimport {\n handleMembershipUSP,\n updateMembershipBlock,\n handleMembershipSelection,\n handleMembershipDuration,\n handleRedirectFromCDP,\n getPreselectedMembershipInfo,\n countdown,\n} from './membershipHelpers';\nimport {\n toggleDropinButtons,\n updateMembershipDuration\n} from './paymentMethodHelpers';\nimport {\n initSummaryAccordion,\n showSummary,\n toggleMobileSummary,\n bindOrderSummaryToggleTouchDevices,\n bindOrderSummaryLowEntryBarrierPopup,\n updateMiniCart\n} from './orderSummary';\n\nconst STORES_MAX = 4;\n\n/**\n * Create the jQuery Checkout Plugin.\n *\n * This jQuery plugin will be registered on the dom element in checkout.isml with the\n * id of \"checkout-main\".\n *\n * The checkout plugin will handle the different state the user interface is in as the user\n * progresses through the varying forms such as shipping and payment.\n *\n * Billing info and payment info are used a bit synonymously in this code.\n *\n */\n(function checkoutPlugin($) {\n $.fn.checkout = function checkout() { // eslint-disable-line no-param-reassign\n const plugin = this;\n\n // Collect form data from user input\n const formData = {\n // Shipping Address\n shipping: {},\n // Billing Address\n billing: {},\n // Payment\n payment: {},\n };\n\n // The different states/stages of new checkout flow\n var checkoutStages = [\n 'HomeClub',\n 'Membership',\n 'AddOns',\n 'PersonalInformation',\n 'PaymentMethod'\n ];\n\n let isStep3 = 0;\n let isStep2 = 0;\n let removeAddonFromCart = false;\n\n const laptopMaxWidth = 1025;\n const mobileMaxWidth = 768;\n\n /**\n * Try another location\n */\n function tryAnotherLocation() {\n $('.js-try-another-location').on('click', (e) => {\n e.stopPropagation();\n $('.js-search-input').trigger('focus');\n $('.js-search-input').val('');\n });\n }\n tryAnotherLocation();\n\n /**\n * @description Close mobile keyboard on keyboard search icon/button click\n * @param {element} input element selector\n */\n function hideMobileKeyboardOnReturn(element) {\n $(element).on('keyup', (keyboardEvent) => {\n const key = keyboardEvent.code || keyboardEvent.keyCode;\n if (key === 'Enter' || key === 13) {\n $(element).blur();\n }\n });\n }\n\n /**\n * loop through the tabs and disable all after the current active tab\n */\n function disableFutureSteps(activeItemId = 0) {\n let futureTab = 0;\n $('.js-choose-step-tab').each(function() {\n $(this).removeClass('disable-step');\n // if we (re)loaded the page we get the active tab from the 'activeItemId' and use it here and set the active tab\n if($(this).attr('data-stage') == activeItemId) {\n $(this).addClass('active');\n futureTab = 1;\n // else we must get the active tab from tab class:\n } else if($(this).hasClass('active')) {\n futureTab = 1;\n } else if(futureTab === 1) {\n $(this).addClass('disable-step');\n }\n });\n }\n\n /**\n * @description animation to steps\n * @param {string} datastage - stage to animate to\n */\n function stepAnimation(datastage) {\n $('html, body').stop().animate({\n scrollTop: $('.js-choose-step-tab[data-stage=\"' + datastage + '\"]').offset().top,\n }, 500);\n }\n\n // eslint-disable-next-line valid-jsdoc\n /**\n * Function for creating club address summary for step 1\n * @param {string} address1\n * @param {string} address2\n * @returns dom element\n */\n function createStepOneClubSummary(address1, address2) {\n const $clubSummaryData = `\n