@zonos/elements 1.3.286 → 1.3.288

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

@@ -1 +1,171 @@
-var __awaiter=this&&this.__awaiter||function(o,e,t,s){function c(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,n){function l(o){try{i(s.next(o))}catch(o){n(o)}}function r(o){try{i(s["throw"](o))}catch(o){n(o)}}function i(o){o.done?t(o.value):c(o.value).then(l,r)}i((s=s.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,c,n,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(o){return function(e){return i([o,e])}}function i(r){if(s)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(t=0)),t)try{if(s=1,c&&(n=r[0]&2?c["return"]:r[0]?c["throw"]||((n=c["return"])&&n.call(c),0):c.next)&&!(n=n.call(c,r[1])).done)return n;if(c=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;c=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){t.label=r[1];break}if(r[0]===6&&t.label<n[1]){t.label=n[1];n=r;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(r);break}if(n[2])t.ops.pop();t.trys.pop();continue}r=e.call(o,t)}catch(o){r=[6,o];c=0}finally{s=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,F as Fragment}from"./index-cfd394c8.js";import{c as collectStore,a as airwallexStoreSetFromSession,b as airwallexStore,d as airwallexStoreRetrievePaymentIntent,e as airwallexStoreIsPaidStatus,f as airwallexStoreInitSdk,g as collectStoreUpdateSelectedShippingOption,h as collectStoreInitShippingInfo,i as collectStoreAsyncAddressUpdate}from"./collect-4c310a16.js";import{b as stripeStore,i as initStripeElements,d as cartStore,c as stripeStoreRetrievePayment,r as cartStoreUpdateToErrorState,e as cartStoreUpdateItems,k as stripeStoreInitCheckoutSession,l as stripeStoreGetPaymentIntent,z as stripeStoreUpdateCheckoutSessionBaseCurrency,E as stripeStoreConfirmPayment,J as stripeStoreOnChange,H as stripeStoreReset,f as cartStoreReset}from"./cart-d04742f5.js";import{p as paypalStoreHasPaypalEnabled,a as paypalStore}from"./paypal-997935ab.js";import{s as storageStore,t as translate,e as localizationStoreOnChange,h as currencyFormat,k as languages,l as localizationStore}from"./localization-36a4dc22.js";import{z as zonosStore}from"./zonosStore-eca1e364.js";import{b as buildCartItemsByTempCart}from"./buildCartItemsByTempCart-a117f75d.js";import{h as handleFetch,s as sendErrorLog,l as logError,g as getIsTestMode}from"./handleFetch-a844cac1.js";import{i as isCollectMobile,a as isCollectTablet}from"./isCollectMobileTablet-111b0dd7.js";import{c as classes}from"./classes-0d95c529.js";import{l as log}from"./VarianceTest-572cecf5.js";import{r as renderFallback}from"./renderFallback-b250f4e9.js";import"./isDarkColor-939d8e9c.js";import"./getBorderRadius-1f7be586.js";import"./TaxId-63a14057.js";import"./isContrastColor-9fa0d013.js";import"./submitGtag-71c450b6.js";var ChevronDownIcon='<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var zonosCollectCss=".sc-zonos-collect-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-h *.sc-zonos-collect{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-h img.sc-zonos-collect{max-width:100%}.sc-zonos-collect-h dl.sc-zonos-collect,.sc-zonos-collect-h dd.sc-zonos-collect,.sc-zonos-collect-h h1.sc-zonos-collect,.sc-zonos-collect-h h2.sc-zonos-collect,.sc-zonos-collect-h h3.sc-zonos-collect,.sc-zonos-collect-h h4.sc-zonos-collect,.sc-zonos-collect-h h5.sc-zonos-collect,.sc-zonos-collect-h h6.sc-zonos-collect,.sc-zonos-collect-h hr.sc-zonos-collect,.sc-zonos-collect-h figure.sc-zonos-collect,.sc-zonos-collect-h p.sc-zonos-collect,.sc-zonos-collect-h pre.sc-zonos-collect{margin:0}.sc-zonos-collect-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-h{z-index:2147483647;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:0;width:100%;height:100%;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h *.sc-zonos-collect{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar{width:10px}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;width:100%;-ms-flex-pack:center;justify-content:center}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex:1;flex:1;padding:56px 80px 60px;max-width:800px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:100%;max-width:1400px;max-height:100%;height:calc(100% - 100px);overflow:hidden;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--header.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--logo.sc-zonos-collect{margin-bottom:0}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect zonos-checkout-finish.sc-zonos-collect{-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{padding:0 8px 8px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--payment-error-banner.sc-zonos-collect{margin-top:24px}.sc-zonos-collect-h .zonos--right.sc-zonos-collect{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-collect-h .zonos--right.sc-zonos-collect .zonos--order-details-container.sc-zonos-collect{overflow:hidden}.sc-zonos-collect-h .zonos--wrapper.sc-zonos-collect{overflow:auto;max-height:100%;position:relative}.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin-top:32px}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect>*.sc-zonos-collect{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-collect-h .zonos--header-right.sc-zonos-collect{display:none}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect img.sc-zonos-collect{max-height:70px;-o-object-position:left center;object-position:left center;-o-object-fit:contain;object-fit:contain}.sc-zonos-collect-h .zonos--collect-container.sc-zonos-collect{overflow:visible}.mobile.sc-zonos-collect-h,.tablet.sc-zonos-collect-h{min-width:auto}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding-bottom:0}}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect{margin-bottom:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect{margin-top:8px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{max-height:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:auto}.mobile.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect{margin:0}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:16px;background-color:var(--zonos-elements-gray-0);z-index:3}.mobile.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px;padding:0 16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{overflow:auto;-ms-flex-pack:unset;justify-content:unset;-ms-flex-align:center;align-items:center;gap:24px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{overflow:visible;width:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{gap:32px}.mobile.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{margin-top:0}.mobile.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect{-ms-flex-order:3;order:3;left:0}.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:56px;top:-56px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--header-right.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:28px;top:-28px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw;background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar{width:10px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.zonos--collect-language-dialog-open.sc-zonos-collect{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.iframed.sc-zonos-collect-h .zonos--content.sc-zonos-collect{-ms-scroll-chaining:chained;overscroll-behavior:auto}";var ZonosCollectStyle0=zonosCollectCss;var ZonosCollect=function(){function o(o){var e=this;registerInstance(this,o);this.storeUnsubscribeList=[];this.onChangeLocaleListener=function(){};this.mobile=false;this.tablet=false;this.stripe=window.Zonos.stripe;this.showLanguageDialogMobile=false;this.submitLoading=false;this.collapseReview=true;this.isMobile=false;this.isTablet=false;this.isOverlayLoading=true;this.isCartCollected=false;this.isCartExpired=false;this.payInUsdConfirmDialogOpen=false;this.inventoryCheckErrorMessage=null;this.confirmationId=null;this.clientSecret=stripeStore.clientSecret;this.stripeCustomerSessionClientSecret=stripeStore.stripeCustomerSessionClientSecret;this.getBaseCurrencySettlementInfo=function(){var o=cartStore.selectedLandedCost;if(!o){return null}var e=o.landedCost.amountSubtotals;if(!e){return null}var t=(e.discounts||0)+e.items+e.landedCostTotal+e.shipping;return{settlementAmount:t}};this.applyStripeTheme=function(){return __awaiter(e,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:o=zonosStore.appearance.theme;return[4,initStripeElements({overrideTheme:this.isMobile?o:undefined,paypalEnabled:paypalStoreHasPaypalEnabled()})];case 1:e.sent();return[2]}}))}))};this.fetchCheckoutSession=function(o){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,handleFetch("/api/zonos-elements/collect/get-checkout-session",{body:{checkoutSessionId:o},method:"POST"})];case 1:e=t.sent().json;return[2,e]}}))}))};this.initPaymentProcessor=function(){return __awaiter(e,void 0,void 0,(function(){var o,e,t,s,c,n;return __generator(this,(function(l){switch(l.label){case 0:e=storageStore.checkoutSessionId;if(!e)return[3,4];return[4,this.fetchCheckoutSession(e)];case 1:t=l.sent();collectStore.paymentProcessor=(t===null||t===void 0?void 0:t.checkoutSession.paymentProcessor)||null;if(!(collectStore.paymentProcessor==="AIRWALLEX"))return[3,4];if(!t||!airwallexStoreSetFromSession(t.checkoutSession)){throw new Error("Airwallex checkout session is missing a client secret")}s=t.checkoutSession;airwallexStore.currency=cartStore.currency;this.confirmationId=((o=s.landedCost)===null||o===void 0?void 0:o.shortId)||null;c=!!s.completedAt||!!s.order;if(!(!c&&s.clientSecret&&s.paymentIntentId))return[3,3];return[4,airwallexStoreRetrievePaymentIntent(s.paymentIntentId)];case 2:n=l.sent().status;c=airwallexStoreIsPaidStatus(n);l.label=3;case 3:if(c){void this.setToFinishStep();return[2]}void airwallexStoreInitSdk();return[2];case 4:void this.applyStripeTheme();return[2]}}))}))};this.checkStripePaymentIntentStatus=function(){return __awaiter(e,void 0,void 0,(function(){var o,e,t,s,c,n,l,r,i,a;return __generator(this,(function(d){switch(d.label){case 0:e=!!window.Zonos.cartData;t=new URL(window.location.href).searchParams;s=t.get("payment_intent_client_secret");c=t.get("zonosCheckoutSessionId");log("Payment intent exist, checking stripe payment intent status");if(!s){log("No stripe client secret found in the URL, proceed to order if cart data is available");return[2,{shouldAllowOrder:e}]}return[4,stripeStoreRetrievePayment({clientSecret:s})];case 1:n=d.sent(),l=n.error,r=n.status;i=new URLSearchParams(window.location.search).get("redirect_status");if(!(i&&c))return[3,3];if(!l){log("Payment intent is succeeded or in a good state to move forward, show success screen")}else{log("Payment intent failed, show status from error")}return[4,this.fetchCheckoutSession(c)];case 2:a=d.sent();this.confirmationId=((o=a===null||a===void 0?void 0:a.checkoutSession.landedCost)===null||o===void 0?void 0:o.shortId)||null;storageStore.checkoutSessionId=c;stripeStore.clientSecret=s;void this.setToFinishStep(r);return[2,{shouldAllowOrder:false}];case 3:if(!e){log("Cart data is not available, only check payment intent status, skip order.");return[2,{shouldAllowOrder:false}]}log("Payment intent is not succeeded, proceed to order");return[2,{shouldAllowOrder:true}]}}))}))};this.recoverCompletedCollectSession=function(o){return __awaiter(e,void 0,void 0,(function(){var e,t,s,c,n,n;return __generator(this,(function(l){switch(l.label){case 0:return[4,this.fetchCheckoutSession(o)];case 1:t=l.sent();if(!t){return[2,false]}s=t.checkoutSession;this.confirmationId=((e=s.landedCost)===null||e===void 0?void 0:e.shortId)||null;collectStore.paymentProcessor=s.paymentProcessor||null;c=s.paymentProcessor==="AIRWALLEX";if(c&&s.clientSecret){airwallexStoreSetFromSession(s);airwallexStore.currency=cartStore.currency}if(s.completedAt||s.order){void this.setToFinishStep("succeeded");return[2,true]}if(!c)return[3,4];if(!(s.clientSecret&&s.paymentIntentId))return[3,3];return[4,airwallexStoreRetrievePaymentIntent(s.paymentIntentId)];case 2:n=l.sent().status;if(airwallexStoreIsPaidStatus(n)){void this.setToFinishStep();return[2,true]}l.label=3;case 3:return[3,6];case 4:if(!s.clientSecret)return[3,6];return[4,stripeStoreRetrievePayment({clientSecret:s.clientSecret})];case 5:n=l.sent().status;if(n==="processing"||n==="succeeded"){stripeStore.clientSecret=s.clientSecret;void this.setToFinishStep(n);return[2,true]}l.label=6;case 6:return[2,false]}}))}))}}o.prototype.resizeListener=function(){this.isMobile=isCollectMobile(this.mobile);this.isTablet=isCollectTablet(this.tablet)};o.prototype.setToFinishStep=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){stripeStore.stripe=window.Zonos.stripe;cartStore.step="finish";this.storybookPaymentStatusOverride=o;this.isOverlayLoading=false;return[2]}))}))};o.prototype.initCollectCart=function(){return __awaiter(this,void 0,void 0,(function(){var o,e,t,s,c,n,l,r,i,a,d,z,h,u,f,m,p,g,b,v,S,w;return __generator(this,(function(x){switch(x.label){case 0:if(!window.Zonos.cartData){return[2]}z=(e=(o=window.Zonos.cartData)===null||o===void 0?void 0:o.items[0])===null||e===void 0?void 0:e.currencyCode;if(z){cartStore.currency=z}h=(s=(t=window.Zonos.cartData)===null||t===void 0?void 0:t.references)===null||s===void 0?void 0:s.checkoutSessionId;u=(n=(c=window.Zonos.cartData)===null||c===void 0?void 0:c.references)===null||n===void 0?void 0:n.landedCostId;if(!u){cartStoreUpdateToErrorState({messages:[translate("Session does not have valid landed cost. Please contact [organizationName] for assistance.",{organizationName:zonosStore.organizationName})],title:translate("Invalid session")});return[2]}if(h){log("Setting checkout session id from cart reference","info",h);storageStore.checkoutSessionId=h}else{log("Clear checkout session id from storage so we start from a fresh session for the collect cart");storageStore.checkoutSessionId=null}return[4,this.checkStripePaymentIntentStatus()];case 1:f=x.sent().shouldAllowOrder;if(!f){return[2]}x.label=2;case 2:x.trys.push([2,13,,14]);m=buildCartItemsByTempCart(window.Zonos.cartData),p=m.adjustments,g=m.cartItems;return[4,cartStoreUpdateItems({adjustments:p,cartItems:g,landedCostId:u,shouldInitSessionOnFailure:false})];case 3:x.sent();if(!(!storageStore.checkoutSessionId&&!h))return[3,5];return[4,stripeStoreInitCheckoutSession()];case 4:b=x.sent();log("stripeStoreInitCheckoutSession: ".concat(b));if(!b){throw new Error("Failed to initialize checkout session! The cart might be created with LIVE Collect quote but being used with sandbox credential")}x.label=5;case 5:if(!((!cartStore.checkoutSession||((l=cartStore.checkoutSession)===null||l===void 0?void 0:l.completedAt))&&h))return[3,7];return[4,this.recoverCompletedCollectSession(h)];case 6:v=x.sent();if(v){return[2]}void sendErrorLog({endpoint:"INVALID_COLLECT_CHECKOUT_SESSION",errors:["Invalid checkout session, can not retrieve the checkout session after failing to update it"],metadata:{cartCheckoutSessionId:h,cartId:(r=window.Zonos.cartData)===null||r===void 0?void 0:r.id,cartLandedCostId:u}});throw new Error("Invalid checkout session, can not retrieve the checkout session after failing to update it");case 7:if(!cartStore.checkoutSession){void sendErrorLog({endpoint:"FAIL_TO_UPDATE_CREATE_CHECKOUT_SESSION",errors:["Could not update/create checkout session for this collect cart"],metadata:{cartCheckoutSessionId:h||"N/A",cartId:(i=window.Zonos.cartData)===null||i===void 0?void 0:i.id,cartLandedCostId:u||"N/A"}});throw new Error("Could not update/create checkout session for this collect cart")}collectStore.paymentProcessor=cartStore.checkoutSession.paymentProcessor;if(!(collectStore.paymentProcessor==="AIRWALLEX"))return[3,9];return[4,stripeStoreGetPaymentIntent()];case 8:x.sent();if((a=cartStore.checkoutSession)===null||a===void 0?void 0:a.clientSecret){airwallexStore.clientSecret=cartStore.checkoutSession.clientSecret;airwallexStore.currency=cartStore.currency}return[3,10];case 9:void stripeStoreGetPaymentIntent();x.label=10;case 10:S=(d=cartStore.checkoutSession)===null||d===void 0?void 0:d.landedCost;if(!S){throw new Error("Landed cost could not be found in checkout session after creating/updating them")}return[4,collectStoreUpdateSelectedShippingOption(Object.assign(Object.assign({},cartStore.checkoutSession),{id:storageStore.checkoutSessionId||""}))];case 11:x.sent();void collectStoreInitShippingInfo({landedCostId:S.id});return[4,this.initPaymentProcessor()];case 12:x.sent();return[3,14];case 13:w=x.sent();logError(w);cartStoreUpdateToErrorState({messages:[translate("Session does not have valid landed cost. Please contact [organizationName] for assistance.",{organizationName:zonosStore.organizationName})],title:translate("Invalid session")});return[3,14];case 14:this.isOverlayLoading=false;return[2]}}))}))};o.prototype.toggleLanguageDialog=function(){this.showLanguageDialogMobile=!this.showLanguageDialogMobile};o.prototype.handleStripePaymentContinue=function(){return __awaiter(this,void 0,void 0,(function(){var o,e,t,s,c,n,l,r,i;return __generator(this,(function(a){switch(a.label){case 0:void((o=stripeStore.stripeBillingAddressElement)===null||o===void 0?void 0:o.getValue());if(!((e=stripeStore.stripeLinkEventData)===null||e===void 0?void 0:e.complete)){c=document.querySelector("zonos-link-authentication");c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});return[2]}if(!((t=stripeStore.stripeBillingAddressEventData)===null||t===void 0?void 0:t.complete)){n=document.querySelector(".zonos--billing-address");n===null||n===void 0?void 0:n.scrollIntoView({behavior:"smooth"});return[2]}l=stripeStore.checkoutSettlementCurrency==="USD";if(l&&stripeStore.shouldRenderPayInUsdButton&&!this.payInUsdConfirmDialogOpen){this.payInUsdConfirmDialogOpen=true;return[2]}this.payInUsdConfirmDialogOpen=false;paypalStore.paypalErrorMessage=null;stripeStore.hasPaymentError=false;this.submitLoading=true;cartStore.inventoryCheckErrorMessage=null;return[4,stripeStoreUpdateCheckoutSessionBaseCurrency()];case 1:r=a.sent();if(!r){stripeStore.hasPaymentError=true;stripeStore.customErrorMessage=translate("Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.",{currency:stripeStore.checkoutSettlementCurrency});this.submitLoading=false;return[2]}return[4,collectStoreAsyncAddressUpdate()];case 2:a.sent();a.label=3;case 3:a.trys.push([3,5,,6]);return[4,stripeStoreConfirmPayment({noLandedCostCheck:true})];case 4:a.sent();cartStore.step="finish";this.confirmationId=collectStore.landedCostShortId||((s=cartStore.selectedLandedCost)===null||s===void 0?void 0:s.landedCostId)||null;return[2];case 5:i=a.sent();logError(i);stripeStore.hasPaymentError=true;return[3,6];case 6:this.submitLoading=false;return[2]}}))}))};o.prototype.componentWillLoad=function(){var o=this;stripeStore.stripe=window.Zonos.stripe;cartStore.step="payment";void this.initCollectCart();this.resizeListener();this.storeUnsubscribeList=[stripeStoreOnChange("clientSecret",(function(){void o.applyStripeTheme()})),localizationStoreOnChange("selectedLocale",(function(){void o.applyStripeTheme()}))];log("mobile: ".concat(this.isMobile))};o.prototype.disconnectedCallback=function(){stripeStoreReset();cartStoreReset();this.onChangeLocaleListener();this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.render=function(){var o=this;this.clientSecret=stripeStore.clientSecret;if(stripeStore.stripeCustomerSessionClientSecret){this.stripeCustomerSessionClientSecret=stripeStore.stripeCustomerSessionClientSecret}var e=this.getBaseCurrencySettlementInfo();var t=zonosStore.appearance,s=t.logoUrl,c=t.theme;var n=collectStore.originCompanyName;var l=function(){var o;var e=collectStore.collectLogoUrl?collectStore.collectLogoUrl:((o=zonosStore.genericSettings)===null||o===void 0?void 0:o.shouldFallbackToOrganizationLogoForCollect)&&s?"".concat(s,"?timestamp=").concat(Date.now()):"";if(!e){return null}return h("div",{class:"zonos--logo"},h("img",{alt:"".concat(n||zonosStore.organizationName," logo"),src:e}))};var r=getIsTestMode();var i=function(){var e;var t=new URLSearchParams(window.location.search);var s=t.get("zonosQaUrl");var c=t.get("zonosDebug");var i=(e=languages.find((function(o){return o.code===localizationStore.selectedLocale})))===null||e===void 0?void 0:e.label;return h(Fragment,null,h("zonos-h-stack",{class:"zonos--header-wrapper",spacing:16},h("div",{class:"zonos--logo-wrapper"},l(),r&&h("zonos-badge",{badgeColor:"orange",size:"small"},translate("Test mode")),c==="1"&&h("zonos-badge",{badgeColor:"cyan",size:"small"},"debug"),s&&h("zonos-badge",{badgeColor:"purple",size:"small"},s)),h("div",{class:"zonos--header-right"},h("zonos-button",{backgroundColor:"gray-0",class:"zonos--header-right-button",onClick:function(){return o.toggleLanguageDialog()},variant:"outline"},i,h("zonos-icon",{"aria-label":"Language select",content:ChevronDownIcon,iconColor:"gray-1200"})),h("div",{class:classes(["zonos--collect-language-dialog",o.showLanguageDialogMobile&&"zonos--collect-language-dialog-open"])},h("zonos-language-select",{handleOnClose:function(){return o.toggleLanguageDialog()}})))),renderFallback({content:h("zonos-text",{class:"zonos--header-title",type:"header"},n?translate("Customs charges for your recent purchase from [companyName] are available for payment",{companyName:n}):translate("Customs charges from your recent purchase are available for payment")),isLoading:collectStore.isFetchingShippingInfo,skeletonHeight:"34px",skeletonWidth:"600px"}))};var a=function(){if(o.isOverlayLoading||stripeStore.isFetchingSession){return null}return h("div",{class:"zonos--content"},cartStore.step!=="finish"&&cartStore.step!=="error"&&h(Fragment,null,(o.isMobile||o.isTablet)&&i(),h("div",{class:"zonos--left","data-theme":c},!o.isMobile&&!o.isTablet&&i(),collectStore.paymentProcessor!=="AIRWALLEX"&&h(Fragment,null,h("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},translate("Billing info")),h("zonos-v-stack",{spacing:16},h("zonos-link-authentication",{titleText:""}),h("zonos-address",{titleText:"",type:"billing"}))),h("zonos-collect-payment",{class:classes(["zonos--collect-container"]),continueLoading:o.submitLoading,onAirwallexPaymentDone:function(){var e;cartStore.step="finish";o.confirmationId=collectStore.landedCostShortId||((e=cartStore.selectedLandedCost)===null||e===void 0?void 0:e.landedCostId)||null},onContinueClicked:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4,this.handleStripePaymentContinue()];case 1:o.sent();return[2]}}))}))}})),h("div",{class:"zonos--right","data-theme":c},h("zonos-collect-review",{mobile:o.isMobile,tablet:o.isTablet}),h("div",{class:"zonos--order-details-container"},h("zonos-collect-order-details",{collapsed:o.collapseReview,mobile:o.isMobile,onCollapseClicked:function(){o.collapseReview=!o.collapseReview}})),h("div",{class:"flex--wrapper"},h("zonos-v-stack",{spacing:16},h("zonos-collect-subtotal",null)),!o.isMobile&&!o.isTablet&&h("zonos-collect-footer",{"data-theme":c,mobile:o.isMobile,tablet:o.isTablet})))),(cartStore.step==="finish"||cartStore.step==="error")&&h("div",{class:"zonos--done","data-theme":c},h("div",{class:"zonos--header"},l()),h("zonos-collect-finish",{confirmationId:o.confirmationId,overrideNotification:cartStore.step==="error"&&!!cartStore.error?Object.assign(Object.assign({},cartStore.error),{type:"error"}):undefined,storybookForceStatus:o.storybookPaymentStatusOverride})),(o.isMobile||o.isTablet||cartStore.step==="finish"||cartStore.step==="error")&&h("zonos-collect-footer",{"data-theme":c,mobile:o.isMobile,tablet:o.isTablet}))};return h(Host,{class:classes(["zonos--collect zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"]),"data-theme":c},a(),e&&h("zonos-confirm-dialog",{class:"zonos--pay-in-usd-dialog",dialogCancelBtnText:translate("Cancel"),dialogConfirmBtnText:translate("Pay [orderTotal]",{orderTotal:currencyFormat({amount:e.settlementAmount,currency:"USD"})}),dialogIntent:"warn",dialogOpen:this.payInUsdConfirmDialogOpen,dialogSubtitle:translate("By paying in USD, your card will be charged directly with no currency conversion. However, using a non-USD based card may result in additional currency conversion fees at the bank level."),dialogTitle:translate("Pay in USD (United States Dollar)?"),dialogType:"confirm",dialogWidth:480,onCancelClicked:function(){o.payInUsdConfirmDialogOpen=false},onConfirmClicked:function(){return o.handleStripePaymentContinue()}}),h("zonos-loading-overlay",{open:this.isOverlayLoading}))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}();ZonosCollect.style=ZonosCollectStyle0;export{ZonosCollect as zonos_collect};
+var __awaiter=this&&this.__awaiter||function(o,e,t,s){function n(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,c){function l(o){try{i(s.next(o))}catch(o){c(o)}}function r(o){try{i(s["throw"](o))}catch(o){c(o)}}function i(o){o.done?t(o.value):n(o.value).then(l,r)}i((s=s.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},s,n,c,l=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return l.next=r(0),l["throw"]=r(1),l["return"]=r(2),typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(o){return function(e){return i([o,e])}}function i(r){if(s)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(t=0)),t)try{if(s=1,n&&(c=r[0]&2?n["return"]:r[0]?n["throw"]||((c=n["return"])&&c.call(n),0):n.next)&&!(c=c.call(n,r[1])).done)return c;if(n=0,c)r=[r[0]&2,c.value];switch(r[0]){case 0:case 1:c=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!c||r[1]>c[0]&&r[1]<c[3])){t.label=r[1];break}if(r[0]===6&&t.label<c[1]){t.label=c[1];c=r;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(r);break}if(c[2])t.ops.pop();t.trys.pop();continue}r=e.call(o,t)}catch(o){r=[6,o];n=0}finally{s=c=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,F as Fragment}from"./index-_lt63o7c.js";import{c as collectStore,a as airwallexStoreSetFromSession,b as airwallexStore,d as airwallexStoreRetrievePaymentIntent,e as airwallexStoreIsPaidStatus,f as airwallexStoreInitSdk,g as collectStoreUpdateSelectedShippingOption,h as collectStoreInitShippingInfo,i as collectStoreAsyncAddressUpdate}from"./collect-33rMINDo.js";import{b as stripeStore,i as initStripeElements,d as cartStore,c as stripeStoreRetrievePayment,r as cartStoreUpdateToErrorState,e as cartStoreUpdateItems,k as stripeStoreInitCheckoutSession,l as stripeStoreGetPaymentIntent,z as stripeStoreUpdateCheckoutSessionBaseCurrency,E as stripeStoreConfirmPayment,J as stripeStoreOnChange,H as stripeStoreReset,f as cartStoreReset}from"./cart-ekBk_gxV.js";import{p as paypalStoreHasPaypalEnabled,a as paypalStore}from"./paypal-CW1D2XqZ.js";import{s as storageStore,t as translate,e as localizationStoreOnChange,h as currencyFormat,j as languages,l as localizationStore}from"./localization-AOqYXGdP.js";import{z as zonosStore}from"./zonosStore-DrIOAz4M.js";import{b as buildCartItemsByTempCart}from"./buildCartItemsByTempCart-BycjkdlE.js";import{h as handleFetch,s as sendErrorLog,l as logError,g as getIsTestMode}from"./handleFetch-D5GYDF-O.js";import{i as isCollectMobile,a as isCollectTablet}from"./isCollectMobileTablet-DGlnuxEX.js";import{c as classes}from"./classes-BJHSB96f.js";import{l as log}from"./VarianceTest-BJmZPrZl.js";import{r as renderFallback}from"./renderFallback-Cy03ZcWE.js";import"./isDarkColor-YdrG78th.js";import"./getBorderRadius-HwG64EKM.js";import"./TaxId-Cye-evFK.js";import"./isContrastColor-CWLU13s9.js";import"./submitGtag-CCGQS060.js";var ChevronDownIcon='<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var zonosCollectCss=function(){return".sc-zonos-collect-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-h *.sc-zonos-collect{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-h img.sc-zonos-collect{max-width:100%}.sc-zonos-collect-h dl.sc-zonos-collect,.sc-zonos-collect-h dd.sc-zonos-collect,.sc-zonos-collect-h h1.sc-zonos-collect,.sc-zonos-collect-h h2.sc-zonos-collect,.sc-zonos-collect-h h3.sc-zonos-collect,.sc-zonos-collect-h h4.sc-zonos-collect,.sc-zonos-collect-h h5.sc-zonos-collect,.sc-zonos-collect-h h6.sc-zonos-collect,.sc-zonos-collect-h hr.sc-zonos-collect,.sc-zonos-collect-h figure.sc-zonos-collect,.sc-zonos-collect-h p.sc-zonos-collect,.sc-zonos-collect-h pre.sc-zonos-collect{margin:0}.sc-zonos-collect-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-h{z-index:2147483647;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:0;left:0;width:100%;height:100%;-ms-flex-align:center;align-items:center;background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h *.sc-zonos-collect{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar{width:10px}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-collect-h *.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;width:100%;-ms-flex-pack:center;justify-content:center}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex:1;flex:1;padding:56px 80px 60px;max-width:800px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{background-color:var(--zonos-elements-gray-0)}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{display:-ms-flexbox;display:flex;width:100%;max-width:1400px;height:calc(100% - 100px);overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:24px;padding-bottom:50px}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--header.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect .zonos--logo.sc-zonos-collect{margin-bottom:0}.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect zonos-collect-finish.sc-zonos-collect{-ms-flex:1;flex:1;min-height:0}.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{padding:0 8px 8px}.sc-zonos-collect-h .zonos--left.sc-zonos-collect .zonos--payment-error-banner.sc-zonos-collect{margin-top:24px}.sc-zonos-collect-h .zonos--right.sc-zonos-collect{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-collect-h .zonos--right.sc-zonos-collect .zonos--order-details-container.sc-zonos-collect{overflow:hidden}.sc-zonos-collect-h .zonos--wrapper.sc-zonos-collect{overflow:auto;max-height:100%;position:relative}.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin-top:32px}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.sc-zonos-collect-h .zonos--logo-wrapper.sc-zonos-collect>*.sc-zonos-collect{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-collect-h .zonos--header-right.sc-zonos-collect{display:none}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-collect-h .zonos--logo.sc-zonos-collect img.sc-zonos-collect{max-height:70px;max-width:100%;-o-object-position:left center;object-position:left center;-o-object-fit:contain;object-fit:contain}.sc-zonos-collect-h .zonos--collect-container.sc-zonos-collect{overflow:visible}.mobile.sc-zonos-collect-h,.tablet.sc-zonos-collect-h{min-width:auto}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{padding-bottom:0}}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--review.sc-zonos-collect{margin-bottom:0}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect .zonos--cart-items.sc-zonos-collect{margin-top:8px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect zonos-checkout-footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--wrapper.sc-zonos-collect{max-height:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--footer.sc-zonos-collect{-ms-flex-order:3;order:3}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--done.sc-zonos-collect{width:auto}.mobile.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--cart-subtotal.sc-zonos-collect{margin:0}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:16px;background-color:var(--zonos-elements-gray-0);z-index:3}.mobile.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-title.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{max-width:800px;padding:0 16px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect{overflow:auto;-ms-flex-pack:unset;justify-content:unset;-ms-flex-align:center;align-items:center;gap:24px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--left.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{overflow:visible;width:100%}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect,.tablet.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--right.sc-zonos-collect{gap:32px}.mobile.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect,.tablet.sc-zonos-collect-h .flex--wrapper.sc-zonos-collect{margin-top:0}.mobile.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect,.tablet.sc-zonos-collect-h zonos-collect-footer.sc-zonos-collect{-ms-flex-order:3;order:3;left:0}.tablet.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:56px;top:-56px}.mobile.sc-zonos-collect-h .zonos--content.sc-zonos-collect .zonos--header-right.sc-zonos-collect{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mobile.sc-zonos-collect-h .zonos--header-wrapper.sc-zonos-collect{padding-top:28px;top:-28px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw;background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar{width:10px}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.sc-zonos-collect::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}.mobile.sc-zonos-collect-h .zonos--collect-language-dialog.zonos--collect-language-dialog-open.sc-zonos-collect{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.iframed.sc-zonos-collect-h .zonos--content.sc-zonos-collect{-ms-scroll-chaining:chained;overscroll-behavior:auto}"};var ZonosCollect=/** @class */function(){function o(o){var e=this;registerInstance(this,o);this.storeUnsubscribeList=[];
+/**
+         * Listener for locale change in localization store
+         */this.onChangeLocaleListener=function(){};
+/**
+         * Flag to determine if the checkout is on mobile
+         */this.mobile=false;
+/**
+         * Whether or not the component is being rendered with tablet styles
+         */this.tablet=false;
+/**
+         * The stripe instance
+         */this.stripe=window.Zonos.stripe;
+/**
+         * Whether or not the language dialog is open
+         */this.showLanguageDialogMobile=false;
+/**
+         * Whether or not the submit button is loading in `step` component
+         */this.submitLoading=false;
+// default to collapse the review
+this.collapseReview=true;this.isMobile=false;this.isTablet=false;
+// @State() isCollect = window.Zonos.isCollect;
+this.isOverlayLoading=true;
+/**
+         * Confirm dialog open state
+         */this.isCartCollected=false;
+/**
+         * Cart expired state to show the cart expired dialog
+         */this.isCartExpired=false;
+/**
+         * Pay in USD confirm dialog open state
+         */this.payInUsdConfirmDialogOpen=false;
+/**
+         * Error message from onInventoryCheck callback
+         */this.inventoryCheckErrorMessage=null;
+/**
+         * Confirmation id for collect finish component
+         */this.confirmationId=null;
+/**
+         * Client secret value
+         */this.clientSecret=stripeStore.clientSecret;
+/**
+         * Client secret value of customer session (use to load saved payment method and render saved consent)
+         */this.stripeCustomerSessionClientSecret=stripeStore.stripeCustomerSessionClientSecret;this.getBaseCurrencySettlementInfo=function(){var o=cartStore.selectedLandedCost;if(!o){return null}var e=o.landedCost.amountSubtotals;if(!e){return null}var t=(e.discounts||0)+e.items+e.landedCostTotal+e.shipping;return{settlementAmount:t}};this.applyStripeTheme=function(){return __awaiter(e,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:o=zonosStore.appearance.theme;return[4/*yield*/,initStripeElements({
+// only override theme or theme from appearance if it's mobile
+overrideTheme:this.isMobile?o:undefined,paypalEnabled:paypalStoreHasPaypalEnabled()})];case 1:e.sent();return[2/*return*/]}}))}))};this.fetchCheckoutSession=function(o){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4/*yield*/,handleFetch("/api/zonos-elements/collect/get-checkout-session",{body:{checkoutSessionId:o},method:"POST"})];case 1:e=t.sent().json;return[2/*return*/,e]}}))}))};
+/**
+         * Determine which payment processor the collect session uses and initialize it.
+         *
+         * The checkout session returns the `paymentProcessor` (05CHECK-860). When it is
+         * `AIRWALLEX` we initialize the Airwallex SDK and render only the Airwallex
+         * payment element. Otherwise we fall back to the Stripe flow, which renders the
+         * Stripe billing info section + payment.
+         *
+         * If the Airwallex session already has a client secret but is not yet completed
+         * and has no order attached, we verify the live payment intent status first — if
+         * the payment already went through (e.g. the customer returned after a redirect)
+         * we jump straight to the finish step instead of rendering the payment form.
+         */this.initPaymentProcessor=function(){return __awaiter(e,void 0,void 0,(function(){var o,e,t,s,n,c;return __generator(this,(function(l){switch(l.label){case 0:e=storageStore.checkoutSessionId;if(!e)return[3/*break*/,4];return[4/*yield*/,this.fetchCheckoutSession(e)];case 1:t=l.sent();collectStore.paymentProcessor=(t===null||t===void 0?void 0:t.checkoutSession.paymentProcessor)||null;if(!(collectStore.paymentProcessor==="AIRWALLEX"))return[3/*break*/,4];
+// An Airwallex session must have a usable client secret (from the session
+// or seeded from the payment-intent create response). If it doesn't, we
+// can't mount the payment element — surface an error instead of rendering
+// a blank/broken Airwallex UI.
+if(!t||!airwallexStoreSetFromSession(t.checkoutSession)){throw new Error("Airwallex checkout session is missing a client secret")}s=t.checkoutSession;airwallexStore.currency=cartStore.currency;this.confirmationId=((o=s.landedCost)===null||o===void 0?void 0:o.shortId)||null;n=!!s.completedAt||!!s.order;if(!(!n&&s.clientSecret&&s.paymentIntentId))return[3/*break*/,3];return[4/*yield*/,airwallexStoreRetrievePaymentIntent(s.paymentIntentId)];case 2:c=l.sent().status;n=airwallexStoreIsPaidStatus(c);l.label=3;case 3:if(n){void this.setToFinishStep();return[2/*return*/]}void airwallexStoreInitSdk();
+// Airwallex renders its own payment UI, so the Stripe elements
+// (billing info section) are not needed.
+return[2/*return*/];case 4:void this.applyStripeTheme();return[2/*return*/]}}))}))};
+/**
+         * Check if stripe payment intent is succeeded or in a good state to move forward
+         */this.checkStripePaymentIntentStatus=function(){return __awaiter(e,void 0,void 0,(function(){var o,e,t,s,n,c,l,r,i,a;return __generator(this,(function(d){switch(d.label){case 0:e=!!window.Zonos.cartData;t=new URL(window.location.href).searchParams;s=t.get("payment_intent_client_secret");n=t.get("zonosCheckoutSessionId");log("Payment intent exist, checking stripe payment intent status");
+// Allow to proceed to order if there's no stripe client secret and cart data is available
+if(!s){log("No stripe client secret found in the URL, proceed to order if cart data is available");return[2/*return*/,{shouldAllowOrder:e}]}return[4/*yield*/,stripeStoreRetrievePayment({clientSecret:s})];case 1:c=d.sent(),l=c.error,r=c.status;i=new URLSearchParams(window.location.search).get("redirect_status");if(!(i&&n))return[3/*break*/,3];if(!l){log("Payment intent is succeeded or in a good state to move forward, show success screen")}else{log("Payment intent failed, show status from error")}return[4/*yield*/,this.fetchCheckoutSession(n)];case 2:a=d.sent();this.confirmationId=((o=a===null||a===void 0?void 0:a.checkoutSession.landedCost)===null||o===void 0?void 0:o.shortId)||null;storageStore.checkoutSessionId=n;stripeStore.clientSecret=s;void this.setToFinishStep(r);return[2/*return*/,{shouldAllowOrder:false}];case 3:if(!e){log("Cart data is not available, only check payment intent status, skip order.");return[2/*return*/,{shouldAllowOrder:false}]}log("Payment intent is not succeeded, proceed to order");return[2/*return*/,{shouldAllowOrder:true}]}}))}))};
+/**
+         * Recover the collect flow when updating the checkout session failed — which
+         * happens once the session is already completed/paid (e.g. the customer already
+         * submitted payment, so the update request is rejected). Without this we would
+         * drop straight to the error screen even though the payment went through.
+         *
+         * Fetches the session and, if it is completed or already has an order attached,
+         * jumps to the finish step. Otherwise it verifies the live payment intent status
+         * for the session's processor (Stripe or Airwallex) and routes to finish when
+         * the payment has gone through.
+         *
+         * @returns `true` when it routed to the finish step, `false` when the caller
+         * should treat the session as invalid.
+         */this.recoverCompletedCollectSession=function(o){return __awaiter(e,void 0,void 0,(function(){var e,t,s,n,c,c;return __generator(this,(function(l){switch(l.label){case 0:return[4/*yield*/,this.fetchCheckoutSession(o)];case 1:t=l.sent();if(!t){return[2/*return*/,false]}s=t.checkoutSession;
+// Some merchants use landed cost id as the confirmation id
+this.confirmationId=((e=s.landedCost)===null||e===void 0?void 0:e.shortId)||null;collectStore.paymentProcessor=s.paymentProcessor||null;n=s.paymentProcessor==="AIRWALLEX";if(n&&s.clientSecret){
+// Populate the store so the finish step has the payment intent data.
+airwallexStoreSetFromSession(s);airwallexStore.currency=cartStore.currency}
+// Session already finalized → straight to finish. This must run before the
+// Airwallex client-secret check below, because a paid/completed session may
+// no longer expose a client secret and should still reach the finish step.
+if(s.completedAt||s.order){void this.setToFinishStep("succeeded");return[2/*return*/,true]}if(!n)return[3/*break*/,4];if(!(s.clientSecret&&s.paymentIntentId))return[3/*break*/,3];return[4/*yield*/,airwallexStoreRetrievePaymentIntent(s.paymentIntentId)];case 2:c=l.sent().status;if(airwallexStoreIsPaidStatus(c)){void this.setToFinishStep();return[2/*return*/,true]}l.label=3;case 3:return[3/*break*/,6];case 4:if(!s.clientSecret)return[3/*break*/,6];return[4/*yield*/,stripeStoreRetrievePayment({clientSecret:s.clientSecret})];case 5:c=l.sent().status;
+// If payment intent is still processing or succeeded, set to finish step
+if(c==="processing"||c==="succeeded"){stripeStore.clientSecret=s.clientSecret;void this.setToFinishStep(c);return[2/*return*/,true]}l.label=6;case 6:return[2/*return*/,false]}}))}))}}
+/**
+     * Listen to resize event to update the isMobile state
+     */o.prototype.resizeListener=function(){this.isMobile=isCollectMobile(this.mobile);this.isTablet=isCollectTablet(this.tablet)};
+/**
+     * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
+     */o.prototype.setToFinishStep=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){stripeStore.stripe=window.Zonos.stripe;cartStore.step="finish";this.storybookPaymentStatusOverride=o;this.isOverlayLoading=false;return[2/*return*/]}))}))};o.prototype.initCollectCart=function(){return __awaiter(this,void 0,void 0,(function(){var o,e,t,s,n,c,l,r,i,a,d,z,h,u,f,m,p,g,b,v,S,w;return __generator(this,(function(x){switch(x.label){case 0:
+// Should not happen since we will throw error way earlier if cartData is not available
+if(!window.Zonos.cartData){return[2/*return*/]}z=(e=(o=window.Zonos.cartData)===null||o===void 0?void 0:o.items[0])===null||e===void 0?void 0:e.currencyCode;if(z){cartStore.currency=z}h=(s=(t=window.Zonos.cartData)===null||t===void 0?void 0:t.references)===null||s===void 0?void 0:s.checkoutSessionId;u=(c=(n=window.Zonos.cartData)===null||n===void 0?void 0:n.references)===null||c===void 0?void 0:c.landedCostId;if(!u){cartStoreUpdateToErrorState({messages:[translate("Session does not have valid landed cost. Please contact [organizationName] for assistance.",{organizationName:zonosStore.organizationName})],title:translate("Invalid session")});return[2/*return*/]}
+// Override checkout session id for collect if we found one in the cart reference
+if(h){log("Setting checkout session id from cart reference","info",h);storageStore.checkoutSessionId=h}else{log("Clear checkout session id from storage so we start from a fresh session for the collect cart");storageStore.checkoutSessionId=null}return[4/*yield*/,this.checkStripePaymentIntentStatus()];case 1:f=x.sent().shouldAllowOrder;if(!f){return[2/*return*/]}x.label=2;case 2:x.trys.push([2,13,,14]);m=buildCartItemsByTempCart(window.Zonos.cartData),p=m.adjustments,g=m.cartItems;return[4/*yield*/,cartStoreUpdateItems({adjustments:p,cartItems:g,landedCostId:u,
+// No need to init session on failure since we will always create a new one if there is no checkout session id in the cart references
+shouldInitSessionOnFailure:false})];case 3:x.sent();if(!(!storageStore.checkoutSessionId&&!h))return[3/*break*/,5];return[4/*yield*/,stripeStoreInitCheckoutSession()];case 4:b=x.sent();log("stripeStoreInitCheckoutSession: ".concat(b));if(!b){throw new Error("Failed to initialize checkout session! The cart might be created with LIVE Collect quote but being used with sandbox credential")}x.label=5;case 5:if(!((!cartStore.checkoutSession||((l=cartStore.checkoutSession)===null||l===void 0?void 0:l.completedAt))&&h))return[3/*break*/,7];return[4/*yield*/,this.recoverCompletedCollectSession(h)];case 6:v=x.sent();if(v){return[2/*return*/]}void sendErrorLog({endpoint:"INVALID_COLLECT_CHECKOUT_SESSION",errors:["Invalid checkout session, can not retrieve the checkout session after failing to update it"],metadata:{cartCheckoutSessionId:h,cartId:(r=window.Zonos.cartData)===null||r===void 0?void 0:r.id,cartLandedCostId:u}});throw new Error("Invalid checkout session, can not retrieve the checkout session after failing to update it");case 7:if(!cartStore.checkoutSession){void sendErrorLog({endpoint:"FAIL_TO_UPDATE_CREATE_CHECKOUT_SESSION",errors:["Could not update/create checkout session for this collect cart"],metadata:{cartCheckoutSessionId:h||"N/A",cartId:(i=window.Zonos.cartData)===null||i===void 0?void 0:i.id,cartLandedCostId:u||"N/A"}});throw new Error("Could not update/create checkout session for this collect cart")}collectStore.paymentProcessor=cartStore.checkoutSession.paymentProcessor;if(!(collectStore.paymentProcessor==="AIRWALLEX"))return[3/*break*/,9];
+// Airwallex needs the payment intent (client secret) created before we
+// fetch the session and render its element.
+return[4/*yield*/,stripeStoreGetPaymentIntent()];case 8:
+// Airwallex needs the payment intent (client secret) created before we
+// fetch the session and render its element.
+x.sent();
+// Seed the Airwallex store from the payment-intent create response (the
+// reliable source of the client secret) so the drop-in can mount even if
+// the follow-up get-checkout-session fetch is missing it.
+if((a=cartStore.checkoutSession)===null||a===void 0?void 0:a.clientSecret){airwallexStore.clientSecret=cartStore.checkoutSession.clientSecret;airwallexStore.currency=cartStore.currency}return[3/*break*/,10];case 9:
+// Stripe, PayPal, and legacy sessions without a processor still need a
+// payment intent so the payment UI loads with a client secret.
+void stripeStoreGetPaymentIntent();x.label=10;case 10:S=(d=cartStore.checkoutSession)===null||d===void 0?void 0:d.landedCost;if(!S){throw new Error("Landed cost could not be found in checkout session after creating/updating them")}return[4/*yield*/,collectStoreUpdateSelectedShippingOption(Object.assign(Object.assign({},cartStore.checkoutSession),{id:storageStore.checkoutSessionId||""}))];case 11:x.sent();void collectStoreInitShippingInfo({landedCostId:S.id});return[4/*yield*/,this.initPaymentProcessor()];case 12:x.sent();return[3/*break*/,14];case 13:w=x.sent();logError(w);cartStoreUpdateToErrorState({messages:[translate("Session does not have valid landed cost. Please contact [organizationName] for assistance.",{organizationName:zonosStore.organizationName})],title:translate("Invalid session")});return[3/*break*/,14];case 14:this.isOverlayLoading=false;return[2/*return*/]}}))}))};o.prototype.toggleLanguageDialog=function(){this.showLanguageDialogMobile=!this.showLanguageDialogMobile};o.prototype.handleStripePaymentContinue=function(){return __awaiter(this,void 0,void 0,(function(){var o,e,t,s,n,c,l,r,i;return __generator(this,(function(a){switch(a.label){case 0:
+// Attempt to get the value of the billing address element to validate the form
+void((o=stripeStore.stripeBillingAddressElement)===null||o===void 0?void 0:o.getValue());
+// If the email is not complete, scroll to the link authentication section
+if(!((e=stripeStore.stripeLinkEventData)===null||e===void 0?void 0:e.complete)){n=document.querySelector("zonos-link-authentication");n===null||n===void 0?void 0:n.scrollIntoView({behavior:"smooth"});return[2/*return*/]}if(!((t=stripeStore.stripeBillingAddressEventData)===null||t===void 0?void 0:t.complete)){c=document.querySelector(".zonos--billing-address");c===null||c===void 0?void 0:c.scrollIntoView({behavior:"smooth"});return[2/*return*/]}l=stripeStore.checkoutSettlementCurrency==="USD";
+// open the confirm dialog if the settlement currency is in USD, and if call this method again, proceed and confirm with Stripe.
+if(l&&stripeStore.shouldRenderPayInUsdButton&&!this.payInUsdConfirmDialogOpen){this.payInUsdConfirmDialogOpen=true;return[2/*return*/]}
+// Close the dialog after the user confirms to proceed with the payment in USD
+this.payInUsdConfirmDialogOpen=false;
+// reset paypal error message
+paypalStore.paypalErrorMessage=null;
+// reset error state
+stripeStore.hasPaymentError=false;this.submitLoading=true;
+// reset inventory check message
+cartStore.inventoryCheckErrorMessage=null;return[4/*yield*/,stripeStoreUpdateCheckoutSessionBaseCurrency()];case 1:r=a.sent();
+// Should not proceed to confirm payment if base currency update failed
+if(!r){stripeStore.hasPaymentError=true;stripeStore.customErrorMessage=translate("Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.",{currency:stripeStore.checkoutSettlementCurrency});this.submitLoading=false;return[2/*return*/]}
+// Update the billing party id to the checkout session
+return[4/*yield*/,collectStoreAsyncAddressUpdate()];case 2:
+// Update the billing party id to the checkout session
+a.sent();a.label=3;case 3:a.trys.push([3,5,,6]);return[4/*yield*/,stripeStoreConfirmPayment({noLandedCostCheck:true})];case 4:a.sent();cartStore.step="finish";
+// Some merchants use landed cost id as the confirmation id
+this.confirmationId=collectStore.landedCostShortId||((s=cartStore.selectedLandedCost)===null||s===void 0?void 0:s.landedCostId)||null;return[2/*return*/];case 5:i=a.sent();logError(i);stripeStore.hasPaymentError=true;return[3/*break*/,6];case 6:this.submitLoading=false;return[2/*return*/]}}))}))};o.prototype.componentWillLoad=function(){var o=this;stripeStore.stripe=window.Zonos.stripe;
+// Set the step to payment
+cartStore.step="payment";void this.initCollectCart();this.resizeListener();this.storeUnsubscribeList=[stripeStoreOnChange("clientSecret",(function(){void o.applyStripeTheme()})),localizationStoreOnChange("selectedLocale",(function(){void o.applyStripeTheme()}))];log("mobile: ".concat(this.isMobile))};
+// do clean up when component is unmounted
+o.prototype.disconnectedCallback=function(){
+// reset stripe store
+stripeStoreReset();
+// reset cart store
+cartStoreReset();
+// cleanup onChange listener
+this.onChangeLocaleListener();this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.render=function(){var o=this;
+// Set client secret so that we can add this to @Watch listener
+this.clientSecret=stripeStore.clientSecret;
+// Only set and update stripeCustomerSession state if it's available, since it would only be available at the time checkout session is created, afterward access checkout session the value would be `null`.
+if(stripeStore.stripeCustomerSessionClientSecret){
+// Set stripe customer session client secret so that we can add this to @Watch listener
+this.stripeCustomerSessionClientSecret=stripeStore.stripeCustomerSessionClientSecret}var e=this.getBaseCurrencySettlementInfo();var t=zonosStore.appearance,s=t.logoUrl,n=t.theme;
+// The company name comes from the origin party.
+var c=collectStore.originCompanyName;var l=function(){var o;
+// The carrier's Collect logo (from landed cost metadata) takes priority.
+// When it isn't provided, only fall back to the organization's appearance
+// logo if the `shouldFallbackToOrganizationLogoForCollect` generic setting
+// is enabled; otherwise no logo is shown.
+var e=collectStore.collectLogoUrl?collectStore.collectLogoUrl:((o=zonosStore.genericSettings)===null||o===void 0?void 0:o.shouldFallbackToOrganizationLogoForCollect)&&s?// Timestamped so the browser won't cache a stale dashboard logo.
+"".concat(s,"?timestamp=").concat(Date.now()):"";if(!e){return null}return h("div",{class:"zonos--logo"},h("img",{alt:"".concat(c||zonosStore.organizationName," logo"),src:e}))};var r=getIsTestMode();var i=function(){var e;var t=new URLSearchParams(window.location.search);var s=t.get("zonosQaUrl");var n=t.get("zonosDebug");var i=(e=languages.find((function(o){return o.code===localizationStore.selectedLocale})))===null||e===void 0?void 0:e.label;return h(Fragment,null,h("zonos-h-stack",{class:"zonos--header-wrapper",spacing:16},h("div",{class:"zonos--logo-wrapper"},l(),r&&h("zonos-badge",{badgeColor:"orange",size:"small"},translate("Test mode")),n==="1"&&h("zonos-badge",{badgeColor:"cyan",size:"small"},"debug"),s&&h("zonos-badge",{badgeColor:"purple",size:"small"},s)),h("div",{class:"zonos--header-right"},h("zonos-button",{backgroundColor:"gray-0",class:"zonos--header-right-button",onClick:function(){return o.toggleLanguageDialog()},variant:"outline"},i,h("zonos-icon",{"aria-label":"Language select",content:ChevronDownIcon,iconColor:"gray-1200"})),h("div",{class:classes(["zonos--collect-language-dialog",o.showLanguageDialogMobile&&"zonos--collect-language-dialog-open"])},h("zonos-language-select",{handleOnClose:function(){return o.toggleLanguageDialog()}})))),renderFallback({content:h("zonos-text",{class:"zonos--header-title",type:"header"},c?translate("Customs charges for your recent purchase from [companyName] are available for payment",{companyName:c}):translate("Customs charges from your recent purchase are available for payment")),isLoading:collectStore.isFetchingShippingInfo,skeletonHeight:"34px",skeletonWidth:"600px"}))};
+// const isAirwallex = collectStore.paymentProcessor === 'AIRWALLEX';
+var a=function(){if(o.isOverlayLoading||stripeStore.isFetchingSession){return null}return h("div",{class:"zonos--content"},cartStore.step!=="finish"&&cartStore.step!=="error"&&h(Fragment,null,(o.isMobile||o.isTablet)&&i(),h("div",{class:"zonos--left","data-theme":n},!o.isMobile&&!o.isTablet&&i(),collectStore.paymentProcessor!=="AIRWALLEX"&&h(Fragment,null,h("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},translate("Billing info")),h("zonos-v-stack",{spacing:16},h("zonos-link-authentication",{titleText:""}),h("zonos-address",{titleText:"",type:"billing"}))),h("zonos-collect-payment",{class:classes(["zonos--collect-container"]),continueLoading:o.submitLoading,onAirwallexPaymentDone:function(){var e;cartStore.step="finish";o.confirmationId=collectStore.landedCostShortId||((e=cartStore.selectedLandedCost)===null||e===void 0?void 0:e.landedCostId)||null},onContinueClicked:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4/*yield*/,this.handleStripePaymentContinue()];case 1:o.sent();return[2/*return*/]}}))}))}})),h("div",{class:"zonos--right","data-theme":n},h("zonos-collect-review",{mobile:o.isMobile,tablet:o.isTablet}),h("div",{class:"zonos--order-details-container"},h("zonos-collect-order-details",{collapsed:o.collapseReview,mobile:o.isMobile,onCollapseClicked:function(){o.collapseReview=!o.collapseReview}})),h("div",{class:"flex--wrapper"},h("zonos-v-stack",{spacing:16},h("zonos-collect-subtotal",null)),!o.isMobile&&!o.isTablet&&h("zonos-collect-footer",{"data-theme":n,mobile:o.isMobile,tablet:o.isTablet})))),(cartStore.step==="finish"||cartStore.step==="error")&&h("div",{class:"zonos--done","data-theme":n},h("div",{class:"zonos--header"},l()),h("zonos-collect-finish",{confirmationId:o.confirmationId,overrideNotification:cartStore.step==="error"&&!!cartStore.error?Object.assign(Object.assign({},cartStore.error),{type:"error"}):undefined,storybookForceStatus:o.storybookPaymentStatusOverride})),(o.isMobile||o.isTablet||cartStore.step==="finish"||cartStore.step==="error")&&h("zonos-collect-footer",{"data-theme":n,mobile:o.isMobile,tablet:o.isTablet}))};return h(Host,{class:classes(["zonos--collect zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"]),"data-theme":n},a(),e&&h("zonos-confirm-dialog",{class:"zonos--pay-in-usd-dialog",dialogCancelBtnText:translate("Cancel"),dialogConfirmBtnText:translate("Pay [orderTotal]",{orderTotal:currencyFormat({amount:e.settlementAmount,currency:"USD"})}),dialogIntent:"warn",dialogOpen:this.payInUsdConfirmDialogOpen,dialogSubtitle:translate("By paying in USD, your card will be charged directly with no currency conversion. However, using a non-USD based card may result in additional currency conversion fees at the bank level."),dialogTitle:translate("Pay in USD (United States Dollar)?"),dialogType:"confirm",dialogWidth:480,onCancelClicked:function(){o.payInUsdConfirmDialogOpen=false},
+// Mark user selected confirm to continue with payment
+onConfirmClicked:function(){return o.handleStripePaymentContinue()}}),h("zonos-loading-overlay",{open:this.isOverlayLoading}))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}();ZonosCollect.style=zonosCollectCss();export{ZonosCollect as zonos_collect};

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

@@ -1 +1,10 @@
-import{r as registerInstance,h}from"./index-cfd394c8.js";function format(o,t,n){return(o||"")+(t?" ".concat(t):"")+(n?" ".concat(n):"")}var zonosComponentCss=":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}div{color:red;font-size:large}";var ZonosComponentStyle0=zonosComponentCss;var ZonosComponent=function(){function o(o){registerInstance(this,o);this.first="";this.middle="";this.last=""}o.prototype.getText=function(){return format(this.first,this.middle,this.last)};o.prototype.render=function(){return h("div",{key:"7cc54490d65b2d6596a09f37bd0a842c66179d2c"},"Hello, World! I'm ",this.getText())};return o}();ZonosComponent.style=ZonosComponentStyle0;export{ZonosComponent as zonos_component};
+import{r as registerInstance,h}from"./index-_lt63o7c.js";function format(o,t,n){return(o||"")+(t?" ".concat(t):"")+(n?" ".concat(n):"")}var zonosComponentCss=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}div{color:red;font-size:large}"};var ZonosComponent=/** @class */function(){function o(o){registerInstance(this,o);
+/**
+         * The first name
+         */this.first="";
+/**
+         * The middle name
+         */this.middle="";
+/**
+         * The last name
+         */this.last=""}o.prototype.getText=function(){return format(this.first,this.middle,this.last)};o.prototype.render=function(){return h("div",{key:"7cc54490d65b2d6596a09f37bd0a842c66179d2c"},"Hello, World! I'm ",this.getText())};return o}();ZonosComponent.style=zonosComponentCss();export{ZonosComponent as zonos_component};