@zonos/elements 1.3.286 → 1.3.287

package/dist/esm-es5/zonos-controller.entry.js

@@ -1 +1,198 @@
-var __extends=this&&this.__extends||function(){var t=function(e,o){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]};return t(e,o)};return function(e,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");t(e,o);function n(){this.constructor=e}e.prototype=o===null?Object.create(o):(n.prototype=o.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{a(n.next(t))}catch(t){r(t)}}function c(t){try{a(n["throw"](t))}catch(t){r(t)}}function a(t){t.done?o(t.value):i(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(c){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(o=0)),o)try{if(n=1,i&&(r=c[0]&2?i["return"]:c[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,c[1])).done)return r;if(i=0,r)c=[c[0]&2,r.value];switch(c[0]){case 0:case 1:r=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;i=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!r||c[1]>r[0]&&c[1]<r[3])){o.label=c[1];break}if(c[0]===6&&o.label<r[1]){o.label=r[1];r=c;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(c);break}if(r[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];i=0}finally{n=r=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,o){if(o||arguments.length===2)for(var n=0,i=e.length,r;n<i;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};import{r as registerInstance,d as createEvent,h,a as Host}from"./index-cfd394c8.js";import{b as stripeStore}from"./cart-d04742f5.js";import{j as getOverridenZCountry,m as isValidSelector,n as initLocalizationStore,s as storageStore,c as localizationStoreUpdateSelectedCountryCode}from"./localization-36a4dc22.js";import{z as zonosStore,e as zonosStoreInitSetting,f as zonosStoreFontFamily}from"./zonosStore-eca1e364.js";import{g as getGenericSettingsOverride,i as iframeServices,a as injectPrivateIframe}from"./getGenericSettingsOverride-0bc3e118.js";import{h as handleFetch,l as logError}from"./handleFetch-a844cac1.js";import{l as log}from"./VarianceTest-572cecf5.js";import{a as ensureAnalyticsRelayPing}from"./submitGtag-71c450b6.js";import"./isDarkColor-939d8e9c.js";import"./getBorderRadius-1f7be586.js";import"./TaxId-63a14057.js";var getZonosSettings=function(){return __awaiter(void 0,void 0,void 0,(function(){var t,e,o,n,i,r,s;return __generator(this,(function(c){switch(c.label){case 0:if(window.Zonos.cartSettings){log("Reusing cached zonos settings");return[2,{errors:[],json:window.Zonos.cartSettings,zonosMode:window.Zonos.zonosMode}]}t=getGenericSettingsOverride();e=new URLSearchParams;if(t.overrideShouldEnabledCustomAddress){e.set("overrideShouldEnabledCustomAddress",t.overrideShouldEnabledCustomAddress)}o=getOverridenZCountry();if(o){e.set("zCountry",o)}return[4,handleFetch("/api/zonos-elements/zonos-settings?".concat(e.toString()))];case 1:n=c.sent(),i=n.errors,r=n.json,s=n.zonosMode;if(i.length){logError("Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings");return[2,{errors:i,json:null,zonosMode:s}]}return[2,{errors:[],json:r,zonosMode:s}]}}))}))};var injectCheckoutElement$2=function(){var t=document.querySelector("zonos-checkout");if(!t){var e=document.createElement("zonos-checkout");document.body.appendChild(e)}};var initCheckout=function(t){if(!t.placeOrderButtonSelector&&!t.alwaysTriggerInternationalCheckoutSelector&&!window.Zonos.cartData){return}if(t.placeOrderButtonSelector&&!isValidSelector(t.placeOrderButtonSelector)){logError('Selector checkoutButtonAnchor "'.concat(t.placeOrderButtonSelector,'" is not a valid selector'));return}if(t.alwaysTriggerInternationalCheckoutSelector&&!isValidSelector(t.alwaysTriggerInternationalCheckoutSelector)){logError('Selector alwaysTriggerInternationalCheckoutSelector "'.concat(t.alwaysTriggerInternationalCheckoutSelector,'" is not a valid selector'));return}injectCheckoutElement$2()};var injectCheckoutElement$1=function(){var t=document.querySelector("zonos-collect");if(!t){var e=document.createElement("zonos-collect");document.body.appendChild(e)}};var initCollect=function(){if(!window.Zonos.cartData){return}injectCheckoutElement$1()};var injectCheckoutElement=function(){var t=document.querySelector("zonos-invoice");if(!t){var e=document.createElement("zonos-invoice");document.body.appendChild(e)}};var initInvoice=function(){if(!window.Zonos.cartData){return}injectCheckoutElement()};var STYLE_ID="zonos-domestic-element-hide-style";var supportsIsSelector=typeof document!=="undefined"&&function(){try{document.querySelector(":is(.zonos-is-probe)");return true}catch(t){return false}}();var splitTopLevelCommas=function(t){var e=[];var o=0;var n=0;var i="";for(var r=0;r<t.length;r++){var s=t[r];if(s==="("){o++}else if(s===")"){o--}else if(s==="["){n++}else if(s==="]"){n--}if(s===","&&o===0&&n===0){var c=i.trim();if(c){e.push(c)}i=""}else{i+=s}}var a=i.trim();if(a){e.push(a)}return e};var buildDomesticHideSelector=function(t){var e=t.merchantSelector,o=t.supportsIs;if(o){return"body.z-intl :is(".concat(e,")")}return splitTopLevelCommas(e).map((function(t){return"body.z-intl ".concat(t)})).join(", ")};var injectDomesticElementHideStyle=function(t){if(typeof document==="undefined"||!t){return}var e=buildDomesticHideSelector({merchantSelector:t,supportsIs:supportsIsSelector});try{document.querySelector(e)}catch(o){log('Skip domesticElementSelector injection: "'.concat(t,'" produced an invalid CSS selector ("').concat(e,'")'),"warn");return}if(document.getElementById(STYLE_ID)){return}var o=document.createElement("style");o.id=STYLE_ID;o.textContent="".concat(e," { display: none !important; }");(document.head||document.body).appendChild(o);log("Zonos domestic element hide style injected")};var injectHelloComponent=function(t){var e=document.querySelector(t);var o=document.querySelector("zonos-hello");if(!o&&e){var n=document.createElement("zonos-hello");e.appendChild(n);return true}return false};var convertPosition=function(t){switch(t){case"BOTTOM_RIGHT":return"bottom-right";case"BOTTOM_LEFT":return"bottom-left";case"TOP_LEFT":return"top-left";case"TOP_RIGHT":return"top-right";default:return"bottom-right"}};var injectDefaultWrapper=function(t){var e=t.position,o=e===void 0?"bottom-right":e;var n=".zonos--hello-mobile-wrapper";var i=document.querySelector(n);if(i){return n}var r=document.createElement("div");r.className="zonos--hello-mobile-wrapper";r.style.position="fixed";if(o==="top-right"){r.style.top="72px";r.style.right="24px"}if(o==="top-left"){r.style.top="72px";r.style.left="24px"}if(o==="bottom-right"){r.style.bottom="72px";r.style.right="24px"}if(o==="bottom-left"){r.style.bottom="72px";r.style.left="24px"}r.style.zIndex="2147483647";document.body.appendChild(r);return n};var initHello=function(t){return __awaiter(void 0,void 0,void 0,(function(){var e,o,n,i,r;return __generator(this,(function(s){if(window.Zonos.isLegacyCheckout){log("Hello is disabled when isLegacyCheckout","info");return[2]}e=t.anchorElementSelector;o=e;if(!t.anchorElementSelector&&t.desktopLocation){n=injectDefaultWrapper({position:"bottom-right"});o=n}if(!o||!isValidSelector(o)){logError('Selector anchorElementSelector "'.concat(t.anchorElementSelector,'" is not a valid selector.'));return[2]}log("Hello init complete");i=injectHelloComponent(o);if(!i){r=new MutationObserver((function(){var t=injectHelloComponent(o);if(t){r.disconnect()}}));r.observe(document.body,{childList:true,subtree:true});setTimeout((function(){injectHelloComponent(o)}),1e3);setTimeout((function(){if(t.notFoundElementFallback){log("Hello anchor selector ".concat(t.anchorElementSelector," not found after 3 seconds, falling back to 'notFoundElementFallback': ").concat(t.notFoundElementFallback),"info");var e=injectDefaultWrapper({position:convertPosition(t.notFoundElementFallback)});injectHelloComponent(e)}}),3e3)}return[2]}))}))};var IframeCommunicator=function(){function t(t,e){var o=this;this.targetId=t;this.allowedEvents=e;this.listeners=new Map;this.handleMessage=function(t){var e,n,i;var r=t.data;var s=((e=o.iframe)===null||e===void 0?void 0:e.contentWindow)||((i=(n=o.iframe)===null||n===void 0?void 0:n.contentDocument)===null||i===void 0?void 0:i.defaultView);if(t.source!==s){return}if(!o.isValidMessage(r)){return}var c=o.listeners.get(r.type);c===null||c===void 0?void 0:c.forEach((function(t){try{t(r.payload)}catch(t){logError("Error in event listener:",t)}}))};this.initializeEventListeners();this.iframe=document.getElementById(this.targetId)}t.prototype.initializeEventListeners=function(){window.addEventListener("message",this.handleMessage)};t.prototype.isValidMessage=function(t){if(!t||typeof t!=="object")return false;var e=t;return e.id===this.targetId&&typeof e.type==="string"&&this.allowedEvents.includes(e.type)&&e.payload!==undefined};t.prototype.on=function(t,e){var o=this;if(!this.listeners.has(t)){this.listeners.set(t,new Set)}log("[CheckoutAddressService] listening to ".concat(t),"info");var n=e;var i=this.listeners.get(t);if(i){i.add(n)}return function(){var e=o.listeners.get(t);if(e){e.delete(n)}}};t.prototype.destroy=function(){window.removeEventListener("message",this.handleMessage);this.listeners.clear()};return t}();var GooglePlacesService=function(t){__extends(e,t);function e(){log("=== [Google Places Service] Initializing","info");return t.call(this,iframeServices.GOOGLE_PLACES,["fetchAutocompleteSuggestions","initializeGooglePlacesService","placeSelected","onFetchAutocompleteSuggestions","onInitializeGooglePlacesService","onPlaceSelected"])||this}e.prototype.sendMessage=function(t,e){var o;if(!((o=this.iframe)===null||o===void 0?void 0:o.contentWindow)){return}var n={id:this.targetId,logType:window.Zonos.iframeLogType,payload:e,type:t};log("GooglePlacesService] parent --\x3e ".concat(t),"info",e);this.iframe.contentWindow.postMessage(n,"*")};e.prototype.initialize=function(){this.sendMessage("initializeGooglePlacesService",{})};e.prototype.fetchSuggestions=function(t){var e=t.country,o=t.query,n=t.type;if(!e){return}this.sendMessage("fetchAutocompleteSuggestions",{request:{includedRegionCodes:[e],input:o},type:n})};e.prototype.selectPlace=function(t){var e=t.placeId,o=t.type;this.sendMessage("placeSelected",{placeId:e,type:o})};return e}(IframeCommunicator);var CheckoutAddressService=function(){function t(){var t=this;this.googlePlaceInitialized=false;log("=== [CheckoutAddressService] Initializing","info");this.googlePlaces=new GooglePlacesService;this.googlePlaces.on("onInitializeGooglePlacesService",(function(){log("=== [CheckoutAddressService] parent <-- onInitializeGooglePlacesService","info");t.googlePlaceInitialized=true}));this.initialize()}t.prototype.initialize=function(){this.googlePlaces.initialize()};t.prototype.onInitializeGooglePlacesService=function(t){return this.googlePlaces.on("onInitializeGooglePlacesService",(function(){log("[CheckoutAddressService] parent <-- onInitializeGooglePlacesService");t()}))};t.prototype.isGooglePlaceInitialized=function(){return this.googlePlaceInitialized};t.prototype.onAddressSuggestions=function(t){this.suggestionsCallback=t;return this.googlePlaces.on("onFetchAutocompleteSuggestions",(function(){var e=[];for(var o=0;o<arguments.length;o++){e[o]=arguments[o]}log.apply(void 0,__spreadArray(["[CheckoutAddressService] parent <-- onFetchAutocompleteSuggestions ".concat(e[0].type),"info"],e,false));t.apply(void 0,e)}))};t.prototype.onAddressSelected=function(t){this.placeSelectedCallback=t;return this.googlePlaces.on("onPlaceSelected",(function(){var e=[];for(var o=0;o<arguments.length;o++){e[o]=arguments[o]}log.apply(void 0,__spreadArray(["[CheckoutAddressService] parent <-- onPlaceSelected ".concat(e[0].type),"info"],e,false));t.apply(void 0,e)}))};t.prototype.getAddressSuggestions=function(t){var e=t.country,o=t.query,n=t.type;if(!this.googlePlaceInitialized){return}this.googlePlaces.fetchSuggestions({country:e,query:o,type:n})};t.prototype.selectAddress=function(t){var e=t.placeId,o=t.type;this.googlePlaces.selectPlace({placeId:e,type:o})};t.prototype.destroy=function(){this.googlePlaces.destroy();if(this.suggestionsCallback){this.suggestionsCallback=undefined}if(this.placeSelectedCallback){this.placeSelectedCallback=undefined}};return t}();var zonosControllerCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{visibility:hidden;opacity:0;height:0}";var ZonosControllerStyle0=zonosControllerCss;var ZonosController=function(){function t(t){registerInstance(this,t);this.paypalInitEvent=createEvent(this,"paypalInitEvent",7);this.stripeInitEvent=createEvent(this,"stripeInitEvent",7)}t.prototype.initCheckoutElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init checkout element","warn");return[2]}stripeStore.stripe=t;void initCheckout(zonosStore.checkoutSettings);log("init checkout element");return[2]}))}))};t.prototype.initCollectElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init Collect element","warn");return[2]}stripeStore.stripe=t;void initCollect();log("init Collect element");return[2]}))}))};t.prototype.initInvoiceElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init Invoice element","warn");return[2]}stripeStore.stripe=t;void initInvoice();log("init Invoice element");return[2]}))}))};t.prototype.initZonosNotification=function(){var t=document.querySelector("zonos-notification");if(t){return}var e=document.createElement("zonos-notification");document.body.appendChild(e)};t.prototype.setupGoogleFont=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,n,i,r,s,c,a;return __generator(this,(function(u){switch(u.label){case 0:n=t||zonosStoreFontFamily();if(n==="Inter"){if(!t){return[2]}log("[FONT] Just applied Inter , but no need to inject since we already inject Inter on start","warn");zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:t})}i=new URLSearchParams;i.set("family",n);return[4,handleFetch("/api/zonos-elements/get-font-detail?".concat(i.toString()))];case 1:r=u.sent(),s=r.errors,c=r.json;if(s.length>0){log("Failed to load font ".concat(n),"warn");zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:"Inter"});return[2]}a=c===null||c===void 0?void 0:c.fontUrl;if(a){(o=(e=window.Zonos).injectSupportGoogleFont)===null||o===void 0?void 0:o.call(e,a)}if(!t){return[2]}log("[FONT] ".concat(t," font override applied"));zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:t});return[2]}}))}))};t.prototype.handleLocationChange=function(){void initHello(zonosStore.helloSettings)};t.prototype.initHistoryListener=function(){var t=history.pushState;history.pushState=function e(){window.dispatchEvent(new window.Event("pushstate"));window.dispatchEvent(new window.Event("locationchange"));return t.apply(this,arguments)};var e=history.replaceState;history.replaceState=function t(){window.dispatchEvent(new window.Event("replacestate"));window.dispatchEvent(new window.Event("locationchange"));return e.apply(this,arguments)}};t.prototype.injectCustomHTML=function(t){if(!t){return}if(!window.Zonos.isLegacyCheckout||window.Zonos.isCollect||window.Zonos.isInvoice){log("=== Skip injecting custom HTML for hosted checkout","info");return}log("=== Injecting custom HTML for hosted checkout");var e=document.createElement("template");e.innerHTML=t;var o=e.content.querySelectorAll("script");o.forEach((function(t){var e=document.createElement("script");if(t.src){e.src=t.src;e.async=t.async}else{e.textContent=t.innerHTML}document.body.appendChild(e)}));ensureAnalyticsRelayPing()};t.prototype.initGooglePlacesService=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(n){e=t===null||t===void 0?void 0:t.genericSettings;if(!e){return[2]}o=e.signedTokenGooglePlaces;if(!o){return[2]}injectPrivateIframe({id:iframeServices.GOOGLE_PLACES,onload:function(){zonosStore.checkoutAddressService=new CheckoutAddressService},src:"".concat("https://route.elements.zonos.com","/iframe/google-maps?signedToken=").concat(o)});return[2]}))}))};t.prototype.buildBaseConfig=function(t){var e,o;var n=Object.assign(Object.assign({},this.config.checkoutSettings),{allowedSettlementCurrencies:undefined,captureDelay:undefined,subscriptionStatus:undefined});if(window.Zonos.isCollect||window.Zonos.isInvoice){return Object.assign(Object.assign({},this.config),{checkoutSettings:n,helloSettings:Object.assign(Object.assign({},this.config.helloSettings),{visibilityStatus:"DISABLED"})})}if(!this.config.checkoutSettings){return Object.assign(Object.assign({},this.config),{checkoutSettings:undefined})}var i=window.Zonos.isLegacyCheckout&&!!window.Zonos.cartData&&((e=this.config.checkoutSettings)===null||e===void 0?void 0:e.successBehavior)==="CLOSE_MODAL";return Object.assign(Object.assign({},this.config),{checkoutSettings:Object.assign(Object.assign({},n),{successBehavior:i?"ZONOS_SUCCESS_PAGE":this.config.checkoutSettings.successBehavior,successRedirectUrl:i?((o=window.Zonos.cartData)===null||o===void 0?void 0:o.storeBaseUrl)||(t===null||t===void 0?void 0:t.onlineStoreSettings.url):this.config.checkoutSettings.successRedirectUrl})})};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.initHistoryListener();zonosStore.zonosApiKey=this.zonosApiKey;(function(){return __awaiter(t,void 0,void 0,(function(){var t,e,o,n,i,r,s,c,a,u,l,d,f,h,v,g,m,S;var p=this;return __generator(this,(function(w){switch(w.label){case 0:return[4,getZonosSettings()];case 1:s=w.sent(),c=s.errors,a=s.json,u=s.zonosMode;if(((e=(t=c[0])===null||t===void 0?void 0:t.type)===null||e===void 0?void 0:e.toString())==="403"){log("Failed to load zonos settings. This domain may not have access","warn");return[2]}l=((o=a===null||a===void 0?void 0:a.checkoutSettings)===null||o===void 0?void 0:o.customHTML)||"";this.injectCustomHTML(l);this.initZonosNotification();d=function(){var t,e,o;if(window.Zonos.isLegacyCheckout){return((t=a===null||a===void 0?void 0:a.appearanceSettings)===null||t===void 0?void 0:t.logoUrl)||((e=p.config.appearance)===null||e===void 0?void 0:e.logoUrl)}return(o=p.config.appearance)===null||o===void 0?void 0:o.logoUrl};f=this.buildBaseConfig(a);h=Object.assign(Object.assign(Object.assign({},this.config),{appearance:Object.assign(Object.assign({},this.config.appearance),{logoUrl:d()})}),f);zonosStoreInitSetting({overrideSettings:h,zonosSettings:a});zonosStore.zonosMode=u;injectDomesticElementHideStyle(zonosStore.checkoutSettings.domesticElementSelector);void this.setupGoogleFont();if(zonosStore.helloSettings.visibilityStatus==="DISABLED"){log("=== Hello is disabled by store owner ===","warn")}if(zonosStore.helloSettings&&zonosStore.helloSettings.visibilityStatus==="ENABLED"){log("Initializing hello");void initHello(zonosStore.helloSettings)}return[4,initLocalizationStore()];case 2:w.sent();v=((n=a===null||a===void 0?void 0:a.checkoutSettings)===null||n===void 0?void 0:n.externalServiceTokens.find((function(t){return t.type==="STRIPE_PUBLISHABLE_TOKEN"})))||null;if(!v||!this.stripeInitEvent){log("Checkout failed to load -- missing publishable key","warn");return[2]}if(window.Zonos.isCollect||window.Zonos.isInvoice){this.stripeInitEvent.emit({publishableKey:v.token});void this.initGooglePlacesService(a);return[2]}if(zonosStore.checkoutSettings.subscriptionStatus==="INACTIVE"){log('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===',"warn");log("zonos controller loaded");return[2]}if(zonosStore.checkoutSettings.visibilityStatus==="DISABLED"){log("=== Checkout is disabled by store owner ===","warn");log("zonos controller loaded");return[2]}g=typeof((i=zonosStore.checkoutSettings)===null||i===void 0?void 0:i.buildCartDetail)==="function"||typeof((r=zonosStore.checkoutSettings)===null||r===void 0?void 0:r.createCartId)==="function";m=new URL(window.location.href).searchParams.get("payment_intent_client_secret")||sessionStorage.getItem("zonos--client-secret");S=!!(window.Zonos.cartId&&window.Zonos.cartData)||!!m;if(!g&&!S){log("Skip loading Stripe because no cart callback (buildCartDetail/createCartId), prefetched cart, or payment client secret is present","warn");return[2]}this.stripeInitEvent.emit({publishableKey:v.token});void this.initGooglePlacesService(a);return[2]}}))}))})();return[2]}))}))};t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=document.querySelector("zonos-notification");if(!e){log("Failed to show notification - zonos-notification not found","warn");return[2]}void e.showNotification(t);return[2]}))}))};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){storageStore.checkoutSessionId=null;stripeStore.clientSecret="";return[2]}))}))};t.prototype.overrideConfig=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){zonosStoreInitSetting({overrideSettings:t,zonosSettings:null});return[2]}))}))};t.prototype.overrideCountry=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){log("Override country code to ".concat(t));void localizationStoreUpdateSelectedCountryCode({isInitializing:false,newSelectedCountryCode:t});return[2]}))}))};t.prototype.getAppearanceSetting=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,zonosStore.appearance]}))}))};t.prototype.updateOrganizationName=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){zonosStore.organizationName=t;return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"12257443495182932a4ca497928398e22f5fb892",class:"zonos--elements"})};return t}();ZonosController.style=ZonosControllerStyle0;export{ZonosController as zonos_controller};
+var __extends=this&&this.__extends||function(){var t=function(e,o){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]};return t(e,o)};return function(e,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");t(e,o);function n(){this.constructor=e}e.prototype=o===null?Object.create(o):(n.prototype=o.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{a(n.next(t))}catch(t){r(t)}}function c(t){try{a(n["throw"](t))}catch(t){r(t)}}function a(t){t.done?o(t.value):i(t.value).then(s,c)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=c(0),s["throw"]=c(1),s["return"]=c(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return a([t,e])}}function a(c){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(o=0)),o)try{if(n=1,i&&(r=c[0]&2?i["return"]:c[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,c[1])).done)return r;if(i=0,r)c=[c[0]&2,r.value];switch(c[0]){case 0:case 1:r=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;i=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!r||c[1]>r[0]&&c[1]<r[3])){o.label=c[1];break}if(c[0]===6&&o.label<r[1]){o.label=r[1];r=c;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(c);break}if(r[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];i=0}finally{n=r=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,o){if(o||arguments.length===2)for(var n=0,i=e.length,r;n<i;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};import{r as registerInstance,d as createEvent,h,a as Host}from"./index-_lt63o7c.js";import{b as stripeStore}from"./cart-ekBk_gxV.js";import{k as getOverridenZCountry,m as isValidSelector,n as initLocalizationStore,s as storageStore,c as localizationStoreUpdateSelectedCountryCode}from"./localization-AOqYXGdP.js";import{z as zonosStore,a as zonosStoreFontFamily,b as zonosStoreInitSetting}from"./zonosStore-DrIOAz4M.js";import{g as getGenericSettingsOverride,i as iframeServices,a as injectPrivateIframe}from"./getGenericSettingsOverride-HeAZDwVW.js";import{h as handleFetch,l as logError}from"./handleFetch-D5GYDF-O.js";import{l as log}from"./VarianceTest-BJmZPrZl.js";import{e as ensureAnalyticsRelayPing}from"./submitGtag-CCGQS060.js";import"./isDarkColor-YdrG78th.js";import"./getBorderRadius-HwG64EKM.js";import"./TaxId-Cye-evFK.js";var getZonosSettings=function(){return __awaiter(void 0,void 0,void 0,(function(){var t,e,o,n,i,r,s;return __generator(this,(function(c){switch(c.label){case 0:if(window.Zonos.cartSettings){log("Reusing cached zonos settings");return[2/*return*/,{errors:[],json:window.Zonos.cartSettings,zonosMode:window.Zonos.zonosMode}]}t=getGenericSettingsOverride();e=new URLSearchParams;if(t.overrideShouldEnabledCustomAddress){e.set("overrideShouldEnabledCustomAddress",t.overrideShouldEnabledCustomAddress)}o=getOverridenZCountry();if(o){e.set("zCountry",o)}return[4/*yield*/,handleFetch("/api/zonos-elements/zonos-settings?".concat(e.toString()))];case 1:n=c.sent(),i=n.errors,r=n.json,s=n.zonosMode;if(i.length){logError("Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings");return[2/*return*/,{errors:i,json:null,zonosMode:s}]}return[2/*return*/,{errors:[],json:r,zonosMode:s}]}}))}))};var injectCheckoutElement$2=function(){
+// append checkout component if doesn't exist
+var t=document.querySelector("zonos-checkout");if(!t){var e=document.createElement("zonos-checkout");document.body.appendChild(e)}};var initCheckout=function(t){
+// allow to load checkout if cartData is ready (Checkout can be loaded right awaiy if tempCartUUID is in the URL)
+if(!t.placeOrderButtonSelector&&!t.alwaysTriggerInternationalCheckoutSelector&&!window.Zonos.cartData){
+// do nothing if checkout button anchor is not set
+return}
+// check if checkout button anchor selector user pass in is valid
+if(t.placeOrderButtonSelector&&!isValidSelector(t.placeOrderButtonSelector)){logError('Selector checkoutButtonAnchor "'.concat(t.placeOrderButtonSelector,'" is not a valid selector'));return}if(t.alwaysTriggerInternationalCheckoutSelector&&!isValidSelector(t.alwaysTriggerInternationalCheckoutSelector)){logError('Selector alwaysTriggerInternationalCheckoutSelector "'.concat(t.alwaysTriggerInternationalCheckoutSelector,'" is not a valid selector'));return}injectCheckoutElement$2()};var injectCheckoutElement$1=function(){
+// append checkout component if doesn't exist
+var t=document.querySelector("zonos-collect");if(!t){var e=document.createElement("zonos-collect");document.body.appendChild(e)}};var initCollect=function(){
+// allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
+if(!window.Zonos.cartData){return}injectCheckoutElement$1()};var injectCheckoutElement=function(){
+// append checkout component if doesn't exist
+var t=document.querySelector("zonos-invoice");if(!t){var e=document.createElement("zonos-invoice");document.body.appendChild(e)}};var initInvoice=function(){
+// allow to load checkout if cartData is ready (Checkout can be loaded right away if tempCartUUID is in the URL)
+if(!window.Zonos.cartData){return}injectCheckoutElement()};var STYLE_ID="zonos-domestic-element-hide-style";
+/**
+ * Probe whether the host parser understands `:is(...)`. Real browsers do
+ * (Chrome 88+, Firefox 78+, Safari 14+); older environments and some test
+ * runtimes don't. When supported, we wrap the merchant selector in a single
+ * `:is(...)` so a single `body.z-intl ` ancestor scopes the whole group.
+ * When not supported, we distribute the prefix across each top-level
+ * comma-separated piece instead — so the rule still applies in that
+ * environment.
+ */var supportsIsSelector=typeof document!=="undefined"&&function(){try{document.querySelector(":is(.zonos-is-probe)");return true}catch(t){return false}}();
+/**
+ * Split a CSS selector string on top-level commas. Commas inside parentheses
+ * (`:not(.a, .b)`, `:nth-child(2n+1)`) or attribute brackets
+ * (`[data-foo=","]`) are preserved as part of the piece.
+ */var splitTopLevelCommas=function(t){var e=[];var o=0;var n=0;var i="";for(var r=0;r<t.length;r++){var s=t[r];if(s==="("){o++}else if(s===")"){o--}else if(s==="["){n++}else if(s==="]"){n--}if(s===","&&o===0&&n===0){var c=i.trim();if(c){e.push(c)}i=""}else{i+=s}}var a=i.trim();if(a){e.push(a)}return e};
+/**
+ * Build the fully-scoped selector that will land in the injected `<style>`
+ * tag. Exported so tests can exercise both branches of the `:is()`-support
+ * fallback without having to mock the module-level probe.
+ */var buildDomesticHideSelector=function(t){var e=t.merchantSelector,o=t.supportsIs;if(o){return"body.z-intl :is(".concat(e,")")}
+// Fallback: distribute the `body.z-intl ` ancestor prefix across each
+// top-level comma-separated piece. Parentheses/brackets are respected,
+// so pseudo-classes that take selector lists (`:not(.a, .b)`) and
+// attribute selectors that contain commas stay intact.
+return splitTopLevelCommas(e).map((function(t){return"body.z-intl ".concat(t)})).join(", ")};
+/**
+ * Inject a `<style>` tag that hides storefront elements matching the
+ * merchant-configured `checkoutSettings.domesticElementSelector`, scoped to
+ * `body.z-intl` so the rule only takes effect when the shopper is in a
+ * shipping zone (Hello sets the body class). The exact selector we emit is
+ * also the selector we validate — see [[buildDomesticHideSelector]] for the
+ * `:is()`-support branching.
+ */var injectDomesticElementHideStyle=function(t){if(typeof document==="undefined"||!t){return}var e=buildDomesticHideSelector({merchantSelector:t,supportsIs:supportsIsSelector});
+// The browser's own parser is the source of truth — `document.querySelector`
+// throws `DOMException(SyntaxError)` for syntactically invalid selectors.
+// Validating the exact string we're about to emit catches both malformed
+// input and payloads that close `:is(` early to escape the wrapper.
+try{document.querySelector(e)}catch(o){log('Skip domesticElementSelector injection: "'.concat(t,'" produced an invalid CSS selector ("').concat(e,'")'),"warn");return}
+// Already injected — settings can re-emit on hot reload during dev.
+if(document.getElementById(STYLE_ID)){return}var o=document.createElement("style");o.id=STYLE_ID;o.textContent="".concat(e," { display: none !important; }");(document.head||document.body).appendChild(o);log("Zonos domestic element hide style injected")};var injectHelloComponent=function(t){var e=document.querySelector(t);
+// append checkout component if doesn't exist
+var o=document.querySelector("zonos-hello");if(!o&&e){var n=document.createElement("zonos-hello");e.appendChild(n);return true}return false};var convertPosition=function(t){switch(t){case"BOTTOM_RIGHT":return"bottom-right";case"BOTTOM_LEFT":return"bottom-left";case"TOP_LEFT":return"top-left";case"TOP_RIGHT":return"top-right";default:return"bottom-right"}};
+/**
+ * Injects the hello mobile wrapper to the DOM and returns the anchor element selector
+ * @returns anchor element selector
+ */var injectDefaultWrapper=function(t){var e=t.position,o=e===void 0?"bottom-right":e;var n=".zonos--hello-mobile-wrapper";var i=document.querySelector(n);if(i){return n}var r=document.createElement("div");r.className="zonos--hello-mobile-wrapper";r.style.position="fixed";if(o==="top-right"){r.style.top="72px";r.style.right="24px"}if(o==="top-left"){r.style.top="72px";r.style.left="24px"}if(o==="bottom-right"){r.style.bottom="72px";r.style.right="24px"}if(o==="bottom-left"){r.style.bottom="72px";r.style.left="24px"}r.style.zIndex="2147483647";document.body.appendChild(r);return n};var initHello=function(t){return __awaiter(void 0,void 0,void 0,(function(){var e,o,n,i,r;return __generator(this,(function(s){if(window.Zonos.isLegacyCheckout){log("Hello is disabled when isLegacyCheckout","info");return[2/*return*/]}e=t.anchorElementSelector;o=e;
+/**
+         * Use default mobile anchor only if desktopLocation is provided and no anchorElementSelector is provided
+         * So for bigcommerce, we don't need to manually add a anchor every time we onboard a new store
+         **/if(!t.anchorElementSelector&&t.desktopLocation){n=injectDefaultWrapper({position:"bottom-right"});o=n}
+// check if checkout button anchor selector user pass in is valid to setup hello
+if(!o||!isValidSelector(o)){logError('Selector anchorElementSelector "'.concat(t.anchorElementSelector,'" is not a valid selector.'));return[2/*return*/]}log("Hello init complete");i=injectHelloComponent(o);
+// keep watching for the anchor element to be added to the DOM, then inject hello component
+if(!i){r=new MutationObserver((function(){var t=injectHelloComponent(o);if(t){
+// disconnect observer if hello is successfully injected
+r.disconnect()}}));r.observe(document.body,{childList:true,subtree:true});setTimeout((function(){
+// inject hello to mobile anchor if hello is still not found
+injectHelloComponent(o)}),1e3);setTimeout((function(){if(t.notFoundElementFallback){log("Hello anchor selector ".concat(t.anchorElementSelector," not found after 3 seconds, falling back to 'notFoundElementFallback': ").concat(t.notFoundElementFallback),"info");var e=injectDefaultWrapper({position:convertPosition(t.notFoundElementFallback)});injectHelloComponent(e)}}),3e3)}return[2/*return*/]}))}))};
+/**
+ * Base class for iframe communication
+ */var IframeCommunicator=/** @class */function(){function t(t,e){var o=this;this.targetId=t;this.allowedEvents=e;this.listeners=new Map;this.handleMessage=function(t){var e,n,i;var r=t.data;var s=((e=o.iframe)===null||e===void 0?void 0:e.contentWindow)||((i=(n=o.iframe)===null||n===void 0?void 0:n.contentDocument)===null||i===void 0?void 0:i.defaultView);
+// check if the message is from the same src
+if(t.source!==s){return}if(!o.isValidMessage(r)){return}var c=o.listeners.get(r.type);c===null||c===void 0?void 0:c.forEach((function(t){try{t(r.payload)}catch(t){logError("Error in event listener:",t)}}))};this.initializeEventListeners();
+// get the iframe element
+this.iframe=document.getElementById(this.targetId)}t.prototype.initializeEventListeners=function(){window.addEventListener("message",this.handleMessage)};t.prototype.isValidMessage=function(t){if(!t||typeof t!=="object")return false;var e=t;return e.id===this.targetId&&typeof e.type==="string"&&this.allowedEvents.includes(e.type)&&e.payload!==undefined};t.prototype.on=function(t,e){var o=this;if(!this.listeners.has(t)){this.listeners.set(t,new Set)}log("[CheckoutAddressService] listening to ".concat(t),"info");var n=e;var i=this.listeners.get(t);if(i){i.add(n)}return function(){var e=o.listeners.get(t);if(e){e.delete(n)}}};t.prototype.destroy=function(){window.removeEventListener("message",this.handleMessage);this.listeners.clear()};return t}();
+/**
+ * Service for communicating with the Google Places iframe
+ */var GooglePlacesService=/** @class */function(t){__extends(e,t);function e(){log("=== [Google Places Service] Initializing","info");return t.call(this,iframeServices.GOOGLE_PLACES,["fetchAutocompleteSuggestions","initializeGooglePlacesService","placeSelected","onFetchAutocompleteSuggestions","onInitializeGooglePlacesService","onPlaceSelected"])||this}e.prototype.sendMessage=function(t,e){var o;if(!((o=this.iframe)===null||o===void 0?void 0:o.contentWindow)){return}var n={id:this.targetId,logType:window.Zonos.iframeLogType,payload:e,type:t};log("GooglePlacesService] parent --\x3e ".concat(t),"info",e);this.iframe.contentWindow.postMessage(n,"*")};e.prototype.initialize=function(){this.sendMessage("initializeGooglePlacesService",{})};e.prototype.fetchSuggestions=function(t){var e=t.country,o=t.query,n=t.type;if(!e){return}this.sendMessage("fetchAutocompleteSuggestions",{request:{includedRegionCodes:[e],input:o},type:n})};e.prototype.selectPlace=function(t){var e=t.placeId,o=t.type;this.sendMessage("placeSelected",{placeId:e,type:o})};return e}(IframeCommunicator);
+/**
+ * Checkout service for managing address selection and validation
+ */var CheckoutAddressService=/** @class */function(){function t(){var t=this;this.googlePlaceInitialized=false;log("=== [CheckoutAddressService] Initializing","info");this.googlePlaces=new GooglePlacesService;this.googlePlaces.on("onInitializeGooglePlacesService",(function(){log("=== [CheckoutAddressService] parent <-- onInitializeGooglePlacesService","info");t.googlePlaceInitialized=true}));this.initialize()}t.prototype.initialize=function(){this.googlePlaces.initialize()};t.prototype.onInitializeGooglePlacesService=function(t){return this.googlePlaces.on("onInitializeGooglePlacesService",(function(){log("[CheckoutAddressService] parent <-- onInitializeGooglePlacesService");t()}))};t.prototype.isGooglePlaceInitialized=function(){return this.googlePlaceInitialized};
+/**
+     * Set up event listeners for address suggestions
+     */t.prototype.onAddressSuggestions=function(t){this.suggestionsCallback=t;return this.googlePlaces.on("onFetchAutocompleteSuggestions",(function(){var e=[];for(var o=0;o<arguments.length;o++){e[o]=arguments[o]}log.apply(void 0,__spreadArray(["[CheckoutAddressService] parent <-- onFetchAutocompleteSuggestions ".concat(e[0].type),"info"],e,false));t.apply(void 0,e)}))};
+/**
+     * Set up event listeners for selected address
+     */t.prototype.onAddressSelected=function(t){this.placeSelectedCallback=t;return this.googlePlaces.on("onPlaceSelected",(function(){var e=[];for(var o=0;o<arguments.length;o++){e[o]=arguments[o]}log.apply(void 0,__spreadArray(["[CheckoutAddressService] parent <-- onPlaceSelected ".concat(e[0].type),"info"],e,false));t.apply(void 0,e)}))};
+/**
+     * Request address suggestions based on user input
+     */t.prototype.getAddressSuggestions=function(t){var e=t.country,o=t.query,n=t.type;if(!this.googlePlaceInitialized){return}this.googlePlaces.fetchSuggestions({country:e,query:o,type:n})};
+/**
+     * Select an address from suggestions
+     */t.prototype.selectAddress=function(t){var e=t.placeId,o=t.type;this.googlePlaces.selectPlace({placeId:e,type:o})};t.prototype.destroy=function(){this.googlePlaces.destroy();if(this.suggestionsCallback){this.suggestionsCallback=undefined}if(this.placeSelectedCallback){this.placeSelectedCallback=undefined}};return t}();var zonosControllerCss=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{visibility:hidden;opacity:0;height:0}"};var ZonosController=/** @class */function(){function t(t){registerInstance(this,t);this.paypalInitEvent=createEvent(this,"paypalInitEvent",7);this.stripeInitEvent=createEvent(this,"stripeInitEvent",7)}
+/**
+     * Method to initialize checkout element
+     */t.prototype.initCheckoutElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init checkout element","warn");return[2/*return*/]}stripeStore.stripe=t;void initCheckout(zonosStore.checkoutSettings);log("init checkout element");return[2/*return*/]}))}))};
+/**
+     * Method to initialize Collect element
+     */t.prototype.initCollectElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init Collect element","warn");return[2/*return*/]}stripeStore.stripe=t;void initCollect();log("init Collect element");return[2/*return*/]}))}))};
+/**
+     * Method to initialize Collect element
+     */t.prototype.initInvoiceElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){log("Stripe is not loaded yet - cannot init Invoice element","warn");return[2/*return*/]}stripeStore.stripe=t;void initInvoice();log("init Invoice element");return[2/*return*/]}))}))};
+/**
+     * Init zonos notification
+     */t.prototype.initZonosNotification=function(){var t=document.querySelector("zonos-notification");if(t){return}var e=document.createElement("zonos-notification");document.body.appendChild(e)};
+/**
+     * Setup google font
+     */t.prototype.setupGoogleFont=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o,n,i,r,s,c,a;return __generator(this,(function(u){switch(u.label){case 0:n=t||zonosStoreFontFamily();if(n==="Inter"){if(!t){
+// Do nothing if font is Inter, since we already inject it on start
+return[2/*return*/]}log("[FONT] Just applied Inter , but no need to inject since we already inject Inter on start","warn");zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:t})}i=new URLSearchParams;i.set("family",n);return[4/*yield*/,handleFetch("/api/zonos-elements/get-font-detail?".concat(i.toString()))];case 1:r=u.sent(),s=r.errors,c=r.json;
+// Keep using Inter font, font in the setting maybe outdated and not found in google font, API will return Inter font instead
+if(s.length>0){log("Failed to load font ".concat(n),"warn");zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:"Inter"});return[2/*return*/]}a=c===null||c===void 0?void 0:c.fontUrl;if(a){(o=(e=window.Zonos).injectSupportGoogleFont)===null||o===void 0?void 0:o.call(e,a)}if(!t){return[2/*return*/]}
+// apply override font
+log("[FONT] ".concat(t," font override applied"));zonosStore.appearance=Object.assign(Object.assign({},zonosStore.appearance),{fontFamily:t});return[2/*return*/]}}))}))};t.prototype.handleLocationChange=function(){
+// re-inject hello component if the location changes
+void initHello(zonosStore.helloSettings)};
+/**
+     * Init history listener to know when the location changes to re-inject hello component
+     */t.prototype.initHistoryListener=function(){var t=history.pushState;history.pushState=function e(){window.dispatchEvent(new window.Event("pushstate"));window.dispatchEvent(new window.Event("locationchange"));return t.apply(this,arguments)};var e=history.replaceState;history.replaceState=function t(){window.dispatchEvent(new window.Event("replacestate"));window.dispatchEvent(new window.Event("locationchange"));return e.apply(this,arguments)}};t.prototype.injectCustomHTML=function(t){if(!t){return}
+// Skip injecting custom HTML for legacy checkout and collect
+if(!window.Zonos.isLegacyCheckout||window.Zonos.isCollect||window.Zonos.isInvoice){log("=== Skip injecting custom HTML for hosted checkout","info");return}log("=== Injecting custom HTML for hosted checkout");var e=document.createElement("template");e.innerHTML=t;var o=e.content.querySelectorAll("script");o.forEach((function(t){var e=document.createElement("script");if(t.src){e.src=t.src;e.async=t.async}else{e.textContent=t.innerHTML}document.body.appendChild(e)}));
+// Custom HTML may set window.Zonos.googleAnalyticId / window.Zonos.facebookPixelId; trigger relay ping so parent configures GA / FB Pixel
+ensureAnalyticsRelayPing()};t.prototype.initGooglePlacesService=function(t){return __awaiter(this,void 0,void 0,(function(){var e,o;return __generator(this,(function(n){e=t===null||t===void 0?void 0:t.genericSettings;if(!e){return[2/*return*/]}o=e.signedTokenGooglePlaces;if(!o){return[2/*return*/]}
+// Create private iframe to load google places api
+injectPrivateIframe({id:iframeServices.GOOGLE_PLACES,onload:function(){
+// init checkout address service
+zonosStore.checkoutAddressService=new CheckoutAddressService},src:"".concat("https://route.elements.zonos.com","/iframe/google-maps?signedToken=").concat(o)});return[2/*return*/]}))}))};t.prototype.buildBaseConfig=function(t){var e,o;var n=Object.assign(Object.assign({},this.config.checkoutSettings),{
+// Don't allow to override settlement currencies setting. This setting is only configured by Zonos
+allowedSettlementCurrencies:undefined,
+// Don't allow to override capture delay setting. This setting is only configured by Zonos
+captureDelay:undefined,
+// Don't allow to override subscription status
+subscriptionStatus:undefined});if(window.Zonos.isCollect||window.Zonos.isInvoice){return Object.assign(Object.assign({},this.config),{checkoutSettings:n,helloSettings:Object.assign(Object.assign({},this.config.helloSettings),{
+// No need to show hello for collect
+visibilityStatus:"DISABLED"})})}if(!this.config.checkoutSettings){return Object.assign(Object.assign({},this.config),{
+// If there is no override checkout settings from Zonos.init, just use the default checkout settings from our settings
+checkoutSettings:undefined})}
+// Should override success behavior for legacy checkout if
+var i=window.Zonos.isLegacyCheckout&&!!window.Zonos.cartData&&((e=this.config.checkoutSettings)===null||e===void 0?void 0:e.successBehavior)==="CLOSE_MODAL";return Object.assign(Object.assign({},this.config),{checkoutSettings:Object.assign(Object.assign({},n),{
+// Set success redirect url to store url if it's legacy checkout.
+// when success behavior is CLOSE_MODAL, use the default success behavior and update the keep shopping button link to their store, because just redirect user without confirmation page would confuse them
+successBehavior:i?"ZONOS_SUCCESS_PAGE":this.config.checkoutSettings.successBehavior,successRedirectUrl:i?((o=window.Zonos.cartData)===null||o===void 0?void 0:o.storeBaseUrl)||(t===null||t===void 0?void 0:t.onlineStoreSettings.url):this.config.checkoutSettings.successRedirectUrl})})};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.initHistoryListener();zonosStore.zonosApiKey=this.zonosApiKey;
+// running with scope async function to avoid blocking the main thread
+(function(){return __awaiter(t,void 0,void 0,(function(){var t,e,o,n,i,r,s,c,a,u,l,d,f,h,v,g,m,p;var S=this;return __generator(this,(function(w){switch(w.label){case 0:return[4/*yield*/,getZonosSettings()];case 1:s=w.sent(),c=s.errors,a=s.json,u=s.zonosMode;if(((e=(t=c[0])===null||t===void 0?void 0:t.type)===null||e===void 0?void 0:e.toString())==="403"){log("Failed to load zonos settings. This domain may not have access","warn");return[2/*return*/]}l=((o=a===null||a===void 0?void 0:a.checkoutSettings)===null||o===void 0?void 0:o.customHTML)||"";this.injectCustomHTML(l);
+// init zonos notification
+this.initZonosNotification();d=function(){var t,e,o;if(window.Zonos.isLegacyCheckout){
+// Try to use new settings first for legacy stores
+return((t=a===null||a===void 0?void 0:a.appearanceSettings)===null||t===void 0?void 0:t.logoUrl)||((e=S.config.appearance)===null||e===void 0?void 0:e.logoUrl)}
+// Otherwise respect override
+return(o=S.config.appearance)===null||o===void 0?void 0:o.logoUrl};f=this.buildBaseConfig(a);h=Object.assign(Object.assign(Object.assign({},this.config),{appearance:Object.assign(Object.assign({},this.config.appearance),{logoUrl:d()})}),f);
+// load default setting if failed to load user settings
+zonosStoreInitSetting({overrideSettings:h,zonosSettings:a});zonosStore.zonosMode=u;
+// Inject the merchant's domestic-element hide style now that
+// checkoutSettings have been merged into the store.
+injectDomesticElementHideStyle(zonosStore.checkoutSettings.domesticElementSelector);
+// setup google font after store loaded
+void this.setupGoogleFont();if(zonosStore.helloSettings.visibilityStatus==="DISABLED"){
+// Store owner disabled this intentionally
+log("=== Hello is disabled by store owner ===","warn")}if(zonosStore.helloSettings&&zonosStore.helloSettings.visibilityStatus==="ENABLED"){log("Initializing hello");void initHello(zonosStore.helloSettings)}
+// init localization store
+return[4/*yield*/,initLocalizationStore()];case 2:
+// init localization store
+w.sent();v=((n=a===null||a===void 0?void 0:a.checkoutSettings)===null||n===void 0?void 0:n.externalServiceTokens.find((function(t){return t.type==="STRIPE_PUBLISHABLE_TOKEN"})))||null;if(!v||!this.stripeInitEvent){log("Checkout failed to load -- missing publishable key","warn");return[2/*return*/]}if(window.Zonos.isCollect||window.Zonos.isInvoice){
+// send publishable key out to load stripe
+this.stripeInitEvent.emit({publishableKey:v.token});
+// init google places service
+void this.initGooglePlacesService(a);return[2/*return*/]}if(zonosStore.checkoutSettings.subscriptionStatus==="INACTIVE"){log('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===',"warn");log("zonos controller loaded");return[2/*return*/]}if(zonosStore.checkoutSettings.visibilityStatus==="DISABLED"){log("=== Checkout is disabled by store owner ===","warn");log("zonos controller loaded");return[2/*return*/]}g=
+// eslint-disable-next-line deprecation/deprecation -- gating Stripe load also honors the legacy callback
+typeof((i=zonosStore.checkoutSettings)===null||i===void 0?void 0:i.buildCartDetail)==="function"||typeof((r=zonosStore.checkoutSettings)===null||r===void 0?void 0:r.createCartId)==="function";m=new URL(window.location.href).searchParams.get("payment_intent_client_secret")||sessionStorage.getItem("zonos--client-secret");p=!!(window.Zonos.cartId&&window.Zonos.cartData)||!!m;if(!g&&!p){log("Skip loading Stripe because no cart callback (buildCartDetail/createCartId), prefetched cart, or payment client secret is present","warn");return[2/*return*/]}
+// send publishable key out to load stripe
+this.stripeInitEvent.emit({publishableKey:v.token});
+// init google places service
+void this.initGooglePlacesService(a);return[2/*return*/]}}))}))})();return[2/*return*/]}))}))};
+/**
+     * Show notification
+     */t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=document.querySelector("zonos-notification");if(!e){log("Failed to show notification - zonos-notification not found","warn");return[2/*return*/]}void e.showNotification(t);return[2/*return*/]}))}))};
+/**
+     * Reset the Checkout session id and client secret (required for dashboard store switching)
+     */t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){storageStore.checkoutSessionId=null;stripeStore.clientSecret="";return[2/*return*/]}))}))};
+/**
+     * Override the setting
+     * @param config config that need to override the default setting
+     */t.prototype.overrideConfig=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){zonosStoreInitSetting({overrideSettings:t,zonosSettings:null});return[2/*return*/]}))}))};
+/**
+     * Override country code. Used in dashboard create test cart.
+     */t.prototype.overrideCountry=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){log("Override country code to ".concat(t));void localizationStoreUpdateSelectedCountryCode({isInitializing:false,newSelectedCountryCode:t});return[2/*return*/]}))}))};
+/**
+     * Get appearance from setting
+     */t.prototype.getAppearanceSetting=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2/*return*/,zonosStore.appearance]}))}))};
+/**
+     * Update the organizationName
+     */t.prototype.updateOrganizationName=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){zonosStore.organizationName=t;return[2/*return*/]}))}))};t.prototype.render=function(){return h(Host,{key:"12257443495182932a4ca497928398e22f5fb892",class:"zonos--elements"})};return t}();ZonosController.style=zonosControllerCss();export{ZonosController as zonos_controller};

package/dist/esm-es5/zonos-country-flag.entry.js

@@ -1 +1,6 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-cfd394c8.js";import{l as localizationStore}from"./localization-36a4dc22.js";import{f as zonosStoreFontFamily}from"./zonosStore-eca1e364.js";import{c as classes}from"./classes-0d95c529.js";import"./handleFetch-a844cac1.js";import"./VarianceTest-572cecf5.js";var zonosCountryFlagCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";var ZonosCountryFlagStyle0=zonosCountryFlagCss;var FLAG_URL="https://zonos-store-assets.s3.amazonaws.com/images/elements-flags";var ZonosCountryFlag=function(){function o(o){registerInstance(this,o);this.countryCode=localizationStore.selectedCountryCode}o.prototype.render=function(){if(!this.el.shadowRoot||!this.countryCode){return null}var o="".concat(FLAG_URL,"/").concat(this.countryCode,".svg");var t=zonosStoreFontFamily();return h(Host,{class:"zonos--elements",style:this.size?{"--zonos--font-family":t,height:"".concat(this.size,"px"),width:"".concat(this.size,"px")}:{"--zonos--font-family":t}},h("div",{class:classes(["flag-container"])},h("div",{class:"flag-icon",style:{backgroundImage:"url(".concat(o,")")}})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosCountryFlag.style=ZonosCountryFlagStyle0;export{ZonosCountryFlag as zonos_country_flag};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-_lt63o7c.js";import{l as localizationStore}from"./localization-AOqYXGdP.js";import{a as zonosStoreFontFamily}from"./zonosStore-DrIOAz4M.js";import{c as classes}from"./classes-BJHSB96f.js";import"./handleFetch-D5GYDF-O.js";import"./VarianceTest-BJmZPrZl.js";var zonosCountryFlagCss=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}"};var FLAG_URL="https://zonos-store-assets.s3.amazonaws.com/images/elements-flags";var ZonosCountryFlag=/** @class */function(){function o(o){registerInstance(this,o);
+/**
+         * The country code for the flag
+         * @default localizationStore.selectedCountryCode
+         * @example 'US'
+         */this.countryCode=localizationStore.selectedCountryCode}o.prototype.render=function(){if(!this.el.shadowRoot||!this.countryCode){return null}var o="".concat(FLAG_URL,"/").concat(this.countryCode,".svg");var t=zonosStoreFontFamily();return h(Host,{class:"zonos--elements",style:this.size?{"--zonos--font-family":t,height:"".concat(this.size,"px"),width:"".concat(this.size,"px")}:{"--zonos--font-family":t}},h("div",{class:classes(["flag-container"])},h("div",{class:"flag-icon",style:{backgroundImage:"url(".concat(o,")")}})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();ZonosCountryFlag.style=zonosCountryFlagCss();export{ZonosCountryFlag as zonos_country_flag};