@zonos/elements 1.4.2 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/zonos-cart-items_12.cjs.entry.js +66 -3
- package/dist/cjs/zonos-checkout.cjs.entry.js +20 -10
- package/dist/collection/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.css +10 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.js +6 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +7 -10
- package/dist/collection/components/utils/checkout/isHostedVsNativeTestAllowed.js +13 -0
- package/dist/collection/components/utils/checkout/itemCustomization.js +53 -0
- package/dist/collection/components/utils/checkout/parseItemCustomizations.js +6 -0
- package/dist/collection/types/checkout/itemCustomization.js +1 -0
- package/dist/collection/types/index.js +1 -0
- package/dist/esm/index.js +7 -7
- package/dist/esm/zonos-cart-items_12.entry.js +66 -3
- package/dist/esm/zonos-checkout.entry.js +20 -10
- package/dist/esm-es5/index.js +4 -4
- package/dist/esm-es5/zonos-cart-items_12.entry.js +23 -10
- package/dist/esm-es5/zonos-checkout.entry.js +6 -6
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/components/utils/checkout/isHostedVsNativeTestAllowed.d.ts +11 -0
- package/dist/types/components/utils/checkout/itemCustomization.d.ts +23 -0
- package/dist/types/components/utils/checkout/parseItemCustomizations.d.ts +7 -0
- package/dist/types/types/checkout/itemCustomization.d.ts +4 -0
- package/dist/types/types/index.d.ts +1 -0
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-30b3c9d3.entry.js +1 -0
- package/dist/zonos-elements/p-5873ab8e.entry.js +1 -0
- package/dist/zonos-elements/{p-be1237fc.system.entry.js → p-7f031592.system.entry.js} +55 -55
- package/dist/zonos-elements/p-Bu9WCfUC.system.js +1 -1
- package/dist/zonos-elements/{p-DCS8qcL6.system.js → p-CXxvn4GX.system.js} +4 -4
- package/dist/zonos-elements/{p-5016d71b.system.entry.js → p-d82fd8a9.system.entry.js} +68 -54
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/item-customization.d.ts +25 -0
- package/item-customization.js +52 -0
- package/package.json +7 -4
- package/dist/zonos-elements/p-0457f579.entry.js +0 -1
- package/dist/zonos-elements/p-34656e6c.entry.js +0 -1
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(o,t,e,n){function s(o){return o instanceof e?o:new e((function(t){t(o)}))}return new(e||(e=Promise))((function(e,i){function r(o){try{l(n.next(o))}catch(o){i(o)}}function a(o){try{l(n["throw"](o))}catch(o){i(o)}}function l(o){o.done?e(o.value):s(o.value).then(r,a)}l((n=n.apply(o,t||[])).next())}))};var __generator=this&&this.__generator||function(o,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,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(t){return l([o,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(e=0)),e)try{if(n=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:e.label++;return{value:a[1],done:false};case 5:e.label++;s=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(o,e)}catch(o){a=[6,o];s=0}finally{n=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,t,e){if(e||arguments.length===2)for(var n=0,s=t.length,i;n<s;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return o.concat(i||Array.prototype.slice.call(t))};System.register(["./p-CIevpRv_.system.js","./p-DS-qw_qc.system.js","./p-DOD2I44l.system.js","./p-kaOxUR9u.system.js","./p-BLQFeIez.system.js","./p-C2j7R11h.system.js","./p-BuU_p5DP.system.js","./p-CEK_Wk6v.system.js","./p-nOb4xPLF.system.js","./p-XDxdMlQl.system.js","./p-zVLAvre1.system.js","./p-DBOI98r5.system.js","./p-DQZncB2d.system.js","./p-BbgqQIHv.system.js","./p-XqkqjeNV.system.js","./p-Be3Hpms1.system.js","./p-DW-fW8yR.system.js","./p-CKBbIU4b.system.js","./p-vN6p_rO1.system.js","./p-CBx5nYet.system.js","./p-DI2vXnXc.system.js","./p-BgSx82zO.system.js","./p-Bi-s0fp_.system.js","./p-Cby4EkFu.system.js","./p-B3GRrRtL.system.js","./p-DoEHepOc.system.js","./p-BGktDPwA.system.js","./p-8PPEbm_0.system.js","./p-C29tlYn0.system.js"],(function(o){"use strict";var t,e,n,s,i,r,a,l,c,u,d,h,f,p,m,v,z,g,b,y,x,C,w,k,_,L,S,I,O,A,j,B,D,M,E,T,H,Z,F,N,P,R,V,U,X,G,Y,q,W,K,Q,$,J,oo,to,eo,no,so,io,ro,ao,lo,co,uo,ho,fo,po,mo,vo,zo,go,bo,yo,xo,Co,wo,ko,_o,Lo;return{setters:[function(o){t=o.r;e=o.e;n=o.h;s=o.a;i=o.F;r=o.d;a=o.g},function(o){l=o.d;c=o.L;u=o.M;d=o.m;h=o.N;f=o.O;p=o.b;m=o.H;v=o.c;z=o.t;g=o.P;b=o.Q;y=o.R;x=o.S;C=o.B;w=o.y;k=o.G;_=o.T;L=o.x;S=o.U;I=o.V;O=o.I;A=o.W;j=o.X;B=o.Y;D=o.Z;M=o._;E=o.$},function(o){T=o.t;H=o.l;Z=o.s;F=o.k;N=o.w;P=o.x;R=o.h},function(o){V=o.r},function(o){U=o.c},function(o){X=o.c},function(o){G=o.z;Y=o.c;q=o.d;W=o.g;K=o.a},function(o){Q=o.D;$=o.T;J=o.h},function(o){oo=o.i},function(o){to=o.s;eo=o.c;no=o.a},function(o){so=o.h;io=o.s;ro=o.j;ao=o.g;lo=o.i;co=o.a;uo=o.l},function(o){ho=o.c},function(o){fo=o.g},function(o){po=o.l;mo=o.b},function(o){vo=o.s},function(o){zo=o.p},function(o){go=o.i},function(o){bo=o.g},function(o){yo=o.i},function(o){xo=o.u},function(o){Co=o.g},function(o){wo=o.c},function(o){ko=o.s;_o=o.a},function(o){Lo=o.e},null,null,null,null,null],execute:function(){var So=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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}"};var Io=o("zonos_cart_items",/** @class */function(){function o(o){t(this,o);this.errorImages=[]}o.prototype.render=function(){var o=this;var t=e("./assets/empty-item.jpeg");var i=l.items.filter((function(o){return!o.isRestricted}));return n(s,{key:"2f81af1b6315853352a29bacaa230d782e76115a",class:"zonos--cart-items zonos--elements"},n("table",{key:"7fe64f09729e0791605cdd8e66d7230ab162c7cf",class:"zonos--cart-table"},n("tbody",{key:"49c17b5c7c68bfd41b2d8fabbbf4c3c764faba33"},i.map((function(e){var s=e.imageUrl;var i=U(e.name);var r=e.amount*e.quantity;return n("tr",{class:"zonos--cart-item"},n("td",{class:"zonos--column zonos--cart-item-image"},s&&!o.errorImages.includes(s)?n("img",{alt:e.name,onError:function(){o.errorImages=__spreadArray(__spreadArray([],o.errorImages,true),[s],false)},src:e.imageUrl,style:{"min-width":"40px"},width:40}):n("img",{alt:e.name,src:t,width:40})),n("td",{class:"zonos--column zonos--cart-item-name"},n("div",null,i.map((function(o){return n("zonos-text",{type:"label"},o)}))),n("zonos-text",{textColor:"gray-600",type:"caption"},T("Quantity"),": ",e.quantity)),n("td",{class:"zonos--column zonos--cart-item-price"},n("zonos-text",{type:"semiBoldLabel",weight:600},V({amount:r,isForeign:false}))))})))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Io.style=So();var Oo='<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_dd_2052_3658)">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5 10.5607L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L13.0303 8.96967C12.7374 8.67678 12.2626 8.67678 11.9697 8.96967L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303Z" fill="currentColor"/>\n</g>\n<defs>\n<filter id="filter0_dd_2052_3658" x="-3.5" y="-2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2052_3658"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="1"/>\n<feGaussianBlur stdDeviation="1"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>\n<feBlend mode="normal" in2="effect1_dropShadow_2052_3658" result="effect2_dropShadow_2052_3658"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2052_3658" result="shape"/>\n</filter>\n</defs>\n</svg>\n';var Ao=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{overflow:auto;position:relative}:host zonos-banner{margin-bottom:12px}:host .zonos--cart-title-collapse-trigger{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-align:center;align-items:center;background:var(--zonos-elements-gray-0);width:100%;border:none;cursor:pointer;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-transition:0.5s all ease;transition:0.5s all ease}:host .zonos--cart-title-collapse-trigger zonos-icon{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}:host .zonos--cart-title-collapse-trigger.collapsed{margin-bottom:0}:host .zonos--cart-title-collapse-trigger.collapsed zonos-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .zonos--cart-title-collapse-trigger::before,:host .zonos--cart-title-collapse-trigger::after{content:"";display:block;width:80%;height:1px;background-color:var(--zonos-elements-border-color);-ms-flex-negative:1;flex-shrink:1}:host .zonos--cart-title-collapse-trigger .zonos--title-wrapper{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--cart-table{opacity:0.5;width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host img{min-width:40px}:host(.collapsed){-ms-flex-negative:0;flex-shrink:0}'};var jo=o("zonos_cart_restricted_items",/** @class */function(){function o(o){t(this,o);
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(o,t,e,n){function s(o){return o instanceof e?o:new e((function(t){t(o)}))}return new(e||(e=Promise))((function(e,i){function r(o){try{l(n.next(o))}catch(o){i(o)}}function a(o){try{l(n["throw"](o))}catch(o){i(o)}}function l(o){o.done?e(o.value):s(o.value).then(r,a)}l((n=n.apply(o,t||[])).next())}))};var __generator=this&&this.__generator||function(o,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,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(t){return l([o,t])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(e=0)),e)try{if(n=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:e.label++;return{value:a[1],done:false};case 5:e.label++;s=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(o,e)}catch(o){a=[6,o];s=0}finally{n=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,t,e){if(e||arguments.length===2)for(var n=0,s=t.length,i;n<s;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return o.concat(i||Array.prototype.slice.call(t))};System.register(["./p-CIevpRv_.system.js","./p-DS-qw_qc.system.js","./p-DOD2I44l.system.js","./p-kaOxUR9u.system.js","./p-BLQFeIez.system.js","./p-C2j7R11h.system.js","./p-BuU_p5DP.system.js","./p-CEK_Wk6v.system.js","./p-nOb4xPLF.system.js","./p-XDxdMlQl.system.js","./p-zVLAvre1.system.js","./p-DBOI98r5.system.js","./p-DQZncB2d.system.js","./p-BbgqQIHv.system.js","./p-XqkqjeNV.system.js","./p-Be3Hpms1.system.js","./p-DW-fW8yR.system.js","./p-CKBbIU4b.system.js","./p-vN6p_rO1.system.js","./p-CBx5nYet.system.js","./p-DI2vXnXc.system.js","./p-BgSx82zO.system.js","./p-Bi-s0fp_.system.js","./p-Cby4EkFu.system.js","./p-B3GRrRtL.system.js","./p-DoEHepOc.system.js","./p-BGktDPwA.system.js","./p-8PPEbm_0.system.js","./p-C29tlYn0.system.js"],(function(o){"use strict";var t,e,n,s,i,r,a,l,c,u,d,h,f,p,m,v,z,g,b,y,x,w,C,k,_,L,S,I,A,O,j,B,D,M,E,T,H,Z,F,N,P,R,V,U,X,G,Y,q,W,K,Q,$,J,oo,to,eo,no,so,io,ro,ao,lo,co,uo,ho,fo,po,mo,vo,zo,go,bo,yo,xo,wo,Co,ko,_o,Lo;return{setters:[function(o){t=o.r;e=o.e;n=o.h;s=o.a;i=o.F;r=o.d;a=o.g},function(o){l=o.d;c=o.L;u=o.M;d=o.m;h=o.N;f=o.O;p=o.b;m=o.H;v=o.c;z=o.t;g=o.P;b=o.Q;y=o.R;x=o.S;w=o.B;C=o.y;k=o.G;_=o.T;L=o.x;S=o.U;I=o.V;A=o.I;O=o.W;j=o.X;B=o.Y;D=o.Z;M=o._;E=o.$},function(o){T=o.t;H=o.l;Z=o.s;F=o.k;N=o.w;P=o.x;R=o.h},function(o){V=o.r},function(o){U=o.c},function(o){X=o.c},function(o){G=o.z;Y=o.c;q=o.d;W=o.g;K=o.a},function(o){Q=o.D;$=o.T;J=o.h},function(o){oo=o.i},function(o){to=o.s;eo=o.c;no=o.a},function(o){so=o.h;io=o.s;ro=o.j;ao=o.g;lo=o.i;co=o.a;uo=o.l},function(o){ho=o.c},function(o){fo=o.g},function(o){po=o.l;mo=o.b},function(o){vo=o.s},function(o){zo=o.p},function(o){go=o.i},function(o){bo=o.g},function(o){yo=o.i},function(o){xo=o.u},function(o){wo=o.g},function(o){Co=o.c},function(o){ko=o.s;_o=o.a},function(o){Lo=o.e},null,null,null,null,null],execute:function(){
|
|
2
|
+
/**
|
|
3
|
+
* Import-free so `scripts/buildItemCustomization.mjs` can emit one module.
|
|
4
|
+
* demo-app imports the generated `item-customization.js`, not this file.
|
|
5
|
+
*/
|
|
6
|
+
var So="itemCustomization";var Io=function(o){return typeof o==="object"&&o!==null&&!Array.isArray(o)};
|
|
7
|
+
/** Drops an empty name, a non-string value, and the unselected value "0". */var Ao=function(o){if(!Io(o)){return null}var t=o.name;if(typeof t!=="string"||t===""){return null}var e=o.value;if(typeof e!=="string"||e==="0"){return null}return{name:t,value:e}};var Oo=function(o){try{
|
|
8
|
+
// The generated package entry cannot import the shared jsonParse helper.
|
|
9
|
+
// eslint-disable-next-line no-restricted-syntax
|
|
10
|
+
return JSON.parse(o)}catch(o){return null}};
|
|
11
|
+
/** Selected customization entries, with the original object for extra ids. */var jo=function(o){var t;var e=(t=o===null||o===void 0?void 0:o.find((function(o){return(o===null||o===void 0?void 0:o.key)===So})))===null||t===void 0?void 0:t.value;if(!e){return[]}var n=Oo(e);if(!Array.isArray(n)){return[]}return n.flatMap((function(o){var t=Ao(o);if(!t||!Io(o)){return[]}return[{choice:t,raw:o}]}))};
|
|
12
|
+
/**
|
|
13
|
+
* Reads a cart row's `itemCustomization` attribute into display pairs.
|
|
14
|
+
* Unreadable data is an empty list.
|
|
15
|
+
*/var Bo=function(o){return jo(o).map((function(o){return o.choice}))};var Do=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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-choices{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px;min-width:0}:host .zonos--cart-item-name .zonos--cart-item-choices zonos-text{overflow-wrap:break-word;white-space:normal}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}"};var Mo=o("zonos_cart_items",/** @class */function(){function o(o){t(this,o);this.errorImages=[]}o.prototype.render=function(){var o=this;var t=e("./assets/empty-item.jpeg");var i=l.items.filter((function(o){return!o.isRestricted}));return n(s,{key:"eeb10f76fbab43d256e6130fe2ab88a33c1598aa",class:"zonos--cart-items zonos--elements"},n("table",{key:"61ae44a57c1386f5ca6afb17c388ae9fcf29d8a1",class:"zonos--cart-table"},n("tbody",{key:"8471ae46186543cee754685e0182c4057d982967"},i.map((function(e){var s=e.imageUrl;var i=U(e.name);var r=Bo(e.attributes);var a=e.amount*e.quantity;return n("tr",{class:"zonos--cart-item"},n("td",{class:"zonos--column zonos--cart-item-image"},s&&!o.errorImages.includes(s)?n("img",{alt:e.name,onError:function(){o.errorImages=__spreadArray(__spreadArray([],o.errorImages,true),[s],false)},src:e.imageUrl,style:{"min-width":"40px"},width:40}):n("img",{alt:e.name,src:t,width:40})),n("td",{class:"zonos--column zonos--cart-item-name"},n("div",null,i.map((function(o){return n("zonos-text",{type:"label"},o)}))),r.length>0&&n("div",{class:"zonos--cart-item-choices"},r.map((function(o){return n("zonos-text",{textColor:"gray-600",type:"caption"},o.value===""?o.name:"".concat(o.name,": ").concat(o.value))}))),n("zonos-text",{textColor:"gray-600",type:"caption"},T("Quantity"),": ",e.quantity)),n("td",{class:"zonos--column zonos--cart-item-price"},n("zonos-text",{type:"semiBoldLabel",weight:600},V({amount:a,isForeign:false}))))})))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Mo.style=Do();var Eo='<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_dd_2052_3658)">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5 10.5607L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L13.0303 8.96967C12.7374 8.67678 12.2626 8.67678 11.9697 8.96967L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303Z" fill="currentColor"/>\n</g>\n<defs>\n<filter id="filter0_dd_2052_3658" x="-3.5" y="-2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2052_3658"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="1"/>\n<feGaussianBlur stdDeviation="1"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>\n<feBlend mode="normal" in2="effect1_dropShadow_2052_3658" result="effect2_dropShadow_2052_3658"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2052_3658" result="shape"/>\n</filter>\n</defs>\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{overflow:auto;position:relative}:host zonos-banner{margin-bottom:12px}:host .zonos--cart-title-collapse-trigger{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-align:center;align-items:center;background:var(--zonos-elements-gray-0);width:100%;border:none;cursor:pointer;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-transition:0.5s all ease;transition:0.5s all ease}:host .zonos--cart-title-collapse-trigger zonos-icon{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}:host .zonos--cart-title-collapse-trigger.collapsed{margin-bottom:0}:host .zonos--cart-title-collapse-trigger.collapsed zonos-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .zonos--cart-title-collapse-trigger::before,:host .zonos--cart-title-collapse-trigger::after{content:"";display:block;width:80%;height:1px;background-color:var(--zonos-elements-border-color);-ms-flex-negative:1;flex-shrink:1}:host .zonos--cart-title-collapse-trigger .zonos--title-wrapper{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--cart-table{opacity:0.5;width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host img{min-width:40px}:host(.collapsed){-ms-flex-negative:0;flex-shrink:0}'};var Ho=o("zonos_cart_restricted_items",/** @class */function(){function o(o){t(this,o);
|
|
2
16
|
/**
|
|
3
17
|
* This is to hide the section when the parent collapse on mobile
|
|
4
18
|
*/this.hide=false;this.errorImages=[];this.internalCollapsed=true;
|
|
@@ -10,21 +24,21 @@ this.firstRender=true};o.prototype.render=function(){var o=this;var t;var i=e(".
|
|
|
10
24
|
// show nothing if the parent is collapsed or no restricted items
|
|
11
25
|
return null}if(this.firstRender){
|
|
12
26
|
// Auto expand if all items are restricted
|
|
13
|
-
this.internalCollapsed=c();this.firstRender=false}return n(s,{class:X(["zonos--cart-restricted-items","zonos--elements",this.internalCollapsed&&"collapsed"])},n("button",{class:X(["zonos--cart-title-collapse-trigger",this.internalCollapsed&&"collapsed"]),onClick:function(){o.internalCollapsed=!o.internalCollapsed}},n("div",{class:"zonos--title-wrapper"},n("zonos-text",{textColor:"red-600",type:"label"},"".concat(T(this.internalCollapsed?"Show":"Hide")," ").concat(a," ").concat(T("restricted items"))),n("zonos-icon",{content:
|
|
27
|
+
this.internalCollapsed=c();this.firstRender=false}return n(s,{class:X(["zonos--cart-restricted-items","zonos--elements",this.internalCollapsed&&"collapsed"])},n("button",{class:X(["zonos--cart-title-collapse-trigger",this.internalCollapsed&&"collapsed"]),onClick:function(){o.internalCollapsed=!o.internalCollapsed}},n("div",{class:"zonos--title-wrapper"},n("zonos-text",{textColor:"red-600",type:"label"},"".concat(T(this.internalCollapsed?"Show":"Hide")," ").concat(a," ").concat(T("restricted items"))),n("zonos-icon",{content:Eo,iconColor:"red-600"}))),n("zonos-collapse",{collapsed:this.internalCollapsed},n("zonos-banner",{bannerTitle:T("The following items are unable to be shipped to your country and are not included in your cart total."),intent:"error"}),n("table",{class:"zonos--cart-table"},n("tbody",null,l.restrictedItems.map((function(t,e){var s,a;var l=t.imageUrl;return n("tr",{class:"zonos--cart-item"},n("td",{class:"zonos--column zonos--cart-item-image"},l&&!o.errorImages.includes(l)?n("img",{alt:
|
|
14
28
|
// Use matched item name if available
|
|
15
|
-
((s=t.matchedItem)===null||s===void 0?void 0:s.name)||t.name||"Restricted item ".concat(e+1),onError:function(){o.errorImages=__spreadArray(__spreadArray([],o.errorImages,true),[l],false)},src:l,style:{"min-width":"40px"},width:40}):n("img",{alt:t.name||"Restricted item ".concat(e+1),src:i,width:40})),n("td",{class:"zonos--column zonos--cart-item-name"},n("zonos-text",{type:"label"},((a=t.matchedItem)===null||a===void 0?void 0:a.name)||t.name),n("zonos-text",{type:"caption"},t.restriction.reason)),n("td",{class:"zonos--column zonos--cart-item-price"},n("zonos-text",{type:"semiBoldLabel"},V({amount:t.amount*t.quantity*r,isForeign:false}))))}))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());
|
|
29
|
+
((s=t.matchedItem)===null||s===void 0?void 0:s.name)||t.name||"Restricted item ".concat(e+1),onError:function(){o.errorImages=__spreadArray(__spreadArray([],o.errorImages,true),[l],false)},src:l,style:{"min-width":"40px"},width:40}):n("img",{alt:t.name||"Restricted item ".concat(e+1),src:i,width:40})),n("td",{class:"zonos--column zonos--cart-item-name"},n("zonos-text",{type:"label"},((a=t.matchedItem)===null||a===void 0?void 0:a.name)||t.name),n("zonos-text",{type:"caption"},t.restriction.reason)),n("td",{class:"zonos--column zonos--cart-item-price"},n("zonos-text",{type:"semiBoldLabel"},V({amount:t.amount*t.quantity*r,isForeign:false}))))}))))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Ho.style=To();
|
|
16
30
|
// Markdown URL allows a single level of balanced `(...)` (e.g.
|
|
17
31
|
// `https://example.com/foo_(v2)`); anything deeper is rare in real-world URLs
|
|
18
32
|
// and we'd rather not write a recursive grammar. Bare URLs match greedily up
|
|
19
33
|
// to whitespace and rely on `BARE_URL_TRAILING_PUNCT` to peel off sentence
|
|
20
34
|
// punctuation.
|
|
21
|
-
var
|
|
35
|
+
var Zo=/\[([^\]]+)\]\((https?:\/\/(?:[^\s()]|\([^\s()]*\))+)\)|(https?:\/\/[^\s]+)/g;
|
|
22
36
|
// Trailing characters that look like sentence punctuation rather than part of
|
|
23
37
|
// a URL. Stripped from bare URL matches so `Visit https://example.com.` keeps
|
|
24
38
|
// the period out of the link. `)` is intentionally excluded — Wikipedia-style
|
|
25
39
|
// URLs (e.g. `https://example.com/foo_(v2)`) embed balanced parens, and we
|
|
26
40
|
// don't want to break those.
|
|
27
|
-
var
|
|
41
|
+
var Fo=/[.,;:!?\]}"']+$/;
|
|
28
42
|
/**
|
|
29
43
|
* Parse a string into an ordered list of plain-text and link segments.
|
|
30
44
|
*
|
|
@@ -39,13 +53,13 @@ var Do=/[.,;:!?\]}"']+$/;
|
|
|
39
53
|
* // { type: 'text', value: 'Visit ' },
|
|
40
54
|
* // { type: 'link', href: 'https://example.com', text: 'docs' },
|
|
41
55
|
* // ]
|
|
42
|
-
*/var
|
|
56
|
+
*/var No=function(o){var t,e;var n=[];
|
|
43
57
|
// Reset the shared regex state in case a previous call left a lastIndex.
|
|
44
|
-
|
|
58
|
+
Zo.lastIndex=0;var s=0;var i;while((i=Zo.exec(o))!==null){if(i.index>s){n.push({type:"text",value:o.slice(s,i.index)})}var r=i[1],a=i[2],l=i[3];
|
|
45
59
|
// One of the alternations matched: either a markdown link (mdText + mdUrl)
|
|
46
60
|
// or a bare URL (plainUrl). Use the URL as both href and display text for
|
|
47
61
|
// bare URLs.
|
|
48
|
-
if(a&&r){n.push({href:a,text:r,type:"link"})}else if(l){var c=(e=(t=l.match(
|
|
62
|
+
if(a&&r){n.push({href:a,text:r,type:"link"})}else if(l){var c=(e=(t=l.match(Fo))===null||t===void 0?void 0:t[0])!==null&&e!==void 0?e:"";var u=c?l.slice(0,l.length-c.length):l;n.push({href:u,text:u,type:"link"});if(c){n.push({type:"text",value:c})}}s=Zo.lastIndex}if(s<o.length){n.push({type:"text",value:o.slice(s)})}return n};var Po=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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:20px 8px;vertical-align:top}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--cart-subtotal-title,:host .zonos--cart-subtotal-price,:host .zonos--cart-promo-code-col{border-bottom:1px solid var(--zonos-elements-gray-200)}:host .zonos--cart-duty-tax-price{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;gap:5px}:host .zonos--cart-subtotal-price{text-align:right}:host .zonos--cart-subtotal-price zonos-text{white-space:nowrap}:host .zonos--cart-subtotal-price zonos-text,:host .zonos--cart-pay-total zonos-text{white-space:nowrap}:host .zonos--cart-promo-code-input-wrapper{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}:host .zonos--cart-promo-code-input{-ms-flex:1;flex:1}:host .zonos--cart-custom-message .zonos--column:last-child{padding:0 8px;width:auto;text-align:left}:host .zonos--cart-custom-message zonos-banner{padding:12px;border-radius:var(--zonos-elements-radius-6)}"};var Ro=o("zonos_cart_subtotal",/** @class */function(){function o(o){var e=this;t(this,o);
|
|
49
63
|
/**
|
|
50
64
|
* Loading state for apply promo code button
|
|
51
65
|
*/this.loading=false;this.getInclusivePriceType=function(){var o,t;var e=H.inclusivePricingConfigurations.find(Boolean);var n=((o=e===null||e===void 0?void 0:e.configurations[Q])===null||o===void 0?void 0:o.status)==="ENABLED";var s=((t=e===null||e===void 0?void 0:e.configurations[$])===null||t===void 0?void 0:t.status)==="ENABLED";if(n&&s){return"DUTY_TAX_AND_FEE"}
|
|
@@ -55,7 +69,7 @@ if(n){return"DUTY_AND_FEE"}if(s){return"TAX"}return null};
|
|
|
55
69
|
* Render a single merchant-provided message line. Segments come from
|
|
56
70
|
* [[parseLinkedText]] and are emitted as VNodes (never `innerHTML`) so
|
|
57
71
|
* untrusted strings can't inject HTML.
|
|
58
|
-
*/this.renderMessageLine=function(o){return
|
|
72
|
+
*/this.renderMessageLine=function(o){return No(o).map((function(o){var t;if(o.type!=="link"){return o.value}
|
|
59
73
|
// For BigCommerce, a same-host `/checkout` link should navigate the
|
|
60
74
|
// current tab (`_self`) instead of opening a new one — this unloads the
|
|
61
75
|
// Zonos checkout and opens the native checkout in its place rather than
|
|
@@ -88,7 +102,7 @@ var b=this.getEuDapDetails();
|
|
|
88
102
|
// Show 0 for subtotal and total when all items are restricted
|
|
89
103
|
var y=c()?m:0;
|
|
90
104
|
// Total is in target currency, devide by target rate to get base currency
|
|
91
|
-
var x=c()?l.subtotal:0;var
|
|
105
|
+
var x=c()?l.subtotal:0;var w=
|
|
92
106
|
// Store with no discount rules added in the dashboard, checkout would not display have promo code input
|
|
93
107
|
!l.shouldHideDiscountInput&&
|
|
94
108
|
// Only show promo stuff if they are past customer info session in order to get landed cost with promo adjustment
|
|
@@ -97,7 +111,7 @@ l.step!=="customer-info"&&
|
|
|
97
111
|
// step with no customer-info/shipping step behind them — applying a
|
|
98
112
|
// promo code here would re-quote against a landed cost these sessions
|
|
99
113
|
// never went through, with no shipping step to return to.
|
|
100
|
-
!v;var
|
|
114
|
+
!v;var C=(u=(a=(r=(e=(t=l.landedCostData)===null||t===void 0?void 0:t.find(Boolean))===null||e===void 0?void 0:e.landedCost.appliedAdjustments)===null||r===void 0?void 0:r.find((function(o){var t;return((t=o.adjustment)===null||t===void 0?void 0:t.source)==="PROMO_CODE"})))===null||a===void 0?void 0:a.adjustment)===null||u===void 0?void 0:u.name;var k=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:
|
|
101
115
|
// Promo code apply button is clicked
|
|
102
116
|
l.promoCodeApplied=true;
|
|
103
117
|
// Reset promo code highlight error state
|
|
@@ -114,10 +128,10 @@ if(!r){return null}if(r==="TAX"){return n(i,null,n("td",{class:"zonos--column zo
|
|
|
114
128
|
if((e=(t=G.genericSettings)===null||t===void 0?void 0:t.domesticCountries)===null||e===void 0?void 0:e.includes(((s=p.stripeAddressEventData)===null||s===void 0?void 0:s.value.address.country)||"US")){return n(i,null,n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Taxes and fees"))),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},l.dutiesTaxesFees!==null||l.dutiesTaxesFeesEstimate!==null?V({amount:l.dutiesTaxesFees||l.dutiesTaxesFeesEstimate||0,isForeign:true}):"-")))}if(l.landedCostMethod==="DAP"){return n(i,null,n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Duties, taxes, and fees")),l.dutiesTaxesFeesEstimate!==null?"".concat(T("Estimated [amount]",{amount:V({amount:l.dutiesTaxesFeesEstimate,isForeign:true})})):"-"),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},T("Due at delivery"))))}return n(i,null,n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Duties, taxes, and fees")),n("zonos-text",{class:"zonos--caption",type:"caption"},T("Nothing due at the door"))),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},l.dutiesTaxesFees!==null?V({amount:l.dutiesTaxesFees,isForeign:true}):"-")))};return n(s,{class:"zonos--cart-subtotal zonos--elements"},n("table",{class:"zonos--cart-table"},n("tr",{class:"zonos--row zonos--cart-subtotal"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title"},n("zonos-text",{type:"semiBoldLabel"},T("Cart subtotal")),n("zonos-text",{class:"zonos--caption",type:"caption"},this.getCartSubtotalSubtitle())),n("td",{class:"zonos--column zonos--cart-subtotal-price"},n("zonos-text",{type:"semiBoldLabel"},V({amount:x,isForeign:true})))),g&&n("tr",{class:"zonos--row zonos--cart-shipping"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title"},L()),n("td",{class:"zonos--column zonos--cart-subtotal-price"},l.shipping?V({amount:l.shipping,isForeign:true}):"-")),z&&(b?
|
|
115
129
|
// EU DAP remittance: taxes and fees are collected/included, duties
|
|
116
130
|
// are estimated and paid upon delivery — show them on two lines.
|
|
117
|
-
n(i,null,n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Taxes and fees"))),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},V({amount:b.taxesAndFeesEstimate,isForeign:true})))),n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Duties")),T("Estimated [amount]",{amount:V({amount:b.dutiesEstimate,isForeign:true})})),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},T("Due at delivery"))))):n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),S())),
|
|
131
|
+
n(i,null,n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Taxes and fees"))),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},V({amount:b.taxesAndFeesEstimate,isForeign:true})))),n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title zonos--landed-cost"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Duties")),T("Estimated [amount]",{amount:V({amount:b.dutiesEstimate,isForeign:true})})),n("td",{class:"zonos--column zonos--cart-subtotal-price zonos--landed-cost"},n("div",{class:"zonos--cart-duty-tax-price"},T("Due at delivery"))))):n("tr",{class:"zonos--row zonos--cart-duties"},n("td",{class:"zonos--column"}),S())),w&&n("tr",{class:"zonos--row zonos--cart-promo-code"},n("td",{class:"zonos--column"}),!!C?n(i,null,n("td",{class:"zonos--column zonos--cart-promo-code-col"},this.loading?n("zonos-spinner",{size:16}):n("zonos-badge",{dismissHandler:function(){return _()}},l.promoCode)),n("td",{class:"zonos--column zonos--cart-promo-code-col"})):n("td",{class:"zonos--column zonos--cart-promo-code-col",colSpan:2},n("div",{class:"zonos--cart-promo-code-input-wrapper"},n("zonos-input",{class:"zonos--cart-promo-code-input",inputLabel:T("Add promotional code"),inputValue:l.promoCode,isError:l.promoCodeError,onInputChange:function(o){return l.promoCode=o.detail.trim()},onKeyDown:function(o){if(o.key==="Enter"){void k()}}}),n("zonos-button",{loading:this.loading,onClick:function(){return k()},variant:"primary"},T("Apply"))))),!!l.adjustmentTotal&&n("tr",{class:"zonos--row zonos--cart-discount"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title"},n("div",{class:"zonos--title-with-icon"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Discounts")))),n("td",{class:"zonos--column zonos--cart-subtotal-price"},n("zonos-text",{type:"semiBoldLabel"},V({amount:l.adjustmentTotal,isForeign:true})))),!!l.storeCredit&&n("tr",{class:"zonos--row zonos--cart-store-credit"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column zonos--cart-subtotal-title"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Store credit"))),n("td",{class:"zonos--column zonos--cart-subtotal-price"},n("zonos-text",{textColor:"green-600",type:"semiBoldLabel"},"-",V({amount:l.storeCredit,isForeign:true})))),n("tr",{class:"zonos--row zonos--cart-pay-total"},n("td",{class:"zonos--column"}),n("td",{class:"zonos--column"},n("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},T("Order total"))),n("td",{class:"zonos--column zonos--cart-total-price"},n("zonos-text",{type:"semiBoldLabel"},V({amount:y,isForeign:true})))),this.renderCustomMessage()))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Ro.style=Po();var Vo='<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 Uo='<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 Xo=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}: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:20px}:host .zonos--finish-details{max-width:536px;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--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}"};
|
|
118
132
|
/**
|
|
119
133
|
* Maximum number of retries to pull order info (gap between each retry is 1 second)
|
|
120
|
-
*/var
|
|
134
|
+
*/var Go=30;var Yo=o("zonos_checkout_finish",/** @class */function(){function o(o){var e=this;t(this,o);this.closeClick=r(this,"closeClick",7);
|
|
121
135
|
/**
|
|
122
136
|
* The border radius style of the dialog
|
|
123
137
|
*/this.borderRadius="ROUNDED";this.isLoading=true;this.notificationType="success";this.notificationTitle="";this.notificationMessages=[];this.notificationActionText=T("Keep shopping");this.order=null;
|
|
@@ -210,7 +224,7 @@ this.isLoading=false;if(!(typeof G.checkoutSettings.onOrderSuccess==="function")
|
|
|
210
224
|
*/
|
|
211
225
|
s.sent();s.label=6;case 6:return[3/*break*/,7];case 7:return[2/*return*/]}}))}))};
|
|
212
226
|
// 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
|
|
213
|
-
this.getPullOrder=function(){var o=[];for(var t=0;t<arguments.length;t++){o[t]=arguments[t]}return __awaiter(e,__spreadArray([],o,true),void 0,(function(o){var t,e,n,s,i,r,a,l,c;if(o===void 0){o=0}return __generator(this,(function(u){switch(u.label){case 0:if(o===0){po("=== Start to poll for order info","info")}return[4/*yield*/,this.pullOrder()];case 1:n=u.sent(),s=n.baseUrl,i=n.order;r=window.Zonos.isLegacyCheckout;a=!!((e=(t=i===null||i===void 0?void 0:i.references)===null||t===void 0?void 0:t.find((function(o){return(o===null||o===void 0?void 0:o.key)==="zonosOrderNumber"})))===null||e===void 0?void 0:e.value);l=Z.checkoutSessionId;c=parseFloat(new URLSearchParams(window.location.search).get("maxPollingRetries")||"0")||
|
|
227
|
+
this.getPullOrder=function(){var o=[];for(var t=0;t<arguments.length;t++){o[t]=arguments[t]}return __awaiter(e,__spreadArray([],o,true),void 0,(function(o){var t,e,n,s,i,r,a,l,c;if(o===void 0){o=0}return __generator(this,(function(u){switch(u.label){case 0:if(o===0){po("=== Start to poll for order info","info")}return[4/*yield*/,this.pullOrder()];case 1:n=u.sent(),s=n.baseUrl,i=n.order;r=window.Zonos.isLegacyCheckout;a=!!((e=(t=i===null||i===void 0?void 0:i.references)===null||t===void 0?void 0:t.find((function(o){return(o===null||o===void 0?void 0:o.key)==="zonosOrderNumber"})))===null||e===void 0?void 0:e.value);l=Z.checkoutSessionId;c=parseFloat(new URLSearchParams(window.location.search).get("maxPollingRetries")||"0")||Go;po("=== Polling order (".concat(o," attemps)"),"info");if(!(
|
|
214
228
|
// Order found and was regular checkout user
|
|
215
229
|
i&&!r||
|
|
216
230
|
// Order found, in legacy checkout facade and still haven't found the legacy order number
|
|
@@ -270,11 +284,11 @@ g();m();eo();x();Z.checkoutSessionId=null;return[2/*return*/]}}))}))};this.close
|
|
|
270
284
|
// Reset local storage for placed order info
|
|
271
285
|
localStorage.removeItem("zonos--placed-order-info");if(this.overrideNotification){
|
|
272
286
|
// just show the notification and don't check any of the payment status
|
|
273
|
-
this.notificationType=this.overrideNotification.type;this.notificationTitle=this.overrideNotification.title;this.notificationMessages=this.overrideNotification.messages;this.isLoading=false;return}if(l.isStagingMode){void this.checkStagingOrderStatus()}else if(y.orderIdCreated){void this.checkStoreCreditOrderStatus()}else if(no.orderIdCreated){void this.checkPaypalPaymentStatus()}else{void this.checkStripePaymentStatus()}};o.prototype.render=function(){var o=this;var t=ao();return n(s,{key:"76a3503d5c41cf3138e71b071fdb5e341fad1781",class:"zonos--checkout-finish zonos--elements",style:{"--zonos--border-radius":fo({overrideBorderStyle:this.borderRadius})}},this.isImmediateRedirecting&&n("div",{key:"aab29e86b7d17dde74d873fe97f342e419e1b5cb",class:"loading-wrapper"},n("zonos-spinner",{key:"29526f5d056c117ccd65bd1ed303761c04fdbdf3",size:48})),!this.isLoading&&!this.isImmediateRedirecting&&n("div",{key:"438b210be5c4c78c74d37e5fde8de994e379afa0",class:"zonos--finish-details"},n("div",{key:"1cb133c14660035ea6395adb74d30790b69715f3",class:"zonos--group"},this.notificationType==="success"?n("zonos-icon",{"aria-label":"Order success",content:
|
|
287
|
+
this.notificationType=this.overrideNotification.type;this.notificationTitle=this.overrideNotification.title;this.notificationMessages=this.overrideNotification.messages;this.isLoading=false;return}if(l.isStagingMode){void this.checkStagingOrderStatus()}else if(y.orderIdCreated){void this.checkStoreCreditOrderStatus()}else if(no.orderIdCreated){void this.checkPaypalPaymentStatus()}else{void this.checkStripePaymentStatus()}};o.prototype.render=function(){var o=this;var t=ao();return n(s,{key:"76a3503d5c41cf3138e71b071fdb5e341fad1781",class:"zonos--checkout-finish zonos--elements",style:{"--zonos--border-radius":fo({overrideBorderStyle:this.borderRadius})}},this.isImmediateRedirecting&&n("div",{key:"aab29e86b7d17dde74d873fe97f342e419e1b5cb",class:"loading-wrapper"},n("zonos-spinner",{key:"29526f5d056c117ccd65bd1ed303761c04fdbdf3",size:48})),!this.isLoading&&!this.isImmediateRedirecting&&n("div",{key:"438b210be5c4c78c74d37e5fde8de994e379afa0",class:"zonos--finish-details"},n("div",{key:"1cb133c14660035ea6395adb74d30790b69715f3",class:"zonos--group"},this.notificationType==="success"?n("zonos-icon",{"aria-label":"Order success",content:Uo,iconColor:"blue-800",size:50}):n("zonos-icon",{"aria-label":"Order failed",content:Vo,iconColor:"red-800",size:50}),n("zonos-text",{key:"4e5a66524f7833916829c9dd7172225e872bb329",class:"zonos--title",type:"semiBoldSubheader"},this.notificationTitle),n("zonos-text",{key:"773a548cd7757af62b26bbe119e7dd078ab4df5b",class:"zonos--subtitle",textColor:"gray-600"},this.notificationMessages.map((function(o){return n(i,null,o,n("br",null))}))),this.shouldRenderCloseButtonForRedirectBehavior()&&n("zonos-button",{key:"ea8c30af05aa57c05155f68b416668db16cfcd1c",
|
|
274
288
|
// Only show loading spinner if it's not an error notification
|
|
275
289
|
loading:this.isWaitingToRedirect&&this.notificationType!=="error",onClick:function(){var t;
|
|
276
290
|
// Trigger the redirect action if order is ready when user clicks the close button
|
|
277
|
-
if((t=o.order)===null||t===void 0?void 0:t.id){o.redirectToMerchantSuccessPage();return}o.closeClickHandler()},size:"md",variant:"primary"},T("Close")),!window.Zonos.isLegacyCheckout&&this.shouldRenderKeepShoppingButton()&&n("zonos-button",{key:"50120bf3a405a2b6e5433fe1bb744f0b836ac49f",onClick:function(){return o.closeClickHandler()},size:"md",variant:"primary"},this.notificationActionText)),t&&l.step==="finish"&&this.notificationType==="success"&&n("div",{key:"2794f9deea56b65de81ad92285270388a7089a73",class:"zonos--finish-button-wrapper"},n("zonos-button",{key:"2ba2ef7a26f78cf484d1625428d866cdfadd1b2f",backgroundColor:"gray-0",buttonColor:"gray-1000",onClick:function(){return o.closeClickHandler()},size:"lg",variant:"outline"},"New test cart"),n("zonos-button",{key:"fc689ad6192fb0cc86a9fcaf164660a056df8bc5",onClick:function(){var t=window.location.hostname.includes("dashboard.zonos.com");o.redirectToUrl(t?"/orders/all":"https://dashboard.zonos.com/orders/all")},size:"lg",variant:"primary"},"View order in Dashboard"))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Po.style=Fo();var Ro='<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 Vo='<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 Uo='<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="white"/>\n<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="white"/>\n<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="white"/>\n<path d="M8.8 58C8.8 31.9322 29.9322 10.8 56 10.8C82.0678 10.8 103.2 31.9322 103.2 58C103.2 74.868 94.3524 89.6734 81.0342 98.022C80.6447 98.2662 80.1318 98.123 79.9175 97.7162L78.7941 95.5842C78.5971 95.2104 78.7255 94.7484 79.0825 94.5224C91.1684 86.8682 99.2 73.374 99.2 58C99.2 45.1582 93.5931 33.6223 84.7029 25.7135L83.8042 24.914C83.1429 24.3257 82.1296 24.3861 81.5428 25.0488L76.655 30.5694C76.3787 30.8815 75.9095 30.9282 75.5707 30.6852C70.0598 26.7304 63.2996 24.4 56 24.4C37.4432 24.4 22.4 39.4432 22.4 58C22.4 70.9369 29.7121 82.1614 40.4157 87.7744L41.4783 88.3315C42.2607 88.7419 43.2277 88.4403 43.6381 87.6579L47.1029 81.0544C47.2912 80.6954 47.7178 80.5354 48.1006 80.6688C50.5764 81.5315 53.2355 82 56 82C69.2548 82 80 71.2548 80 58C80 44.7452 69.2548 34 56 34H54.8C53.9163 34 53.2 34.7163 53.2 35.6V43.2143C53.2 43.5965 52.9289 43.923 52.5577 44.014C46.267 45.5571 41.6 51.2335 41.6 58C41.6 62.3276 43.5125 66.2118 46.529 68.8473C49.059 71.0578 52.3762 72.4 56 72.4C63.9529 72.4 70.4 65.9529 70.4 58C70.4 51.2335 65.733 45.5571 59.4423 44.014C59.0711 43.923 58.8 43.5965 58.8 43.2143V40.7431C58.8 40.2532 59.2372 39.8772 59.7171 39.9756C68.0973 41.6948 74.4 49.1114 74.4 58C74.4 68.162 66.162 76.4 56 76.4C52.9185 76.4 50.0216 75.6447 47.4764 74.3116L46.4142 73.7552C45.6318 73.3454 44.6653 73.6471 44.255 74.4292L41.0133 80.6075C40.7934 81.0267 40.2589 81.165 39.8722 80.8921C32.6864 75.8202 28 67.4556 28 58C28 42.536 40.536 30 56 30C63.1489 30 69.6662 32.6755 74.6156 37.0841L75.5144 37.8846C76.1757 38.4736 77.1895 38.4135 77.7765 37.7505L82.4362 32.4876C82.745 32.1388 83.2861 32.1262 83.6026 32.4681C89.8104 39.1755 93.6 48.1438 93.6 58C93.6 72.4821 85.4133 85.0566 73.4023 91.3398C68.2018 94.0603 62.2848 95.6 56 95.6C39.9975 95.6 26.3233 85.602 20.8962 71.502L20.467 70.3868C20.1505 69.5646 19.229 69.1529 18.4054 69.4659L11.7892 71.9802C11.3597 72.1434 10.8807 71.9123 10.7497 71.4719C9.48157 67.2056 8.8 62.6844 8.8 58Z" fill="white"/>\n<path d="M47.2 58C47.2 53.1399 51.1399 49.2 56 49.2C60.8601 49.2 64.8 53.1399 64.8 58C64.8 62.8601 60.8601 66.8 56 66.8C53.7822 66.8 51.7621 65.9832 50.2135 64.6302C48.3624 63.0129 47.2 60.6439 47.2 58Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM73.8305 98.177C73.6343 97.8047 73.1837 97.6488 72.7961 97.8125C67.6303 99.9943 61.9532 101.2 56 101.2C38.8594 101.2 24.0562 91.2184 17.0752 76.7588C16.8924 76.3802 16.4515 76.1992 16.0585 76.3485L9.18358 78.9612C8.35959 79.2743 7.43754 78.862 7.12154 78.0391L6.69286 76.9227C4.43567 71.0446 3.2 64.6633 3.2 58C3.2 28.8394 26.8394 5.2 56 5.2C85.1606 5.2 108.8 28.8394 108.8 58C108.8 78.3323 97.3067 95.9756 80.4757 104.796L79.4152 105.352C78.6338 105.761 77.6683 105.461 77.257 104.68L73.8305 98.177Z" fill="white"/>\n</svg>\n';var Xo='<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="#0F1015"/>\n<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="#0F1015"/>\n<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="#0F1015"/>\n<path d="M8 58C8 31.4903 29.4903 10 56 10C82.5097 10 104 31.4903 104 58C104 75.468 94.6696 90.7597 80.7129 99.1582C80.3237 99.3924 79.8197 99.2468 79.6079 98.845L77.7391 95.2981C77.5396 94.9194 77.6741 94.4514 78.0396 94.2286C90.245 86.7878 98.4 73.3477 98.4 58C98.4 45.396 92.898 34.0746 84.1712 26.3112L83.8716 26.0447C83.2103 25.4564 82.197 25.5168 81.6102 26.1795L76.2698 32.2113C70.6911 27.8209 63.6496 25.2 56 25.2C37.8851 25.2 23.2 39.8851 23.2 58C23.2 70.6278 30.3366 81.5856 40.7873 87.0659L41.1415 87.2516C41.9239 87.6619 42.8909 87.3604 43.3013 86.578L46.7194 80.0634C46.9121 79.6961 47.353 79.5384 47.7406 79.6861C50.3082 80.6645 53.0932 81.2 56 81.2C68.813 81.2 79.2 70.813 79.2 58C79.2 45.187 68.813 34.8 56 34.8H55.6C54.7163 34.8 54 35.5163 54 36.4V43.8553C54 44.2521 53.7083 44.5864 53.3192 44.6641C47.092 45.909 42.4 51.4066 42.4 58C42.4 62.0871 44.2053 65.7548 47.0553 68.2449C49.4452 70.3329 52.5771 71.6 56 71.6C63.5111 71.6 69.6 65.5111 69.6 58C69.6 51.4066 64.908 45.909 58.6808 44.6641C58.2917 44.5864 58 44.2521 58 43.8553V39.79C58 39.3156 58.411 38.944 58.8801 39.0146C68.1177 40.4042 75.2 48.375 75.2 58C75.2 68.6039 66.6039 77.2 56 77.2C52.7862 77.2 49.7622 76.4119 47.1053 75.0203L46.7512 74.8348C45.9688 74.425 45.0023 74.7267 44.592 75.5088L41.3048 81.7738C41.0894 82.1844 40.5705 82.3272 40.1833 82.0723C32.3591 76.9208 27.2 68.0616 27.2 58C27.2 42.0942 40.0942 29.2 56 29.2C63.3526 29.2 70.0574 31.9526 75.1478 36.4867L75.4473 36.7535C76.1086 37.3425 77.1225 37.2824 77.7095 36.6194L82.416 31.3036C82.7202 30.96 83.251 30.9417 83.5705 31.2711C90.2759 38.1859 94.4 47.6103 94.4 58C94.4 72.7914 86.0375 85.6329 73.7731 92.0487C68.4609 94.8276 62.417 96.4 56 96.4C39.6557 96.4 25.6916 86.188 20.1496 71.7893L20.0065 71.4176C19.6901 70.5954 18.7685 70.1837 17.945 70.4967L11.2754 73.0313C10.8512 73.1925 10.3773 72.9691 10.24 72.5365C8.78535 67.9531 8 63.0699 8 58Z" fill="#0F1015"/>\n<path d="M46.4 58C46.4 52.6981 50.6981 48.4 56 48.4C61.3019 48.4 65.6 52.6981 65.6 58C65.6 63.3019 61.3019 67.6 56 67.6C53.5814 67.6 51.376 66.7082 49.6871 65.2326C47.6696 63.4699 46.4 60.8844 46.4 58Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM74.193 97.1488C73.9943 96.7717 73.5352 96.6173 73.1454 96.7898C67.9011 99.1111 62.0989 100.4 56 100.4C38.9222 100.4 24.2068 90.3041 17.4886 75.7611C17.3101 75.3745 16.8638 75.1867 16.4658 75.3379L9.64462 77.9301C8.82063 78.2433 7.89858 77.831 7.58258 77.008L7.43969 76.6359C5.21709 70.8479 4 64.5637 4 58C4 29.2812 27.2812 6 56 6C84.7188 6 108 29.2812 108 58C108 78.0231 96.6823 95.3996 80.1044 104.087L79.7509 104.273C78.9694 104.682 78.0039 104.382 77.5927 103.601L74.193 97.1488Z" fill="#0F1015"/>\n</svg>\n';var Go=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:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);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}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper .zonos--checkout-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--checkout-footer .zonos--checkout-footer-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--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}"};var Yo=o("zonos_checkout_footer",/** @class */function(){function o(o){t(this,o);
|
|
291
|
+
if((t=o.order)===null||t===void 0?void 0:t.id){o.redirectToMerchantSuccessPage();return}o.closeClickHandler()},size:"md",variant:"primary"},T("Close")),!window.Zonos.isLegacyCheckout&&this.shouldRenderKeepShoppingButton()&&n("zonos-button",{key:"50120bf3a405a2b6e5433fe1bb744f0b836ac49f",onClick:function(){return o.closeClickHandler()},size:"md",variant:"primary"},this.notificationActionText)),t&&l.step==="finish"&&this.notificationType==="success"&&n("div",{key:"2794f9deea56b65de81ad92285270388a7089a73",class:"zonos--finish-button-wrapper"},n("zonos-button",{key:"2ba2ef7a26f78cf484d1625428d866cdfadd1b2f",backgroundColor:"gray-0",buttonColor:"gray-1000",onClick:function(){return o.closeClickHandler()},size:"lg",variant:"outline"},"New test cart"),n("zonos-button",{key:"fc689ad6192fb0cc86a9fcaf164660a056df8bc5",onClick:function(){var t=window.location.hostname.includes("dashboard.zonos.com");o.redirectToUrl(t?"/orders/all":"https://dashboard.zonos.com/orders/all")},size:"lg",variant:"primary"},"View order in Dashboard"))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());Yo.style=Xo();var qo='<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 Wo='<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 Ko='<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="white"/>\n<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="white"/>\n<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="white"/>\n<path d="M8.8 58C8.8 31.9322 29.9322 10.8 56 10.8C82.0678 10.8 103.2 31.9322 103.2 58C103.2 74.868 94.3524 89.6734 81.0342 98.022C80.6447 98.2662 80.1318 98.123 79.9175 97.7162L78.7941 95.5842C78.5971 95.2104 78.7255 94.7484 79.0825 94.5224C91.1684 86.8682 99.2 73.374 99.2 58C99.2 45.1582 93.5931 33.6223 84.7029 25.7135L83.8042 24.914C83.1429 24.3257 82.1296 24.3861 81.5428 25.0488L76.655 30.5694C76.3787 30.8815 75.9095 30.9282 75.5707 30.6852C70.0598 26.7304 63.2996 24.4 56 24.4C37.4432 24.4 22.4 39.4432 22.4 58C22.4 70.9369 29.7121 82.1614 40.4157 87.7744L41.4783 88.3315C42.2607 88.7419 43.2277 88.4403 43.6381 87.6579L47.1029 81.0544C47.2912 80.6954 47.7178 80.5354 48.1006 80.6688C50.5764 81.5315 53.2355 82 56 82C69.2548 82 80 71.2548 80 58C80 44.7452 69.2548 34 56 34H54.8C53.9163 34 53.2 34.7163 53.2 35.6V43.2143C53.2 43.5965 52.9289 43.923 52.5577 44.014C46.267 45.5571 41.6 51.2335 41.6 58C41.6 62.3276 43.5125 66.2118 46.529 68.8473C49.059 71.0578 52.3762 72.4 56 72.4C63.9529 72.4 70.4 65.9529 70.4 58C70.4 51.2335 65.733 45.5571 59.4423 44.014C59.0711 43.923 58.8 43.5965 58.8 43.2143V40.7431C58.8 40.2532 59.2372 39.8772 59.7171 39.9756C68.0973 41.6948 74.4 49.1114 74.4 58C74.4 68.162 66.162 76.4 56 76.4C52.9185 76.4 50.0216 75.6447 47.4764 74.3116L46.4142 73.7552C45.6318 73.3454 44.6653 73.6471 44.255 74.4292L41.0133 80.6075C40.7934 81.0267 40.2589 81.165 39.8722 80.8921C32.6864 75.8202 28 67.4556 28 58C28 42.536 40.536 30 56 30C63.1489 30 69.6662 32.6755 74.6156 37.0841L75.5144 37.8846C76.1757 38.4736 77.1895 38.4135 77.7765 37.7505L82.4362 32.4876C82.745 32.1388 83.2861 32.1262 83.6026 32.4681C89.8104 39.1755 93.6 48.1438 93.6 58C93.6 72.4821 85.4133 85.0566 73.4023 91.3398C68.2018 94.0603 62.2848 95.6 56 95.6C39.9975 95.6 26.3233 85.602 20.8962 71.502L20.467 70.3868C20.1505 69.5646 19.229 69.1529 18.4054 69.4659L11.7892 71.9802C11.3597 72.1434 10.8807 71.9123 10.7497 71.4719C9.48157 67.2056 8.8 62.6844 8.8 58Z" fill="white"/>\n<path d="M47.2 58C47.2 53.1399 51.1399 49.2 56 49.2C60.8601 49.2 64.8 53.1399 64.8 58C64.8 62.8601 60.8601 66.8 56 66.8C53.7822 66.8 51.7621 65.9832 50.2135 64.6302C48.3624 63.0129 47.2 60.6439 47.2 58Z" fill="white"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM73.8305 98.177C73.6343 97.8047 73.1837 97.6488 72.7961 97.8125C67.6303 99.9943 61.9532 101.2 56 101.2C38.8594 101.2 24.0562 91.2184 17.0752 76.7588C16.8924 76.3802 16.4515 76.1992 16.0585 76.3485L9.18358 78.9612C8.35959 79.2743 7.43754 78.862 7.12154 78.0391L6.69286 76.9227C4.43567 71.0446 3.2 64.6633 3.2 58C3.2 28.8394 26.8394 5.2 56 5.2C85.1606 5.2 108.8 28.8394 108.8 58C108.8 78.3323 97.3067 95.9756 80.4757 104.796L79.4152 105.352C78.6338 105.761 77.6683 105.461 77.257 104.68L73.8305 98.177Z" fill="white"/>\n</svg>\n';var Qo='<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="#0F1015"/>\n<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="#0F1015"/>\n<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="#0F1015"/>\n<path d="M8 58C8 31.4903 29.4903 10 56 10C82.5097 10 104 31.4903 104 58C104 75.468 94.6696 90.7597 80.7129 99.1582C80.3237 99.3924 79.8197 99.2468 79.6079 98.845L77.7391 95.2981C77.5396 94.9194 77.6741 94.4514 78.0396 94.2286C90.245 86.7878 98.4 73.3477 98.4 58C98.4 45.396 92.898 34.0746 84.1712 26.3112L83.8716 26.0447C83.2103 25.4564 82.197 25.5168 81.6102 26.1795L76.2698 32.2113C70.6911 27.8209 63.6496 25.2 56 25.2C37.8851 25.2 23.2 39.8851 23.2 58C23.2 70.6278 30.3366 81.5856 40.7873 87.0659L41.1415 87.2516C41.9239 87.6619 42.8909 87.3604 43.3013 86.578L46.7194 80.0634C46.9121 79.6961 47.353 79.5384 47.7406 79.6861C50.3082 80.6645 53.0932 81.2 56 81.2C68.813 81.2 79.2 70.813 79.2 58C79.2 45.187 68.813 34.8 56 34.8H55.6C54.7163 34.8 54 35.5163 54 36.4V43.8553C54 44.2521 53.7083 44.5864 53.3192 44.6641C47.092 45.909 42.4 51.4066 42.4 58C42.4 62.0871 44.2053 65.7548 47.0553 68.2449C49.4452 70.3329 52.5771 71.6 56 71.6C63.5111 71.6 69.6 65.5111 69.6 58C69.6 51.4066 64.908 45.909 58.6808 44.6641C58.2917 44.5864 58 44.2521 58 43.8553V39.79C58 39.3156 58.411 38.944 58.8801 39.0146C68.1177 40.4042 75.2 48.375 75.2 58C75.2 68.6039 66.6039 77.2 56 77.2C52.7862 77.2 49.7622 76.4119 47.1053 75.0203L46.7512 74.8348C45.9688 74.425 45.0023 74.7267 44.592 75.5088L41.3048 81.7738C41.0894 82.1844 40.5705 82.3272 40.1833 82.0723C32.3591 76.9208 27.2 68.0616 27.2 58C27.2 42.0942 40.0942 29.2 56 29.2C63.3526 29.2 70.0574 31.9526 75.1478 36.4867L75.4473 36.7535C76.1086 37.3425 77.1225 37.2824 77.7095 36.6194L82.416 31.3036C82.7202 30.96 83.251 30.9417 83.5705 31.2711C90.2759 38.1859 94.4 47.6103 94.4 58C94.4 72.7914 86.0375 85.6329 73.7731 92.0487C68.4609 94.8276 62.417 96.4 56 96.4C39.6557 96.4 25.6916 86.188 20.1496 71.7893L20.0065 71.4176C19.6901 70.5954 18.7685 70.1837 17.945 70.4967L11.2754 73.0313C10.8512 73.1925 10.3773 72.9691 10.24 72.5365C8.78535 67.9531 8 63.0699 8 58Z" fill="#0F1015"/>\n<path d="M46.4 58C46.4 52.6981 50.6981 48.4 56 48.4C61.3019 48.4 65.6 52.6981 65.6 58C65.6 63.3019 61.3019 67.6 56 67.6C53.5814 67.6 51.376 66.7082 49.6871 65.2326C47.6696 63.4699 46.4 60.8844 46.4 58Z" fill="#0F1015"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM74.193 97.1488C73.9943 96.7717 73.5352 96.6173 73.1454 96.7898C67.9011 99.1111 62.0989 100.4 56 100.4C38.9222 100.4 24.2068 90.3041 17.4886 75.7611C17.3101 75.3745 16.8638 75.1867 16.4658 75.3379L9.64462 77.9301C8.82063 78.2433 7.89858 77.831 7.58258 77.008L7.43969 76.6359C5.21709 70.8479 4 64.5637 4 58C4 29.2812 27.2812 6 56 6C84.7188 6 108 29.2812 108 58C108 78.0231 96.6823 95.3996 80.1044 104.087L79.7509 104.273C78.9694 104.682 78.0039 104.382 77.5927 103.601L74.193 97.1488Z" fill="#0F1015"/>\n</svg>\n';var $o=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:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);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}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper .zonos--checkout-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--checkout-footer .zonos--checkout-footer-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--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}"};var Jo=o("zonos_checkout_footer",/** @class */function(){function o(o){t(this,o);
|
|
278
292
|
/**
|
|
279
293
|
* Override mobile mode
|
|
280
294
|
*/this.mobile=false;this.showLanguageDialog=false;this.isMobile=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=lo(this.mobile)};o.prototype.componentWillLoad=function(){this.isMobile=lo(this.mobile)};o.prototype.render=function(){var o=this;var t;
|
|
@@ -282,21 +296,21 @@ if((t=o.order)===null||t===void 0?void 0:t.id){o.redirectToMerchantSuccessPage()
|
|
|
282
296
|
// locale always renders even if the merchant later drops it from the selector
|
|
283
297
|
var e=(t=F.find((function(o){return o.code===H.selectedLocale})))===null||t===void 0?void 0:t.label;
|
|
284
298
|
// reverse color when on desktop. With the coversheet backdrop, the color should be white
|
|
285
|
-
var r=this.dataTheme==="LIGHT"&&!this.mobile?"gray-0":"gray-1000";return n(s,{key:"e233dc26d3869dd123a76a6a20ef7ef20be04ac9",class:X(["zonos--elements",this.isMobile&&"mobile"])},n("div",{key:"c00938cd7e9a015227e022b7085e0544c8567fc8",class:"zonos--checkout-footer"},n("div",{key:"822887a65cad7554ec8295187166da4d53406b83",class:"zonos--checkout-locale-wrapper"},vo()&&n(i,{key:"1589f09bff0c417aed71f488b9799c3208c30b6b"},n("zonos-button",{key:"adb4467f16a158d3e6b6410fa0a6e81715d8b4a4",buttonColor:r,class:"zonos--checkout-footer-language-button",icon:n("zonos-icon",{"aria-label":"Language select",content:
|
|
299
|
+
var r=this.dataTheme==="LIGHT"&&!this.mobile?"gray-0":"gray-1000";return n(s,{key:"e233dc26d3869dd123a76a6a20ef7ef20be04ac9",class:X(["zonos--elements",this.isMobile&&"mobile"])},n("div",{key:"c00938cd7e9a015227e022b7085e0544c8567fc8",class:"zonos--checkout-footer"},n("div",{key:"822887a65cad7554ec8295187166da4d53406b83",class:"zonos--checkout-locale-wrapper"},vo()&&n(i,{key:"1589f09bff0c417aed71f488b9799c3208c30b6b"},n("zonos-button",{key:"adb4467f16a158d3e6b6410fa0a6e81715d8b4a4",buttonColor:r,class:"zonos--checkout-footer-language-button",icon:n("zonos-icon",{"aria-label":"Language select",content:Wo,iconColor:r}),onClick:function(){return o.toggleLanguageDialog()},variant:"subtle"},n("span",{key:"9dcd8064cb9d2bca25756d6e5d2e9d28d39bea04",class:"zonos--checkout-locale-label"},e,n("zonos-icon",{key:"53d267dc3667e8f0af4dd91748a95311e67ae6bb","aria-hidden":"true",class:"zonos--checkout-locale-chevron",content:qo,iconColor:r,size:18}))),n("div",{key:"48b44da80d72aa1cf2c20bd2d1faa3935ac41c0a",class:X(["zonos--checkout-footer-dialog",this.showLanguageDialog&&"zonos--checkout-footer-dialog-open"])},n("zonos-language-select",{key:"7cc39fa702bb6895556ac35815aea1a87237307b",handleOnClose:function(){return o.toggleLanguageDialog()}})))),n("div",{key:"7ea92dbdf7f70aeda580a8b06b111598e750e883",class:"zonos--checkout-footer-icon-wrapper"},n("a",{key:"9463c3e591b4094e6516e55f127a193e58e63f75",href:"https://zonos.com/docs/legal/zonos-privacy-policy",rel:"noopener noreferrer",target:"_blank"},n("zonos-text",{key:"c09ac7de4a75b9667785eb3d023d838dcb70fded",textColor:r},T("Privacy policy"))),n("div",{key:"a3b7bccb55163b3dc38a778530ed24afaec42498",class:"zonos--checkout-footer-logo"},n("zonos-text",{key:"da8f3fb699d42192e9dc120f250cbf4029132c0c",textColor:r},T("Powered by")),n("a",{key:"674f38407c93fe38801dce5475fd635b22449a44",href:"https://zonos.com",rel:"noopener noreferrer",target:"_blank",title:"Zonos website"},n("zonos-icon",{key:"f414178d37e8dc46fa6bb900112d985e9c111841",autoHeight:true,content:r==="gray-1000"?Qo:Ko,size:108}))))))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{mobile:[{handleMobileChange:0}]}},enumerable:false,configurable:true});return o}());Jo.style=$o();
|
|
286
300
|
/**
|
|
287
301
|
* Caches live "configured currency → presentment currency" rates used to convert
|
|
288
302
|
* the EU withdrawal return-shipping cap into the currency the buyer actually pays
|
|
289
303
|
* in. A @stencil/store so that, when a lazily-fetched rate resolves, components
|
|
290
304
|
* rendering the notice re-render and pick up the converted amount. Keyed by
|
|
291
305
|
* `${sourceCurrency}_${targetCurrency}`; a null value means the lookup failed.
|
|
292
|
-
*/var
|
|
306
|
+
*/var ot=Y({crossRates:{}}).state;
|
|
293
307
|
// Tracks in-flight rate lookups so the same pair isn't fetched on every render.
|
|
294
|
-
var
|
|
308
|
+
var tt=new Set;var et=function(o,t){return"".concat(o,"_").concat(t)};
|
|
295
309
|
/**
|
|
296
310
|
* Lazily fetch the current configured→presentment rate (fire-and-forget). Guarded
|
|
297
311
|
* so each pair is fetched at most once; the result lands in the reactive store,
|
|
298
312
|
* which triggers a re-render that then shows the presentment estimate.
|
|
299
|
-
*/var
|
|
313
|
+
*/var nt=function(o,t,e){var n=et(o,t);if(tt.has(n)||ot.crossRates[n]!==undefined){return}tt.add(n);void N({country:e,isGuaranteed:false,sourceCurrency:o,targetCurrency:t}).then((function(o){var t;var e=o.exchangeRate;var s;ot.crossRates=Object.assign(Object.assign({},ot.crossRates),(t={},t[n]=(s=e===null||e===void 0?void 0:e.rate)!==null&&s!==void 0?s:null,t))})).finally((function(){tt.delete(n)}))};
|
|
300
314
|
/**
|
|
301
315
|
* Returns the cap converted into the presentment currency, or null when it can't
|
|
302
316
|
* be determined yet (rate still loading or unavailable).
|
|
@@ -304,14 +318,14 @@ var Wo=new Set;var Ko=function(o,t){return"".concat(o,"_").concat(t)};
|
|
|
304
318
|
* - When the cap currency is the merchant's native/base currency, reuse the
|
|
305
319
|
* checkout session's base→presentment rate (no extra request).
|
|
306
320
|
* - Otherwise fetch the current cap-currency→presentment rate on demand.
|
|
307
|
-
*/var
|
|
321
|
+
*/var st=function(o,t,e,n){var s,i;var r=(s=l.exchangeRate)===null||s===void 0?void 0:s.sourceCurrencyCode;var a=(i=l.exchangeRate)===null||i===void 0?void 0:i.rate;if(t===r&&a){return o*a}var c=ot.crossRates[et(t,e)];if(c===undefined){nt(t,e,n);return null}return c===null?null:o*c};var it=function(o,t){return"".concat(P({amount:o,currency:t,targetFormat:null})," ").concat(t)};
|
|
308
322
|
/**
|
|
309
323
|
* Formats the cap for the buyer, e.g. "100 USD (~125 CAD)" — the merchant's
|
|
310
324
|
* configured amount/currency, plus the estimated amount the buyer will actually
|
|
311
325
|
* pay in their presentment currency. When the cap is already in the presentment
|
|
312
326
|
* currency, or the presentment estimate isn't available yet, only the configured
|
|
313
327
|
* amount is shown.
|
|
314
|
-
*/var
|
|
328
|
+
*/var rt=function(o,t,e){var n=it(o,t);var s=l.currency;if(t===s){return n}var i=st(o,t,s,e);if(i==null){return n}return"".concat(n," (~").concat(it(i,s),")")};
|
|
315
329
|
/**
|
|
316
330
|
* Returns the localized EU withdrawal notice text to render above the Pay button,
|
|
317
331
|
* or null when it shouldn't be shown. The notice appears only when the merchant
|
|
@@ -319,10 +333,10 @@ var Wo=new Set;var Ko=function(o,t){return"".concat(o,"_").concat(t)};
|
|
|
319
333
|
* the API as affected by the regulation (`genericSettings.withdrawalCountryEnabled`).
|
|
320
334
|
* When a maximum return-shipping cap is configured the copy includes the amount;
|
|
321
335
|
* otherwise it uses the no-maximum variant.
|
|
322
|
-
*/var
|
|
336
|
+
*/var at=function(o){var t,e;var n=(t=G.checkoutSettings.merchantPolicyLinks)===null||t===void 0?void 0:t.euWithdrawalPolicy;if(!n||n.status!=="ENABLED"){return null}
|
|
323
337
|
// The affected-country list is API-controlled (not hardcoded), so an absent or
|
|
324
338
|
// empty list shows the notice for no country.
|
|
325
|
-
var s=(e=G.genericSettings)===null||e===void 0?void 0:e.withdrawalCountryEnabled;if(!o||!(s===null||s===void 0?void 0:s.some((function(t){return t===o})))){return null}var i=n.maximumReturnShippingEstimate;if(i==null){return T("If you later choose to exercise your right to withdrawal, you will be responsible for any associated return shipping costs.")}return T("If you later choose to exercise your right to withdrawal, you will be responsible for any associated return shipping costs, up to a maximum [amount].",{amount:
|
|
339
|
+
var s=(e=G.genericSettings)===null||e===void 0?void 0:e.withdrawalCountryEnabled;if(!o||!(s===null||s===void 0?void 0:s.some((function(t){return t===o})))){return null}var i=n.maximumReturnShippingEstimate;if(i==null){return T("If you later choose to exercise your right to withdrawal, you will be responsible for any associated return shipping costs.")}return T("If you later choose to exercise your right to withdrawal, you will be responsible for any associated return shipping costs, up to a maximum [amount].",{amount:rt(i,n.currencyCode,o)})};var lt='<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 ct='<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 ut=function(){return".sc-zonos-checkout-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-payment-h *.sc-zonos-checkout-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-checkout-payment-h img.sc-zonos-checkout-payment{max-width:100%}.sc-zonos-checkout-payment-h dl.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h dd.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h1.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h2.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h3.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h4.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h5.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h h6.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h hr.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h figure.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h p.sc-zonos-checkout-payment,.sc-zonos-checkout-payment-h pre.sc-zonos-checkout-payment{margin:0}.sc-zonos-checkout-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-payment-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-checkout-payment-h .zonos--title.sc-zonos-checkout-payment{margin-bottom:24px}.sc-zonos-checkout-payment-h .zonos--group.sc-zonos-checkout-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-checkout-payment-h .zonos--group.sc-zonos-checkout-payment::-webkit-scrollbar{width:10px}.sc-zonos-checkout-payment-h .zonos--group.sc-zonos-checkout-payment::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-payment-h .zonos--group.sc-zonos-checkout-payment::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-payment-h .zonos--group.sc-zonos-checkout-payment::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-payment-h .zonos--payment-error-banner.sc-zonos-checkout-payment{margin-bottom:8px}.sc-zonos-checkout-payment-h .zonos--error-banner.sc-zonos-checkout-payment{margin-bottom:16px}.sc-zonos-checkout-payment-h zonos-button.sc-zonos-checkout-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-checkout-payment-h .zonos--pay-in-base-currency-btn.sc-zonos-checkout-payment{-webkit-box-shadow:none;box-shadow:none}.sc-zonos-checkout-payment-h .zonos--group-btn.sc-zonos-checkout-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-checkout-payment-h .zonos--group-btn.sc-zonos-checkout-payment zonos-text.sc-zonos-checkout-payment{text-align:center}.sc-zonos-checkout-payment-h .zonos--group-btn.sc-zonos-checkout-payment zonos-button.sc-zonos-checkout-payment{width:100%}.sc-zonos-checkout-payment-h .zonos--test-cards.sc-zonos-checkout-payment{margin-top:auto;padding-top:16px}.mobile.mobile.sc-zonos-checkout-payment-h{-ms-scroll-chaining:chained;overscroll-behavior:auto}.mobile.mobile.sc-zonos-checkout-payment-h .zonos--group.sc-zonos-checkout-payment{-ms-scroll-chaining:chained;overscroll-behavior:auto}"};var dt=o("zonos_checkout_payment",/** @class */function(){function o(o){var e=this;t(this,o);this.continueClicked=r(this,"continueClicked",7);this.paypalSessionFailed=r(this,"paypalSessionFailed",7);this.paypalSessionDone=r(this,"paypalSessionDone",7);
|
|
326
340
|
/**
|
|
327
341
|
* Whether or not the continue button is loading
|
|
328
342
|
*/this.continueLoading=false;
|
|
@@ -346,16 +360,16 @@ var s=(e=G.genericSettings)===null||e===void 0?void 0:e.withdrawalCountryEnabled
|
|
|
346
360
|
* handler for continue button click
|
|
347
361
|
*/this.continueClickHandler=function(o){return __awaiter(e,[o],void 0,(function(o){var t,e;var n=this;var s=o.currencyCode;return __generator(this,(function(o){switch(o.label){case 0:
|
|
348
362
|
// Skip Stripe payment validation when store credit covers the full order
|
|
349
|
-
if(!
|
|
363
|
+
if(!w()&&!this.handleValidate()){this.showErrorBanner=true;
|
|
350
364
|
// Attempt to submit the form so the missing input error will be shown in Stripe
|
|
351
365
|
void((t=p.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*/]}
|
|
352
366
|
// Block submit when the merchant requires policy consent and the buyer hasn't accepted.
|
|
353
|
-
if(
|
|
367
|
+
if(C()&&!k.accepted){k.showError=true;setTimeout((function(){var o;(o=n.ele.querySelector("zonos-policy-consent"))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth"})}),10);return[2/*return*/]}
|
|
354
368
|
// Lock consent state for the rest of the flow so the buyer can't uncheck
|
|
355
369
|
// during the async work below (which would create a race where the
|
|
356
370
|
// metadata builder sees `accepted=false` and skips writing the consent
|
|
357
371
|
// entry). Cleared on every checkout close.
|
|
358
|
-
if(
|
|
372
|
+
if(C()){k.locked=true}
|
|
359
373
|
// Persist the buyer's consent into the checkout session metadata BEFORE confirming
|
|
360
374
|
// payment, so the recorded consent is durable even if Stripe takes a while or fails.
|
|
361
375
|
// We deliberately don't block payment on a recording failure — a transient network
|
|
@@ -379,7 +393,7 @@ document.execCommand("copy");document.body.removeChild(e);return[3/*break*/,3];c
|
|
|
379
393
|
// so apply the same consent gate the real Pay button uses. Consistency
|
|
380
394
|
// matters here: merchants testing the flow should see the same blockers
|
|
381
395
|
// a real buyer would hit.
|
|
382
|
-
if(
|
|
396
|
+
if(C()&&!k.accepted){k.showError=true;setTimeout((function(){var o;(o=e.ele.querySelector("zonos-policy-consent"))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth"})}),10);return[2/*return*/]}o=C();if(o){k.locked=true}n.label=1;case 1:n.trys.push([1,,4,5]);this.internalContinueLoading=true;
|
|
383
397
|
// Don't block the test order on a consent-record failure — failure is logged
|
|
384
398
|
// inside the helper and surfaced in Vercel logs for observability.
|
|
385
399
|
return[4/*yield*/,_()];case 2:
|
|
@@ -394,18 +408,18 @@ if(o){k.locked=false}return[7/*endfinally*/];case 5:return[2/*return*/]}}))}))}}
|
|
|
394
408
|
// scroll to the top of the page when the payment error is shown
|
|
395
409
|
(t=o.ele.querySelector("zonos-banner"))===null||t===void 0?void 0:t.scrollIntoView({behavior:"smooth"})}),50)}};o.prototype.render=function(){var o=this;var t;this.hasStripePaymentError=p.hasPaymentError;if(!p.stripeElements){return null}
|
|
396
410
|
// start validate on typing after error banner is shown, and hide it if the form is complete
|
|
397
|
-
if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}var e=ao();var r=l.isStagingMode||co();var a=((t=p.stripePaymentEventData)===null||t===void 0?void 0:t.value.type)==="external_paypal";var c=
|
|
411
|
+
if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}var e=ao();var r=l.isStagingMode||co();var a=((t=p.stripePaymentEventData)===null||t===void 0?void 0:t.value.type)==="external_paypal";var c=w();var u=function(){var t;if(r){var s=G.appearance.colorPrimary;var u=s&&go(s)?"DARK":"LIGHT";
|
|
398
412
|
// If in mobile, use the theme from the store since the UI is solely by theme
|
|
399
413
|
var d=o.isMobile?G.appearance.theme:u;return n(i,null,o.stagingOrderCreateErrorMessage&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},o.stagingOrderCreateErrorMessage),n("zonos-empty-state-payment",{emptyStateText:T("No payment method needed for staging"),theme:d}),n("zonos-policy-consent",null),n("div",{class:"zonos--group-btn"},n("zonos-button",{backgroundColor:o.submitBtnColor,loading:o.internalContinueLoading,onClick:function(){void o.placeTestOrder()},size:"lg",
|
|
400
414
|
// use primary type when on mobile mode
|
|
401
|
-
variant:o.submitBtnType},T("Place test order"))))}var h=
|
|
415
|
+
variant:o.submitBtnType},T("Place test order"))))}var h=at((t=p.stripeAddressEventData)===null||t===void 0?void 0:t.value.address.country);return n(i,null,o.showErrorBanner&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},T("Missing required fields. Make sure all fields are completed.")),o.hasStripePaymentError&&n("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},p.customErrorMessage||T("We couldn't complete your payment. Please verify the payment details and try again.")),no.paypalErrorMessage&&n("zonos-banner",{class:"zonos--payment-error-banner",intent:"error"},no.paypalErrorMessage),l.customerAuthenticationToken&&y.availableBalance!=null&&y.availableBalance>0&&n("zonos-store-credit",null),c?n("zonos-banner",{intent:"info"},T("Store credit covers your full order")):n("zonos-payment",null),n("zonos-policy-consent",null),h&&n("zonos-banner",{class:"zonos--eu-withdrawal-notice",intent:"info"},h),n("div",{class:"zonos--group-btn"},(!a||c)&&n(i,null,n("zonos-button",{backgroundColor:o.submitBtnColor,bold:true,isDisabled:o.continueLoading&&p.checkoutSettlementCurrency==="USD",loading:o.continueLoading&&p.checkoutSettlementCurrency!=="USD",onClick:function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!l.checkoutSession){po("Checkout session is not found");return[2/*return*/]}return[4/*yield*/,this.continueClickHandler({currencyCode:l.checkoutSession.subtotals.presentmentCurrencyCode})];case 1:o.sent();return[2/*return*/]}}))}))},size:"lg",
|
|
402
416
|
// use primary type when on mobile mode
|
|
403
|
-
variant:o.submitBtnType},c?T("Place order"):T("Pay [orderTotal]",{orderTotal:V({amount:l.total,isForeign:true})})),!c&&p.shouldRenderPayInUsdButton&&n("zonos-button",{class:"zonos--pay-in-base-currency-btn",isDisabled:o.continueLoading&&p.checkoutSettlementCurrency!=="USD",loading:o.continueLoading&&p.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"},T("Click to pay in USD"))),!c&&n("zonos-paypal-payment",{onPaypalSessionDone:function(t){var e=t.detail.orderId;o.paypalSessionDone.emit(e)},onPaypalSessionFail:function(){return o.paypalSessionFailed.emit()},style:{display:a?"block":"none"}})),e&&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"},T("Test cards")),n("zonos-text",{textColor:"gray-700"},T("Click to copy the card number. Use any future expiration date and three number CVC."))),n("zonos-button",{icon:n("zonos-icon",{content:
|
|
417
|
+
variant:o.submitBtnType},c?T("Place order"):T("Pay [orderTotal]",{orderTotal:V({amount:l.total,isForeign:true})})),!c&&p.shouldRenderPayInUsdButton&&n("zonos-button",{class:"zonos--pay-in-base-currency-btn",isDisabled:o.continueLoading&&p.checkoutSettlementCurrency!=="USD",loading:o.continueLoading&&p.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"},T("Click to pay in USD"))),!c&&n("zonos-paypal-payment",{onPaypalSessionDone:function(t){var e=t.detail.orderId;o.paypalSessionDone.emit(e)},onPaypalSessionFail:function(){return o.paypalSessionFailed.emit()},style:{display:a?"block":"none"}})),e&&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"},T("Test cards")),n("zonos-text",{textColor:"gray-700"},T("Click to copy the card number. Use any future expiration date and three number CVC."))),n("zonos-button",{icon:n("zonos-icon",{content:lt}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4242424242424242")}},T("Success")," (****4242)"),n("zonos-button",{icon:n("zonos-icon",{content:ct}),justifyContent:"flex-start",onClick:function(){return o.copyCardToClipboard("4000000000000002")}},T("Failure")," (****0002)")),n("zonos-notification",null)))};return n(s,{class:X(["zonos--checkout-payment zonos--elements",this.isMobile&&"mobile"])},n("div",{class:"zonos--group"},n("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},T("Payment method")),u()))};Object.defineProperty(o.prototype,"ele",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{continueLoading:[{continueLoadingWatcher:0}],hasStripePaymentError:[{stripePaymentErrorWatcher:0}]}},enumerable:false,configurable:true});return o}());dt.style=ut();
|
|
404
418
|
/**
|
|
405
419
|
* Reset any done tabs after selected tab to undone. This is to force user to go through all tabs again
|
|
406
|
-
*/var
|
|
420
|
+
*/var ht=function(o){var t=o.selectedTab,e=o.tabList;var n=e[t].index;
|
|
407
421
|
// Any tab after the selected tab should be reset
|
|
408
|
-
var s=Object.values(e).slice(n-1,Object.keys(e).length).map((function(o){return o.value}));var i=Object.assign({},e);Object.values(i).forEach((function(o){if(s.includes(o.value)){o.isDone=false}}));return i};var
|
|
422
|
+
var s=Object.values(e).slice(n-1,Object.keys(e).length).map((function(o){return o.value}));var i=Object.assign({},e);Object.values(i).forEach((function(o){if(s.includes(o.value)){o.isDone=false}}));return i};var ft='<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M18.289 7.40424C18.618 7.65585 18.6808 8.12656 18.4291 8.4556L11.9291 16.9556C11.7978 17.1273 11.5988 17.234 11.383 17.2484C11.1673 17.2627 10.9559 17.1832 10.803 17.0303L6.80304 13.0303C6.51015 12.7374 6.51015 12.2626 6.80304 11.9697C7.09594 11.6768 7.57081 11.6768 7.8637 11.9697L11.258 15.3639L17.2376 7.54442C17.4892 7.21539 17.9599 7.15263 18.289 7.40424Z" fill="currentColor"/>\n</svg>\n';var pt=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{margin-bottom:32px}:host .zonos--tab-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:host .zonos--tab-index{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;width:24px;height:24px;font-weight:bold}:host .zonos--tab-index .zonos--tab-index-label,:host .zonos--tab-index .zonos--tab-index-done-icon{position:absolute;top:0;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out}:host .zonos--tab-index .zonos--tab-index-done-icon{top:-50%;opacity:0}:host .zonos--tab-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent;border:0;cursor:pointer}:host .zonos--tab-item:disabled{cursor:not-allowed}:host .zonos--tab-item.done .zonos--tab-index-done-icon{top:0;opacity:1}:host .zonos--tab-item.done .zonos--tab-index-label{opacity:0;top:50%}:host .zonos--tab-item.selected zonos-text{color:var(--zonos--color)}:host .zonos--tab-progress{width:100%;background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);overflow:hidden;position:relative;padding:1px;height:8px}:host .zonos--tab-progress .zonos--progress-bar-fill{border-radius:10px;background-color:var(--zonos--color);height:100%;width:var(--zonos--progress-percent);-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}"};var mt=o("zonos_checkout_progress_tabs",/** @class */function(){function o(o){t(this,o);
|
|
409
423
|
/**
|
|
410
424
|
* Color of the tab progress bar and label, override the secondary color of the appearance settings
|
|
411
425
|
*/this.tabColor=null;
|
|
@@ -426,9 +440,9 @@ return Object.values(l.tabItems).slice(0,t.index-1).every((function(o){return o.
|
|
|
426
440
|
*/o.prototype.setTabItems=function(o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){l.tabItems=o;return[2/*return*/]}))}))};
|
|
427
441
|
/**
|
|
428
442
|
* Set selected tab. Only set the tab if it's clickable
|
|
429
|
-
*/o.prototype.setTabSelected=function(o){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.isTabClickable(o)){l.step=o;t=
|
|
443
|
+
*/o.prototype.setTabSelected=function(o){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.isTabClickable(o)){l.step=o;t=ht({selectedTab:o,tabList:l.tabItems});l.tabItems=t}return[2/*return*/]}))}))};o.prototype.render=function(){var o=this;var t=l.step;var e=this.tabColor||G.appearance.colorSecondary;var i=this.backgroundColor||G.appearance.colorPrimary||"";
|
|
430
444
|
// If the background color and the tab color are not contrat enough, increase the contrast of the label color
|
|
431
|
-
var r=i&&e?bo({backgroundColor:yo(i)?window.getComputedStyle(this.ele).getPropertyValue("--zonos-elements-".concat(i.replace("--zonos-elements-",""))):i,color:e}):e;return n(s,{key:"90dd30f544a4af6c2ed60b28c55c887dfd91151c",class:"zonos--elements",style:{"--zonos--color":r,"--zonos--progress-percent":this.getTotalSuccessStep()}},n("div",{key:"6fbdfc5306c7f266e7ad80f0daefdfe2c747df54",class:"zonos--tab-wrapper"},Object.values(l.tabItems).map((function(e,s){var i=e.value===t;return n("button",{"aria-label":"Tab ".concat(e.label),class:X(["zonos--tab-item",e.value===t&&"selected",e.isDone&&"done"]),disabled:!o.isTabClickable(e.value),key:e.value,onClick:function(){return o.setTabSelected(e.value)}},n("div",{class:"zonos--tab-index"},n("zonos-text",{class:"zonos--tab-index-label",textColor:i?r:"gray-1000",type:"label"},s+1),n("zonos-icon",{class:"zonos--tab-index-done-icon",content:
|
|
445
|
+
var r=i&&e?bo({backgroundColor:yo(i)?window.getComputedStyle(this.ele).getPropertyValue("--zonos-elements-".concat(i.replace("--zonos-elements-",""))):i,color:e}):e;return n(s,{key:"90dd30f544a4af6c2ed60b28c55c887dfd91151c",class:"zonos--elements",style:{"--zonos--color":r,"--zonos--progress-percent":this.getTotalSuccessStep()}},n("div",{key:"6fbdfc5306c7f266e7ad80f0daefdfe2c747df54",class:"zonos--tab-wrapper"},Object.values(l.tabItems).map((function(e,s){var i=e.value===t;return n("button",{"aria-label":"Tab ".concat(e.label),class:X(["zonos--tab-item",e.value===t&&"selected",e.isDone&&"done"]),disabled:!o.isTabClickable(e.value),key:e.value,onClick:function(){return o.setTabSelected(e.value)}},n("div",{class:"zonos--tab-index"},n("zonos-text",{class:"zonos--tab-index-label",textColor:i?r:"gray-1000",type:"label"},s+1),n("zonos-icon",{class:"zonos--tab-index-done-icon",content:ft,iconColor:i?r:"gray-1000"})),n("zonos-text",{textColor:i?r:"gray-1000",type:"label"},T(e.label)))}))),n("div",{key:"d797a4c506f42893919ecb30d2ee6a6f64b85ad4",class:"zonos--tab-progress"},n("div",{key:"4c2a229a89f8e3bad1b8385a4311d5796981c834",class:"zonos--progress-bar-fill"})))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"ele",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());mt.style=pt();var vt=o("zonos_currency_toggle",/** @class */function(){function o(o){t(this,o);this.errorImages=[]}o.prototype.handleToggleChanged=function(o){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){e=(t=l.exchangeRate)===null||t===void 0?void 0:t.targetCurrencyCode;l.displayBaseCurrency=e!==o;return[2/*return*/]}))}))};o.prototype.render=function(){var o=this;var t=l.exchangeRate;var e=t&&t.sourceCurrencyCode!==t.targetCurrencyCode?[{label:t.sourceCurrencyCode,value:t.sourceCurrencyCode},{label:t.targetCurrencyCode,value:t.targetCurrencyCode}]:[];
|
|
432
446
|
// If there is only one currency, don't show the toggle
|
|
433
447
|
if(!e.length){return null}return n(s,{class:"zonos--currency-toggle zonos--elements"},n("zonos-toggle",{onToggleChanged:function(t){return o.handleToggleChanged(t.detail)},options:e,value:l.displayBaseCurrency?e[0].value:e[1].value}))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());
|
|
434
448
|
/**
|
|
@@ -438,10 +452,10 @@ if(!e.length){return null}return n(s,{class:"zonos--currency-toggle zonos--eleme
|
|
|
438
452
|
*
|
|
439
453
|
* Pure: returns a new event object rather than mutating the input, so it can be unit-tested and
|
|
440
454
|
* assigned straight to the store.
|
|
441
|
-
*/var
|
|
455
|
+
*/var zt=function(o){var t=o.data,e=o.event;var n,s,i,r;
|
|
442
456
|
// Use the same name extraction as the detection step so the two stay in agreement even when
|
|
443
457
|
// the surname is only available via the combined `name` field.
|
|
444
|
-
var a=S({firstName:e.value.firstName,lastName:e.value.lastName,name:e.value.name}),l=a.firstName,c=a.lastName;var u=(n=t.firstName)!==null&&n!==void 0?n:l;var d=(s=t.lastName)!==null&&s!==void 0?s:c;return Object.assign(Object.assign({},e),{complete:true,value:Object.assign(Object.assign({},e.value),{address:Object.assign(Object.assign({},e.value.address),{postal_code:(i=t.postal_code)!==null&&i!==void 0?i:e.value.address.postal_code,state:(r=t.state)!==null&&r!==void 0?r:e.value.address.state}),firstName:u,lastName:d,name:"".concat(u," ").concat(d).trim()})})};var
|
|
458
|
+
var a=S({firstName:e.value.firstName,lastName:e.value.lastName,name:e.value.name}),l=a.firstName,c=a.lastName;var u=(n=t.firstName)!==null&&n!==void 0?n:l;var d=(s=t.lastName)!==null&&s!==void 0?s:c;return Object.assign(Object.assign({},e),{complete:true,value:Object.assign(Object.assign({},e.value),{address:Object.assign(Object.assign({},e.value.address),{postal_code:(i=t.postal_code)!==null&&i!==void 0?i:e.value.address.postal_code,state:(r=t.state)!==null&&r!==void 0?r:e.value.address.state}),firstName:u,lastName:d,name:"".concat(u," ").concat(d).trim()})})};var gt=function(o){var t=o.shippingCountry,e=o.shortAddressCode;
|
|
445
459
|
// Check to see if we are required to collect short address code for the shipping country or not
|
|
446
460
|
var n=ko({countryCode:t});
|
|
447
461
|
// If the short address code input is not even rendered, no need to validate anything and allow to proceed. Validate when short address code input is not even rendered would prevent the user from checking out
|
|
@@ -450,13 +464,13 @@ if(!n){return{error:null,valid:true}}
|
|
|
450
464
|
* If the short address code input is rendered, the input should be filled
|
|
451
465
|
*/if(!e){return{error:"Short address code is required.",valid:false}}if(t==="SA"){var s=/^[A-Za-z]{4}\s*[0-9]{4}$/.test(e);if(!s){return{error:"Invalid short address code format. Must be 4 letters and 4 numbers.",valid:false}}}
|
|
452
466
|
// Other countries doesn't need to validate short address code in the right format
|
|
453
|
-
return{error:null,valid:true}};var
|
|
467
|
+
return{error:null,valid:true}};var bt=function(o){var t=__spreadArray(["MX","AR"],Lo,true);return t.includes(o)};var yt=function(o){var t=o.companyName,e=o.shippingCountry,n=o.taxId;
|
|
454
468
|
// Check to see if we are required to collect tax id for the shipping country or not
|
|
455
469
|
var s=_o({companyName:t,countryCode:e});
|
|
456
470
|
// If the tax id input is not even rendered, no need to validate anything and allow to proceed. Validate when tax id input is not even rendered would prevent the user from checking out
|
|
457
471
|
if(!s){return{error:null,valid:true}}
|
|
458
472
|
// Cache the result of isTaxIdRequired for reuse
|
|
459
|
-
var i=
|
|
473
|
+
var i=bt(e);if(!i){
|
|
460
474
|
// If the shipping country does not require a tax id, the validation immediately returns valid
|
|
461
475
|
return{error:null,valid:true}}
|
|
462
476
|
// For all EU countries, tax id is not required if company name is not filled (not business address)
|
|
@@ -468,10 +482,10 @@ var a=/^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/.test(n);
|
|
|
468
482
|
// CURP: 4 letters + 6 digit date + gender (H/M/X) + 5 letters + alphanumeric + digit (18 total)
|
|
469
483
|
var l=/^[A-Z]{4}[0-9]{6}[HMX][A-Z]{5}[A-Z0-9][0-9]$/.test(n);if(!a&&!l){return{error:"Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.",valid:false}}return{error:null,valid:true}}
|
|
470
484
|
// Other countries doesn't need to validate tax id in the right format
|
|
471
|
-
return{error:null,valid:true}};var
|
|
485
|
+
return{error:null,valid:true}};var xt=function(){return".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-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-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;height:100%;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info ul.sc-zonos-customer-info{list-style:disc;padding-left:8px}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-4px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:2}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}.mobile.mobile.sc-zonos-customer-info-h{-ms-scroll-chaining:chained;overscroll-behavior:auto}.mobile.mobile.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{-ms-scroll-chaining:chained;overscroll-behavior:auto}"};
|
|
472
486
|
/**
|
|
473
487
|
* Max address field length
|
|
474
|
-
*/var
|
|
488
|
+
*/var wt=35;var Ct=o("zonos_customer_info",/** @class */function(){function o(o){var e=this;t(this,o);this.continueClicked=r(this,"continueClicked",7);this.testContinueClicked=r(this,"testContinueClicked",7);this.storeUnsubscribeList=[];
|
|
475
489
|
/**
|
|
476
490
|
* Whether or not the continue button is loading
|
|
477
491
|
*/this.continueLoading=false;
|
|
@@ -544,13 +558,13 @@ setTimeout((function(){var o;(o=e.el.querySelector("zonos-banner.zonos--error-ba
|
|
|
544
558
|
// countries, a missing state/postal code) can leave Zonos short of what it needs to ship
|
|
545
559
|
// internationally. Capture only those missing fields before proceeding. Custom ('zonos')
|
|
546
560
|
// address forms enforce their own required fields, so this only applies to the Stripe form.
|
|
547
|
-
if(this.addressFormRenderType!=="zonos"){t=
|
|
561
|
+
if(this.addressFormRenderType!=="zonos"){t=wo({countryField:p.stripeAddressEventData?O(p.stripeAddressEventData.value.address.country):null,event:p.stripeAddressEventData});if(t.length){this.missingShippingFields=t;this.openCompletionDialog=true;return[2/*return*/]}}return[4/*yield*/,this.continueAfterValidation()];case 1:n.sent();return[2/*return*/]}}))}))};
|
|
548
562
|
/**
|
|
549
563
|
* Continue past the customer step once the address is validated and complete. Runs the
|
|
550
564
|
* non-Latin character check (which may open the translate dialog) before emitting.
|
|
551
565
|
*/this.continueAfterValidation=function(){return __awaiter(e,void 0,void 0,(function(){var o;return __generator(this,(function(t){switch(t.label){case 0:return[4/*yield*/,this.handleInvalidCharacters()];case 1:o=t.sent().hasInvalidCharacters;if(o){return[2/*return*/]}this.continueClicked.emit({billingAddress:p.stripeBillingAddressEventData,sameAsBilling:p.stripeShippingSameAsBilling,shippingAddress:p.stripeAddressEventData});return[2/*return*/]}}))}))};this.completionSubmitHandler=function(o){var t=p.stripeAddressEventData;if(t){
|
|
552
566
|
// Merge the captured fields back into the stored shipping address event.
|
|
553
|
-
p.stripeAddressEventData=
|
|
567
|
+
p.stripeAddressEventData=zt({data:o,event:t})}e.openCompletionDialog=false;void e.continueAfterValidation().catch(uo)};
|
|
554
568
|
/**
|
|
555
569
|
* Validate the custom address form, turn the flag showError to false if the form is valid, or vice versa
|
|
556
570
|
*/this.validateCustomAddressForm=function(o){var t=p.stripeShippingSameAsBilling||o==="shipping";var e=t?p.customAddressErrors:p.customBillingAddressErrors;var n=e.city,s=e.firstName,i=e.lastName,r=e.line1,a=e.phone,l=e.postalCode,c=e.state;
|
|
@@ -560,7 +574,7 @@ var u=false;if(n||s||i||r||a||l||c){u=true}
|
|
|
560
574
|
if(t){p.customAddressErrors=Object.assign(Object.assign({},e),{showError:u})}else{p.customBillingAddressErrors=Object.assign(Object.assign({},e),{showError:u})}return{isValid:!u}};
|
|
561
575
|
/**
|
|
562
576
|
* Make sure all fields in the address are within the character limit
|
|
563
|
-
*/this.validateAddressLength=function(o){var t=o.address,e=o.type;if(!t){return[]}var n=t.value.address,s=n.city,i=n.line1,r=n.postal_code,a=n.state;var l=t.value,c=l.firstName,u=l.lastName,d=l.name;var h=S({firstName:c,lastName:u,name:d}),f=h.firstName,p=h.lastName;var m=s.length;var v=i.length;var z=r.length;var g=a.length;var b=f.length;var y=p.length;var x=e==="shipping"?"shipping":"billing";var
|
|
577
|
+
*/this.validateAddressLength=function(o){var t=o.address,e=o.type;if(!t){return[]}var n=t.value.address,s=n.city,i=n.line1,r=n.postal_code,a=n.state;var l=t.value,c=l.firstName,u=l.lastName,d=l.name;var h=S({firstName:c,lastName:u,name:d}),f=h.firstName,p=h.lastName;var m=s.length;var v=i.length;var z=r.length;var g=a.length;var b=f.length;var y=p.length;var x=e==="shipping"?"shipping":"billing";var w=[];if(m>wt){w.push({addressType:x,fieldLabel:"City",value:s})}if(v>wt){w.push({addressType:x,fieldLabel:"Address line 1",value:i})}if(z>wt){w.push({addressType:x,fieldLabel:"Zip",value:r})}if(g>wt){w.push({addressType:x,fieldLabel:"State/Province/Region/Prefecture",value:a})}if(b>wt){w.push({addressType:x,fieldLabel:"First name",value:f})}if(y>wt){w.push({addressType:x,fieldLabel:"Last name",value:p})}return w};this.handleValidate=function(){var o,t;var n=p.stripeAddressEventData;var s=p.stripeBillingAddressEventData;var i=p.stripeLinkEventData;
|
|
564
578
|
// if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
|
|
565
579
|
var r=p.stripeShippingSameAsBilling?!!(n===null||n===void 0?void 0:n.complete):!!(s===null||s===void 0?void 0:s.complete);var a=!!(n===null||n===void 0?void 0:n.complete);var l=!!(i===null||i===void 0?void 0:i.complete);
|
|
566
580
|
// display errors on fields that are invalid
|
|
@@ -570,7 +584,7 @@ var c=e.addressFormRenderType==="zonos"?e.validateCustomAddressForm("billing").i
|
|
|
570
584
|
// if the custom address form is enabled, use the custom address form validation result, otherwise use the stripe validation result
|
|
571
585
|
var u=e.addressFormRenderType==="zonos"?e.validateCustomAddressForm("shipping").isValid:a;if(!l&&(i===null||i===void 0?void 0:i.empty)){e.isEmailError=true}po("==> isValidBilling","info",c,{address:p.stripeBillingAddressEventData,errors:p.customBillingAddressErrors});po("==> isValidShipping","info",u,{address:p.stripeAddressEventData,errors:p.customAddressErrors});po("==> isValidLink","info",l);
|
|
572
586
|
// validate tax id input if it's required for specific countries, optional otherwise
|
|
573
|
-
var d=
|
|
587
|
+
var d=yt({companyName:p.companyName,shippingCountry:e.shippingCountry,taxId:p.taxId}),h=d.error,f=d.valid;var m=gt({shippingCountry:e.shippingCountry,shortAddressCode:p.shortAddressCode}),v=m.error,z=m.valid;e.taxIdErrorMessage=!f?T(h):"";e.shortAddressCodeErrorMessage=!z?T(v):"";var g=e.validateAddressLength({address:p.stripeAddressEventData,type:"shipping"});var b=e.validateAddressLength({address:p.stripeBillingAddressEventData,type:"billing"});e.exceededCharacterLimitErrorFieldList=__spreadArray(__spreadArray([],g,true),b,true);if(!c||!u||!l||!f||!z||e.exceededCharacterLimitErrorFieldList.length>0){return false}return true};this.handleEmailValidation=function(){var o;if(!e.isEmailError){return}if(!((o=p.stripeLinkEventData)===null||o===void 0?void 0:o.empty)){e.isEmailError=false}};this.prepareAddressObject=function(o){var t;var e=o.value;return{city:e.address.city||"",country:e.address.country,email:((t=p.stripeLinkEventData)===null||t===void 0?void 0:t.value.email)||"",line1:e.address.line1||"",line2:e.address.line2||"",name:e.name||"",phone:e.phone||"",postal_code:e.address.postal_code||"",state:e.address.state||""}};this.renderExceededCharacterLimitError=function(o){var t=e.exceededCharacterLimitErrorFieldList.filter((function(t){var e=t.addressType;return e===o}));if(!t.length){return null}return n("zonos-banner",{class:"zonos--error-banner",intent:"error",slot:"below-title"},n("ul",null,t.map((function(o){var t=o.fieldLabel,e=o.value;var s=t==="Address line 1";if(s){return n("li",{key:t},T("[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.",{currentLength:e.length,fieldLabel:t,maxLength:wt}))}return n("li",{key:t},T("[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.",{currentLength:e.length,fieldLabel:t,maxLength:wt}))}))))};this.renderAddressComponent=function(o){if(!e.selectedCountryCode){void io({endpoint:"NO_COUNTRY_SELECTED_WHEN_RENDERING_ADDRESS_COMPONENT",errors:["No country selected when rendering address component"],metadata:{type:o},shouldPostReleaseErrorReporting:true})}
|
|
574
588
|
// Only use the default address for shipping address
|
|
575
589
|
var t=o==="shipping"?e.defaultAddress:[];
|
|
576
590
|
// Should only record the form type used once
|
|
@@ -582,11 +596,11 @@ return n("zonos-address",{defaultAddress:t,shortAddressCodeErrorMessage:e.shortA
|
|
|
582
596
|
// start validate on typing after error banner is shown, and hide it if the form is complete
|
|
583
597
|
if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}};o.prototype.checkInvalidCharacters=function(o){if(!o){return null}
|
|
584
598
|
// Do nothing if the allowed character sets is ALL or the address is incomplete
|
|
585
|
-
if(!o.complete||G.checkoutSettings.allowedCharacterSets==="ALL"){return null}var t=o.value,e=t.address,n=t.firstName,s=t.lastName,i=t.name;var r=e.city,a=e.country,l=e.line1,c=e.line2,u=e.postal_code,d=e.state;var h=
|
|
599
|
+
if(!o.complete||G.checkoutSettings.allowedCharacterSets==="ALL"){return null}var t=o.value,e=t.address,n=t.firstName,s=t.lastName,i=t.name;var r=e.city,a=e.country,l=e.line1,c=e.line2,u=e.postal_code,d=e.state;var h=Co({city:r,country:a,line1:l,line2:c||"",name:i||"".concat(n," ").concat(s),postal_code:u,state:d});if(!Object.keys(h).length){return null}return h};o.prototype.watchShouldEnabledCustomAddress=function(){var o,t,e;var n=this.shouldUseCustomAddressFormOverride||!!((o=this.genericSettings)===null||o===void 0?void 0:o.shouldEnabledCustomAddress);var s=!!this.selectedCountryCode&&n&&!!((e=(t=this.genericSettings)===null||t===void 0?void 0:t.countryCustomAddressEnabled)===null||e===void 0?void 0:e.includes(this.selectedCountryCode));
|
|
586
600
|
// Update the address form render type in the cart store
|
|
587
601
|
l.addressFormRenderType=s?"zonos":"stripe"};o.prototype.disconnectedCallback=function(){
|
|
588
602
|
// unsubscribe from store subscriptions
|
|
589
|
-
try{this.storeUnsubscribeList.forEach((function(o){return o()}))}catch(o){}};o.prototype.componentWillLoad=function(){var o=this;this.storeUnsubscribeList=[q("genericSettings",(function(){o.genericSettings=G.genericSettings})),R("selectedCountryCode",(function(){o.selectedCountryCode=H.selectedCountryCode})),
|
|
603
|
+
try{this.storeUnsubscribeList.forEach((function(o){return o()}))}catch(o){}};o.prototype.componentWillLoad=function(){var o=this;this.storeUnsubscribeList=[q("genericSettings",(function(){o.genericSettings=G.genericSettings})),R("selectedCountryCode",(function(){o.selectedCountryCode=H.selectedCountryCode})),A("addressFormRenderType",(function(){o.addressFormRenderType=l.addressFormRenderType}))];this.watchShouldEnabledCustomAddress()};o.prototype.render=function(){var o=this;var t,e,i,r,a,l;if(!p.stripeElements){return null}
|
|
590
604
|
// init the shipping country when shipping address is available
|
|
591
605
|
if(!this.shippingCountry&&p.stripeAddressEventData){this.shippingCountry=(t=p.stripeAddressEventData)===null||t===void 0?void 0:t.value.address.country}if(p.stripeAddressEventData&&this.shippingCountry!==p.stripeAddressEventData.value.address.country){
|
|
592
606
|
// reset the shipping country if it's different from the current shipping address
|
|
@@ -596,10 +610,10 @@ var u=W(G.appearance.theme);
|
|
|
596
610
|
// Attempt to get the email from email from customer profile's locations, if not provided, just use the email from root customer profile
|
|
597
611
|
var d=((e=this.defaultAddress.find(Boolean))===null||e===void 0?void 0:e.email)||((a=(r=(i=p.customerProfile)===null||i===void 0?void 0:i.locations)===null||r===void 0?void 0:r.find(Boolean))===null||a===void 0?void 0:a.email)||((l=p.customerProfile)===null||l===void 0?void 0:l.email);return n(s,{class:X(["zonos--customer-info zonos--elements",this.isMobile&&"mobile"])},n("div",{class:"zonos--group"},n("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},T("Customer information")),this.showErrorBanner&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},T("Missing required fields. Make sure all fields are completed.")),n("zonos-link-authentication",{defaultEmail:d,isEmailError:this.isEmailError,onLinkAuthenticationChange:this.handleEmailValidation,titleText:T("Contact")}),this.renderAddressComponent("shipping"),n("zonos-checkbox",{class:"zonos--shipping-same-as-billing-cbx",isChecked:p.stripeShippingSameAsBilling,label:T("Shipping address same as billing"),onCheckboxSelected:function(o){p.stripeShippingSameAsBilling=o.detail}}),n("zonos-collapse",{collapsed:!c},this.renderAddressComponent("billing")),n("div",{class:"zonos--group-btn"},n("zonos-button",{backgroundColor:this.submitBtnColor,bold:true,loading:this.continueLoading,onClick:function(){return o.continueClickHandler()},size:"lg",
|
|
598
612
|
// use primary type when on mobile mode
|
|
599
|
-
variant:this.submitBtnType},T("Continue to shipping")))),p.stripeAddressEventData&&n("zonos-address-update-dialog",{billingAddress:!p.stripeShippingSameAsBilling&&p.stripeBillingAddressEventData?this.prepareAddressObject(p.stripeBillingAddressEventData):null,"data-theme":u,dialogLoading:this.isValidatingAddress,dialogOpen:this.openAddressValidationDialog,isMobile:this.isMobile,onCloseUpdateDialog:function(){return o.openAddressValidationDialog=false},onContinueClicked:function(t){var e=t.detail;o.transformTranslatedAddressToStripeEvent({submitData:e,type:"shippingAddress"});o.transformTranslatedAddressToStripeEvent({submitData:e,type:"billingAddress"})},shippingAddress:this.prepareAddressObject(p.stripeAddressEventData),translatedBillingAddress:p.translatedAddress.billingAddress,translatedShippingAddress:p.translatedAddress.address}),p.stripeAddressEventData&&n("zonos-address-completion-dialog",{continueLoading:this.continueLoading,"data-theme":u,dialogOpen:this.openCompletionDialog,isMobile:this.isMobile,missingFields:this.missingShippingFields,onCloseCompletionDialog:function(){return o.openCompletionDialog=false},onCompletionSubmit:function(t){return o.completionSubmitHandler(t.detail)},shippingAddress:this.prepareAddressObject(p.stripeAddressEventData),submitBtnColor:this.submitBtnColor,submitBtnType:this.submitBtnType}))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{showErrorBanner:[{watchShowErrorBanner:0}],shouldUseCustomAddressFormOverride:[{watchShouldEnabledCustomAddress:0}],genericSettings:[{watchShouldEnabledCustomAddress:0}],selectedCountryCode:[{watchShouldEnabledCustomAddress:0}]}},enumerable:false,configurable:true});return o}());
|
|
613
|
+
variant:this.submitBtnType},T("Continue to shipping")))),p.stripeAddressEventData&&n("zonos-address-update-dialog",{billingAddress:!p.stripeShippingSameAsBilling&&p.stripeBillingAddressEventData?this.prepareAddressObject(p.stripeBillingAddressEventData):null,"data-theme":u,dialogLoading:this.isValidatingAddress,dialogOpen:this.openAddressValidationDialog,isMobile:this.isMobile,onCloseUpdateDialog:function(){return o.openAddressValidationDialog=false},onContinueClicked:function(t){var e=t.detail;o.transformTranslatedAddressToStripeEvent({submitData:e,type:"shippingAddress"});o.transformTranslatedAddressToStripeEvent({submitData:e,type:"billingAddress"})},shippingAddress:this.prepareAddressObject(p.stripeAddressEventData),translatedBillingAddress:p.translatedAddress.billingAddress,translatedShippingAddress:p.translatedAddress.address}),p.stripeAddressEventData&&n("zonos-address-completion-dialog",{continueLoading:this.continueLoading,"data-theme":u,dialogOpen:this.openCompletionDialog,isMobile:this.isMobile,missingFields:this.missingShippingFields,onCloseCompletionDialog:function(){return o.openCompletionDialog=false},onCompletionSubmit:function(t){return o.completionSubmitHandler(t.detail)},shippingAddress:this.prepareAddressObject(p.stripeAddressEventData),submitBtnColor:this.submitBtnColor,submitBtnType:this.submitBtnType}))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{showErrorBanner:[{watchShowErrorBanner:0}],shouldUseCustomAddressFormOverride:[{watchShouldEnabledCustomAddress:0}],genericSettings:[{watchShouldEnabledCustomAddress:0}],selectedCountryCode:[{watchShouldEnabledCustomAddress:0}]}},enumerable:false,configurable:true});return o}());Ct.style=xt();var kt=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%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:20px}:host .zonos--restState-image{width:124px;height:124px;margin-bottom:15px}:host .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}"};var _t=o("zonos_rest_state",/** @class */function(){function o(o){var n=this;t(this,o);
|
|
600
614
|
/**
|
|
601
615
|
* Whether or not the image failed to load
|
|
602
|
-
*/this.isErrorImageLoad=false;this.getImageRestState=function(){var o=e("./assets/".concat(n.restStateType,".png"));return o}}o.prototype.render=function(){var o=this;var t=this.getImageRestState();return n(s,{key:"c59d087ef1e9d319835387dafd6044df02fbada4",class:X(["zonos--elements zonos--restState"]),style:{"--zonos--font-family":K()}},n("div",{key:"66c517e9e27d02039bb8d94084d27d7bdb63acbc",class:"zonos--restState-image"},n("img",{key:"c2591b221940f1526f57eefea0a1624826188465",alt:this.restStateType,onError:function(){o.isErrorImageLoad=true},src:t})),n("div",{key:"12831552ca7bc7c5caed1b8337e302bd757ce066",class:"content"},n("zonos-text",{key:"8d59853bd8670442b50dff2209bcadc66ceee908",class:"title",type:"boldSubheader"},this.restStateTitle),n("zonos-text",{key:"9c0c37ca8b9b4b7db7567b962cfe2547e16c515b",class:"subtitle"},this.restStateSubtitle)),n("div",{key:"29487c0cf698f4f593f7b93a923810edcec1c800",class:"action"},n("slot",{key:"fc0a95a5691a15ffa2d83a7b51713209fb6ec095"})))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());
|
|
616
|
+
*/this.isErrorImageLoad=false;this.getImageRestState=function(){var o=e("./assets/".concat(n.restStateType,".png"));return o}}o.prototype.render=function(){var o=this;var t=this.getImageRestState();return n(s,{key:"c59d087ef1e9d319835387dafd6044df02fbada4",class:X(["zonos--elements zonos--restState"]),style:{"--zonos--font-family":K()}},n("div",{key:"66c517e9e27d02039bb8d94084d27d7bdb63acbc",class:"zonos--restState-image"},n("img",{key:"c2591b221940f1526f57eefea0a1624826188465",alt:this.restStateType,onError:function(){o.isErrorImageLoad=true},src:t})),n("div",{key:"12831552ca7bc7c5caed1b8337e302bd757ce066",class:"content"},n("zonos-text",{key:"8d59853bd8670442b50dff2209bcadc66ceee908",class:"title",type:"boldSubheader"},this.restStateTitle),n("zonos-text",{key:"9c0c37ca8b9b4b7db7567b962cfe2547e16c515b",class:"subtitle"},this.restStateSubtitle)),n("div",{key:"29487c0cf698f4f593f7b93a923810edcec1c800",class:"action"},n("slot",{key:"fc0a95a5691a15ffa2d83a7b51713209fb6ec095"})))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());_t.style=kt();var Lt='<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 St='<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 It=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}:host(.mobile){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-pack:justify;justify-content:space-between;padding:4px 0;margin-bottom:8px;background-color:transparent}:host(.mobile) .zonos--title{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;gap:8px}:host(.mobile) .zonos--total-pay{margin:0}"};var At=o("zonos_review",/** @class */function(){function o(o){t(this,o);
|
|
603
617
|
/**
|
|
604
618
|
* Whether or not the component is being rendered with mobile styles
|
|
605
619
|
*/this.mobile=false;
|
|
@@ -609,7 +623,7 @@ variant:this.submitBtnType},T("Continue to shipping")))),p.stripeAddressEventDat
|
|
|
609
623
|
* to show the collapse icon
|
|
610
624
|
*/this.collapsed=false;this.isMobile=false}o.prototype.handleWindowResize=function(){this.isMobile=lo(this.mobile)};o.prototype.componentWillLoad=function(){this.isMobile=lo(this.mobile)};o.prototype.render=function(){var o=this;var t=l.step==="customer-info"?l.subtotal+l.adjustmentTotal:l.total;var e=c()?t:0;var i=this.isMobile?"boldSubheader":"semiBoldLabel";var r=this.isMobile?"boldSubheader":"secondaryPageHeader";var a=this.isMobile?"gray-1000":"gray-800";var u=function(){
|
|
611
625
|
// only display the collapse icon if the component is being rendered with mobile styles
|
|
612
|
-
if(!o.isMobile){return null}if(!o.collapsed){return n("zonos-icon",{"aria-label":"Collapse expanded section",content:
|
|
626
|
+
if(!o.isMobile){return null}if(!o.collapsed){return n("zonos-icon",{"aria-label":"Collapse expanded section",content:Lt,iconColor:"gray-1200"})}return n("zonos-icon",{"aria-label":"Expand collapsed section",content:St,iconColor:"gray-1200"})};return n(s,{class:X(["zonos--review zonos--elements",this.isMobile&&"mobile"])},n("div",{class:"zonos--title"},n("zonos-text",{textColor:a,type:i},T("Pay [organizationName]",{organizationName:G.organizationName})),u()),n("div",{class:"zonos--total-pay"},n("zonos-text",{type:r},V({amount:e,isForeign:true}))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());At.style=It();var Ot='<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_dd_2052_3658)">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5 10.5607L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L13.0303 8.96967C12.7374 8.67678 12.2626 8.67678 11.9697 8.96967L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303Z" fill="currentColor"/>\n</g>\n<defs>\n<filter id="filter0_dd_2052_3658" x="-3.5" y="-2" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2052_3658"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="1"/>\n<feGaussianBlur stdDeviation="1"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>\n<feBlend mode="normal" in2="effect1_dropShadow_2052_3658" result="effect2_dropShadow_2052_3658"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2052_3658" result="shape"/>\n</filter>\n</defs>\n</svg>\n';var jt=function(){return'.sc-zonos-shipping-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-shipping-h *.sc-zonos-shipping{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-shipping-h img.sc-zonos-shipping{max-width:100%}.sc-zonos-shipping-h dl.sc-zonos-shipping,.sc-zonos-shipping-h dd.sc-zonos-shipping,.sc-zonos-shipping-h h1.sc-zonos-shipping,.sc-zonos-shipping-h h2.sc-zonos-shipping,.sc-zonos-shipping-h h3.sc-zonos-shipping,.sc-zonos-shipping-h h4.sc-zonos-shipping,.sc-zonos-shipping-h h5.sc-zonos-shipping,.sc-zonos-shipping-h h6.sc-zonos-shipping,.sc-zonos-shipping-h hr.sc-zonos-shipping,.sc-zonos-shipping-h figure.sc-zonos-shipping,.sc-zonos-shipping-h p.sc-zonos-shipping,.sc-zonos-shipping-h pre.sc-zonos-shipping{margin:0}.sc-zonos-shipping-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-shipping-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-shipping-h .zonos--shipping-method-title.sc-zonos-shipping{margin-bottom:-16px}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping{margin-bottom:20px;overflow:auto;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar{width:10px}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-shipping-h .zonos--error-banner.sc-zonos-shipping{margin-bottom:16px}.sc-zonos-shipping-h .zonos--shipping-method-error.sc-zonos-shipping{margin-top:24px}.sc-zonos-shipping-h zonos-button.sc-zonos-shipping{-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-shipping-h .zonos--group-btn.sc-zonos-shipping{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:0;z-index:1;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-shipping-h .zonos--group-btn.sc-zonos-shipping zonos-button.sc-zonos-shipping{width:100%}.sc-zonos-shipping-h .zonos--shipping-options-wrapper.sc-zonos-shipping{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.sc-zonos-shipping{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-align:center;align-items:center;background:transparent;width:100%;border:none;cursor:pointer;position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-transition:0.5s all ease;transition:0.5s all ease}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.sc-zonos-shipping zonos-icon.sc-zonos-shipping{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.collapsed.sc-zonos-shipping{margin-bottom:0}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.collapsed.sc-zonos-shipping zonos-icon.sc-zonos-shipping{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.sc-zonos-shipping::before,.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.sc-zonos-shipping::after{content:"";display:block;width:80%;height:1px;background-color:var(--zonos-elements-border-color);-ms-flex-negative:1;flex-shrink:1}.sc-zonos-shipping-h .zonos--shipping-options-collapse-trigger.sc-zonos-shipping .zonos--title-wrapper.sc-zonos-shipping{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;gap:8px;-ms-flex-align:center;align-items:center}.sc-zonos-shipping-h .zonos--dap-wrapper.sc-zonos-shipping{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.mobile.mobile.sc-zonos-shipping-h{-ms-scroll-chaining:chained;overscroll-behavior:auto}.mobile.mobile.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping{-ms-scroll-chaining:chained;overscroll-behavior:auto}'};var Bt=o("zonos_shipping",/** @class */function(){function o(o){var e=this;t(this,o);this.continueClicked=r(this,"continueClicked",7);this.storeUnsubscribeList=[];
|
|
613
627
|
/**
|
|
614
628
|
* Whether or not the continue button is loading
|
|
615
629
|
*/this.continueLoading=false;this.selectedShippingMethod=null;this.collapsedDAPOptions=true;
|
|
@@ -647,9 +661,9 @@ void this.handleRadioSelected({detail:o});return[2/*return*/]}t=this.serviceLeve
|
|
|
647
661
|
// preselect the first shipping method
|
|
648
662
|
void this.handleRadioSelected({detail:t})}return[2/*return*/]}))}))}}o.prototype.disconnectedCallback=function(){
|
|
649
663
|
// unsubscribe from store subscriptions
|
|
650
|
-
this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.componentWillLoad=function(){var o=this;this.storeUnsubscribeList=[
|
|
664
|
+
this.storeUnsubscribeList.forEach((function(o){return o()}))};o.prototype.componentWillLoad=function(){var o=this;this.storeUnsubscribeList=[A("shippingData",(function(){if(o.isOutdatedShippingData()){
|
|
651
665
|
// re-init service levels if the shipping data is outdated (promo code applied)
|
|
652
|
-
void o.preselectFirstShippingMethod()}})),
|
|
666
|
+
void o.preselectFirstShippingMethod()}})),A("landedCostData",(function(){if(o.isOutdatedShippingData()){
|
|
653
667
|
// re-init service levels if the shipping data is outdated (promo code applied)
|
|
654
668
|
void o.preselectFirstShippingMethod()}}))];void this.preselectFirstShippingMethod()};o.prototype.render=function(){var o=this;var t;
|
|
655
669
|
// re-init service levels if the currency is toggled
|
|
@@ -661,6 +675,6 @@ var r=!!((t=l.landedCostData)===null||t===void 0?void 0:t.some((function(o){var
|
|
|
661
675
|
// start validate on typing after error banner is shown, and hide it if the form is complete
|
|
662
676
|
if(this.showErrorBanner){this.showErrorBanner=!this.handleValidate()}var a=function(){var t;
|
|
663
677
|
// Render all service levels for US since domestic shipping doesn't have DDP/DAP
|
|
664
|
-
if(((t=p.stripeAddressEventData)===null||t===void 0?void 0:t.value.address.country)==="US"){return n("zonos-shipping-rich-radio",{isMobile:o.isMobile,items:o.serviceLevelsAll,onRadioSelected:function(t){return o.handleRadioSelected(t)},selectedItem:o.selectedShippingMethod})}return n(i,null,n("zonos-shipping-rich-radio",{isMobile:o.isMobile,items:e,onRadioSelected:function(t){return o.handleRadioSelected(t)},selectedItem:o.selectedShippingMethod}),!!e.length&&!!o.serviceLevelsDAP.length&&n("button",{class:X(["zonos--shipping-options-collapse-trigger",o.collapsedDAPOptions&&"collapsed"]),onClick:function(){o.collapsedDAPOptions=!o.collapsedDAPOptions}},n("div",{class:"zonos--title-wrapper"},n("zonos-text",{type:"label"},"".concat(T(o.collapsedDAPOptions?"Show non-prepaid options":"Hide non-prepaid options")," ")),n("zonos-icon",{content:
|
|
678
|
+
if(((t=p.stripeAddressEventData)===null||t===void 0?void 0:t.value.address.country)==="US"){return n("zonos-shipping-rich-radio",{isMobile:o.isMobile,items:o.serviceLevelsAll,onRadioSelected:function(t){return o.handleRadioSelected(t)},selectedItem:o.selectedShippingMethod})}return n(i,null,n("zonos-shipping-rich-radio",{isMobile:o.isMobile,items:e,onRadioSelected:function(t){return o.handleRadioSelected(t)},selectedItem:o.selectedShippingMethod}),!!e.length&&!!o.serviceLevelsDAP.length&&n("button",{class:X(["zonos--shipping-options-collapse-trigger",o.collapsedDAPOptions&&"collapsed"]),onClick:function(){o.collapsedDAPOptions=!o.collapsedDAPOptions}},n("div",{class:"zonos--title-wrapper"},n("zonos-text",{type:"label"},"".concat(T(o.collapsedDAPOptions?"Show non-prepaid options":"Hide non-prepaid options")," ")),n("zonos-icon",{content:Ot}))),n("zonos-collapse",{collapsed:o.collapsedDAPOptions},n("div",{class:"zonos--dap-wrapper"},n("zonos-banner",{bannerTitle:T(r?"Duties will be charged upon delivery.":"Duties and taxes will be charged upon delivery."),intent:"warning"},T("You may incur additional fees from the shipping carrier by not prepaying.")),n("zonos-shipping-rich-radio",{isMobile:o.isMobile,items:o.serviceLevelsDAP,onRadioSelected:function(t){return o.handleRadioSelected(t)},selectedItem:o.selectedShippingMethod}))))};return n(s,{class:X(["zonos--shipping zonos--elements",this.isMobile&&"mobile"])},n("div",{class:"zonos--group"},n("zonos-text",{class:"zonos--title",type:"semiBoldSubheader"},T("Delivery options")),this.showErrorBanner&&!!this.serviceLevelsAll.length&&n("zonos-banner",{class:"zonos--error-banner",intent:"error"},T("No shipping method selected")),n("zonos-text",{class:"zonos--shipping-method-title",type:"semiBoldLabel"},T("Shipping method")),!this.serviceLevelsAll.length?n("zonos-banner",{bannerTitle:l.customQuotingError?l.customQuotingError:T('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'),class:"zonos--shipping-method-error",intent:"error"}):n("div",{class:"zonos--shipping-options-wrapper"},a()),n("div",{class:"zonos--group-btn"},n("zonos-button",{backgroundColor:this.submitBtnColor,bold:true,loading:this.continueLoading||this.isSelecting,onClick:function(){return o.continueClickHandler()},size:"lg",
|
|
665
679
|
// use primary type when on mobile mode
|
|
666
|
-
variant:this.submitBtnType},T("Go to payment")))))};return o}());
|
|
680
|
+
variant:this.submitBtnType},T("Go to payment")))))};return o}());Bt.style=jt()}}}));
|