@zonos/elements 1.3.58 → 1.3.60
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/{cart-6c7bf457.js → cart-9318a592.js} +18 -8
- package/dist/cjs/{createCustomEvent-a10ed604.js → createCustomEvent-22ab3823.js} +2 -2
- package/dist/cjs/{getBorderRadius-a6a3b35e.js → getBorderRadius-5a64574c.js} +1 -1
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{isDarkColor-7a056d05.js → isDarkColor-5efc8367.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{paypal-ec9ebaf5.js → paypal-c4c5c59c.js} +3 -3
- package/dist/cjs/zonos-address_8.cjs.entry.js +4 -4
- package/dist/cjs/zonos-badge_13.cjs.entry.js +23 -11
- package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +2 -2
- package/dist/cjs/zonos-checkout.cjs.entry.js +12 -6
- package/dist/cjs/zonos-controller.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +4 -4
- package/dist/cjs/zonos-input.cjs.entry.js +2 -2
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
- package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
- package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
- package/dist/cjs/zonos-text.cjs.entry.js +1 -1
- package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
- package/dist/cjs/{zonosStore-67139f0e.js → zonosStore-a4395972.js} +7 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +17 -5
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +33 -1
- package/dist/collection/components/store/checkout/cart.js +10 -3
- package/dist/collection/components/store/checkout/stripe.js +3 -3
- package/dist/collection/components/store/hello/localization.js +3 -1
- package/dist/collection/components/store/zonosStore.js +7 -4
- package/dist/collection/types/generated/graphql.customer.types.js +27 -5
- package/dist/esm/{cart-a845a902.js → cart-9e089cda.js} +18 -9
- package/dist/esm/{createCustomEvent-0797e187.js → createCustomEvent-a7cec0a2.js} +2 -2
- package/dist/esm/{getBorderRadius-23398fc6.js → getBorderRadius-cff1e39b.js} +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/{isDarkColor-c927f77d.js → isDarkColor-b3afa948.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{paypal-6d80dfd9.js → paypal-34af4a06.js} +3 -3
- package/dist/esm/zonos-address_8.entry.js +4 -4
- package/dist/esm/zonos-badge_13.entry.js +23 -11
- package/dist/esm/zonos-banner.entry.js +1 -1
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +2 -2
- package/dist/esm/zonos-checkout.entry.js +12 -6
- package/dist/esm/zonos-controller.entry.js +4 -4
- package/dist/esm/zonos-country-flag.entry.js +4 -4
- package/dist/esm/zonos-country-select_4.entry.js +4 -4
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +4 -4
- package/dist/esm/zonos-input.entry.js +2 -2
- package/dist/esm/zonos-language-select_2.entry.js +4 -4
- package/dist/esm/zonos-logo.entry.js +1 -1
- package/dist/esm/zonos-notification_3.entry.js +5 -5
- package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
- package/dist/esm/zonos-text.entry.js +1 -1
- package/dist/esm/zonos-v-stack.entry.js +1 -1
- package/dist/esm/{zonosStore-473f4654.js → zonosStore-0dc7a947.js} +7 -4
- package/dist/esm-es5/{cart-a845a902.js → cart-9e089cda.js} +1 -1
- package/dist/esm-es5/{createCustomEvent-0797e187.js → createCustomEvent-a7cec0a2.js} +1 -1
- package/dist/esm-es5/{getBorderRadius-23398fc6.js → getBorderRadius-cff1e39b.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{isDarkColor-c927f77d.js → isDarkColor-b3afa948.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{paypal-6d80dfd9.js → paypal-34af4a06.js} +1 -1
- package/dist/esm-es5/zonos-address_8.entry.js +1 -1
- package/dist/esm-es5/zonos-badge_13.entry.js +1 -1
- package/dist/esm-es5/zonos-banner.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
- package/dist/esm-es5/zonos-elements.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-hello.entry.js +1 -1
- package/dist/esm-es5/zonos-input.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
- package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/esm-es5/zonos-text.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/esm-es5/{zonosStore-473f4654.js → zonosStore-0dc7a947.js} +1 -1
- package/dist/scripts/index.d.ts +54 -0
- 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/checkout/zonos-checkout/zonos-checkout.d.ts +5 -0
- package/dist/types/components/store/checkout/cart.d.ts +4 -2
- package/dist/types/components/store/zonosStore.d.ts +5 -1
- package/dist/types/components.d.ts +6 -2
- package/dist/types/types/generated/graphql.customer.types.d.ts +87 -101
- package/dist/types/types/generated/graphql.customer.types.ts +91 -96
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/{p-7ef2737b.system.entry.js → p-04553c97.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9dd6b00d.js → p-1086aac3.js} +1 -1
- package/dist/zonos-elements/{p-1c72e53f.system.entry.js → p-19fc5e11.system.entry.js} +1 -1
- package/dist/zonos-elements/p-1ca5696d.js +1 -0
- package/dist/zonos-elements/p-1dcccfc4.entry.js +1 -0
- package/dist/zonos-elements/{p-d067bb64.system.js → p-1ea34c87.system.js} +2 -2
- package/dist/zonos-elements/{p-d42018fc.entry.js → p-2c81d7c0.entry.js} +1 -1
- package/dist/zonos-elements/{p-556d4ddb.entry.js → p-2cd7b878.entry.js} +1 -1
- package/dist/zonos-elements/{p-40f73fb4.system.entry.js → p-2eeb7fc4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-5f7f51bd.entry.js → p-30470eb7.entry.js} +1 -1
- package/dist/zonos-elements/{p-4b205b2f.entry.js → p-3924ca23.entry.js} +1 -1
- package/dist/zonos-elements/{p-a4309beb.entry.js → p-41f42a5c.entry.js} +1 -1
- package/dist/zonos-elements/p-455b7545.system.js +1 -0
- package/dist/zonos-elements/{p-d20f6cf1.js → p-5aeab723.js} +1 -1
- package/dist/zonos-elements/{p-95a18511.entry.js → p-5eb27803.entry.js} +1 -1
- package/dist/zonos-elements/{p-921d3603.entry.js → p-61bf769f.entry.js} +1 -1
- package/dist/zonos-elements/{p-89d8c1ad.system.entry.js → p-698f7fd8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-298df70c.system.entry.js → p-722bcca3.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-6f87b869.entry.js → p-73e01294.entry.js} +1 -1
- package/dist/zonos-elements/{p-4b59ada6.system.entry.js → p-76faa16f.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-cf9a46e8.entry.js → p-7a4fc640.entry.js} +1 -1
- package/dist/zonos-elements/{p-70bb4a25.entry.js → p-7be7bd28.entry.js} +1 -1
- package/dist/zonos-elements/{p-6dcef5ce.entry.js → p-8894c902.entry.js} +1 -1
- package/dist/zonos-elements/p-8d4e78b1.js +1 -0
- package/dist/zonos-elements/{p-0954e8fe.system.entry.js → p-8edfcbf0.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-29814fd7.system.js → p-91462d96.system.js} +1 -1
- package/dist/zonos-elements/{p-206cf031.system.js → p-97a99ee5.system.js} +1 -1
- package/dist/zonos-elements/{p-3492c75f.system.entry.js → p-9b951ff8.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2fc19941.system.js → p-9b9a4320.system.js} +1 -1
- package/dist/zonos-elements/{p-a3547b34.system.entry.js → p-a033685e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-23a84835.js → p-a1b755bf.js} +1 -1
- package/dist/zonos-elements/p-a3c1c14c.system.entry.js +1 -0
- package/dist/zonos-elements/{p-b65b3e7b.system.entry.js → p-a86d5244.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-324a8c0d.system.entry.js → p-aa8fd7d9.system.entry.js} +1 -1
- package/dist/zonos-elements/p-acae065f.entry.js +1 -0
- package/dist/zonos-elements/{p-35ca4dcc.entry.js → p-b227910d.entry.js} +1 -1
- package/dist/zonos-elements/p-b3ab9695.system.entry.js +1 -0
- package/dist/zonos-elements/{p-8e8defdc.system.js → p-b74ff880.system.js} +1 -1
- package/dist/zonos-elements/{p-f3811c4c.system.entry.js → p-ba05f1d6.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4dd2f617.system.entry.js → p-bcb129de.system.entry.js} +1 -1
- package/dist/zonos-elements/p-c78dd680.system.js +1 -1
- package/dist/zonos-elements/{p-ecd6a58a.system.entry.js → p-d56f87ab.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-17ea3429.system.entry.js → p-d5bd2da0.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-5a59ed7f.system.entry.js → p-de93cc65.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8260b820.system.js → p-e7e0755f.system.js} +1 -1
- package/dist/zonos-elements/p-e9390710.entry.js +1 -0
- package/dist/zonos-elements/{p-54f66cd1.entry.js → p-f3fc05a8.entry.js} +1 -1
- package/dist/zonos-elements/{p-eb3520e7.entry.js → p-f4765417.entry.js} +1 -1
- package/dist/zonos-elements/{p-8e9dcaa3.entry.js → p-fca6f444.entry.js} +1 -1
- package/dist/zonos-elements/{p-9fd3995f.js → p-fe943837.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-15599089.system.entry.js +0 -1
- package/dist/zonos-elements/p-173f8e5b.entry.js +0 -1
- package/dist/zonos-elements/p-35122d9c.system.entry.js +0 -1
- package/dist/zonos-elements/p-472a6c19.js +0 -1
- package/dist/zonos-elements/p-51d82a07.entry.js +0 -1
- package/dist/zonos-elements/p-c043ec95.entry.js +0 -1
- package/dist/zonos-elements/p-e97793ce.system.js +0 -1
- package/dist/zonos-elements/p-f05f3e27.js +0 -1
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const getBorderRadius = require('./getBorderRadius-
|
|
8
|
+
const getBorderRadius = require('./getBorderRadius-5a64574c.js');
|
|
9
9
|
|
|
10
10
|
const zonosInputCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
|
|
11
11
|
const ZonosInputStyle0 = zonosInputCss;
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
7
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const cart = require('./cart-9318a592.js');
|
|
7
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
8
8
|
const ILanguage = require('./ILanguage-98b04442.js');
|
|
9
9
|
require('./handleFetch-c0e07666.js');
|
|
10
|
-
require('./isDarkColor-
|
|
11
|
-
require('./getBorderRadius-
|
|
10
|
+
require('./isDarkColor-5efc8367.js');
|
|
11
|
+
require('./getBorderRadius-5a64574c.js');
|
|
12
12
|
|
|
13
13
|
const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
14
14
|
<path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
|
|
9
9
|
const zonosLogoCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const cart = require('./cart-
|
|
8
|
+
const cart = require('./cart-9318a592.js');
|
|
9
9
|
const handleFetch = require('./handleFetch-c0e07666.js');
|
|
10
|
-
const paypal = require('./paypal-
|
|
11
|
-
require('./isDarkColor-
|
|
12
|
-
require('./getBorderRadius-
|
|
10
|
+
const paypal = require('./paypal-c4c5c59c.js');
|
|
11
|
+
require('./isDarkColor-5efc8367.js');
|
|
12
|
+
require('./getBorderRadius-5a64574c.js');
|
|
13
13
|
|
|
14
14
|
const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
|
|
15
15
|
const ZonosNotificationStyle0 = zonosNotificationCss;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const getBorderRadius = require('./getBorderRadius-
|
|
8
|
+
const getBorderRadius = require('./getBorderRadius-5a64574c.js');
|
|
9
9
|
const isColorVariable = require('./isColorVariable-6f5a9608.js');
|
|
10
10
|
|
|
11
11
|
const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 input{margin:0;accent-color:var(--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
const isColorVariable = require('./isColorVariable-6f5a9608.js');
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-a4395972.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
|
|
9
9
|
const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
|
|
@@ -2805,6 +2805,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
2805
2805
|
visibilityStatus: 'ENABLED',
|
|
2806
2806
|
},
|
|
2807
2807
|
currentHelloPage: '',
|
|
2808
|
+
disabledCountries: [],
|
|
2808
2809
|
helloSettings: {
|
|
2809
2810
|
anchorElementSelector: '',
|
|
2810
2811
|
cartUrlPattern: '',
|
|
@@ -2860,7 +2861,7 @@ const getZonosStoreTheme = (theme) => {
|
|
|
2860
2861
|
* Init setting from zonos setting
|
|
2861
2862
|
*/
|
|
2862
2863
|
const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
2863
|
-
var _a, _b, _c, _d;
|
|
2864
|
+
var _a, _b, _c, _d, _e;
|
|
2864
2865
|
reset();
|
|
2865
2866
|
if (zonosSettings) {
|
|
2866
2867
|
// save zonos settings to be used later
|
|
@@ -2874,6 +2875,8 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
|
2874
2875
|
// update theme to user browser preferences
|
|
2875
2876
|
mergedAppearanceConfig.theme = getZonosStoreTheme(mergedAppearanceConfig.theme);
|
|
2876
2877
|
}
|
|
2878
|
+
// CHORE: might not be necessary to default to this
|
|
2879
|
+
zonosStore.disabledCountries = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) === null || _a === void 0 ? void 0 : _a.disabledCountries) || ['US'];
|
|
2877
2880
|
zonosStore.appearance = mergedAppearanceConfig;
|
|
2878
2881
|
zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
|
|
2879
2882
|
(zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
|
|
@@ -2881,9 +2884,9 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
|
2881
2884
|
zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.helloSettings);
|
|
2882
2885
|
// set flag to true to indicate that config is ready
|
|
2883
2886
|
zonosStore.loadedConfig = true;
|
|
2884
|
-
zonosStore.organizationId = ((
|
|
2885
|
-
zonosStore.organizationName = ((
|
|
2886
|
-
zonosStore.storeId = ((
|
|
2887
|
+
zonosStore.organizationId = ((_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.id) || '';
|
|
2888
|
+
zonosStore.organizationName = ((_c = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _c === void 0 ? void 0 : _c.name) || '';
|
|
2889
|
+
zonosStore.storeId = ((_e = (_d = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.storeId) || null;
|
|
2887
2890
|
zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
|
|
2888
2891
|
zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
|
|
2889
2892
|
zonosStore.overrideCurrencyFormat = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.overrideCurrencyFormat;
|
|
@@ -48,13 +48,25 @@ export class ZonosCheckoutFinish {
|
|
|
48
48
|
window.location.href = url;
|
|
49
49
|
};
|
|
50
50
|
this.handleSuccessBehavior = () => {
|
|
51
|
-
var _a;
|
|
51
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
52
52
|
const { successBehavior } = zonosStore.checkoutSettings;
|
|
53
53
|
switch (successBehavior) {
|
|
54
54
|
case 'REDIRECT_TO_SUCCESS_PAGE': {
|
|
55
|
-
const
|
|
55
|
+
const settingsRedirectUrl = zonosStore.checkoutSettings.successRedirectUrl;
|
|
56
|
+
// Check if there is a redirect URL in the metadata to override
|
|
57
|
+
const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) || null;
|
|
58
|
+
const legacyOrderNumber = ((_f = (_e = (_d = this.order) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _f === void 0 ? void 0 : _f.value) || null;
|
|
59
|
+
const redirectUrl = externalConfirmationPageURL || settingsRedirectUrl;
|
|
60
|
+
const queryParams = new URLSearchParams();
|
|
61
|
+
if ((_g = this.order) === null || _g === void 0 ? void 0 : _g.id) {
|
|
62
|
+
queryParams.set('zOrderNumber', this.order.id);
|
|
63
|
+
}
|
|
64
|
+
if (legacyOrderNumber) {
|
|
65
|
+
queryParams.set('orderId', legacyOrderNumber);
|
|
66
|
+
}
|
|
56
67
|
if (redirectUrl) {
|
|
57
|
-
|
|
68
|
+
const queryString = queryParams.toString();
|
|
69
|
+
this.redirectToUrl(queryString ? `${redirectUrl}?${queryString}` : redirectUrl);
|
|
58
70
|
}
|
|
59
71
|
// If no redirect URL, break and display Zonos success page
|
|
60
72
|
break;
|
|
@@ -211,11 +223,11 @@ export class ZonosCheckoutFinish {
|
|
|
211
223
|
var _a, _b;
|
|
212
224
|
const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
|
|
213
225
|
const isTestMode = getIsTestMode();
|
|
214
|
-
return (h(Host, { key: '
|
|
226
|
+
return (h(Host, { key: 'c4516e186c9e53dd77dc3d234e1097de60c79bf4', class: "zonos--checkout-finish zonos--elements", style: {
|
|
215
227
|
'--border-radius': getBorderRadius({
|
|
216
228
|
overrideBorderStyle: this.borderRadius,
|
|
217
229
|
}),
|
|
218
|
-
} }, this.isLoading && (h("div", { key: '
|
|
230
|
+
} }, this.isLoading && (h("div", { key: '447860b5e8b9e0bf4a7e54f18657e48591656a44', class: "loading-wrapper" }, h("zonos-spinner", { key: '46e23a9bac3cd0cdfaeed1f128534840a6d433e9' }))), !this.isLoading && (h("div", { key: '89ff3b56daaf911ed92345a93a239dd6c637e161', class: "zonos--finish-details" }, h("div", { key: '3058258e0943fcd31994ec464c1fd1fcfa81c37f', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'dad828b8db671c10bab96ff0f985522ca6fdfdc3', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '1f350e2dcb3fba41d7ae43751f3b8d07c1a60885', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '2df836a8ab4d33bd04edf610f3a602f6adbe8089', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '47117ffcc7d31f7759163a019cfa16c12957e8c3', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '1f85d25faa6c5cdd42642be5eff90145b0a905a8', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '205d38eb92bf9d65f06bb8ef16697e3cf6e3b2e7', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '10d4ec2ba6c4cd96d70beb0ef254f633005cdfb4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
|
|
219
231
|
}
|
|
220
232
|
static get is() { return "zonos-checkout-finish"; }
|
|
221
233
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment, h, Host, } from "@stencil/core";
|
|
2
|
-
import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
|
|
2
|
+
import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
|
|
3
3
|
import { paypalInitScript } from "../../store/checkout/paypal";
|
|
4
4
|
import { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreHandleInventoryCheck, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, } from "../../store/checkout/stripe";
|
|
5
5
|
import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
|
|
@@ -376,6 +376,12 @@ export class ZonosCheckout {
|
|
|
376
376
|
cartStore.step = 'finish';
|
|
377
377
|
this.storybookPaymentStatusOverride = forcePaymentStatus;
|
|
378
378
|
}
|
|
379
|
+
/**
|
|
380
|
+
* For usage in storybook for a mocked flow.
|
|
381
|
+
*/
|
|
382
|
+
async mockCheckoutSession(session) {
|
|
383
|
+
cartStoreSetCheckoutSession(session);
|
|
384
|
+
}
|
|
379
385
|
async handleCustomerInfoContinue() {
|
|
380
386
|
this.submitLoading = true;
|
|
381
387
|
// fetch landed cost data if we not fetching.
|
|
@@ -803,6 +809,32 @@ export class ZonosCheckout {
|
|
|
803
809
|
"text": "For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish",
|
|
804
810
|
"tags": []
|
|
805
811
|
}
|
|
812
|
+
},
|
|
813
|
+
"mockCheckoutSession": {
|
|
814
|
+
"complexType": {
|
|
815
|
+
"signature": "(session: CheckoutSessionDetailsFragment) => Promise<void>",
|
|
816
|
+
"parameters": [{
|
|
817
|
+
"name": "session",
|
|
818
|
+
"type": "{ cartId: string | null; clientSecret: string; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; id: string; landedCostGuaranteeCode: LandedCostGuaranteeCode; method: IncotermCode; shipmentRating: { displayName: string; }; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; taxes: number; total: number; }; }",
|
|
819
|
+
"docs": ""
|
|
820
|
+
}],
|
|
821
|
+
"references": {
|
|
822
|
+
"Promise": {
|
|
823
|
+
"location": "global",
|
|
824
|
+
"id": "global::Promise"
|
|
825
|
+
},
|
|
826
|
+
"CheckoutSessionDetailsFragment": {
|
|
827
|
+
"location": "import",
|
|
828
|
+
"path": "src/types/generated/graphql.customer.types",
|
|
829
|
+
"id": "src/types/generated/graphql.customer.types.ts::CheckoutSessionDetailsFragment"
|
|
830
|
+
}
|
|
831
|
+
},
|
|
832
|
+
"return": "Promise<void>"
|
|
833
|
+
},
|
|
834
|
+
"docs": {
|
|
835
|
+
"text": "For usage in storybook for a mocked flow.",
|
|
836
|
+
"tags": []
|
|
837
|
+
}
|
|
806
838
|
}
|
|
807
839
|
};
|
|
808
840
|
}
|
|
@@ -9,6 +9,7 @@ import { logError } from "../../utils/logging/logError";
|
|
|
9
9
|
const { onChange, reset, state: cartStore, } = createStore(() => ({
|
|
10
10
|
adjustmentTotal: 0,
|
|
11
11
|
adjustments: [],
|
|
12
|
+
checkoutSession: null,
|
|
12
13
|
checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
|
|
13
14
|
checkoutSessionTimeoutShow: false,
|
|
14
15
|
checkoutTimeoutInterval: null,
|
|
@@ -145,7 +146,12 @@ const cartStoreHasOneEligibleItem = () => {
|
|
|
145
146
|
// if there is no item restricted found => all items are restricted
|
|
146
147
|
return !!checkItems.find(item => !item.isRestricted);
|
|
147
148
|
};
|
|
149
|
+
const cartStoreSetCheckoutSession = (checkoutSession) => {
|
|
150
|
+
cartStore.checkoutSession = checkoutSession;
|
|
151
|
+
cartStore.checkoutSessionId = checkoutSession.id;
|
|
152
|
+
};
|
|
148
153
|
const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
|
|
154
|
+
var _a;
|
|
149
155
|
if (landedCostId && cartStore.selectedLandedCost) {
|
|
150
156
|
// update cart total right away if we have landed cost id to avoid order total flickering
|
|
151
157
|
const subtotals = cartStore.selectedLandedCost.subtotals;
|
|
@@ -153,7 +159,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
153
159
|
log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
|
|
154
160
|
}
|
|
155
161
|
// update checkout session
|
|
156
|
-
if (!cartStore.
|
|
162
|
+
if (!((_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.id)) {
|
|
157
163
|
logError('Could not update cart total without checkout session id');
|
|
158
164
|
return false;
|
|
159
165
|
}
|
|
@@ -161,7 +167,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
161
167
|
adjustmentAmount,
|
|
162
168
|
cartId,
|
|
163
169
|
currency,
|
|
164
|
-
id: cartStore.
|
|
170
|
+
id: cartStore.checkoutSession.id,
|
|
165
171
|
itemsAmount,
|
|
166
172
|
landedCostId,
|
|
167
173
|
presentmentCountryCode: localizationStore.selectedCountryCode,
|
|
@@ -183,6 +189,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
183
189
|
cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
|
|
184
190
|
log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
|
|
185
191
|
}
|
|
192
|
+
cartStoreSetCheckoutSession(json.checkoutSessionUpdate);
|
|
186
193
|
return true;
|
|
187
194
|
};
|
|
188
195
|
const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
|
|
@@ -313,4 +320,4 @@ const cartStoreResetTabItems = () => {
|
|
|
313
320
|
cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: false }), payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }), shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
|
|
314
321
|
cartStoreResetSelectedShippingOption();
|
|
315
322
|
};
|
|
316
|
-
export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreClearCheckoutInterval, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStoreReCalculateTotal, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };
|
|
323
|
+
export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreClearCheckoutInterval, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStoreReCalculateTotal, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createStore } from "@stencil/store";
|
|
2
|
-
import { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreResetCartItems, } from "./cart";
|
|
2
|
+
import { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreResetCartItems, cartStoreSetCheckoutSession, } from "./cart";
|
|
3
3
|
import { localizationStore } from "../hello/localization";
|
|
4
4
|
import { translate } from "../translationStore";
|
|
5
5
|
import { zonosStore } from "../zonosStore";
|
|
@@ -376,9 +376,9 @@ const stripeStoreInitCheckoutSession = async () => {
|
|
|
376
376
|
return false;
|
|
377
377
|
}
|
|
378
378
|
const result = json.checkoutSessionCreate;
|
|
379
|
+
// update cart store with updated information
|
|
380
|
+
cartStoreSetCheckoutSession(result);
|
|
379
381
|
stripeStore.clientSecret = result.clientSecret;
|
|
380
|
-
// update cart store with updated informations
|
|
381
|
-
cartStore.checkoutSessionId = result.id;
|
|
382
382
|
cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
|
|
383
383
|
log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
|
|
384
384
|
log('done-init-checkout-session');
|
|
@@ -114,7 +114,9 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
|
|
|
114
114
|
const { selectedCountryCode, shippingZoneCountries } = localizationStore;
|
|
115
115
|
const isShippableCountry = shippingZoneCountries &&
|
|
116
116
|
selectedCountryCode &&
|
|
117
|
-
!!shippingZoneCountries[selectedCountryCode]
|
|
117
|
+
!!shippingZoneCountries[selectedCountryCode] &&
|
|
118
|
+
// Make sure the country is not in the disabled countries list
|
|
119
|
+
!zonosStore.disabledCountries.includes(selectedCountryCode);
|
|
118
120
|
// update shippable country
|
|
119
121
|
localizationStore.isShippableCountry = !!isShippableCountry;
|
|
120
122
|
log(`${localizationStore.selectedCountryCode} is shippable country: ${localizationStore.isShippableCountry}`);
|
|
@@ -46,6 +46,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
46
46
|
visibilityStatus: 'ENABLED',
|
|
47
47
|
},
|
|
48
48
|
currentHelloPage: '',
|
|
49
|
+
disabledCountries: [],
|
|
49
50
|
helloSettings: {
|
|
50
51
|
anchorElementSelector: '',
|
|
51
52
|
cartUrlPattern: '',
|
|
@@ -101,7 +102,7 @@ const getZonosStoreTheme = (theme) => {
|
|
|
101
102
|
* Init setting from zonos setting
|
|
102
103
|
*/
|
|
103
104
|
const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
104
|
-
var _a, _b, _c, _d;
|
|
105
|
+
var _a, _b, _c, _d, _e;
|
|
105
106
|
reset();
|
|
106
107
|
if (zonosSettings) {
|
|
107
108
|
// save zonos settings to be used later
|
|
@@ -115,6 +116,8 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
|
115
116
|
// update theme to user browser preferences
|
|
116
117
|
mergedAppearanceConfig.theme = getZonosStoreTheme(mergedAppearanceConfig.theme);
|
|
117
118
|
}
|
|
119
|
+
// CHORE: might not be necessary to default to this
|
|
120
|
+
zonosStore.disabledCountries = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) === null || _a === void 0 ? void 0 : _a.disabledCountries) || ['US'];
|
|
118
121
|
zonosStore.appearance = mergedAppearanceConfig;
|
|
119
122
|
zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
|
|
120
123
|
(zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
|
|
@@ -122,9 +125,9 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
|
|
|
122
125
|
zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.helloSettings);
|
|
123
126
|
// set flag to true to indicate that config is ready
|
|
124
127
|
zonosStore.loadedConfig = true;
|
|
125
|
-
zonosStore.organizationId = ((
|
|
126
|
-
zonosStore.organizationName = ((
|
|
127
|
-
zonosStore.storeId = ((
|
|
128
|
+
zonosStore.organizationId = ((_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.id) || '';
|
|
129
|
+
zonosStore.organizationName = ((_c = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _c === void 0 ? void 0 : _c.name) || '';
|
|
130
|
+
zonosStore.storeId = ((_e = (_d = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _d === void 0 ? void 0 : _d.references) === null || _e === void 0 ? void 0 : _e.storeId) || null;
|
|
128
131
|
zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
|
|
129
132
|
zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
|
|
130
133
|
zonosStore.overrideCurrencyFormat = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.overrideCurrencyFormat;
|
|
@@ -59,6 +59,20 @@ export const analyticsProviderType = {
|
|
|
59
59
|
FacebookPixel: 'FACEBOOK_PIXEL',
|
|
60
60
|
GoogleAnalytics: 'GOOGLE_ANALYTICS',
|
|
61
61
|
};
|
|
62
|
+
export const apiUsageRecordStatus = {
|
|
63
|
+
Failed: 'FAILED',
|
|
64
|
+
ManualIntervention: 'MANUAL_INTERVENTION',
|
|
65
|
+
Pending: 'PENDING',
|
|
66
|
+
Processed: 'PROCESSED',
|
|
67
|
+
};
|
|
68
|
+
export const apiUsageRecordType = {
|
|
69
|
+
Classify: 'CLASSIFY',
|
|
70
|
+
DeniedParty: 'DENIED_PARTY',
|
|
71
|
+
LandedCost: 'LANDED_COST',
|
|
72
|
+
OrderComplete: 'ORDER_COMPLETE',
|
|
73
|
+
RestrictedItem: 'RESTRICTED_ITEM',
|
|
74
|
+
ShipmentRating: 'SHIPMENT_RATING',
|
|
75
|
+
};
|
|
62
76
|
export const bankAccountType = {
|
|
63
77
|
Checking: 'CHECKING',
|
|
64
78
|
Savings: 'SAVINGS',
|
|
@@ -302,6 +316,10 @@ export const classificationRequestField = {
|
|
|
302
316
|
Description: 'DESCRIPTION',
|
|
303
317
|
Name: 'NAME',
|
|
304
318
|
};
|
|
319
|
+
export const classifyMissingHsCodesStatus = {
|
|
320
|
+
Disabled: 'DISABLED',
|
|
321
|
+
Enabled: 'ENABLED',
|
|
322
|
+
};
|
|
305
323
|
export const clearanceType = {
|
|
306
324
|
Commercial: 'COMMERCIAL',
|
|
307
325
|
Postal: 'POSTAL',
|
|
@@ -1029,8 +1047,15 @@ export const currencySymbolLocation = {
|
|
|
1029
1047
|
After: 'AFTER',
|
|
1030
1048
|
Before: 'BEFORE',
|
|
1031
1049
|
};
|
|
1050
|
+
export const customsDocumentCarrier = {
|
|
1051
|
+
Dhl: 'DHL',
|
|
1052
|
+
Fedex: 'FEDEX',
|
|
1053
|
+
Ups: 'UPS',
|
|
1054
|
+
};
|
|
1032
1055
|
export const customsDocumentFileType = {
|
|
1056
|
+
Jpg: 'JPG',
|
|
1033
1057
|
Pdf: 'PDF',
|
|
1058
|
+
Png: 'PNG',
|
|
1034
1059
|
Txt: 'TXT',
|
|
1035
1060
|
};
|
|
1036
1061
|
export const customsDocumentType = {
|
|
@@ -1146,11 +1171,6 @@ export const elementsUiTheme = {
|
|
|
1146
1171
|
Light: 'LIGHT',
|
|
1147
1172
|
System: 'SYSTEM',
|
|
1148
1173
|
};
|
|
1149
|
-
export const emailSenderStatus = {
|
|
1150
|
-
NotVerified: 'NOT_VERIFIED',
|
|
1151
|
-
Pending: 'PENDING',
|
|
1152
|
-
Verified: 'VERIFIED',
|
|
1153
|
-
};
|
|
1154
1174
|
export const emailTemplateProviderType = {
|
|
1155
1175
|
Sendgrid: 'SENDGRID',
|
|
1156
1176
|
};
|
|
@@ -1493,6 +1513,7 @@ export const labelStatusType = {
|
|
|
1493
1513
|
export const landedCostAdjustmentType = {
|
|
1494
1514
|
CartTotal: 'CART_TOTAL',
|
|
1495
1515
|
Item: 'ITEM',
|
|
1516
|
+
PromoCode: 'PROMO_CODE',
|
|
1496
1517
|
Shipping: 'SHIPPING',
|
|
1497
1518
|
};
|
|
1498
1519
|
export const landedCostBillingPartyType = {
|
|
@@ -2178,6 +2199,7 @@ export const transitTypeCode = {
|
|
|
2178
2199
|
export const usageRecordTypeCode = {
|
|
2179
2200
|
ApiUsage: 'API_USAGE',
|
|
2180
2201
|
LcgInvoicing: 'LCG_INVOICING',
|
|
2202
|
+
MeterUsage: 'METER_USAGE',
|
|
2181
2203
|
OrderComplete: 'ORDER_COMPLETE',
|
|
2182
2204
|
OrderTransactionInvoicing: 'ORDER_TRANSACTION_INVOICING',
|
|
2183
2205
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as createStore, z as zonosStore } from './zonosStore-
|
|
1
|
+
import { c as createStore, z as zonosStore } from './zonosStore-0dc7a947.js';
|
|
2
2
|
import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-613fbc00.js';
|
|
3
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
3
|
+
import { i as isDarkColor } from './isDarkColor-b3afa948.js';
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
|
|
5
5
|
|
|
6
6
|
const stringsArabic = {
|
|
7
7
|
'Above de minimis threshold for': {
|
|
@@ -7653,7 +7653,9 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
|
|
|
7653
7653
|
const { selectedCountryCode, shippingZoneCountries } = localizationStore;
|
|
7654
7654
|
const isShippableCountry = shippingZoneCountries &&
|
|
7655
7655
|
selectedCountryCode &&
|
|
7656
|
-
!!shippingZoneCountries[selectedCountryCode]
|
|
7656
|
+
!!shippingZoneCountries[selectedCountryCode] &&
|
|
7657
|
+
// Make sure the country is not in the disabled countries list
|
|
7658
|
+
!zonosStore.disabledCountries.includes(selectedCountryCode);
|
|
7657
7659
|
// update shippable country
|
|
7658
7660
|
localizationStore.isShippableCountry = !!isShippableCountry;
|
|
7659
7661
|
log(`${localizationStore.selectedCountryCode} is shippable country: ${localizationStore.isShippableCountry}`);
|
|
@@ -8524,9 +8526,9 @@ const stripeStoreInitCheckoutSession = async () => {
|
|
|
8524
8526
|
return false;
|
|
8525
8527
|
}
|
|
8526
8528
|
const result = json.checkoutSessionCreate;
|
|
8529
|
+
// update cart store with updated information
|
|
8530
|
+
cartStoreSetCheckoutSession(result);
|
|
8527
8531
|
stripeStore.clientSecret = result.clientSecret;
|
|
8528
|
-
// update cart store with updated informations
|
|
8529
|
-
cartStore.checkoutSessionId = result.id;
|
|
8530
8532
|
cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
|
|
8531
8533
|
log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
|
|
8532
8534
|
log('done-init-checkout-session');
|
|
@@ -8704,6 +8706,7 @@ const getDaysDifference = (targetDate) => {
|
|
|
8704
8706
|
const { onChange, reset, state: cartStore, } = createStore(() => ({
|
|
8705
8707
|
adjustmentTotal: 0,
|
|
8706
8708
|
adjustments: [],
|
|
8709
|
+
checkoutSession: null,
|
|
8707
8710
|
checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
|
|
8708
8711
|
checkoutSessionTimeoutShow: false,
|
|
8709
8712
|
checkoutTimeoutInterval: null,
|
|
@@ -8840,7 +8843,12 @@ const cartStoreHasOneEligibleItem = () => {
|
|
|
8840
8843
|
// if there is no item restricted found => all items are restricted
|
|
8841
8844
|
return !!checkItems.find(item => !item.isRestricted);
|
|
8842
8845
|
};
|
|
8846
|
+
const cartStoreSetCheckoutSession = (checkoutSession) => {
|
|
8847
|
+
cartStore.checkoutSession = checkoutSession;
|
|
8848
|
+
cartStore.checkoutSessionId = checkoutSession.id;
|
|
8849
|
+
};
|
|
8843
8850
|
const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
|
|
8851
|
+
var _a;
|
|
8844
8852
|
if (landedCostId && cartStore.selectedLandedCost) {
|
|
8845
8853
|
// update cart total right away if we have landed cost id to avoid order total flickering
|
|
8846
8854
|
const subtotals = cartStore.selectedLandedCost.subtotals;
|
|
@@ -8848,7 +8856,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
8848
8856
|
log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
|
|
8849
8857
|
}
|
|
8850
8858
|
// update checkout session
|
|
8851
|
-
if (!cartStore.
|
|
8859
|
+
if (!((_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.id)) {
|
|
8852
8860
|
logError('Could not update cart total without checkout session id');
|
|
8853
8861
|
return false;
|
|
8854
8862
|
}
|
|
@@ -8856,7 +8864,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
8856
8864
|
adjustmentAmount,
|
|
8857
8865
|
cartId,
|
|
8858
8866
|
currency,
|
|
8859
|
-
id: cartStore.
|
|
8867
|
+
id: cartStore.checkoutSession.id,
|
|
8860
8868
|
itemsAmount,
|
|
8861
8869
|
landedCostId,
|
|
8862
8870
|
presentmentCountryCode: localizationStore.selectedCountryCode,
|
|
@@ -8878,6 +8886,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
|
|
|
8878
8886
|
cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
|
|
8879
8887
|
log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
|
|
8880
8888
|
}
|
|
8889
|
+
cartStoreSetCheckoutSession(json.checkoutSessionUpdate);
|
|
8881
8890
|
return true;
|
|
8882
8891
|
};
|
|
8883
8892
|
const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
|
|
@@ -9009,4 +9018,4 @@ const cartStoreResetTabItems = () => {
|
|
|
9009
9018
|
cartStoreResetSelectedShippingOption();
|
|
9010
9019
|
};
|
|
9011
9020
|
|
|
9012
|
-
export {
|
|
9021
|
+
export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreRetrievePayment as G, stripeStoreMessageBasedOnStatus as H, stripeStoreTranslateAddressToLatin as I, cartStoreUpdateSelectedShippingOption as J, cartStoreGetShippingTransitInfo as K, localizationStoreUpdateSelectedLocale as L, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as cartStore, l as localizationStore } from './cart-
|
|
2
|
-
import { z as zonosStore } from './zonosStore-
|
|
1
|
+
import { d as cartStore, l as localizationStore } from './cart-9e089cda.js';
|
|
2
|
+
import { z as zonosStore } from './zonosStore-0dc7a947.js';
|
|
3
3
|
import { h as handleFetch } from './handleFetch-613fbc00.js';
|
|
4
4
|
|
|
5
5
|
const trackConversionEvent = async (eventName, metadata) => {
|
package/dist/esm/index.js
CHANGED
|
@@ -93,7 +93,7 @@ const getZonosQaUrl = () => {
|
|
|
93
93
|
return null;
|
|
94
94
|
}
|
|
95
95
|
const qaUrl = extractZonosQaUrl(window.location.href);
|
|
96
|
-
const cdnUrl = "https://v1.3.
|
|
96
|
+
const cdnUrl = "https://v1.3.60.js.zonos.com";
|
|
97
97
|
// when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
|
|
98
98
|
if (!qaUrl &&
|
|
99
99
|
(cdnUrl.includes('test.') ||
|
|
@@ -277,10 +277,10 @@ const zonosLoadUrl = (() => {
|
|
|
277
277
|
}
|
|
278
278
|
return null;
|
|
279
279
|
})();
|
|
280
|
-
const ZONOS_URL = "https://v1.3.
|
|
281
|
-
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.
|
|
282
|
-
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.
|
|
283
|
-
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.
|
|
280
|
+
const ZONOS_URL = "https://v1.3.60.js.zonos.com";
|
|
281
|
+
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.60";
|
|
282
|
+
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.60";
|
|
283
|
+
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.60";
|
|
284
284
|
const INTER_FONT_URL = 'https://rsms.me';
|
|
285
285
|
const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
|
|
286
286
|
const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
|
|
@@ -295,14 +295,14 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
|
|
|
295
295
|
!!window.location.search.match(/\?.*(&*)zonosConversionTest/);
|
|
296
296
|
Zonos._paypalMockResponse = null;
|
|
297
297
|
Zonos.isBigCommerce = false;
|
|
298
|
-
Zonos.releaseDate = "
|
|
298
|
+
Zonos.releaseDate = "1727800174950";
|
|
299
299
|
Zonos.isLegacyCheckout = false;
|
|
300
300
|
/**
|
|
301
301
|
* By default, the package will load from npm
|
|
302
302
|
*/
|
|
303
303
|
Zonos.isNpm = true;
|
|
304
304
|
Zonos.zonosQaUrl = null;
|
|
305
|
-
Zonos.version = `v${"1.3.
|
|
305
|
+
Zonos.version = `v${"1.3.60"}`;
|
|
306
306
|
Zonos.modeAlerted = false;
|
|
307
307
|
Zonos.cartData = null;
|
|
308
308
|
Zonos.paypal = null;
|