@zonos/elements 1.3.285 → 1.3.287

package/dist/zonos-elements/p-d55b9664.system.entry.js

@@ -0,0 +1,157 @@
+var __awaiter=this&&this.__awaiter||function(o,e,t,n){function s(o){return o instanceof t?o:new t((function(e){e(o)}))}return new(t||(t=Promise))((function(t,a){function l(o){try{r(n.next(o))}catch(o){a(o)}}function i(o){try{r(n["throw"](o))}catch(o){a(o)}}function r(o){o.done?t(o.value):s(o.value).then(l,i)}r((n=n.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,s,a,l=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return l.next=i(0),l["throw"]=i(1),l["return"]=i(2),typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(o){return function(e){return r([o,e])}}function r(i){if(n)throw new TypeError("Generator is already executing.");while(l&&(l=0,i[0]&&(t=0)),t)try{if(n=1,s&&(a=i[0]&2?s["return"]:i[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,i[1])).done)return a;if(s=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;s=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){t.label=i[1];break}if(i[0]===6&&t.label<a[1]){t.label=a[1];a=i;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(i);break}if(a[2])t.ops.pop();t.trys.pop();continue}i=e.call(o,t)}catch(o){i=[6,o];s=0}finally{n=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(o,e,t){if(t||arguments.length===2)for(var n=0,s=e.length,a;n<s;n++){if(a||!(n in e)){if(!a)a=Array.prototype.slice.call(e,0,n);a[n]=e[n]}}return o.concat(a||Array.prototype.slice.call(e))};System.register(["./p-CIevpRv_.system.js","./p-CYdt69j5.system.js","./p-DPW1yXt9.system.js","./p-B2EZRfoq.system.js","./p-DIJaXkiE.system.js","./p-CPnR_T0a.system.js","./p-zVLAvre1.system.js","./p-DBOI98r5.system.js","./p-BSgVcCxT.system.js","./p-BbgqQIHv.system.js","./p-_GDmY2H7.system.js","./p-C2j7R11h.system.js","./p-DGsEWFDU.system.js","./p-CQqNJo0D.system.js","./p-D-DawUYF.system.js","./p-CeLaK0Ff.system.js","./p-DW-fW8yR.system.js","./p-Cby4EkFu.system.js","./p-B3GRrRtL.system.js","./p-uV7m6KrY.system.js"],(function(o){"use strict";var e,t,n,s,a,l,i,r,c,d,u,f,h,p,m,b,y,z,g,v,x,w,k,C,_,I,L,S,j,H,P,D,Z,M,B,F,V,O,T,U,W,R,E,A,N,Y,q;return{setters:[function(o){e=o.r;t=o.d;n=o.h;s=o.F;a=o.a;l=o.g},function(o){i=o.b;r=o.d;c=o.j;d=o.e;u=o.k;f=o.c},function(o){h=o.b;p=o.c;m=o.t;b=o.P;y=o.H;z=o.Q;g=o.d;v=o.x;x=o.I},function(o){w=o.s;k=o.c;C=o.a;_=o.b},function(o){I=o.t;L=o.s;S=o.j;j=o.l;H=o.x},function(o){P=o.z},function(o){D=o.h;Z=o.s;M=o.g;B=o.i;F=o.a},function(o){V=o.c},function(o){O=o.g},function(o){T=o.l;U=o.b},function(o){W=o.i;R=o.a},function(o){E=o.c},function(o){A=o.s},function(o){N=o.r},function(o){Y=o.p},function(o){q=o.r},null,null,null,null],execute:function(){var G='<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var Q='<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var X=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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}"};
+/**
+             * Maximum number of retries to pull order info (gap between each retry is 1 second)
+             */var K=30;var J=o("zonos_collect_finish",/** @class */function(){function o(o){var n=this;e(this,o);this.closeClick=t(this,"closeClick",7);
+/**
+                     * The border radius style of the dialog
+                     */this.borderRadius="ROUNDED";
+/**
+                     * The confirmation id for the collect order
+                     */this.confirmationId=null;this.isLoading=true;this.notificationType="success";this.notificationTitle="";this.notificationMessages=[];this.notificationActionText=I("Keep shopping");this.order=null;
+/**
+                     * Is waiting to redirect to a different page
+                     */this.isWaitingToRedirect=true;this.pullOrder=function(){return __awaiter(n,void 0,void 0,(function(){var o,e,t,n,s,a,l,i;return __generator(this,(function(r){switch(r.label){case 0:t=L.checkoutSessionId;n=new URLSearchParams;n.set("checkoutSessionId",t||"");return[4/*yield*/,D("/api/zonos-elements/get-order?".concat(n.toString()))];case 1:s=r.sent(),a=s.baseUrl,l=s.errors,i=s.json;if(l.length||!(i===null||i===void 0?void 0:i.id)){return[2/*return*/,{baseUrl:a,order:null}]}
+// onOrderSuccess callback may be provided on Zonos.init
+return[4/*yield*/,(e=(o=P.checkoutSettings).onOrderSuccess)===null||e===void 0?void 0:e.call(o,{zonosApiRoute:a,zonosOrder:i})];case 2:
+// onOrderSuccess callback may be provided on Zonos.init
+r.sent();return[2/*return*/,{baseUrl:a,order:i}]}}))}))};this.handleSuccessBehavior=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:
+// Do nothing, display Zonos success page
+this.isLoading=false;return[4/*yield*/,this.getPullOrder()];case 1:o.sent();return[2/*return*/]}}))}))};
+// TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
+this.getPullOrder=function(){var o=[];for(var e=0;e<arguments.length;e++){o[e]=arguments[e]}return __awaiter(n,__spreadArray([],o,true),void 0,(function(o){var e,t,n,s,a,l,i,r;if(o===void 0){o=0}return __generator(this,(function(c){switch(c.label){case 0:if(o===0){T("=== Start to poll for order info","info")}return[4/*yield*/,this.pullOrder()];case 1:n=c.sent(),s=n.baseUrl,a=n.order;l=!!((t=(e=a===null||a===void 0?void 0:a.references)===null||e===void 0?void 0:e.find((function(o){return(o===null||o===void 0?void 0:o.key)==="zonosOrderNumber"})))===null||t===void 0?void 0:t.value);i=L.checkoutSessionId;r=parseFloat(new URLSearchParams(window.location.search).get("maxPollingRetries")||"0")||K;T("=== Polling order (".concat(o," attemps)"),"info");if(!
+// Order found, in legacy checkout facade and still haven't found the legacy order number
+a)
+// Order found, in legacy checkout facade and still haven't found the legacy order number
+return[3/*break*/,2];T("=== CollectOrder info found","info");if(o>10){
+// Log out all the logs if we have tried more than 10 times
+void Z({endpoint:"".concat(s,"/api/zonos-elements/get-order?checkoutSessionId=").concat(i,"&orderId=").concat(a.id),errors:["Collect order found after ".concat(o," attempts")],metadata:{allLogs:U,checkoutSessionId:L.checkoutSessionId||"",orderId:a.id,storeId:P.storeId}})}this.order=a;return[3/*break*/,6];case 2:if(!((!a||!l)&&o<r))return[3/*break*/,5];
+// Wait for 1 second before the next attempt
+return[4/*yield*/,new Promise((function(o){return setTimeout(o,1e3)}))];case 3:
+// Wait for 1 second before the next attempt
+c.sent();return[4/*yield*/,this.getPullOrder(o+1)];case 4:c.sent();return[3/*break*/,6];case 5:void Z({endpoint:"".concat(s,"/api/zonos-elements/get-order?checkoutSessionId=").concat(i),errors:["Collect order not found after ".concat(r," attempts")],metadata:{allLogs:U,checkoutSessionId:L.checkoutSessionId||"",storeId:P.storeId}});c.label=6;case 6:return[2/*return*/]}}))}))};this.checkStripePaymentStatus=function(){return __awaiter(n,void 0,void 0,(function(){var o,e,t,n,s,a,l,i,r;return __generator(this,(function(c){switch(c.label){case 0:o=new URLSearchParams(window.location.search).get("payment_intent_client_secret")||h.clientSecret;if(!(o||this.storybookForceStatus))return[3/*break*/,4];return[4/*yield*/,p({clientSecret:o,storybookForceStatus:this.storybookForceStatus})];case 1:e=c.sent(),t=e.error,n=e.messages,s=e.status;a=s==="requires_action"||t;this.notificationType=a?"error":"success";this.notificationMessages=n||[];this.notificationTitle=a?I("Payment failed"):I("You're all set!");T("=== Payment intent retrieve status","info",{clientSecret:o,error:t,messages:n,status:s});l=new URL(window.location.href);l.searchParams.delete("payment_intent_client_secret");l.searchParams.delete("payment_intent");l.searchParams.delete("redirect_status");
+// Clean up the url if it's a redirect behavior
+l.searchParams.delete("zonosCheckoutSessionId");window.history.replaceState({},"",l.toString());if(!(t&&(n===null||n===void 0?void 0:n.length)))return[3/*break*/,2];w({event:"zonos-checkout-payment-fail"});void Z({endpoint:"Stripe payment failed",errors:['Payment intent "'.concat(o.split("_secret_")[0]||o,'" status: ').concat(s," - checkout session: ").concat(L.checkoutSessionId)],metadata:{allLogs:U,credentialToken:window.Zonos.zonosApiKey}});return[3/*break*/,4];case 2:w({event:"zonos-checkout-success"});i=L.checkoutSessionId;void m({checkoutSessionId:i,eventName:"checkout_orderCompleted"});r=V("zonos-checkout-success",{message:"Zonos Checkout successfully processed order"});document.dispatchEvent(r);
+// wait this to finish before resetting store and checkout session id
+return[4/*yield*/,this.handleSuccessBehavior()];case 3:
+// wait this to finish before resetting store and checkout session id
+c.sent();c.label=4;case 4:
+// Make sure to stop the loading spinner even when there's an error
+this.isLoading=false;
+// reset promo when checkout is finished
+b();y();L.checkoutSessionId=null;return[2/*return*/]}}))}))};
+/**
+                     * Resolve the Airwallex payment intent id, preferring the value already in the
+                     * store and falling back to re-fetching the collect checkout session (e.g. when
+                     * the page was reloaded after a redirect).
+                     */this.getAirwallexSessionInfo=function(){return __awaiter(n,void 0,void 0,(function(){var o,e,t;return __generator(this,(function(n){switch(n.label){case 0:
+// When the payment intent id is already in the store (e.g. the drop-in just
+// succeeded this session), there's no completed session to re-fetch.
+if(i.paymentIntentId){return[2/*return*/,{isCompleted:false,paymentIntentId:i.paymentIntentId}]}o=L.checkoutSessionId;if(!o){return[2/*return*/,{isCompleted:false,paymentIntentId:null}]}return[4/*yield*/,D("/api/zonos-elements/collect/get-checkout-session",{body:{checkoutSessionId:o},method:"POST"})];case 1:e=n.sent().json;t=e===null||e===void 0?void 0:e.checkoutSession;return[2/*return*/,{
+// A completed session (or one with an order attached) is already paid.
+isCompleted:!!((t===null||t===void 0?void 0:t.completedAt)||(t===null||t===void 0?void 0:t.order)),paymentIntentId:(t===null||t===void 0?void 0:t.paymentIntentId)||null}]}}))}))};this.checkAirwallexPaymentStatus=function(){return __awaiter(n,void 0,void 0,(function(){var o,e,t,n,s,a,l,f,h,p,z;return __generator(this,(function(g){switch(g.label){case 0:o=i.paymentConfirmed;e=this.storybookForceStatus==="succeeded";return[4/*yield*/,this.getAirwallexSessionInfo()];case 1:t=g.sent(),n=t.isCompleted,s=t.paymentIntentId;if(!s)return[3/*break*/,3];return[4/*yield*/,r(s)];case 2:l=g.sent();return[3/*break*/,4];case 3:l={status:null};g.label=4;case 4:a=l.status;f=o||e||n||d(a);h=(o||e||n?c("SUCCEEDED"):c(a)).messages;T("=== Airwallex payment intent retrieve status","info",{forcedSuccess:e,isCompleted:n,isPaid:f,paymentIntentId:s,sdkConfirmed:o,status:a});this.notificationType=f?"success":"error";this.notificationTitle=f?I("You're all set!"):I("Payment failed");this.notificationMessages=h;if(!f)return[3/*break*/,6];w({event:"zonos-checkout-success"});p=L.checkoutSessionId;void m({checkoutSessionId:p,eventName:"checkout_orderCompleted"});z=V("zonos-checkout-success",{message:"Zonos Checkout successfully processed order"});document.dispatchEvent(z);
+// wait this to finish before resetting store and checkout session id
+return[4/*yield*/,this.handleSuccessBehavior()];case 5:
+// wait this to finish before resetting store and checkout session id
+g.sent();return[3/*break*/,7];case 6:w({event:"zonos-checkout-payment-fail"});void Z({endpoint:"Airwallex payment failed",errors:['Payment intent "'.concat(s,'" status: ').concat(a," - checkout session: ").concat(L.checkoutSessionId)],metadata:{allLogs:U,credentialToken:window.Zonos.zonosApiKey}});g.label=7;case 7:
+// Make sure to stop the loading spinner even when there's an error
+this.isLoading=false;
+// reset promo when checkout is finished
+b();y();u();L.checkoutSessionId=null;return[2/*return*/]}}))}))};this.checkStagingOrderStatus=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.notificationType="success";this.notificationTitle=I("You're all set!");this.notificationMessages=z("succeeded").messages;return[4/*yield*/,this.handleSuccessBehavior()];case 1:o.sent();
+// reset promo when checkout is finished
+b();y();k();L.checkoutSessionId=null;return[2/*return*/]}}))}))};this.checkPaypalPaymentStatus=function(){return __awaiter(n,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:
+// render error message if there's an error
+if(C.paypalErrorMessage){this.notificationType="error";this.notificationTitle=I("Payment failed");this.notificationMessages=[C.paypalErrorMessage];this.isLoading=false;return[2/*return*/]}
+// show success message right away when order id is already created
+this.isLoading=false;if(!C.orderIdCreated)return[3/*break*/,2];w({event:"zonos-checkout-success"});o=L.checkoutSessionId;void m({checkoutSessionId:o,eventName:"checkout_orderCompleted"});this.notificationType="success";this.notificationTitle=I("You're all set!");this.notificationMessages=z("succeeded").messages;
+// wait this to finish before resetting store and checkout session id
+return[4/*yield*/,this.handleSuccessBehavior()];case 1:
+// wait this to finish before resetting store and checkout session id
+e.sent();e.label=2;case 2:
+// reset promo when checkout is finished
+b();y();k();L.checkoutSessionId=null;return[2/*return*/]}}))}))};this.getReceiptUrl=function(o){var e=o.cartId;var t=new URL("".concat(window.location.origin,"/receipt"));t.searchParams.set("referenceId",e);
+// is test mode
+var n=M();if(n){t.searchParams.set("zonosTestMode","1")}
+// Carry over the zonosQaUrl if it exists
+var s=new URLSearchParams(window.location.search).get("zonosQaUrl");if(s){t.searchParams.set("zonosQaUrl",s)}return t.toString()}}o.prototype.componentDidLoad=function(){if(this.overrideNotification){
+// just show the notification and don't check any of the payment status
+this.notificationType=this.overrideNotification.type;this.notificationTitle=this.overrideNotification.title;this.notificationMessages=this.overrideNotification.messages;this.isLoading=false;return}if(g.isStagingMode){void this.checkStagingOrderStatus()}else if(f.paymentProcessor==="AIRWALLEX"){void this.checkAirwallexPaymentStatus()}else if(C.orderIdCreated){void this.checkPaypalPaymentStatus()}else{void this.checkStripePaymentStatus()}};o.prototype.render=function(){var o=this;var e=window.Zonos.cartId;return n(a,{key:"af26499a2062cf495d4c46a7763ed988a4da0669",class:"zonos--checkout-finish zonos--elements",style:{"--zonos--border-radius":O({overrideBorderStyle:this.borderRadius})}},!this.isLoading&&n("div",{key:"54fb28be3daee7dd1d63f1dcbdb9a84354fcdb6c",class:"zonos--finish-details"},n("div",{key:"9c71e5dbd23e613e1038924f14c0465d94dbad07",class:"zonos--group"},this.notificationType==="success"?n("zonos-icon",{"aria-label":"Order success",content:Q,iconColor:"blue-800",size:50}):n("zonos-icon",{"aria-label":"Order failed",content:G,iconColor:"red-800",size:50}),n("zonos-text",{key:"3285f4bb8854d5bab6eef487d2b2ae3556794998",class:"zonos--title",type:"semiBoldSubheader"},this.notificationTitle),this.confirmationId&&n("zonos-badge",{key:"4cecd6f15ed26fe1e525c01a48e3961845e6f6d8",badgeColor:"gray"},this.confirmationId),n("zonos-text",{key:"dd7c4011d4d7f92fcd19d53e945adf42f2b3f05e",class:"zonos--subtitle",textColor:"gray-600"},this.notificationMessages.map((function(o){return n(s,null,o,n("br",null))}))),this.order&&e&&n("div",{key:"a11bd49a754d32dd15dc34f2311f9706d459f07b",class:"zonos--button-container"},n("zonos-button",{key:"305bcf958a1772cc123414285522e9e0f0b1a839",onClick:function(){window.open(o.getReceiptUrl({cartId:e}),"_blank")},size:"lg",variant:"primary"},I("View receipt"))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());J.style=X();var $='<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 oo='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM11.4709 5.80634C11.7686 5.53723 11.9541 5.5 12 5.5C12.0459 5.5 12.2314 5.53723 12.5291 5.80634C12.8115 6.06164 13.1289 6.46913 13.4271 7.03651C13.9505 8.03191 14.3838 9.46098 14.48 11.25H9.51996C9.61624 9.46098 10.0495 8.03191 10.5729 7.03651C10.8711 6.46913 11.1885 6.06164 11.4709 5.80634ZM8.01802 11.25C8.11591 9.23031 8.60319 7.55958 9.24516 6.33849C9.29983 6.23451 9.35585 6.13335 9.41312 6.03514C7.32916 6.94017 5.81218 8.90533 5.5428 11.25H8.01802ZM5.5428 12.75H8.01802C8.11591 14.7697 8.60319 16.4404 9.24516 17.6615C9.29983 17.7655 9.35585 17.8666 9.41312 17.9649C7.32916 17.0598 5.81218 15.0947 5.5428 12.75ZM9.51996 12.75H14.48C14.3838 14.539 13.9505 15.9681 13.4271 16.9635C13.1289 17.5309 12.8115 17.9384 12.5291 18.1937C12.2314 18.4628 12.0459 18.5 12 18.5C11.9541 18.5 11.7686 18.4628 11.4709 18.1937C11.1885 17.9384 10.8711 17.5309 10.5729 16.9635C10.0495 15.9681 9.61624 14.539 9.51996 12.75ZM15.982 12.75C15.8841 14.7697 15.3968 16.4404 14.7548 17.6615C14.7002 17.7655 14.6441 17.8666 14.5869 17.9649C16.6708 17.0598 18.1878 15.0947 18.4572 12.75H15.982ZM18.4572 11.25C18.1878 8.90533 16.6708 6.94017 14.5869 6.03514C14.6441 6.13335 14.7002 6.23451 14.7548 6.33849C15.3968 7.55958 15.8841 9.23031 15.982 11.25H18.4572Z" fill="currentColor"/>\n</svg>\n';var eo='<svg width="43" height="10" viewBox="0 0 43 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.35896 0.0640869H0.30768C0.166068 0.0640869 0.0512695 0.178886 0.0512695 0.320497V1.85896C0.0512695 2.00057 0.166068 2.11537 0.30768 2.11537H4.44439C4.54964 2.11537 4.61005 2.2352 4.54745 2.31982L0.151823 8.2615C0.0865163 8.34978 0.0512695 8.45669 0.0512695 8.56649V9.67947C0.0512695 9.82108 0.166068 9.93588 0.30768 9.93588H7.35896C7.50057 9.93588 7.61537 9.82108 7.61537 9.67947V8.14101C7.61537 7.9994 7.50057 7.8846 7.35896 7.8846H3.22226C3.117 7.8846 3.05659 7.76477 3.11919 7.68015L7.51482 1.73847C7.58013 1.65019 7.61537 1.54328 7.61537 1.43348V0.320497C7.61537 0.178886 7.50057 0.0640869 7.35896 0.0640869Z" fill="var(--zonos-elements-gray-800)"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.718 0C10.1602 0 8.89746 1.26279 8.89746 2.82051V7.17949C8.89746 8.73721 10.1602 10 11.718 10H13.6411C15.1988 10 16.4616 8.73721 16.4616 7.17949V2.82051C16.4616 1.26279 15.1988 0 13.6411 0H11.718ZM11.718 2.05128C11.2931 2.05128 10.9487 2.39568 10.9487 2.82051V7.17949C10.9487 7.60432 11.2931 7.94872 11.718 7.94872H13.6411C14.0659 7.94872 14.4103 7.60432 14.4103 7.17949V5V2.82051C14.4103 2.39568 14.0659 2.05128 13.6411 2.05128H11.718Z" fill="var(--zonos-elements-gray-800)"/>\n<path d="M17.7437 0.436316V9.71132C17.7437 9.85293 17.8585 9.96773 18.0001 9.96773H19.5385C19.6801 9.96773 19.7949 9.85293 19.7949 9.71132V3.74801C19.7949 3.44829 19.969 3.17587 20.241 3.04996L22.1641 2.15964C22.6739 1.92363 23.2565 2.29592 23.2565 2.85769V9.71132C23.2565 9.85293 23.3713 9.96773 23.5129 9.96773H25.0513C25.193 9.96773 25.3078 9.85293 25.3078 9.71132V2.85595C25.3078 0.79631 23.1718 -0.568775 21.3027 0.296257L19.9742 0.911055C19.8685 0.959946 19.7432 0.931536 19.669 0.84187L19.2748 0.365697C19.1773 0.248019 19.0325 0.179905 18.8797 0.179905H18.0001C17.8585 0.179905 17.7437 0.294704 17.7437 0.436316Z" fill="var(--zonos-elements-gray-800)"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4104 0C27.8526 0 26.5898 1.26279 26.5898 2.82051V7.17949C26.5898 8.73721 27.8526 10 29.4104 10H31.3334C32.8912 10 34.1539 8.73721 34.1539 7.17949V2.82051C34.1539 1.26279 32.8912 0 31.3334 0H29.4104ZM29.4104 2.05128C28.9855 2.05128 28.6411 2.39568 28.6411 2.82051V7.17949C28.6411 7.60432 28.9855 7.94872 29.4104 7.94872H31.3334C31.7583 7.94872 32.1027 7.60432 32.1027 7.17949V2.82051C32.1027 2.39568 31.7583 2.05128 31.3334 2.05128H29.4104Z" fill="var(--zonos-elements-gray-800)"/>\n<path d="M38.2085 0.0640869H40.3889C41.8309 0.0640869 42.9999 1.23306 42.9999 2.67506C42.9999 2.79477 42.9108 2.89574 42.792 2.91059L41.1732 3.11293C41.054 3.12784 40.9486 3.03485 40.9486 2.91466C40.9486 2.47322 40.5908 2.11537 40.1493 2.11537H38.3397C37.8688 2.11537 37.4871 2.49712 37.4871 2.96803C37.4871 3.3685 37.7658 3.71501 38.1569 3.80087L40.7916 4.37922C42.0811 4.66229 42.9999 5.80462 42.9999 7.12486C42.9999 8.67735 41.7414 9.93588 40.1889 9.93588H38.0468C36.6048 9.93588 35.4358 8.76691 35.4358 7.32491C35.4358 7.2052 35.5249 7.10423 35.6437 7.08938L37.2625 6.88703C37.3817 6.87213 37.4871 6.96512 37.4871 7.08531C37.4871 7.52675 37.8449 7.8846 38.2864 7.8846H40.1176C40.5765 7.8846 40.9486 7.51252 40.9486 7.05354C40.9486 6.67478 40.6925 6.34394 40.3258 6.24901L37.5136 5.52093C36.2902 5.20422 35.4358 4.10042 35.4358 2.83676C35.4358 1.30545 36.6772 0.0640869 38.2085 0.0640869Z" fill="var(--zonos-elements-gray-700)"/>\n</svg>\n';var to=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{position:absolute;bottom:0;left:32px;right:32px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--collect-footer{gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center;width:100%}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo a{line-height:0}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper a{text-decoration:none}:host .zonos--collect-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--collect-footer .zonos--collect-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--collect-footer .zonos--collect-locale-wrapper{gap:4px}}:host .zonos--collect-footer .zonos--collect-locale-wrapper .zonos--collect-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--collect-footer .zonos--collect-language-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);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);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;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}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar{width:10px}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--collect-footer .zonos--collect-language-dialog.zonos--collect-language-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .dot{display:-ms-inline-flexbox;display:inline-flex;background:var(--zonos-elements-gray-400);width:6px;height:6px;border-radius:50%}:host(.mobile),:host(.tablet){background-color:var(--zonos-elements-gray-0);width:100%;position:-webkit-sticky;position:sticky;bottom:0}:host(.tablet) .zonos--collect-footer{width:100%;max-width:800px;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}:host(.mobile) .zonos--collect-locale-wrapper{display:none}:host(.mobile) .zonos--collect-footer{-ms-flex-pack:center;justify-content:center}"};var no=o("zonos_collect_footer",/** @class */function(){function o(o){e(this,o);
+/**
+                     * Override mobile mode
+                     */this.mobile=false;
+/**
+                     * Override tablet mode
+                     */this.tablet=false;this.showLanguageDialog=false;this.isMobile=false;this.isTablet=false}o.prototype.handleGlobalClick=function(o){if(!this.el.contains(o.target)&&this.showLanguageDialog){this.showLanguageDialog=false}};o.prototype.toggleLanguageDialog=function(){this.showLanguageDialog=!this.showLanguageDialog};o.prototype.handleMobileChange=function(){this.isMobile=W(this.mobile)};o.prototype.handleTabletChange=function(){this.isTablet=R(this.tablet)};o.prototype.componentWillLoad=function(){this.isMobile=W(this.mobile);this.isTablet=R(this.tablet)};o.prototype.render=function(){var o=this;var e;
+// label resolves against every language, not just the offered ones, so the current
+// locale always renders even if the merchant later drops it from the selector
+var t=(e=S.find((function(o){return o.code===j.selectedLocale})))===null||e===void 0?void 0:e.label;
+// reverse color when on desktop. With the coversheet backdrop, the color should be white
+var l="gray-1000";return n(a,{key:"7733eba3e2253cc976484a9da290f66afd6ef93d",class:E(["zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"])},n("div",{key:"2c5a058034844d818010f4002704fa17e6fd9a46",class:"zonos--collect-footer"},n("div",{key:"bffe2afd93ca0531b7eea825a7fd69d68b7aa308",class:"zonos--collect-locale-wrapper"},A()&&n(s,{key:"5469f522ea7b4b3f25fd7c0a63e717c29e34a84c"},n("zonos-button",{key:"1c88778482c2960cf2a5e55beeda3f3c7f21b950",buttonColor:l,class:"zonos--collect-footer-language-button",icon:n("zonos-icon",{"aria-label":"Language select",content:oo,iconColor:l}),onClick:function(){return o.toggleLanguageDialog()},variant:"subtle"},n("span",{key:"451485445df5f34ca64a36dddd5007ce9f229173",class:"zonos--collect-locale-label"},t,n("zonos-icon",{key:"a395943215ca541f3db4d3aa6e111c87930a6d08","aria-hidden":"true",class:"zonos--collect-locale-chevron",content:$,iconColor:l,size:18}))),n("div",{key:"46edba3f7fc8f9316b69626872e0cb478e72cbd4",class:E(["zonos--collect-language-dialog",this.showLanguageDialog&&"zonos--collect-language-dialog-open"])},n("zonos-language-select",{key:"e77a7197a218755149ee6b7f3e07a646bc95e930",handleOnClose:function(){return o.toggleLanguageDialog()}})))),n("div",{key:"b18dcfe4f0806f3abb6b5855321381334e5206a7",class:"zonos--collect-footer-icon-wrapper"},n("div",{key:"5c6c376fe1174cec16e9b6c029172138bc8b180a",class:"zonos--collect-footer-logo"},n("zonos-text",{key:"0899e6990f8f37cf2d604ef15ffd3db0571d5389",textColor:l},"Powered by"),n("a",{key:"853891db2db1a4d1297597a9857772503e5b4d10",href:"https://zonos.com",target:"_blank",title:"Zonos website"},n("zonos-icon",{key:"d8731023822bffdec3cfe821c67387df651de13a",autoHeight:true,content:eo,size:42}))),n("div",{key:"ba5ae7870c1ed277142ceccf1d44276270b967d0",class:"dot"}),n("a",{key:"253dd9112d0626981473d0d0a3309cc577ea5b54",href:"https://zonos.com/docs/legal/zonos-privacy-policy",target:"_blank"},n("zonos-text",{key:"a5117f4e2194a4b5d1a5de1696763ca1e174b004",textColor:l},"Privacy policy")))))};Object.defineProperty(o.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{mobile:[{handleMobileChange:0}],tablet:[{handleTabletChange:0}]}},enumerable:false,configurable:true});return o}());no.style=to();var so='<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 ao='<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="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var lo=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{height:100%}:host *{-ms-scroll-chaining:none;overscroll-behavior:contain}:host *::-webkit-scrollbar{width:10px}:host *::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host *::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host *::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--wrapper{overflow:auto;background-color:var(--zonos-elements-gray-50);border-radius:16px;height:100%;min-height:56px}:host .zonos--order-details-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--zonos-elements-gray-50);border:none;display:-ms-flexbox;display:flex;padding:16px 16px 0 16px;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .zonos--order-details-header:focus-visible{outline:none}:host .zonos--order-details-wrapper{position:relative;padding:0 16px 16px 16px}:host .zonos--collect-order-details-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:28px}:host .zonos--collect-order-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}:host .zonos--collect-order-info .zonos--collect-order-details-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}:host .zonos--collect-order-info .zonos--collect-order-details-row>*{-ms-flex:1 1 150px;flex:1 1 150px}:host .zonos--collect-order-info .zonos--collect-order-details-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--collect-order-info .zonos--collect-order-shipping-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}"};var io=o("zonos_collect_order_details",/** @class */function(){function o(o){e(this,o);this.collapseClicked=t(this,"collapseClicked",7);
+/**
+                     * Whether or not the component is being rendered with mobile styles
+                     */this.mobile=true;
+/**
+                     * The landed cost id that is used to fetch the shipping address
+                     */this.landedCostId="";this.isMobile=false;this.collapseState=this.collapsed}o.prototype.handleCollapseChangeFromProp=function(o){this.collapseState=o};o.prototype.handleCollapseChange=function(o){this.collapseClicked.emit(o)};o.prototype.handleWindowResize=function(){this.isMobile=B(this.mobile)};o.prototype.componentWillLoad=function(){this.handleWindowResize()};o.prototype.renderShippingAddress=function(){if(f.isFetchingShippingInfo){return n("div",{class:"zonos--collect-order-details-column"},n("zonos-text",{type:"smallHeader"},n("zonos-skeleton",{skeletonWidth:"99px"})),n("div",{class:"zonos--collect-order-shipping-info"},n("zonos-skeleton",{skeletonWidth:"152px"}),n("zonos-h-stack",{spacing:8},n("zonos-skeleton",{skeletonWidth:"75px"}),n("zonos-skeleton",{skeletonWidth:"75px"})),n("zonos-skeleton",{skeletonWidth:"50px"})))}var o=f.shippingAddress;if(!o){return null}return n("div",{class:"zonos--collect-order-details-column"},n("zonos-text",{type:"smallHeader"},I("Shipping address")),n("div",{class:"zonos--collect-order-shipping-info"},[[o.location.line1,o.location.line2].filter(Boolean).join(" "),[o.location.locality,o.location.administrativeAreaCode,o.location.postalCode].filter(Boolean).join(", "),o.location.countryCode].map((function(o){return n("zonos-text",null,o)}))))};o.prototype.render=function(){var o=this;var e=function(){if(o.collapseState){return n("zonos-icon",{"aria-label":"Collapse expanded section",content:so,iconColor:"gray-1200"})}return n("zonos-icon",{"aria-label":"Expand collapsed section",content:ao,iconColor:"gray-1200"})};return n(a,{class:E(["zonos--collect-order-details zonos--elements",this.isMobile&&"mobile"])},n("div",{class:"zonos--wrapper"},n("button",{class:"zonos--order-details-header",onClick:function(){o.collapseState=!o.collapseState},type:"button"},n("zonos-text",{type:"semiBoldLabel"},I("Shipment details")),e()),n("div",{class:"zonos--order-details-wrapper"},n("zonos-collapse",{collapsed:this.collapseState},n("div",{class:"zonos--collect-order-details-content"},n("zonos-collect-cart-items",null),n("div",{class:"zonos--collect-order-info"},n("div",{class:"zonos--collect-order-details-row"},f.amountTotalPaid!==null&&n("div",{class:"zonos--collect-order-details-column"},n("zonos-text",{type:"smallHeader"},I("Total paid")),n("zonos-text",null,N({amount:f.amountTotalPaid||0,isForeign:true}))),f.originCompanyName&&n("div",{class:"zonos--collect-order-details-column"},n("zonos-text",{type:"smallHeader"},I("Ordered from")),n("zonos-text",null,f.originCompanyName||""))),this.renderShippingAddress()))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{collapsed:[{handleCollapseChangeFromProp:0}],collapseState:[{handleCollapseChange:0}]}},enumerable:false,configurable:true});return o}());io.style=lo();var ro='<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M15.342 10.21a.75.75 0 0 0-1.184-.92l-2.978 3.829-1.4-1.4a.75.75 0 1 0-1.06 1.061l1.8 1.8a1 1 0 0 0 1.496-.093l3.326-4.277Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>';var co='<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M14.475 10.586a.75.75 0 1 0-1.06-1.06L12 10.938l-1.414-1.414a.75.75 0 0 0-1.06 1.06L10.938 12l-1.414 1.414a.75.75 0 1 0 1.06 1.06L12 13.062l1.414 1.414a.75.75 0 0 0 1.06-1.06L13.062 12l1.414-1.414Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>';var uo=function(){return".sc-zonos-collect-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-payment-h *.sc-zonos-collect-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-payment-h img.sc-zonos-collect-payment{max-width:100%}.sc-zonos-collect-payment-h dl.sc-zonos-collect-payment,.sc-zonos-collect-payment-h dd.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h1.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h2.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h3.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h4.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h5.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h6.sc-zonos-collect-payment,.sc-zonos-collect-payment-h hr.sc-zonos-collect-payment,.sc-zonos-collect-payment-h figure.sc-zonos-collect-payment,.sc-zonos-collect-payment-h p.sc-zonos-collect-payment,.sc-zonos-collect-payment-h pre.sc-zonos-collect-payment{margin:0}.sc-zonos-collect-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-payment-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-collect-payment-h .zonos--title.sc-zonos-collect-payment{margin-bottom:24px}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment{margin-bottom:20px;overflow:visible;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-collect-payment-h .zonos--payment-error-banner.sc-zonos-collect-payment{margin-bottom:8px}.sc-zonos-collect-payment-h .zonos--error-banner.sc-zonos-collect-payment{margin-bottom:16px}.sc-zonos-collect-payment-h zonos-button.sc-zonos-collect-payment{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-collect-payment-h .zonos--pay-in-base-currency-btn.sc-zonos-collect-payment{-webkit-box-shadow:none;box-shadow:none}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:12px;bottom:-4px;padding-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-text.sc-zonos-collect-payment{text-align:center}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-button.sc-zonos-collect-payment{width:100%}.sc-zonos-collect-payment-h .zonos--test-cards.sc-zonos-collect-payment{margin-top:auto;padding-top:16px}"};var fo=o("zonos_collect_payment",/** @class */function(){function o(o){var n=this;e(this,o);this.continueClicked=t(this,"continueClicked",7);this.paypalSessionFailed=t(this,"paypalSessionFailed",7);this.paypalSessionDone=t(this,"paypalSessionDone",7);this.airwallexPaymentDone=t(this,"airwallexPaymentDone",7);this.storeUnsubscribeList=[];
+/**
+                     * Whether or not the continue button is loading
+                     */this.continueLoading=false;
+/**
+                     * Show error banner when the form is not complete, and user clicks on `Submit` button
+                     * @default false
+                     */this.showErrorBanner=false;
+/**
+                     * Show payment error banner when the payment is failed
+                     */this.hasStripePaymentError=false;
+/**
+                     * Error message when the staging order creation is failed
+                     */this.stagingOrderCreateErrorMessage="";
+/**
+                     * Internal state to handle continue loading
+                     */this.internalContinueLoading=this.continueLoading;this.handleValidate=function(){var o;return!!((o=h.stripePaymentEventData)===null||o===void 0?void 0:o.complete)};
+/**
+                     * handler for continue button click
+                     */this.continueClickHandler=function(o){return __awaiter(n,[o],void 0,(function(o){var e,t;var n=this;var s=o.currencyCode;return __generator(this,(function(o){if(!this.handleValidate()){
+// Attempt to get the value of the billing address element to validate the form
+void((e=h.stripeBillingAddressElement)===null||e===void 0?void 0:e.getValue());this.showErrorBanner=true;
+// Attempt to submit the form so the missing input error will be shown in Stripe
+void((t=h.stripeElements)===null||t===void 0?void 0:t.submit());setTimeout((function(){var o;(o=n.ele.querySelector("zonos-banner"))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth"})}),10);return[2/*return*/]}h.checkoutSettlementCurrency=s;
+// submit google tag when the form is complete
+w({event:"zonos-checkout-payment-info"});this.continueClicked.emit();return[2/*return*/]}))}))};this.copyCardToClipboard=function(o){return __awaiter(n,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);return[4/*yield*/,navigator.clipboard.writeText(o)];case 1:n.sent();return[3/*break*/,3];case 2:e=n.sent();t=document.createElement("textarea");t.style.position="fixed";t.style.left="-1000px";t.style.top="-1000px";t.style.width="1px";t.style.height="1px";t.value=o;t.id="zonos-copy-card-number";document.body.appendChild(t);t.select();
+// Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
+// eslint-disable-next-line deprecation/deprecation
+document.execCommand("copy");document.body.removeChild(t);return[3/*break*/,3];case 3:window.Zonos.showNotification({message:I("Card number copied to clipboard"),timeout:4e3,type:"success"});return[2/*return*/]}}))}))};this.placeTestOrder=function(){return __awaiter(n,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:this.internalContinueLoading=true;return[4/*yield*/,Y()];case 1:o=e.sent().errors;if(o.length){this.stagingOrderCreateErrorMessage=o[0]||"Failed to create staging order. Please try again.";this.internalContinueLoading=false;return[2/*return*/]}this.internalContinueLoading=false;
+// continue to the next step
+v();return[2/*return*/]}}))}))}}o.prototype.continueLoadingWatcher=function(){this.internalContinueLoading=this.continueLoading};o.prototype.stripePaymentErrorWatcher=function(){var o=this;if(this.hasStripePaymentError){setTimeout((function(){var e;
+// scroll to the top of the page when the payment error is shown
+(e=o.ele.querySelector("zonos-banner"))===null||e===void 0?void 0:e.scrollIntoView({behavior:"smooth"})}),50)}};o.prototype.componentWillLoad=function(){this.storeUnsubscribeList=[x("currency",(function(){
+// start init paypal with the presentment currency when landed cost is fetched
+void _({currency:g.currency})}))];
+// start init paypal with the presentment currency when landed cost is fetched
+void _({currency:g.currency})};o.prototype.disconnectedCallback=function(){this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.render=function(){var o=this;var e;
+// Airwallex (05CHECK-860) renders its own drop-in element which collects the
+// payment details and exposes its own pay button, so it bypasses the Stripe
+// elements/client-secret guards and the Stripe continue buttons below.
+if(f.paymentProcessor==="AIRWALLEX"){return n(a,{class:"zonos--checkout-payment zonos--elements"},n("div",{class:"zonos--group"},n("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},I("Payment method")),n("zonos-airwallex-payment",{onAirwallexPaymentSuccess:function(){return o.airwallexPaymentDone.emit()}})))}this.hasStripePaymentError=h.hasPaymentError;if(!h.stripeElements){return null}if(!h.clientSecret){return null}
+// start validate on typing after error banner is shown, and hide it if the form is complete
+if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}var t=M();var l=g.isStagingMode||F();var i=((e=h.stripePaymentEventData)===null||e===void 0?void 0:e.value.type)==="external_paypal";var r=function(){if(l){
+// If in mobile, use the theme from the store since the UI is solely by theme
+var e=P.appearance.theme;return n(s,null,o.stagingOrderCreateErrorMessage&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},o.stagingOrderCreateErrorMessage),n("zonos-empty-state-payment",{emptyStateText:I("No payment method needed for staging"),theme:e}),n("div",{class:"zonos--group-btn"},n("zonos-button",{backgroundColor:o.submitBtnColor,loading:o.internalContinueLoading,onClick:function(){void o.placeTestOrder()},size:"lg",
+// use primary type when on mobile mode
+variant:o.submitBtnType},I("Place test order"))))}if(h.isFetchingSession||f.isFetchingShippingInfo){return null}return n(s,null,o.showErrorBanner&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},I("Missing required fields. Make sure all fields are completed.")),o.hasStripePaymentError&&n("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},h.customErrorMessage||I("We couldn't complete your payment. Please verify the payment details and try again.")),C.paypalErrorMessage&&n("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},C.paypalErrorMessage),n("zonos-payment",null),n("div",{class:"zonos--group-btn"},!i&&n(s,null,n("zonos-button",{backgroundColor:o.submitBtnColor,bold:true,isDisabled:o.continueLoading&&h.checkoutSettlementCurrency==="USD",loading:o.continueLoading&&h.checkoutSettlementCurrency!=="USD",onClick:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!g.checkoutSession){T("Checkout session is not found");return[2/*return*/]}return[4/*yield*/,this.continueClickHandler({currencyCode:g.checkoutSession.subtotals.presentmentCurrencyCode})];case 1:o.sent();return[2/*return*/]}}))}))},size:"lg",
+// use primary type when on mobile mode
+variant:o.submitBtnType},I("Pay [orderTotal]",{orderTotal:N({amount:f.amountDutyTaxFeeTotal||0,isForeign:true})})),h.shouldRenderPayInUsdButton&&n("zonos-button",{class:"zonos--pay-in-base-currency-btn",isDisabled:o.continueLoading&&h.checkoutSettlementCurrency!=="USD",loading:o.continueLoading&&h.checkoutSettlementCurrency==="USD",onClick:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4/*yield*/,this.continueClickHandler({currencyCode:"USD"})];case 1:o.sent();return[2/*return*/]}}))}))},size:"lg",variant:"subtle"},I("Click to pay in USD"))),n("zonos-paypal-payment",{onPaypalSessionDone:function(e){var t=e.detail.orderId;o.paypalSessionDone.emit(t)},onPaypalSessionFail:function(){return o.paypalSessionFailed.emit()},style:{display:i?"block":"none"}})),t&&n("zonos-card",{backgroundColor:"gray-100",borderRadius:12,class:"zonos--test-cards"},n("zonos-v-stack",{spacing:16},n("div",null,n("zonos-text",{type:"semiBoldLabel"},I("Test cards")),n("zonos-text",{textColor:"gray-700"},I("Click to copy the card number. Use any future expiration date and three number CVC."))),n("zonos-button",{icon:n("zonos-icon",{content:ro}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4242424242424242")}},I("Success")," (****4242)"),n("zonos-button",{icon:n("zonos-icon",{content:co}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4000000000000002")}},I("Failure")," (****0002)")),n("zonos-notification",null)))};return n(a,{class:"zonos--checkout-payment zonos--elements"},n("div",{class:"zonos--group"},n("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},I("Payment method")),r()))};Object.defineProperty(o.prototype,"ele",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{continueLoading:[{continueLoadingWatcher:0}],hasStripePaymentError:[{stripePaymentErrorWatcher:0}]}},enumerable:false,configurable:true});return o}());fo.style=uo();var ho=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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay zonos-text{-ms-flex-negative:0;flex-shrink:0}:host .zonos--total-pay::after{content:"";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}'};var po=o("zonos_collect_review",/** @class */function(){function o(o){e(this,o);
+/**
+                     * Whether or not the component is being rendered with mobile styles
+                     */this.mobile=false;
+/**
+                     * Whether or not the component is being rendered with tablet styles
+                     */this.tablet=false;
+/**
+                     * Whether or not to show the collapse icon
+                     * This is controled from the collapsed state of the zonos-collapse component
+                     * to show the collapse icon
+                     */this.collapsed=false;this.isMobile=false;this.isTablet=false;this.isLoading=true}o.prototype.handleWindowResize=function(){this.isMobile=W(this.mobile);this.isTablet=R(this.tablet)};o.prototype.componentWillLoad=function(){var o=this;this.handleWindowResize();
+// Wait for the data to load
+setTimeout((function(){o.isLoading=false}),1e3)};o.prototype.render=function(){var o=this.isMobile?"gray-1000":"gray-800";return n(a,{key:"2ed81c7a0a16b9414fe1ce3799efa3b85679f982",class:E(["zonos--collect-review zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"])},n("div",{key:"fcf9fbc8dd807289bcd1c70406495b0c3396bfb8",class:"zonos--title"},n("zonos-text",{key:"44cfb3b82b8e617687c212e108cacafb45713243",textColor:o,type:"semiBoldLabel"},I("Pay [organizationName] duties, taxes and fees for your shipment",{organizationName:P.organizationName}))),n("div",{key:"5472a1ccc61b49ce8c9578a4c3f801386cab1e7d",class:"zonos--total-pay"},q({content:n("zonos-text",{type:"secondaryPageHeader"},N({amount:f.amountDutyTaxFeeTotal||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"36px",skeletonWidth:"150px"})))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());po.style=ho();var mo=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{position:-webkit-sticky;position:sticky;bottom:60px}:host .zonos--collect-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--collect-table .zonos--column{padding:8px 8px;vertical-align:top}:host .zonos--collect-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--collect-table .zonos--column:first-child{width:60px;max-width:100px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--collect-subtotal-price{text-align:right}:host .zonos--collect-subtotal-price zonos-text{white-space:nowrap}:host .zonos--collect-total .zonos--column{padding:16px 0}:host .zonos--collect-total-subtotal .zonos--collect-subtotal-title,:host .zonos--collect-total-subtotal .zonos--collect-subtotal-price{border-bottom:1px solid var(--zonos-elements-gray-200)}:host .zonos--collect-subtotal-price zonos-text,:host .zonos--collect-pay-total zonos-text{white-space:nowrap}"};var bo=o("zonos_collect_subtotal",/** @class */function(){function o(o){var t=this;e(this,o);this.storeUnsubscribeList=[];this.subtotals={};this.initSubtotalData=function(){var o;var e;var n=(e=g.checkoutSession)===null||e===void 0?void 0:e.subtotals;if(!n){return}
+// Some countries have same name for duties, taxes and fees in their language. If that happens, we need to group their values by name
+var s=I("Duties");var a=I("Taxes");var l=I("Fees");var i=(o={},o[s]=0,o[l]=0,o[a]=0,o);var r=n.duties;var c=n.taxes;var d=n.fees;if(r!==undefined){i[s]||(i[s]=0);i[s]+=r}if(c!==undefined){i[a]||(i[a]=0);i[a]+=c}if(d!==undefined){i[l]||(i[l]=0);i[l]+=d}t.subtotals=i}}o.prototype.disconnectedCallback=function(){this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.componentWillLoad=function(){this.storeUnsubscribeList=[x("checkoutSession",this.initSubtotalData),H("translatedChunks",this.initSubtotalData)]};o.prototype.render=function(){this.initSubtotalData();return n(a,{key:"f014c2ae733fe652d7d74349c0e12f93f46d71f5",class:"zonos--collect-subtotal zonos--elements"},n("table",{key:"0bab186aa957c29f026151f5a112ff66bb42cb04",class:"zonos--collect-table"},!!this.subtotals[I("Duties")]&&n("tr",{key:"97c24d5f179f5b59bcb91bc156b1d3e15b811262",class:"zonos--row zonos--collect-duty"},n("td",{key:"cba67296a6d17c0cd665981eb19ba95706f68843",class:"zonos--column zonos--collect-subtotal-title"},n("zonos-text",{key:"6665f531a8656c4a1e0f9761d919c150587a36fb",type:"semiBoldLabel"},I("Duties"))),n("td",{key:"20aeeee1fde0e63aaa168f32a5400ea82758a14c",class:"zonos--column"}),n("td",{key:"14994ca56e814f68fa3511098f5299a0942a295a",class:"zonos--column zonos--collect-subtotal-price"},q({content:n("zonos-text",{type:"label"},N({amount:this.subtotals[I("Duties")]||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"14px",skeletonWidth:"150px"}))),!!this.subtotals[I("Taxes")]&&n("tr",{key:"cbbe4ddf13aabca9ff86b21317b067191f4155b8",class:"zonos--row zonos--collect-tax"},n("td",{key:"675a36a92e136f3afd1960616e842e152cba6256",class:"zonos--column zonos--collect-subtotal-title"},n("zonos-text",{key:"8896868f1e7f545d5b92c148a0f9812936ac2a9a",type:"semiBoldLabel"},I("Taxes"))),n("td",{key:"8a4c29f6d2d513fd7da8be7b1ab695794f3a99ab",class:"zonos--column"}),n("td",{key:"c15f7a872e59cce222a674acb55388dd18bfb74a",class:"zonos--column zonos--collect-subtotal-price"},q({content:n("zonos-text",{type:"label"},N({amount:this.subtotals[I("Taxes")]||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"14px",skeletonWidth:"150px"}))),!!this.subtotals[I("Fees")]&&n("tr",{key:"4cf155874e4446b9ecab121cbaceba2328323359",class:"zonos--row zonos--collect-fee"},n("td",{key:"3efcb4779f34f35a2398eb661f4b799b6b4480c7",class:"zonos--column zonos--collect-subtotal-title"},n("zonos-text",{key:"41d30bb15d216663cd507f2c92d6639b5559708c",type:"semiBoldLabel"},I("Fees"))),n("td",{key:"ef8259d337fb047d8979f5008d2d46f3fc76b007",class:"zonos--column"}),n("td",{key:"e0430efffbe23880a776953ba6a05b0cea268df4",class:"zonos--column zonos--collect-subtotal-price"},q({content:n("zonos-text",{type:"label"},N({amount:this.subtotals[I("Fees")]||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"14px",skeletonWidth:"150px"}))),n("tr",{key:"279ddddfc6e9fe88bc1f16aeaeb6464737ec212f",class:"zonos--row zonos--collect-spacing"},n("td",{key:"de88842e26eb39938b573fc2ac89915d9f6708ba",class:"zonos--column",colSpan:3})),n("tr",{key:"48ecfc5852f1cb25b7816503f3279a3cffc1a581",class:"zonos--row zonos--collect-total zonos--collect-total-subtotal"},n("td",{key:"06e65acfd5dd213481f415dc2475d9353e18ee53",class:"zonos--column"}),n("td",{key:"b5ae37799d471defdb983a9167b96aa5e176f78e",class:"zonos--column zonos--collect-subtotal-title"},n("zonos-text",{key:"52afa80c7b0eeda13093c26ce031dab4e4a62ee8",type:"label"},I("Subtotal"))),n("td",{key:"840e0413b9c0d651ba7de6529d7c6581f165c047",class:"zonos--column zonos--collect-subtotal-price"},q({content:n("zonos-text",{type:"label"},N({amount:f.amountDutyTaxFeeTotal||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"14px",skeletonWidth:"150px"}))),n("tr",{key:"62ffc4102084c920e8bde4527415ea93d8ae8292",class:"zonos--row zonos--collect-total"},n("td",{key:"ef199898aa67686f1c36d2d0c73d1695443e81a9",class:"zonos--column"}),n("td",{key:"1bd5949e640823841ac7425a46b519482b975c37",class:"zonos--column zonos--collect-subtotal-title"},n("zonos-text",{key:"96d53a1ffd935ac98cd5560419cc7d5395945da4",type:"semiBoldLabel"},I("Customs fees total"))),n("td",{key:"008f69a34b557f2660426acccafe925f6b554293",class:"zonos--column zonos--collect-subtotal-price"},q({content:n("zonos-text",{type:"semiBoldLabel"},N({amount:f.amountDutyTaxFeeTotal||0,isForeign:true})),isLoading:f.isFetchingShippingInfo,skeletonHeight:"14px",skeletonWidth:"150px"})))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());bo.style=mo()}}}));

package/dist/zonos-elements/p-daf9fa07.system.entry.js

@@ -0,0 +1,133 @@
+var __awaiter=this&&this.__awaiter||function(o,e,n,t){function s(o){return o instanceof n?o:new n((function(e){e(o)}))}return new(n||(n=Promise))((function(n,i){function r(o){try{c(t.next(o))}catch(o){i(o)}}function a(o){try{c(t["throw"](o))}catch(o){i(o)}}function c(o){o.done?n(o.value):s(o.value).then(r,a)}c((t=t.apply(o,e||[])).next())}))};var __generator=this&&this.__generator||function(o,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,s,i,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=a(0),r["throw"]=a(1),r["return"]=a(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(o){return function(e){return c([o,e])}}function c(a){if(t)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(n=0)),n)try{if(t=1,s&&(i=a[0]&2?s["return"]:a[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,a[1])).done)return i;if(s=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;s=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=e.call(o,n)}catch(o){a=[6,o];s=0}finally{t=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(o,e,n){if(n||arguments.length===2)for(var t=0,s=e.length,i;t<s;t++){if(i||!(t in e)){if(!i)i=Array.prototype.slice.call(e,0,t);i[t]=e[t]}}return o.concat(i||Array.prototype.slice.call(e))};System.register(["./p-CIevpRv_.system.js","./p-DPW1yXt9.system.js","./p-B2EZRfoq.system.js","./p-DIJaXkiE.system.js","./p-CPnR_T0a.system.js","./p-zVLAvre1.system.js","./p-DBOI98r5.system.js","./p-BSgVcCxT.system.js","./p-BbgqQIHv.system.js","./p-CLDnjFm5.system.js","./p-C2j7R11h.system.js","./p-DGsEWFDU.system.js","./p-D5AtAlJx.system.js","./p-CQqNJo0D.system.js","./p-D-DawUYF.system.js","./p-CeLaK0Ff.system.js","./p-DW-fW8yR.system.js","./p-Cby4EkFu.system.js","./p-B3GRrRtL.system.js","./p-uV7m6KrY.system.js"],(function(o){"use strict";var e,n,t,s,i,r,a,c,l,d,u,h,f,p,m,v,g,y,b,z,x,w,k,C,_,j,I,S,L,M,Z,H,P,D,V,U,B,O,R,F,T;return{setters:[function(o){e=o.r;n=o.d;t=o.h;s=o.F;i=o.a;r=o.g},function(o){a=o.b;c=o.c;l=o.t;d=o.P;u=o.H;h=o.Q;f=o.d;p=o.x;m=o.I},function(o){v=o.s;g=o.c;y=o.a;b=o.b},function(o){z=o.t;x=o.s;w=o.j;k=o.l},function(o){C=o.z},function(o){_=o.h;j=o.s;I=o.g;S=o.i;L=o.a},function(o){M=o.c},function(o){Z=o.g},function(o){H=o.l;P=o.b},function(o){D=o.i;V=o.a},function(o){U=o.c},function(o){B=o.s},function(o){O=o.c},function(o){R=o.r},function(o){F=o.p},function(o){T=o.r},null,null,null,null],execute:function(){var N='<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var E='<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var A=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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}"};
+/**
+             * Maximum number of retries to pull order info (gap between each retry is 1 second)
+             */var W=30;var q=o("zonos_invoice_finish",/** @class */function(){function o(o){var t=this;e(this,o);this.closeClick=n(this,"closeClick",7);
+/**
+                     * The border radius style of the dialog
+                     */this.borderRadius="ROUNDED";
+/**
+                     * The confirmation id for the invoice order
+                     */this.confirmationId=null;this.isLoading=true;this.notificationType="success";this.notificationTitle="";this.notificationMessages=[];this.notificationActionText=z("Keep shopping");this.order=null;
+/**
+                     * Is waiting to redirect to a different page
+                     */this.isWaitingToRedirect=true;this.pullOrder=function(){return __awaiter(t,void 0,void 0,(function(){var o,e,n,t,s,i,r,a;return __generator(this,(function(c){switch(c.label){case 0:n=x.checkoutSessionId;t=new URLSearchParams;t.set("checkoutSessionId",n||"");return[4/*yield*/,_("/api/zonos-elements/get-order?".concat(t.toString()))];case 1:s=c.sent(),i=s.baseUrl,r=s.errors,a=s.json;if(r.length||!(a===null||a===void 0?void 0:a.id)){return[2/*return*/,{baseUrl:i,order:null}]}
+// onOrderSuccess callback may be provided on Zonos.init
+return[4/*yield*/,(e=(o=C.checkoutSettings).onOrderSuccess)===null||e===void 0?void 0:e.call(o,{zonosApiRoute:i,zonosOrder:a})];case 2:
+// onOrderSuccess callback may be provided on Zonos.init
+c.sent();return[2/*return*/,{baseUrl:i,order:a}]}}))}))};this.handleSuccessBehavior=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:
+// Do nothing, display Zonos success page
+this.isLoading=false;return[4/*yield*/,this.getPullOrder()];case 1:o.sent();return[2/*return*/]}}))}))};
+// TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
+this.getPullOrder=function(){var o=[];for(var e=0;e<arguments.length;e++){o[e]=arguments[e]}return __awaiter(t,__spreadArray([],o,true),void 0,(function(o){var e,n,t,s,i,r,a,c;if(o===void 0){o=0}return __generator(this,(function(l){switch(l.label){case 0:if(o===0){H("=== Start to poll for order info","info")}return[4/*yield*/,this.pullOrder()];case 1:t=l.sent(),s=t.baseUrl,i=t.order;r=!!((n=(e=i===null||i===void 0?void 0:i.references)===null||e===void 0?void 0:e.find((function(o){return(o===null||o===void 0?void 0:o.key)==="zonosOrderNumber"})))===null||n===void 0?void 0:n.value);a=x.checkoutSessionId;c=parseFloat(new URLSearchParams(window.location.search).get("maxPollingRetries")||"0")||W;H("=== Polling order (".concat(o," attemps)"),"info");if(!
+// Order found, in legacy checkout facade and still haven't found the legacy order number
+i)
+// Order found, in legacy checkout facade and still haven't found the legacy order number
+return[3/*break*/,2];H("=== InvoiceOrder info found","info");if(o>10){
+// Log out all the logs if we have tried more than 10 times
+void j({endpoint:"".concat(s,"/api/zonos-elements/get-order?checkoutSessionId=").concat(a,"&orderId=").concat(i.id),errors:["Invoice order found after ".concat(o," attempts")],metadata:{allLogs:P,checkoutSessionId:x.checkoutSessionId||"",orderId:i.id,storeId:C.storeId}})}this.order=i;return[3/*break*/,6];case 2:if(!((!i||!r)&&o<c))return[3/*break*/,5];
+// Wait for 1 second before the next attempt
+return[4/*yield*/,new Promise((function(o){return setTimeout(o,1e3)}))];case 3:
+// Wait for 1 second before the next attempt
+l.sent();return[4/*yield*/,this.getPullOrder(o+1)];case 4:l.sent();return[3/*break*/,6];case 5:void j({endpoint:"".concat(s,"/api/zonos-elements/get-order?checkoutSessionId=").concat(a),errors:["Invoice order not found after ".concat(c," attempts")],metadata:{allLogs:P,checkoutSessionId:x.checkoutSessionId||"",storeId:C.storeId}});l.label=6;case 6:return[2/*return*/]}}))}))};this.checkStripePaymentStatus=function(){return __awaiter(t,void 0,void 0,(function(){var o,e,n,t,s,i,r,h,f;return __generator(this,(function(p){switch(p.label){case 0:o=new URLSearchParams(window.location.search).get("payment_intent_client_secret")||a.clientSecret;if(!(o||this.storybookForceStatus))return[3/*break*/,4];return[4/*yield*/,c({clientSecret:o,storybookForceStatus:this.storybookForceStatus})];case 1:e=p.sent(),n=e.error,t=e.messages,s=e.status;i=s==="requires_action"||n;this.notificationType=i?"error":"success";this.notificationMessages=t||[];this.notificationTitle=i?z("Payment failed"):z("You're all set!");H("=== Payment intent retrieve status","info",{clientSecret:o,error:n,messages:t,status:s});r=new URL(window.location.href);r.searchParams.delete("payment_intent_client_secret");r.searchParams.delete("payment_intent");r.searchParams.delete("redirect_status");
+// Clean up the url if it's a redirect behavior
+r.searchParams.delete("zonosCheckoutSessionId");window.history.replaceState({},"",r.toString());if(!(n&&(t===null||t===void 0?void 0:t.length)))return[3/*break*/,2];v({event:"zonos-checkout-payment-fail"});void j({endpoint:"Stripe payment failed",errors:['Payment intent "'.concat(o.split("_secret_")[0]||o,'" status: ').concat(s," - checkout session: ").concat(x.checkoutSessionId)],metadata:{allLogs:P,credentialToken:window.Zonos.zonosApiKey}});return[3/*break*/,4];case 2:v({event:"zonos-checkout-success"});h=x.checkoutSessionId;void l({checkoutSessionId:h,eventName:"checkout_orderCompleted"});f=M("zonos-checkout-success",{message:"Zonos Checkout successfully processed order"});document.dispatchEvent(f);
+// wait this to finish before resetting store and checkout session id
+return[4/*yield*/,this.handleSuccessBehavior()];case 3:
+// wait this to finish before resetting store and checkout session id
+p.sent();p.label=4;case 4:
+// Make sure to stop the loading spinner even when there's an error
+this.isLoading=false;
+// reset promo when checkout is finished
+d();u();x.checkoutSessionId=null;return[2/*return*/]}}))}))};this.checkStagingOrderStatus=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:this.notificationType="success";this.notificationTitle=z("You're all set!");this.notificationMessages=h("succeeded").messages;return[4/*yield*/,this.handleSuccessBehavior()];case 1:o.sent();
+// reset promo when checkout is finished
+d();u();g();x.checkoutSessionId=null;return[2/*return*/]}}))}))};this.checkPaypalPaymentStatus=function(){return __awaiter(t,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:
+// render error message if there's an error
+if(y.paypalErrorMessage){this.notificationType="error";this.notificationTitle=z("Payment failed");this.notificationMessages=[y.paypalErrorMessage];this.isLoading=false;return[2/*return*/]}
+// show success message right away when order id is already created
+this.isLoading=false;if(!y.orderIdCreated)return[3/*break*/,2];v({event:"zonos-checkout-success"});o=x.checkoutSessionId;void l({checkoutSessionId:o,eventName:"checkout_orderCompleted"});this.notificationType="success";this.notificationTitle=z("You're all set!");this.notificationMessages=h("succeeded").messages;
+// wait this to finish before resetting store and checkout session id
+return[4/*yield*/,this.handleSuccessBehavior()];case 1:
+// wait this to finish before resetting store and checkout session id
+e.sent();e.label=2;case 2:
+// reset promo when checkout is finished
+d();u();g();x.checkoutSessionId=null;return[2/*return*/]}}))}))};this.getReceiptUrl=function(o){var e=o.cartId;var n=new URL("".concat(window.location.origin,"/receipt"));n.searchParams.set("referenceId",e);
+// is test mode
+var t=I();if(t){n.searchParams.set("zonosTestMode","1")}
+// Carry over the zonosQaUrl if it exists
+var s=new URLSearchParams(window.location.search).get("zonosQaUrl");if(s){n.searchParams.set("zonosQaUrl",s)}return n.toString()}}o.prototype.componentDidLoad=function(){if(this.overrideNotification){
+// just show the notification and don't check any of the payment status
+this.notificationType=this.overrideNotification.type;this.notificationTitle=this.overrideNotification.title;this.notificationMessages=this.overrideNotification.messages;this.isLoading=false;return}if(f.isStagingMode){void this.checkStagingOrderStatus()}else if(y.orderIdCreated){void this.checkPaypalPaymentStatus()}else{void this.checkStripePaymentStatus()}};o.prototype.render=function(){var o=this;var e=window.Zonos.cartId;return t(i,{key:"755581819b6a2e9d97e0faf671320e9390a3000a",class:"zonos--checkout-finish zonos--elements",style:{"--zonos--border-radius":Z({overrideBorderStyle:this.borderRadius})}},!this.isLoading&&t("div",{key:"a5112a4c35f95d80d567d1d9ca690c297f75bba8",class:"zonos--finish-details"},t("div",{key:"f17f25e741a7a846e4d0d653f2e67c6b36ebd77a",class:"zonos--group"},this.notificationType==="success"?t("zonos-icon",{"aria-label":"Order success",content:E,iconColor:"blue-800",size:50}):t("zonos-icon",{"aria-label":"Order failed",content:N,iconColor:"red-800",size:50}),t("zonos-text",{key:"1169bd299d16f1b063de9638c6c6fce00cf9d0a6",class:"zonos--title",type:"semiBoldSubheader"},this.notificationTitle),this.confirmationId&&t("zonos-badge",{key:"db6aebf906ad52207c8bc898c856b7a2a7f061e1",badgeColor:"gray"},this.confirmationId),t("zonos-text",{key:"fd5516196ec5f645718b7fbf0c9de66ab322505b",class:"zonos--subtitle",textColor:"gray-600"},this.notificationMessages.map((function(o){return t(s,null,o,t("br",null))}))),this.order&&e&&t("div",{key:"f50f1e9ed26e609346cdf3bdc1f93689d3c99d06",class:"zonos--button-container"},t("zonos-button",{key:"3dadbbfe5113e02412bb6b890b4d2923101e3c31",onClick:function(){window.open(o.getReceiptUrl({cartId:e}),"_blank")},size:"lg",variant:"primary"},z("View receipt"))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());q.style=A();var Y='<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 Q='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM11.4709 5.80634C11.7686 5.53723 11.9541 5.5 12 5.5C12.0459 5.5 12.2314 5.53723 12.5291 5.80634C12.8115 6.06164 13.1289 6.46913 13.4271 7.03651C13.9505 8.03191 14.3838 9.46098 14.48 11.25H9.51996C9.61624 9.46098 10.0495 8.03191 10.5729 7.03651C10.8711 6.46913 11.1885 6.06164 11.4709 5.80634ZM8.01802 11.25C8.11591 9.23031 8.60319 7.55958 9.24516 6.33849C9.29983 6.23451 9.35585 6.13335 9.41312 6.03514C7.32916 6.94017 5.81218 8.90533 5.5428 11.25H8.01802ZM5.5428 12.75H8.01802C8.11591 14.7697 8.60319 16.4404 9.24516 17.6615C9.29983 17.7655 9.35585 17.8666 9.41312 17.9649C7.32916 17.0598 5.81218 15.0947 5.5428 12.75ZM9.51996 12.75H14.48C14.3838 14.539 13.9505 15.9681 13.4271 16.9635C13.1289 17.5309 12.8115 17.9384 12.5291 18.1937C12.2314 18.4628 12.0459 18.5 12 18.5C11.9541 18.5 11.7686 18.4628 11.4709 18.1937C11.1885 17.9384 10.8711 17.5309 10.5729 16.9635C10.0495 15.9681 9.61624 14.539 9.51996 12.75ZM15.982 12.75C15.8841 14.7697 15.3968 16.4404 14.7548 17.6615C14.7002 17.7655 14.6441 17.8666 14.5869 17.9649C16.6708 17.0598 18.1878 15.0947 18.4572 12.75H15.982ZM18.4572 11.25C18.1878 8.90533 16.6708 6.94017 14.5869 6.03514C14.6441 6.13335 14.7002 6.23451 14.7548 6.33849C15.3968 7.55958 15.8841 9.23031 15.982 11.25H18.4572Z" fill="currentColor"/>\n</svg>\n';var G='<svg width="43" height="10" viewBox="0 0 43 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.35896 0.0640869H0.30768C0.166068 0.0640869 0.0512695 0.178886 0.0512695 0.320497V1.85896C0.0512695 2.00057 0.166068 2.11537 0.30768 2.11537H4.44439C4.54964 2.11537 4.61005 2.2352 4.54745 2.31982L0.151823 8.2615C0.0865163 8.34978 0.0512695 8.45669 0.0512695 8.56649V9.67947C0.0512695 9.82108 0.166068 9.93588 0.30768 9.93588H7.35896C7.50057 9.93588 7.61537 9.82108 7.61537 9.67947V8.14101C7.61537 7.9994 7.50057 7.8846 7.35896 7.8846H3.22226C3.117 7.8846 3.05659 7.76477 3.11919 7.68015L7.51482 1.73847C7.58013 1.65019 7.61537 1.54328 7.61537 1.43348V0.320497C7.61537 0.178886 7.50057 0.0640869 7.35896 0.0640869Z" fill="var(--zonos-elements-gray-800)"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.718 0C10.1602 0 8.89746 1.26279 8.89746 2.82051V7.17949C8.89746 8.73721 10.1602 10 11.718 10H13.6411C15.1988 10 16.4616 8.73721 16.4616 7.17949V2.82051C16.4616 1.26279 15.1988 0 13.6411 0H11.718ZM11.718 2.05128C11.2931 2.05128 10.9487 2.39568 10.9487 2.82051V7.17949C10.9487 7.60432 11.2931 7.94872 11.718 7.94872H13.6411C14.0659 7.94872 14.4103 7.60432 14.4103 7.17949V5V2.82051C14.4103 2.39568 14.0659 2.05128 13.6411 2.05128H11.718Z" fill="var(--zonos-elements-gray-800)"/>\n<path d="M17.7437 0.436316V9.71132C17.7437 9.85293 17.8585 9.96773 18.0001 9.96773H19.5385C19.6801 9.96773 19.7949 9.85293 19.7949 9.71132V3.74801C19.7949 3.44829 19.969 3.17587 20.241 3.04996L22.1641 2.15964C22.6739 1.92363 23.2565 2.29592 23.2565 2.85769V9.71132C23.2565 9.85293 23.3713 9.96773 23.5129 9.96773H25.0513C25.193 9.96773 25.3078 9.85293 25.3078 9.71132V2.85595C25.3078 0.79631 23.1718 -0.568775 21.3027 0.296257L19.9742 0.911055C19.8685 0.959946 19.7432 0.931536 19.669 0.84187L19.2748 0.365697C19.1773 0.248019 19.0325 0.179905 18.8797 0.179905H18.0001C17.8585 0.179905 17.7437 0.294704 17.7437 0.436316Z" fill="var(--zonos-elements-gray-800)"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4104 0C27.8526 0 26.5898 1.26279 26.5898 2.82051V7.17949C26.5898 8.73721 27.8526 10 29.4104 10H31.3334C32.8912 10 34.1539 8.73721 34.1539 7.17949V2.82051C34.1539 1.26279 32.8912 0 31.3334 0H29.4104ZM29.4104 2.05128C28.9855 2.05128 28.6411 2.39568 28.6411 2.82051V7.17949C28.6411 7.60432 28.9855 7.94872 29.4104 7.94872H31.3334C31.7583 7.94872 32.1027 7.60432 32.1027 7.17949V2.82051C32.1027 2.39568 31.7583 2.05128 31.3334 2.05128H29.4104Z" fill="var(--zonos-elements-gray-800)"/>\n<path d="M38.2085 0.0640869H40.3889C41.8309 0.0640869 42.9999 1.23306 42.9999 2.67506C42.9999 2.79477 42.9108 2.89574 42.792 2.91059L41.1732 3.11293C41.054 3.12784 40.9486 3.03485 40.9486 2.91466C40.9486 2.47322 40.5908 2.11537 40.1493 2.11537H38.3397C37.8688 2.11537 37.4871 2.49712 37.4871 2.96803C37.4871 3.3685 37.7658 3.71501 38.1569 3.80087L40.7916 4.37922C42.0811 4.66229 42.9999 5.80462 42.9999 7.12486C42.9999 8.67735 41.7414 9.93588 40.1889 9.93588H38.0468C36.6048 9.93588 35.4358 8.76691 35.4358 7.32491C35.4358 7.2052 35.5249 7.10423 35.6437 7.08938L37.2625 6.88703C37.3817 6.87213 37.4871 6.96512 37.4871 7.08531C37.4871 7.52675 37.8449 7.8846 38.2864 7.8846H40.1176C40.5765 7.8846 40.9486 7.51252 40.9486 7.05354C40.9486 6.67478 40.6925 6.34394 40.3258 6.24901L37.5136 5.52093C36.2902 5.20422 35.4358 4.10042 35.4358 2.83676C35.4358 1.30545 36.6772 0.0640869 38.2085 0.0640869Z" fill="var(--zonos-elements-gray-700)"/>\n</svg>\n';var J=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{position:absolute;bottom:0;left:32px;right:32px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--invoice-footer{gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center;width:100%}:host .zonos--invoice-footer .zonos--invoice-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}:host .zonos--invoice-footer .zonos--invoice-footer-icon-wrapper .zonos--invoice-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--invoice-footer .zonos--invoice-footer-icon-wrapper .zonos--invoice-footer-logo a{line-height:0}:host .zonos--invoice-footer .zonos--invoice-footer-icon-wrapper a{text-decoration:none}:host .zonos--invoice-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--invoice-footer .zonos--invoice-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--invoice-footer .zonos--invoice-locale-wrapper{gap:4px}}:host .zonos--invoice-footer .zonos--invoice-locale-wrapper .zonos--invoice-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--invoice-footer .zonos--invoice-language-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);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);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;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}:host .zonos--invoice-footer .zonos--invoice-language-dialog::-webkit-scrollbar{width:10px}:host .zonos--invoice-footer .zonos--invoice-language-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--invoice-footer .zonos--invoice-language-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--invoice-footer .zonos--invoice-language-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--invoice-footer .zonos--invoice-language-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--invoice-footer .zonos--invoice-language-dialog.zonos--invoice-language-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .dot{display:-ms-inline-flexbox;display:inline-flex;background:var(--zonos-elements-gray-400);width:6px;height:6px;border-radius:50%}:host(.mobile),:host(.tablet){background-color:var(--zonos-elements-gray-0);width:100%;position:-webkit-sticky;position:sticky;bottom:0}:host(.tablet) .zonos--invoice-footer{width:100%;max-width:800px;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}:host(.mobile){-ms-flex-order:3;order:3}:host(.mobile) .zonos--invoice-locale-wrapper{display:none}:host(.mobile) .zonos--invoice-footer{-ms-flex-pack:center;justify-content:center}"};var K=o("zonos_invoice_footer",/** @class */function(){function o(o){e(this,o);
+/**
+                     * Override mobile mode
+                     */this.mobile=false;
+/**
+                     * Override tablet mode
+                     */this.tablet=false;this.showLanguageDialog=false;this.isMobile=false;this.isTablet=false}o.prototype.handleGlobalClick=function(o){if(!this.el.contains(o.target)&&this.showLanguageDialog){this.showLanguageDialog=false}};o.prototype.toggleLanguageDialog=function(){this.showLanguageDialog=!this.showLanguageDialog};o.prototype.handleMobileChange=function(){this.isMobile=D(this.mobile)};o.prototype.handleTabletChange=function(){this.isTablet=V(this.tablet)};o.prototype.componentWillLoad=function(){this.isMobile=D(this.mobile);this.isTablet=V(this.tablet)};o.prototype.render=function(){var o=this;var e;
+// label resolves against every language, not just the offered ones, so the current
+// locale always renders even if the merchant later drops it from the selector
+var n=(e=w.find((function(o){return o.code===k.selectedLocale})))===null||e===void 0?void 0:e.label;
+// reverse color when on desktop. With the coversheet backdrop, the color should be white
+var r="gray-1000";return t(i,{key:"1cd5499e17c070498d65ebbca71d0cbe3c825456",class:U(["zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"])},t("div",{key:"2f31caade367c351d84571034eda59179c227084",class:"zonos--invoice-footer"},t("div",{key:"25f127514ad98939aee122c6b4772198e095b26d",class:"zonos--invoice-locale-wrapper"},B()&&t(s,{key:"03d37a0e0e94cf42d74a5c59905f7e7219533274"},t("zonos-button",{key:"76aab1e78afa3a51f579f865a24591acea0baadc",buttonColor:r,class:"zonos--invoice-footer-language-button",icon:t("zonos-icon",{"aria-label":"Language select",content:Q,iconColor:r}),onClick:function(){return o.toggleLanguageDialog()},variant:"subtle"},t("span",{key:"28642dac198b7c61bef48d211c8a820e0c8d1fcc",class:"zonos--invoice-locale-label"},n,t("zonos-icon",{key:"364b048befa8c5f45b6869f18b90b27da4b37056","aria-hidden":"true",class:"zonos--invoice-locale-chevron",content:Y,iconColor:r,size:18}))),t("div",{key:"ed4b425741e6aecc49882993be57da58de7d437b",class:U(["zonos--invoice-language-dialog",this.showLanguageDialog&&"zonos--invoice-language-dialog-open"])},t("zonos-language-select",{key:"e4c5e31e8cfdf0ca52a5b935743bda347f9fa7c1",handleOnClose:function(){return o.toggleLanguageDialog()}})))),t("div",{key:"1d0a2613e3a0d487b059fc66fb48f53858a4e6c7",class:"zonos--invoice-footer-icon-wrapper"},t("div",{key:"a27c7eebe0dca7fedbc1e6e22438393391ec9024",class:"zonos--invoice-footer-logo"},t("zonos-text",{key:"1013250d247fdb33ec365f8b3ffe9ca65d431d9d",textColor:r},z("Powered by")),t("a",{key:"ef93dda1f051f353da9e5f286942cc0a0e8015f7",href:"https://zonos.com",target:"_blank",title:"Zonos website"},t("zonos-icon",{key:"de7cc9e5027eb85e7c578afda15a3b3f4e260e91",autoHeight:true,content:G,size:42}))),t("div",{key:"180e60cdd756303a14a4a80b72b81b4a4e1c124a",class:"dot"}),t("a",{key:"7f46908aa8cd49974d7525d7110dbb25402586ab",href:"https://zonos.com/docs/legal/zonos-privacy-policy",target:"_blank"},t("zonos-text",{key:"bba7017be84a8e320ca4d8fb2074822cd7e9f917",textColor:r},z("Privacy policy"))))))};Object.defineProperty(o.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{mobile:[{handleMobileChange:0}],tablet:[{handleTabletChange:0}]}},enumerable:false,configurable:true});return o}());K.style=J();var X='<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 $='<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="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>';var oo=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{height:100%}:host *{-ms-scroll-chaining:none;overscroll-behavior:contain}:host *::-webkit-scrollbar{width:10px}:host *::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host *::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host *::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--order-details-header-text{display:-ms-flexbox;display:flex}:host .zonos--wrapper{overflow:auto;background-color:var(--zonos-elements-gray-50);border-radius:16px;height:100%;min-height:56px}:host .zonos--order-details-header-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--order-details-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--zonos-elements-gray-50);border:none;display:-ms-flexbox;display:flex;padding:16px 16px 0 16px;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .zonos--order-details-header:focus-visible{outline:none}:host .zonos--order-details-wrapper{position:relative;padding:0 16px 16px 16px}:host .zonos--invoice-order-details-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}:host .zonos--invoice-order-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:32px}:host .zonos--invoice-order-info .zonos--invoice-order-details-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}:host .zonos--invoice-order-info .zonos--invoice-order-details-row>*{-ms-flex:1 1 150px;flex:1 1 150px}:host .zonos--invoice-order-info .zonos--invoice-order-details-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--invoice-order-info .zonos--invoice-order-shipping-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}"};var eo=o("zonos_invoice_order_details",/** @class */function(){function o(o){e(this,o);this.collapseClicked=n(this,"collapseClicked",7);
+/**
+                     * Whether or not the component is being rendered with mobile styles
+                     */this.mobile=true;
+/**
+                     * The landed cost id that is used to fetch the shipping address
+                     */this.landedCostId="";this.isMobile=false;this.collapseState=this.collapsed}o.prototype.handleCollapseChangeFromProp=function(o){this.collapseState=o};o.prototype.handleCollapseChange=function(o){this.collapseClicked.emit(o)};o.prototype.handleWindowResize=function(){this.isMobile=S(this.mobile)};o.prototype.componentWillLoad=function(){this.handleWindowResize()};o.prototype.render=function(){var o=this;var e=function(){if(o.collapseState){return t("zonos-icon",{"aria-label":"Collapse expanded section",content:X,iconColor:"gray-1200"})}return t("zonos-icon",{"aria-label":"Expand collapsed section",content:$,iconColor:"gray-1200"})};return t(i,{class:U(["zonos--invoice-order-details zonos--elements",this.isMobile&&"mobile"])},t("div",{class:"zonos--wrapper"},t("button",{class:"zonos--order-details-header",onClick:function(){o.collapseState=!o.collapseState},type:"button"},t("div",{class:"zonos--order-details-header-text"},t("zonos-text",{type:"boldSubheader"},z("Pay [organizationName]",{organizationName:C.organizationName})),e()),t("zonos-text",{type:"boldSubheader"},R({amount:O.amountTotalDue||0,isForeign:true}))),t("div",{class:"zonos--order-details-wrapper"},t("zonos-collapse",{collapsed:this.collapseState},t("div",{class:"zonos--invoice-order-details-content"},t("zonos-invoice-cart-items",{isMobile:this.isMobile}),t("zonos-invoice-subtotal",{isMobile:this.isMobile}))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{collapsed:[{handleCollapseChangeFromProp:0}],collapseState:[{handleCollapseChange:0}]}},enumerable:false,configurable:true});return o}());eo.style=oo();var no='<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M15.342 10.21a.75.75 0 0 0-1.184-.92l-2.978 3.829-1.4-1.4a.75.75 0 1 0-1.06 1.061l1.8 1.8a1 1 0 0 0 1.496-.093l3.326-4.277Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>';var to='<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M14.475 10.586a.75.75 0 1 0-1.06-1.06L12 10.938l-1.414-1.414a.75.75 0 0 0-1.06 1.06L10.938 12l-1.414 1.414a.75.75 0 1 0 1.06 1.06L12 13.062l1.414 1.414a.75.75 0 0 0 1.06-1.06L13.062 12l1.414-1.414Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>';var so=function(){return".sc-zonos-invoice-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-invoice-payment-h *.sc-zonos-invoice-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-invoice-payment-h img.sc-zonos-invoice-payment{max-width:100%}.sc-zonos-invoice-payment-h dl.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h dd.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h1.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h2.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h3.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h4.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h5.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h h6.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h hr.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h figure.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h p.sc-zonos-invoice-payment,.sc-zonos-invoice-payment-h pre.sc-zonos-invoice-payment{margin:0}.sc-zonos-invoice-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-invoice-payment-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-invoice-payment-h .zonos--title.sc-zonos-invoice-payment{margin-bottom:24px}.sc-zonos-invoice-payment-h .zonos--group.sc-zonos-invoice-payment{margin-bottom:20px;overflow:auto;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-invoice-payment-h .zonos--group.sc-zonos-invoice-payment::-webkit-scrollbar{width:10px}.sc-zonos-invoice-payment-h .zonos--group.sc-zonos-invoice-payment::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-invoice-payment-h .zonos--group.sc-zonos-invoice-payment::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-invoice-payment-h .zonos--group.sc-zonos-invoice-payment::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-invoice-payment-h .zonos--payment-error-banner.sc-zonos-invoice-payment{margin-bottom:8px}.sc-zonos-invoice-payment-h .zonos--error-banner.sc-zonos-invoice-payment{margin-bottom:16px}.sc-zonos-invoice-payment-h zonos-button.sc-zonos-invoice-payment{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-invoice-payment-h .zonos--pay-in-base-currency-btn.sc-zonos-invoice-payment{-webkit-box-shadow:none;box-shadow:none}.sc-zonos-invoice-payment-h .zonos--group-btn.sc-zonos-invoice-payment{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:12px;bottom:-4px;padding-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-invoice-payment-h .zonos--group-btn.sc-zonos-invoice-payment zonos-text.sc-zonos-invoice-payment{text-align:center}.sc-zonos-invoice-payment-h .zonos--group-btn.sc-zonos-invoice-payment zonos-button.sc-zonos-invoice-payment{width:100%}.sc-zonos-invoice-payment-h .zonos--test-cards.sc-zonos-invoice-payment{margin-top:auto;padding-top:16px}"};var io=o("zonos_invoice_payment",/** @class */function(){function o(o){var t=this;e(this,o);this.continueClicked=n(this,"continueClicked",7);this.paypalSessionFailed=n(this,"paypalSessionFailed",7);this.paypalSessionDone=n(this,"paypalSessionDone",7);this.storeUnsubscribeList=[];
+/**
+                     * Whether or not the continue button is loading
+                     */this.continueLoading=false;
+/**
+                     * Show error banner when the form is not complete, and user clicks on `Submit` button
+                     * @default false
+                     */this.showErrorBanner=false;
+/**
+                     * Show payment error banner when the payment is failed
+                     */this.hasStripePaymentError=false;
+/**
+                     * Error message when the staging order creation is failed
+                     */this.stagingOrderCreateErrorMessage="";
+/**
+                     * Internal state to handle continue loading
+                     */this.internalContinueLoading=this.continueLoading;this.handleValidate=function(){var o;return!!((o=a.stripePaymentEventData)===null||o===void 0?void 0:o.complete)};
+/**
+                     * handler for continue button click
+                     */this.continueClickHandler=function(o){return __awaiter(t,[o],void 0,(function(o){var e,n;var t=this;var s=o.currencyCode;return __generator(this,(function(o){if(!this.handleValidate()){
+// Attempt to get the value of the billing address element to validate the form
+void((e=a.stripeBillingAddressElement)===null||e===void 0?void 0:e.getValue());this.showErrorBanner=true;
+// Attempt to submit the form so the missing input error will be shown in Stripe
+void((n=a.stripeElements)===null||n===void 0?void 0:n.submit());setTimeout((function(){var o;(o=t.ele.querySelector("zonos-banner"))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth"})}),10);return[2/*return*/]}a.checkoutSettlementCurrency=s;
+// submit google tag when the form is complete
+v({event:"zonos-checkout-payment-info"});this.continueClicked.emit();return[2/*return*/]}))}))};this.copyCardToClipboard=function(o){return __awaiter(t,void 0,void 0,(function(){var e,n;return __generator(this,(function(t){switch(t.label){case 0:t.trys.push([0,2,,3]);return[4/*yield*/,navigator.clipboard.writeText(o)];case 1:t.sent();return[3/*break*/,3];case 2:e=t.sent();n=document.createElement("textarea");n.style.position="fixed";n.style.left="-1000px";n.style.top="-1000px";n.style.width="1px";n.style.height="1px";n.value=o;n.id="zonos-copy-card-number";document.body.appendChild(n);n.select();
+// Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
+// eslint-disable-next-line deprecation/deprecation
+document.execCommand("copy");document.body.removeChild(n);return[3/*break*/,3];case 3:window.Zonos.showNotification({message:z("Card number copied to clipboard"),timeout:4e3,type:"success"});return[2/*return*/]}}))}))};this.placeTestOrder=function(){return __awaiter(t,void 0,void 0,(function(){var o;return __generator(this,(function(e){switch(e.label){case 0:this.internalContinueLoading=true;return[4/*yield*/,F()];case 1:o=e.sent().errors;if(o.length){this.stagingOrderCreateErrorMessage=o[0]||"Failed to create staging order. Please try again.";this.internalContinueLoading=false;return[2/*return*/]}this.internalContinueLoading=false;
+// continue to the next step
+p();return[2/*return*/]}}))}))}}o.prototype.continueLoadingWatcher=function(){this.internalContinueLoading=this.continueLoading};o.prototype.stripePaymentErrorWatcher=function(){var o=this;if(this.hasStripePaymentError){setTimeout((function(){var e;
+// scroll to the top of the page when the payment error is shown
+(e=o.ele.querySelector("zonos-banner"))===null||e===void 0?void 0:e.scrollIntoView({behavior:"smooth"})}),50)}};o.prototype.componentWillLoad=function(){this.storeUnsubscribeList=[m("currency",(function(){
+// start init paypal with the presentment currency when landed cost is fetched
+void b({currency:f.currency})}))];
+// start init paypal with the presentment currency when landed cost is fetched
+void b({currency:f.currency})};o.prototype.disconnectedCallback=function(){this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.render=function(){var o=this;var e;this.hasStripePaymentError=a.hasPaymentError;if(!a.stripeElements){return null}if(!a.clientSecret){return null}
+// start validate on typing after error banner is shown, and hide it if the form is complete
+if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}var n=I();var r=f.isStagingMode||L();var c=((e=a.stripePaymentEventData)===null||e===void 0?void 0:e.value.type)==="external_paypal";var l=function(){if(r){
+// If in mobile, use the theme from the store since the UI is solely by theme
+var e=C.appearance.theme;return t(s,null,o.stagingOrderCreateErrorMessage&&t("zonos-banner",{class:"zonos--error-banner",intent:"error"},o.stagingOrderCreateErrorMessage),t("zonos-empty-state-payment",{emptyStateText:z("No payment method needed for staging"),theme:e}),t("div",{class:"zonos--group-btn"},t("zonos-button",{backgroundColor:o.submitBtnColor,loading:o.internalContinueLoading,onClick:function(){void o.placeTestOrder()},size:"lg",
+// use primary type when on mobile mode
+variant:o.submitBtnType},z("Place test order"))))}if(a.isFetchingSession||O.isFetchingPayorInfo){return null}return t(s,null,o.showErrorBanner&&t("zonos-banner",{class:"zonos--error-banner",intent:"error"},z("Missing required fields. Make sure all fields are completed.")),o.hasStripePaymentError&&t("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},a.customErrorMessage||z("We couldn't complete your payment. Please verify the payment details and try again.")),y.paypalErrorMessage&&t("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},y.paypalErrorMessage),t("zonos-payment",null),t("div",{class:"zonos--group-btn"},!c&&t(s,null,t("zonos-button",{backgroundColor:o.submitBtnColor,bold:true,isDisabled:o.continueLoading&&a.checkoutSettlementCurrency==="USD",loading:o.continueLoading&&a.checkoutSettlementCurrency!=="USD",onClick:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!f.checkoutSession){H("Checkout session is not found");return[2/*return*/]}return[4/*yield*/,this.continueClickHandler({currencyCode:f.checkoutSession.subtotals.presentmentCurrencyCode})];case 1:o.sent();return[2/*return*/]}}))}))},size:"lg",
+// use primary type when on mobile mode
+variant:o.submitBtnType},z("Pay [orderTotal]",{orderTotal:R({amount:O.amountTotalDue||0,isForeign:true})})),a.shouldRenderPayInUsdButton&&t("zonos-button",{class:"zonos--pay-in-base-currency-btn",isDisabled:o.continueLoading&&a.checkoutSettlementCurrency!=="USD",loading:o.continueLoading&&a.checkoutSettlementCurrency==="USD",onClick:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:return[4/*yield*/,this.continueClickHandler({currencyCode:"USD"})];case 1:o.sent();return[2/*return*/]}}))}))},size:"lg",variant:"subtle"},z("Click to pay in USD"))),t("zonos-paypal-payment",{onPaypalSessionDone:function(e){var n=e.detail.orderId;o.paypalSessionDone.emit(n)},onPaypalSessionFail:function(){return o.paypalSessionFailed.emit()},style:{display:c?"block":"none"}})),n&&t("zonos-card",{backgroundColor:"gray-100",borderRadius:12,class:"zonos--test-cards"},t("zonos-v-stack",{spacing:16},t("div",null,t("zonos-text",{type:"semiBoldLabel"},z("Test cards")),t("zonos-text",{textColor:"gray-700"},z("Click to copy the card number. Use any future expiration date and three number CVC."))),t("zonos-button",{icon:t("zonos-icon",{content:no}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4242424242424242")}},z("Success")," (****4242)"),t("zonos-button",{icon:t("zonos-icon",{content:to}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4000000000000002")}},z("Failure")," (****0002)")),t("zonos-notification",null)))};return t(i,{class:"zonos--checkout-payment zonos--elements"},t("div",{class:"zonos--group"},t("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},z("Payment method")),l()))};Object.defineProperty(o.prototype,"ele",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{continueLoading:[{continueLoadingWatcher:0}],hasStripePaymentError:[{stripePaymentErrorWatcher:0}]}},enumerable:false,configurable:true});return o}());io.style=so();var ro=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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay zonos-text{-ms-flex-negative:0;flex-shrink:0}:host .zonos--total-pay::after{content:"";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}'};var ao=o("zonos_invoice_review",/** @class */function(){function o(o){e(this,o);
+/**
+                     * Whether or not the component is being rendered with mobile styles
+                     */this.mobile=false;
+/**
+                     * Whether or not the component is being rendered with tablet styles
+                     */this.tablet=false;
+/**
+                     * Whether or not to show the collapse icon
+                     * This is controled from the collapsed state of the zonos-collapse component
+                     * to show the collapse icon
+                     */this.collapsed=false;this.isMobile=false;this.isTablet=false;this.isLoading=true}o.prototype.handleWindowResize=function(){this.isMobile=D(this.mobile);this.isTablet=V(this.tablet)};o.prototype.componentWillLoad=function(){var o=this;this.handleWindowResize();
+// Wait for the data to load
+setTimeout((function(){o.isLoading=false}),1e3)};o.prototype.render=function(){var o=this.isMobile?"gray-1000":"gray-800";return t(i,{key:"46c130c8e6aeacdd5f74feb613ec5829c0be396d",class:U(["zonos--invoice-review zonos--elements",this.isMobile&&"mobile",this.isTablet&&"tablet"])},t("div",{key:"9649e31a3053c9772363620cf2acfe557ace8715",class:"zonos--title"},t("zonos-text",{key:"1b365c27c2280e61c4849c7382a945716ec2abf8",textColor:o,type:"semiBoldLabel"},z("Pay [organizationName]",{organizationName:C.organizationName}))),t("div",{key:"a1f24eb0f3080ec0ddad9ca323f49dd391117326",class:"zonos--total-pay"},T({content:t("zonos-text",{type:"secondaryPageHeader"},R({amount:O.amountTotalDue||0,isForeign:true})),isLoading:O.isFetchingPayorInfo,skeletonHeight:"36px",skeletonWidth:"150px"})))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());ao.style=ro()}}}));

package/dist/zonos-elements/p-dcdbc610.system.entry.js

@@ -0,0 +1,27 @@
+System.register(["./p-CIevpRv_.system.js","./p-CPnR_T0a.system.js","./p-d05Ku7gM.system.js","./p-C2j7R11h.system.js","./p-BSgVcCxT.system.js","./p-DW-fW8yR.system.js","./p-BbgqQIHv.system.js"],(function(o){"use strict";var s,t,n,i,e,p,r,a,l,c,u,z;return{setters:[function(o){s=o.r;t=o.d;n=o.h;i=o.a;e=o.g},function(o){p=o.z;r=o.a},function(o){a=o.i;l=o.a},function(o){c=o.c},function(o){u=o.g},function(o){z=o.i},null],execute:function(){var d=function(){return'.sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),     0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),     0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),     0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color);height:auto}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}'};var h=0;var f=o("zonos_stripe_input",/** @class */function(){function o(o){s(this,o);this.inputChange=t(this,"inputChange",7);
+/**
+                     * Inherited attributes from the host element
+                     */this.inheritedAttributes={};this.inputId="zonos--input-".concat(++h);
+/**
+                     * Value of the stripeInput
+                     */this.inputValue="";
+/**
+                     * Disables the input
+                     */this.isDisabled=false;
+/**
+                     * Error state of the input
+                     */this.isError=false;
+/**
+                     * Error message of the input
+                     */this.error="";
+/**
+                     * Placeholder for the input
+                     */this.inputPlaceholder="";
+/**
+                     * The value of the input.
+                     */this.value="";
+/**
+                     * Whether the input is required
+                     */this.required=false;this.internalValue=this.inputValue}o.prototype.onInputValueChange=function(o){this.internalValue=o;this.inputChange.emit(o);this.value=o};o.prototype.onValueChange=function(o){this.internalValue=o};o.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},a(this.el)),l(this.el,["tabindex","title","data-form-type","dir"]))};o.prototype.render=function(){var o=this;var s=this.overridePrimaryColor||p.appearance.colorPrimary;var t=this.overrideSecondaryColor||p.appearance.colorSecondary;
+// Always use theme from appearance settings if it's collect
+var e=window.Zonos.isCollect||window.Zonos.isInvoice?p.appearance.theme==="DARK":s&&z(s);var a=p.appearance.fontSizeInputValue||16;return n(i,{key:"b527df7c911ed1d090805f89793b1db0d2e60935",class:c(["zonos--input zonos--elements",e&&"dark",(this.isError||!!this.error)&&"has-error"]),"data-theme":e?"DARK":"LIGHT",style:{"--zonos--border-radius":u(),"--zonos--font-family":r(),"--zonos--font-size":"".concat(a,"px"),"--zonos--primary-color":t}},n("div",{key:"34638283e1cc53399e0c06939698ab565cb45898",class:c(["zonos--label-wrapper",this.isDisabled&&"disabled"])},n("input",Object.assign({key:"3c6786e238870a22df24226b849df8c50285066f"},this.inheritedAttributes,{autoComplete:this.autoComplete,class:c(["zonos--floated-input",!!this.inputLabel&&"has-label",this.internalValue&&"has-content",(this.isError||!!this.error)&&"has-error"]),disabled:this.isDisabled,id:this.inputId,name:this.name,onInput:function(s){var t=s.target;o.inputChange.emit(t.value);o.el.inputValue=t.value;o.el.dispatchEvent(new Event("change"))},placeholder:this.inputPlaceholder||"",required:this.required,type:"text",value:this.internalValue})),n("div",{key:"32ef73f611becbc961b594a22976651eeb2547cd",class:"zonos--floated-label"},n("label",{key:"7ef5e3be28b12f1d17f20cd6698ccb877b74a28b",htmlFor:this.inputId},this.inputLabel))),this.error&&n("zonos-text",{key:"5d0e354d1ff22b9d0d9ab92a571029ce3b06be9b",textColor:"red-600",type:"caption"},this.error))};Object.defineProperty(o.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{inputValue:[{onInputValueChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return o}());f.style=d()}}}));