@zonos/elements 1.3.15-alpha.1 → 1.3.15-alpha.3
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/zonos-address_4.cjs.entry.js +10 -10
- package/dist/cjs/zonos-badge_2.cjs.entry.js +7 -7
- package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
- package/dist/cjs/zonos-button_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-card_2.cjs.entry.js +7 -7
- package/dist/cjs/zonos-cart-items_10.cjs.entry.js +18 -18
- package/dist/cjs/zonos-checkout.cjs.entry.js +1 -1
- package/dist/cjs/zonos-component.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +1 -1
- package/dist/cjs/zonos-country-select_3.cjs.entry.js +9 -9
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-notification.cjs.entry.js +1 -1
- package/dist/cjs/zonos-payment.cjs.entry.js +2 -2
- package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js +5 -5
- package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.css +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.css +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.css +4 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css +20 -8
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.css +5 -5
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.css +16 -16
- package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css +8 -8
- package/dist/collection/components/checkout/zonos-checkout/zonos-review/zonos-review.css +5 -5
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.css +7 -7
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +1 -1
- package/dist/collection/components/common/component-template/zonos-link/zonos-link.js +1 -1
- package/dist/collection/components/common/zonos-badge/zonos-badge.css +1 -1
- package/dist/collection/components/common/zonos-badge/zonos-badge.js +3 -3
- package/dist/collection/components/common/zonos-banner/zonos-banner.css +3 -3
- package/dist/collection/components/common/zonos-button/zonos-button.css +9 -9
- package/dist/collection/components/common/zonos-button/zonos-button.js +3 -3
- package/dist/collection/components/common/zonos-card/zonos-card.css +9 -9
- package/dist/collection/components/common/zonos-card/zonos-card.js +3 -3
- package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.css +1 -1
- package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +3 -3
- package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.css +1 -1
- package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js +3 -3
- package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.css +5 -5
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +2 -2
- package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.css +1 -1
- package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.css +3 -3
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -3
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.css +4 -4
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-notification/zonos-notification.css +3 -3
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.css +1 -1
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
- package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.css +2 -2
- package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.css +1 -1
- package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +2 -2
- package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -2
- package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
- package/dist/collection/components/hello/zonos-hello/zonos-hello.css +18 -18
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css +241 -242
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +2 -2
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.css +4 -4
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +3 -3
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/stripe/zonos-address/zonos-address.css +2 -2
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +1 -1
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.css +1 -1
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +1 -1
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.css +1 -1
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/components/zonos-address2.js +2 -2
- package/dist/components/zonos-badge2.js +4 -4
- package/dist/components/zonos-banner2.js +1 -1
- package/dist/components/zonos-button2.js +4 -4
- package/dist/components/zonos-card2.js +4 -4
- package/dist/components/zonos-cart-items2.js +1 -1
- package/dist/components/zonos-cart-subtotal2.js +1 -1
- package/dist/components/zonos-checkbox2.js +4 -4
- package/dist/components/zonos-checkout-finish2.js +1 -1
- package/dist/components/zonos-checkout-footer2.js +2 -2
- package/dist/components/zonos-checkout-payment2.js +1 -1
- package/dist/components/zonos-checkout-progress-tabs2.js +4 -4
- package/dist/components/zonos-checkout.js +1 -1
- package/dist/components/zonos-collapse2.js +2 -2
- package/dist/components/zonos-component.js +1 -1
- package/dist/components/zonos-controller.js +1 -1
- package/dist/components/zonos-country-select2.js +3 -3
- package/dist/components/zonos-custom-message2.js +3 -3
- package/dist/components/zonos-customer-info2.js +1 -1
- package/dist/components/zonos-dialog2.js +4 -4
- package/dist/components/zonos-hello-dialog-footer2.js +3 -3
- package/dist/components/zonos-hello-dialog2.js +4 -4
- package/dist/components/zonos-hello.js +1 -1
- package/dist/components/zonos-language-select2.js +3 -3
- package/dist/components/zonos-link-authentication2.js +2 -2
- package/dist/components/zonos-link.js +1 -1
- package/dist/components/zonos-logo.js +2 -2
- package/dist/components/zonos-notification2.js +1 -1
- package/dist/components/zonos-payment2.js +2 -2
- package/dist/components/zonos-review2.js +1 -1
- package/dist/components/zonos-select-dialog-header2.js +3 -3
- package/dist/components/zonos-shipping-rich-radio2.js +1 -1
- package/dist/components/zonos-shipping2.js +2 -2
- package/dist/components/zonos-tooltip2.js +3 -3
- package/dist/components/zonos-v-stack2.js +2 -2
- package/dist/esm/zonos-address_4.entry.js +10 -10
- package/dist/esm/zonos-badge_2.entry.js +7 -7
- package/dist/esm/zonos-banner.entry.js +1 -1
- package/dist/esm/zonos-button_2.entry.js +4 -4
- package/dist/esm/zonos-card_2.entry.js +7 -7
- package/dist/esm/zonos-cart-items_10.entry.js +18 -18
- package/dist/esm/zonos-checkout.entry.js +1 -1
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +1 -1
- package/dist/esm/zonos-country-select_3.entry.js +9 -9
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +1 -1
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-notification.entry.js +1 -1
- package/dist/esm/zonos-payment.entry.js +2 -2
- package/dist/esm/zonos-select-dialog-header_2.entry.js +5 -5
- package/dist/esm/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/esm-es5/zonos-address_4.entry.js +1 -1
- package/dist/esm-es5/zonos-badge_2.entry.js +1 -1
- package/dist/esm-es5/zonos-banner.entry.js +1 -1
- package/dist/esm-es5/zonos-button_2.entry.js +1 -1
- package/dist/esm-es5/zonos-card_2.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_10.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-component.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_3.entry.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-link.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-notification.entry.js +1 -1
- package/dist/esm-es5/zonos-payment.entry.js +1 -1
- package/dist/esm-es5/zonos-select-dialog-header_2.entry.js +1 -1
- package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/scripts/zonosBase.js +1 -1
- package/dist/zonos-elements/p-0253aeae.entry.js +1 -0
- package/dist/zonos-elements/p-031086ba.system.entry.js +1 -0
- package/dist/zonos-elements/p-1264b362.entry.js +1 -0
- package/dist/zonos-elements/p-1950dda7.entry.js +1 -0
- package/dist/zonos-elements/{p-dd1ba8fb.entry.js → p-24fee841.entry.js} +1 -1
- package/dist/zonos-elements/p-2a99c8b5.system.entry.js +1 -0
- package/dist/zonos-elements/{p-66b42924.entry.js → p-376bdf70.entry.js} +1 -1
- package/dist/zonos-elements/{p-b4c3dcda.entry.js → p-3e417d7c.entry.js} +1 -1
- package/dist/zonos-elements/{p-ca8ae8a4.system.entry.js → p-46f9c93e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8126011d.entry.js → p-48a2b8b0.entry.js} +1 -1
- package/dist/zonos-elements/p-49120f0e.system.entry.js +1 -0
- package/dist/zonos-elements/p-593948b5.system.entry.js +1 -0
- package/dist/zonos-elements/{p-6adbe3e4.entry.js → p-5ee8a685.entry.js} +1 -1
- package/dist/zonos-elements/{p-2ffcc816.entry.js → p-6743734f.entry.js} +1 -1
- package/dist/zonos-elements/p-6d9dbecb.system.entry.js +1 -0
- package/dist/zonos-elements/{p-e703c902.entry.js → p-6e8d43de.entry.js} +1 -1
- package/dist/zonos-elements/{p-7411d43e.system.entry.js → p-70ede197.system.entry.js} +1 -1
- package/dist/zonos-elements/p-7891f8d2.entry.js +1 -0
- package/dist/zonos-elements/p-78d22069.system.entry.js +1 -0
- package/dist/zonos-elements/p-8bc0e56a.system.entry.js +1 -0
- package/dist/zonos-elements/p-92446677.entry.js +1 -0
- package/dist/zonos-elements/p-9350d19f.entry.js +1 -0
- package/dist/zonos-elements/{p-8b44b059.system.entry.js → p-95c864ca.system.entry.js} +1 -1
- package/dist/zonos-elements/p-9768840a.system.entry.js +1 -0
- package/dist/zonos-elements/p-9e8f1065.system.entry.js +1 -0
- package/dist/zonos-elements/{p-34565753.system.entry.js → p-a0abc499.system.entry.js} +1 -1
- package/dist/zonos-elements/p-ae4a4634.system.entry.js +1 -0
- package/dist/zonos-elements/{p-2ee0d779.entry.js → p-af8391bb.entry.js} +1 -1
- package/dist/zonos-elements/p-b8e8330b.system.js +1 -1
- package/dist/zonos-elements/{p-44e8e803.entry.js → p-bc3a0f7c.entry.js} +1 -1
- package/dist/zonos-elements/p-bfa8d9a4.system.entry.js +1 -0
- package/dist/zonos-elements/p-d149bc5d.system.entry.js +1 -0
- package/dist/zonos-elements/{p-440eb12c.entry.js → p-d3772fd3.entry.js} +1 -1
- package/dist/zonos-elements/p-e705c44c.entry.js +1 -0
- package/dist/zonos-elements/{p-97534044.entry.js → p-e9fafda6.entry.js} +1 -1
- package/dist/zonos-elements/{p-596a4beb.system.entry.js → p-eff12c31.system.entry.js} +1 -1
- package/dist/zonos-elements/p-fc35d717.system.entry.js +1 -0
- package/dist/zonos-elements/zonos-elements.css +11 -15
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-056a453e.entry.js +0 -1
- package/dist/zonos-elements/p-0a0d45e9.system.entry.js +0 -1
- package/dist/zonos-elements/p-0fc08944.entry.js +0 -1
- package/dist/zonos-elements/p-19f0392f.system.entry.js +0 -1
- package/dist/zonos-elements/p-24bd40ec.entry.js +0 -1
- package/dist/zonos-elements/p-26c55472.system.entry.js +0 -1
- package/dist/zonos-elements/p-509717bc.system.entry.js +0 -1
- package/dist/zonos-elements/p-51afdc14.system.entry.js +0 -1
- package/dist/zonos-elements/p-536b62a8.system.entry.js +0 -1
- package/dist/zonos-elements/p-5c41ac7d.system.entry.js +0 -1
- package/dist/zonos-elements/p-6fb15797.system.entry.js +0 -1
- package/dist/zonos-elements/p-7432179a.system.entry.js +0 -1
- package/dist/zonos-elements/p-74c8aa64.entry.js +0 -1
- package/dist/zonos-elements/p-8d1f81e1.entry.js +0 -1
- package/dist/zonos-elements/p-8e5796a8.system.entry.js +0 -1
- package/dist/zonos-elements/p-b2f56dcb.system.entry.js +0 -1
- package/dist/zonos-elements/p-b4e704c7.entry.js +0 -1
- package/dist/zonos-elements/p-b6393a04.entry.js +0 -1
- package/dist/zonos-elements/p-d0d78094.system.entry.js +0 -1
- package/dist/zonos-elements/p-e7b5cf0d.system.entry.js +0 -1
|
@@ -288,7 +288,7 @@ const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
|
|
|
288
288
|
|
|
289
289
|
const RemoveIcon = `<svg color="var(--amino-gray-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(--amino-gray-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>`;
|
|
290
290
|
|
|
291
|
-
const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--amino-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:
|
|
291
|
+
const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--amino-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--amino-gray-0));border-right:1px solid var(--amino-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--amino-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--amino-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--amino-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0px}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--amino-border);border-radius:var(--border-radius, var(--amino-radius-10));background-color:var(--amino-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
|
|
292
292
|
const ZonosCheckoutStyle0 = zonosCheckoutCss;
|
|
293
293
|
|
|
294
294
|
const ZonosCheckout = class {
|
|
@@ -22,7 +22,7 @@ const ZonosComponent = class {
|
|
|
22
22
|
return format(this.first, this.middle, this.last);
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return index.h("div", { key: '
|
|
25
|
+
return index.h("div", { key: '25e0ed1ec26c0b3b3d8539ccb58f914eac9301c8' }, "Hello, World! I'm ", this.getText());
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
ZonosComponent.style = ZonosComponentStyle0;
|
|
@@ -267,7 +267,7 @@ const ZonosController = class {
|
|
|
267
267
|
zonosStore.zonosStore.organizationName = organizationName;
|
|
268
268
|
}
|
|
269
269
|
render() {
|
|
270
|
-
return index.h(index.Host, { key: '
|
|
270
|
+
return index.h(index.Host, { key: 'fb8d58a358b76ed2def980d7cd516266253bbbb4', class: "zonos--elements" });
|
|
271
271
|
}
|
|
272
272
|
};
|
|
273
273
|
ZonosController.style = ZonosControllerStyle0;
|
|
@@ -1793,7 +1793,7 @@ const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" f
|
|
|
1793
1793
|
</svg>
|
|
1794
1794
|
`;
|
|
1795
1795
|
|
|
1796
|
-
const zonosCountrySelectCss = ":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 .zonos--country-select{position:relative}:host .zonos--country-select .zonos--country-select-header{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);z-index:11}:host .zonos--country-select .zonos--country-select-input{padding:
|
|
1796
|
+
const zonosCountrySelectCss = ":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 .zonos--country-select{position:relative}:host .zonos--country-select .zonos--country-select-header{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);z-index:11}:host .zonos--country-select .zonos--country-select-input{padding:8px;border-radius:var(--amino-radius-4);border:var(--amino-border)}:host .zonos--country-select .zonos--country-select-content{padding:16px;padding-top:0px}:host .zonos--country-select .zonos--country-select-country{display:-ms-flexbox;display:flex;gap:16px;padding:8px;-ms-flex-align:center;align-items:center;border-radius:var(--amino-radius-4);cursor:pointer;width:100%;border:none;background:none}:host .zonos--country-select .zonos--country-select-country:hover{background:var(--amino-gray-100)}:host .zonos--country-select .zonos--country-select-country .zonos--country-flag{border-radius:var(--amino-radius-4);width:24px;height:18px;position:relative;overflow:hidden;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}@media (max-width: 768px){:host .zonos--country-select .zonos--country-select-country .zonos--country-flag{border-radius:var(--amino-radius-4);width:24px}}";
|
|
1797
1797
|
const ZonosCountrySelectStyle0 = zonosCountrySelectCss;
|
|
1798
1798
|
|
|
1799
1799
|
const ZonosCountrySelect = class {
|
|
@@ -1828,15 +1828,15 @@ const ZonosCountrySelect = class {
|
|
|
1828
1828
|
const filteredCountries = this.inputValue
|
|
1829
1829
|
? fuseObject.map(country => country.item)
|
|
1830
1830
|
: countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
|
|
1831
|
-
return (index.h(index.Host, { key: '
|
|
1831
|
+
return (index.h(index.Host, { key: '4ac4ac37704300786a6a4b3668b1608cf9c2fd96', class: "zonos--elements", style: {
|
|
1832
1832
|
'--font-family': zonosStore.zonosStoreFontFamily(),
|
|
1833
|
-
} }, index.h("div", { key: '
|
|
1833
|
+
} }, index.h("div", { key: 'aecc099069d42c73703f510b7021d1a0b988b810', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '358b01905c26ea03eef9c8a1551d1faa5c13b763', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'a22baac4b445d2dee08be2cb9c31714b226d9327', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '71515910f8bb3ef512c76a71246272f49506ee63', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: '44d417c7859f4263c8286e60a2cc9bfbe7a6698d', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
|
|
1834
1834
|
}
|
|
1835
1835
|
get ele() { return index.getElement(this); }
|
|
1836
1836
|
};
|
|
1837
1837
|
ZonosCountrySelect.style = ZonosCountrySelectStyle0;
|
|
1838
1838
|
|
|
1839
|
-
const zonosCustomMessageCss = ":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 .zonos--custom-message{background:var(--amino-gray-50);border-radius:var(--amino-radius-6)}:host .zonos--custom-message .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:
|
|
1839
|
+
const zonosCustomMessageCss = ":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 .zonos--custom-message{background:var(--amino-gray-50);border-radius:var(--amino-radius-6)}:host .zonos--custom-message .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}";
|
|
1840
1840
|
const ZonosCustomMessageStyle0 = zonosCustomMessageCss;
|
|
1841
1841
|
|
|
1842
1842
|
const ZonosCustomMessage = class {
|
|
@@ -1847,9 +1847,9 @@ const ZonosCustomMessage = class {
|
|
|
1847
1847
|
}
|
|
1848
1848
|
render() {
|
|
1849
1849
|
const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
|
|
1850
|
-
return (index.h(index.Host, { key: '
|
|
1850
|
+
return (index.h(index.Host, { key: '197958ea99ffdb3cfc291144129c20b01fdd8b11', class: "zonos--elements", style: {
|
|
1851
1851
|
'--font-family': zonosStore.zonosStoreFontFamily(),
|
|
1852
|
-
} }, this.message && (index.h("zonos-card", { key: '
|
|
1852
|
+
} }, this.message && (index.h("zonos-card", { key: 'c8ac70b6c21f6b412653a859661a07a3a07905c6', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '2efe05820fd9e5f23d48a9ac0c167d3ec41b34d1', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '81577b44466ad6ed48b014fd20b441b3be96a70b', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '16ba131ca7a8d80c81de6c38f3fbd11d872a8b2a', innerHTML: messageWithLinks }))))));
|
|
1853
1853
|
}
|
|
1854
1854
|
};
|
|
1855
1855
|
ZonosCustomMessage.style = ZonosCustomMessageStyle0;
|
|
@@ -1866,7 +1866,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
|
|
|
1866
1866
|
</svg>
|
|
1867
1867
|
`;
|
|
1868
1868
|
|
|
1869
|
-
const zonosHelloDialogFooterCss = ":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}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#eaebed;--amino-gray-200:#d9dadd;--amino-gray-300:#c5c6ca;--amino-gray-400:#acaeb3;--amino-gray-500:#94969e;--amino-gray-600:#6a6d77;--amino-gray-700:#5c5e68;--amino-gray-800:#4d505a;--amino-gray-900:#40424c;--amino-gray-1000:#2e3038;--amino-gray-1100:#1e1f26;--amino-gray-1200:#101116;--amino-blue-100:#deedfe;--amino-blue-200:#c5ddfd;--amino-blue-300:#aacbfc;--amino-blue-400:#89b2fa;--amino-blue-500:#5f92f6;--amino-blue-600:#445eee;--amino-blue-700:#364bd4;--amino-blue-800:#2c3baf;--amino-blue-900:#252e7e;--amino-blue-1000:#1c2154;--amino-cyan-100:#dbfffe;--amino-cyan-200:#bafdfd;--amino-cyan-300:#8ff6fa;--amino-cyan-400:#65e6ef;--amino-cyan-500:#4ec6d4;--amino-cyan-600:#37a5b4;--amino-cyan-700:#2c8896;--amino-cyan-800:#26707e;--amino-cyan-900:#245660;--amino-cyan-1000:#183339;--amino-red-100:#ffedeb;--amino-red-200:#fdd3d0;--amino-red-300:#fcb4b2;--amino-red-400:#fa8b8b;--amino-red-500:#f95c67;--amino-red-600:#d92141;--amino-red-700:#b4223d;--amino-red-800:#8c1d33;--amino-red-900:#641627;--amino-red-1000:#49121f;--amino-orange-100:#ffefe0;--amino-orange-200:#fed7b8;--amino-orange-300:#fdc7a0;--amino-orange-400:#fca975;--amino-orange-500:#f88c53;--amino-orange-600:#e5591a;--amino-orange-700:#b6471b;--amino-orange-800:#903a1d;--amino-orange-900:#692c1c;--amino-orange-1000:#441c13;--amino-green-100:#e0ffe3;--amino-green-200:#c8fdce;--amino-green-300:#a9f9b5;--amino-green-400:#7de490;--amino-green-500:#56c76f;--amino-green-600:#2b9c4d;--amino-green-700:#298549;--amino-green-800:#266e3e;--amino-green-900:#245234;--amino-green-1000:#1c3626;--amino-purple-100:#f4eeff;--amino-purple-200:#e7d8fd;--amino-purple-300:#ddc5fc;--amino-purple-400:#cea9fa;--amino-purple-500:#bd82f8;--amino-purple-600:#ab30ee;--amino-purple-700:#922bc5;--amino-purple-800:#742498;--amino-purple-900:#54206a;--amino-purple-1000:#3b1948;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);--amino-v3-shadow-large:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n 0px 32px 50px rgba(10, 10, 11, 0.24);--amino-v3-shadow-inset:0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),\n inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n inset 0px 0px 8px rgba(0, 0, 0, 0.02);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:var(--amino-gray-1200);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #445eee 0%,\n #364bd4 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #2b9c4d 0%,\n #298549 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #d92141 0%,\n #b4223d 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #e5591a 0%,\n #b6471b 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:2.125rem;--amino-font-size-2xl:1.75rem;--amino-font-size-xl:1.375rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.875rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.625rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1e1f26;--amino-gray-100:#2e3038;--amino-gray-200:#40424c;--amino-gray-300:#4d505a;--amino-gray-400:#5c5e68;--amino-gray-500:#6a6d77;--amino-gray-600:#94969e;--amino-gray-700:#acaeb3;--amino-gray-800:#c5c6ca;--amino-gray-900:#d9dadd;--amino-gray-1000:#eaebed;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#1c2154;--amino-blue-200:#252e7e;--amino-blue-300:#2c3baf;--amino-blue-400:#364bd4;--amino-blue-500:#445eee;--amino-blue-600:#5f92f6;--amino-blue-700:#89b2fa;--amino-blue-800:#aacbfc;--amino-blue-900:#c5ddfd;--amino-blue-1000:#deedfe;--amino-cyan-100:#183339;--amino-cyan-200:#245660;--amino-cyan-300:#26707e;--amino-cyan-400:#2c8896;--amino-cyan-500:#37a5b4;--amino-cyan-600:#4ec6d4;--amino-cyan-700:#65e6ef;--amino-cyan-800:#8ff6fa;--amino-cyan-900:#bafdfd;--amino-cyan-1000:#dbfffe;--amino-red-100:#49121f;--amino-red-200:#641627;--amino-red-300:#8c1d33;--amino-red-400:#b4223d;--amino-red-500:#d92141;--amino-red-600:#f95c67;--amino-red-700:#fa8b8b;--amino-red-800:#fcb4b2;--amino-red-900:#fdd3d0;--amino-red-1000:#ffedeb;--amino-orange-100:#441c13;--amino-orange-200:#692c1c;--amino-orange-300:#903a1d;--amino-orange-400:#b6471b;--amino-orange-500:#e5591a;--amino-orange-600:#f88c53;--amino-orange-700:#fca975;--amino-orange-800:#fdc7a0;--amino-orange-900:#fed7b8;--amino-orange-1000:#ffefe0;--amino-green-100:#1c3626;--amino-green-200:#245234;--amino-green-300:#266e3e;--amino-green-400:#298549;--amino-green-500:#2b9c4d;--amino-green-600:#56c76f;--amino-green-700:#7de490;--amino-green-800:#a9f9b5;--amino-green-900:#c8fdce;--amino-green-1000:#e0ffe3;--amino-purple-100:#3b1948;--amino-purple-200:#54206a;--amino-purple-300:#742498;--amino-purple-400:#922bc5;--amino-purple-500:#ab30ee;--amino-purple-600:#bd82f8;--amino-purple-700:#cea9fa;--amino-purple-800:#ddc5fc;--amino-purple-900:#e7d8fd;--amino-purple-1000:#f4eeff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);--amino-v3-shadow-large:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 32px 50px rgba(0, 0, 0, 0.96);--amino-v3-shadow-inset:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n 0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,\n 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n inset 0px 2px 4px rgba(0, 0, 0, 0.24),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n inset 0px 0px 8px rgba(0, 0, 0, 0.16);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,\n 0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #5f92f6 0%,\n #89b2fa 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #56c76f 0%,\n #7de490 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #f95c67 0%,\n #fa8b8b 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #f88c53 0%,\n #fca975 100%\n );--amino-button-standard-hover:linear-gradient(\n 180deg,\n #1e1f26 0%,\n #2e3038 100%\n );--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
|
|
1869
|
+
const zonosHelloDialogFooterCss = ":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}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s, visibility 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#ebebf0;--amino-gray-200:#d9dae3;--amino-gray-300:#bfc0ce;--amino-gray-400:#a7a9b9;--amino-gray-500:#888d9f;--amino-gray-600:#676c7e;--amino-gray-700:#575c6b;--amino-gray-800:#484c5b;--amino-gray-900:#383a48;--amino-gray-1000:#2a2c37;--amino-gray-1100:#1a1c23;--amino-gray-1200:#101116;--amino-blue-100:#e7f6fe;--amino-blue-200:#c9e6fd;--amino-blue-300:#a3cbfa;--amino-blue-400:#7fa9f5;--amino-blue-500:#5a80f1;--amino-blue-600:#445eee;--amino-blue-700:#3843c2;--amino-blue-800:#2e3d94;--amino-blue-900:#212f68;--amino-blue-1000:#152141;--amino-cyan-100:#d6fffe;--amino-cyan-200:#c0f2f2;--amino-cyan-300:#9be7e9;--amino-cyan-400:#66d5db;--amino-cyan-500:#3ec4d0;--amino-cyan-600:#2ca0af;--amino-cyan-700:#29818e;--amino-cyan-800:#25646f;--amino-cyan-900:#1d464e;--amino-cyan-1000:#152d32;--amino-red-100:#ffeceb;--amino-red-200:#fdd0ce;--amino-red-300:#faa9a9;--amino-red-400:#f37c82;--amino-red-500:#eb5c6c;--amino-red-600:#de314f;--amino-red-700:#bc2442;--amino-red-800:#922033;--amino-red-900:#6c1b26;--amino-red-1000:#481419;--amino-orange-100:#fff1e0;--amino-orange-200:#fcdab8;--amino-orange-300:#f5c193;--amino-orange-400:#f7a464;--amino-orange-500:#f47a34;--amino-orange-600:#e5591a;--amino-orange-700:#bd3c1c;--amino-orange-800:#94301c;--amino-orange-900:#6b2a1a;--amino-orange-1000:#401d12;--amino-green-100:#defde8;--amino-green-200:#aff8c3;--amino-green-300:#81ef98;--amino-green-400:#57db6c;--amino-green-500:#39c049;--amino-green-600:#2ca03f;--amino-green-700:#288129;--amino-green-800:#246627;--amino-green-900:#1d4920;--amino-green-1000:#153219;--amino-purple-100:#edebff;--amino-purple-200:#dcd2fe;--amino-purple-300:#ceb5fd;--amino-purple-400:#c699fa;--amino-purple-500:#b25cf5;--amino-purple-600:#ab26ed;--amino-purple-700:#901cca;--amino-purple-800:#6e1e99;--amino-purple-900:#471d68;--amino-purple-1000:#2c1844;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 1px 3px 0px rgba(10, 10, 11, 0.1),\n 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(10, 10, 11, 0.06),\n 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-large:0px 4px 6px 0px rgba(10, 10, 11, 0.05),\n 0px 10px 15px rgba(10, 10, 11, 0.1),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(12, 12, 13, 0.04),\n 0px 20px 25px rgba(10, 10, 11, 0.1),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.04),\n 0px 1px 0px 0px rgba(255, 255, 255, 1),\n inset 0px 0px 8px rgba(0, 0, 0, 0.02),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-button-disabled:0px 1px 3px 0px rgba(16, 17, 22, 0.2),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;--amino-shadow-select-base:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-select-active:0px 1px 3px 0px rgba(68, 94, 238, 0.4),\n 0px 0px 0px 1px #445eee inset,\n 0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;--amino-shadow-select-error:0px 1px 3px 0px rgba(221, 49, 78, 0.4),\n 0px 0px 0px 1px #dd314e inset,\n 0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;--amino-opacity-disabled:0.6;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:#000000;--amino-raised-surface-color:var(--amino-gray-0);--amino-raised-color-secondary:var(--amino-gray-50);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #445eee 0%,\n #364bd4 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #2b9c4d 0%,\n #298549 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #d92141 0%,\n #b4223d 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #e5591a 0%,\n #b6471b 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:1.875rem;--amino-font-size-2xl:1.5rem;--amino-font-size-xl:1.25rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.813rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.688rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1a1c23;--amino-gray-100:#2a2c37;--amino-gray-200:#383a48;--amino-gray-300:#484c5b;--amino-gray-400:#575c6b;--amino-gray-500:#676c7e;--amino-gray-600:#888d9f;--amino-gray-700:#a7a9b9;--amino-gray-800:#bfc0ce;--amino-gray-900:#d9dae3;--amino-gray-1000:#ebebf0;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#152141;--amino-blue-200:#212f68;--amino-blue-300:#2e3d94;--amino-blue-400:#3843c2;--amino-blue-500:#445eee;--amino-blue-600:#5a80f1;--amino-blue-700:#7fa9f5;--amino-blue-800:#a8cefa;--amino-blue-900:#c9e6fd;--amino-blue-1000:#e7f6fe;--amino-cyan-100:#152d32;--amino-cyan-200:#1d464e;--amino-cyan-300:#25646f;--amino-cyan-400:#29818e;--amino-cyan-500:#2ca0af;--amino-cyan-600:#3ec4d0;--amino-cyan-700:#66d5db;--amino-cyan-800:#9be7e9;--amino-cyan-900:#c0f2f2;--amino-cyan-1000:#d6fffe;--amino-red-100:#481419;--amino-red-200:#6c1b26;--amino-red-300:#922033;--amino-red-400:#bc2442;--amino-red-500:#de314f;--amino-red-600:#eb5c6c;--amino-red-700:#f37c82;--amino-red-800:#faa9a9;--amino-red-900:#fdd0ce;--amino-red-1000:#ffeceb;--amino-orange-100:#401d12;--amino-orange-200:#6b2a1a;--amino-orange-300:#94301c;--amino-orange-400:#bd3c1c;--amino-orange-500:#e5591a;--amino-orange-600:#f47a34;--amino-orange-700:#f7a464;--amino-orange-800:#f5c193;--amino-orange-900:#fcdab8;--amino-orange-1000:#fff1e0;--amino-green-100:#153219;--amino-green-200:#1d4920;--amino-green-300:#246627;--amino-green-400:#288129;--amino-green-500:#2ca03f;--amino-green-600:#39c049;--amino-green-700:#57db6c;--amino-green-800:#81ef98;--amino-green-900:#aff8c3;--amino-green-1000:#defde8;--amino-purple-100:#2c1844;--amino-purple-200:#471d68;--amino-purple-300:#6e1e99;--amino-purple-400:#901cca;--amino-purple-500:#ab26ed;--amino-purple-600:#b25cf5;--amino-purple-700:#c699fa;--amino-purple-800:#ceb5fd;--amino-purple-900:#dcd2fe;--amino-purple-1000:#edebff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 1px 4px 0px rgba(0, 0, 0, 0.7),\n 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(0, 0, 0, 0.6),\n 0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-large:0px 4px 6px 0px rgba(0, 0, 0, 0.6),\n 0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(0, 0, 0, 0.6),\n 0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.24),\n 0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),\n inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n 0px 0px 6px rgba(255, 255, 255, 0.08),\n 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-shadow-button-primary:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(249, 92, 103, 0.6);--amino-shadow-button-warning:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(248, 140, 83, 0.6);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-button-disabled:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(255, 255, 255, 0);--amino-shadow-select-base:0px 0px 0px 1px #000,\n 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n 0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-select-active:0px 0px 0px 1px #000,\n 0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,\n 0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);--amino-shadow-select-error:0px 0px 0px 1px #000,\n 0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,\n 0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n var(--amino-transparent-gray-600) inset,\n var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:#000000;--amino-raised-surface-color:#2c2e3899;--amino-raised-color-secondary:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n 180deg,\n #5a80f1 0%,\n #7fa9f5 100%\n );--amino-button-success-hover:linear-gradient(\n 180deg,\n #39c049 0%,\n #57db6c 100%\n );--amino-button-danger-hover:linear-gradient(\n 180deg,\n #e9495c 0%,\n #f37c82 100%\n );--amino-button-warning-hover:linear-gradient(\n 180deg,\n #f47a34 0%,\n #f7a464 100%\n );--amino-button-standard-hover:linear-gradient(180deg, #2c2e3800, #2c2e38e5);--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:12px;-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
|
|
1870
1870
|
const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
|
|
1871
1871
|
|
|
1872
1872
|
const ZonosHelloDialogFooter = class {
|
|
@@ -1881,9 +1881,9 @@ const ZonosHelloDialogFooter = class {
|
|
|
1881
1881
|
const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
|
|
1882
1882
|
const footerTheme = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
|
|
1883
1883
|
const language = (_b = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
1884
|
-
return (index.h(index.Host, { key: '
|
|
1884
|
+
return (index.h(index.Host, { key: '6f6371c5650d77a11d8a2f049859446ffb39e78f', class: "zonos--elements" }, index.h("div", { key: '47efc7a11c14ac4fc60472baea2d43f132eb2b07', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
|
|
1885
1885
|
'--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
|
|
1886
|
-
} }, index.h("a", { key: '
|
|
1886
|
+
} }, index.h("a", { key: 'a34ae0513d778695aa5cc2051774e0105ec93c4e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e3e558d3759a2ccffa44e8b70603ec4860fe219a', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'f76d9dff90b3e95db704a43f48abfd12938bdd7c', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'b3430483773438b84a05fc1850c75231f25ecb5c', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '351024225e4fb74e321b64fbdfe5b6b471d71077', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
|
|
1887
1887
|
}
|
|
1888
1888
|
};
|
|
1889
1889
|
ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;
|
|
@@ -41,7 +41,7 @@ const MoneyIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" x
|
|
|
41
41
|
|
|
42
42
|
const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-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" clip-rule="evenodd"/><path fill="#4D505A" fill-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" clip-rule="evenodd"/></svg>`;
|
|
43
43
|
|
|
44
|
-
const zonosHelloDialogCss = ":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 .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--amino-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--amino-radius-12);outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:
|
|
44
|
+
const zonosHelloDialogCss = ":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 .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--amino-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--amino-radius-12);outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--amino-size-md);height:var(--amino-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--amino-hover-color);border-radius:var(--amino-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";
|
|
45
45
|
const ZonosHelloDialogStyle0 = zonosHelloDialogCss;
|
|
46
46
|
|
|
47
47
|
const ZonosHelloDialog = class {
|
|
@@ -186,17 +186,17 @@ const ZonosHelloDialog = class {
|
|
|
186
186
|
const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
|
|
187
187
|
const currentPage = this.getCurrentPageEnum();
|
|
188
188
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
189
|
-
return (index.h(index.Host, { key: '
|
|
189
|
+
return (index.h(index.Host, { key: '5457afc57069ca9ee6b31c2d3678965e59e275ed', class: "zonos--elements" }, index.h("div", { key: '4b4e974fce33cf88e7627a9513222453d25fe103', "aria-hidden": "true", class: classes.classes([
|
|
190
190
|
'zonos--hello-dialog',
|
|
191
191
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
192
192
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
193
193
|
!!this.mobileLocationOverride &&
|
|
194
194
|
'zonos--hello-dialog-mobile-override',
|
|
195
195
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
196
|
-
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '
|
|
196
|
+
]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'a27fd25bcc42d984b96991fa41c62dc7f2c8fb3c' }, index.h("div", { key: 'a83e94def52065d49155eadce134edc5bdfd9f8a', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'db53cddaf04b1bd860287dcc70c6906bec71d6a3', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'b23609e6727a8b0d7085dc5c96e2034382aae992', spacing: 24 }, index.h("zonos-country-flag", { key: 'd32019b849190e902b923c5bd82b8b293d1d2431', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'c063e4bb526b1b24ec687c80d42ebd9b18d704b6', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'a631361f2d44b1e21e91a1f4ff303da7101cdbef', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'c887a9764256420faa51973733a4ce4b6ba9c87a', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: 'ce5cf5c6edad63ccd06204fd6e28f07619ff92db', spacing: 8 }, this.restrictedItems.map(item => {
|
|
197
197
|
var _a;
|
|
198
198
|
return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
|
|
199
|
-
}), index.h("zonos-card", { key: '
|
|
199
|
+
}), index.h("zonos-card", { key: '4352b1c30bf2e07a330efebc0f7315bd1ac567a8', spacing: "12px" }, index.h("zonos-v-stack", { key: 'c92966e587ea3fe988cd450b2689e2839784b0fd', spacing: 12 }, index.h("div", { key: 'dc6f702ef1489d007d68b125b82ecd984d5e739c', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'a2ea6fbb7fb36f7e446cd28c7f6e0e57c3af67bf', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '04fecd291baef82d8045ecd128e34dc79d2f7eeb' }, dutyDeMinimisMessage)), index.h("div", { key: '2f312f15d2ed7844e7408a779eaf9f69bfc55866', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '51e4a27c2eba54a60d8516b1824cacb918dd7ecb', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '24ecaa5087f050f994753420493f139445f93090' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '2bdc3b49037389fc9058dfab97d02adf6ec09092', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'b7737b651f8df5fe555e8d26d63d3282178b225e', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'c9382d99555e02c03a17f58bcc7a1872cc988bd0' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '38010a811c69787c107fac817ae1cfde249454e1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '564d7cc16fdb4871c5290578eb59f47310a73236' }, index.h("zonos-country-select", { key: '511418bcd30cd97458f90cbe78dbd296137ea925', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '9c215eadf43523a7ee8036a6637bf398c86c6c5c' }, index.h("zonos-language-select", { key: '2856beb0872a37cec0944688e4d72145a16baffb', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
200
200
|
}
|
|
201
201
|
static get assetsDirs() { return ["assets"]; }
|
|
202
202
|
static get watchers() { return {
|
|
@@ -470,7 +470,7 @@ const getProductsOnPage = () => {
|
|
|
470
470
|
return mergedElements;
|
|
471
471
|
};
|
|
472
472
|
|
|
473
|
-
const zonosHelloCss = ":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:inline-block}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:6px;border-radius:30px;background:var(--amino-page-background);font-size:var(--amino-font-size-s);border:var(--amino-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--amino-text-color);position:absolute;background:var(--amino-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;left:0;-webkit-transform:translateX(calc(-100% +
|
|
473
|
+
const zonosHelloCss = ":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:inline-block}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:6px;border-radius:30px;background:var(--amino-page-background);font-size:var(--amino-font-size-s);border:var(--amino-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--amino-text-color);position:absolute;background:var(--amino-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;left:0;-webkit-transform:translateX(calc(-100% + 16px));transform:translateX(calc(-100% + 16px));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--amino-border);border-bottom:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-has-restrictions{background:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-has-restrictions>.zonos--hello-message{background:var(--amino-red-100);color:var(--amino-red-800);font-weight:500}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-show-peek-message{max-width:100vw;width:100%}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{max-width:100vw;padding:0 6px;padding-right:16px;border:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:0;border-bottom-left-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left)>.zonos--hello-message{border-right:none}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:0;border-bottom-right-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{border-left:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:16px;padding-right:6px;border-left:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-ms-flex-order:1;order:1;-webkit-transform:translateX(calc(100% - 16px));transform:translateX(calc(100% - 16px));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:30px;border-bottom-right-radius:30px}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}@media (max-width: 768px){:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}}@media (max-width: 768px){:host .zonos--hello-widget{position:fixed;bottom:32px;right:32px;border-radius:var(--amino-radius-4);padding:4px;border:1px solid transparent}:host .zonos--hello-widget.zonos--hello-widget-left{left:32px;right:auto}:host .zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:32px}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}}:host .zonos--hello-mobile-override.zonos--hello-widget{position:fixed;bottom:32px;right:32px;border-radius:var(--amino-radius-4);padding:4px;border:1px solid transparent}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-left{left:32px;right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:32px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-mobile-override.zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}";
|
|
474
474
|
const ZonosHelloStyle0 = zonosHelloCss;
|
|
475
475
|
|
|
476
476
|
const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
|
|
@@ -16,7 +16,7 @@ const ZonosLink = class {
|
|
|
16
16
|
this.linkTitle = undefined;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: 'af4c861f0a7f0a86c60c2ba6fe12a37721d50c1b', class: "zonos--elements" }, index.h("a", { key: 'b8fc607e0aa5269f2c3c1ccf51e233b52fac6693', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '98ebca9c8962143426fd1c88d9189b92fc402505' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
ZonosLink.style = ZonosLinkStyle0;
|
|
@@ -19,11 +19,11 @@ const ZonosLogo = class {
|
|
|
19
19
|
const filterColor = this.theme === 'DARK'
|
|
20
20
|
? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
|
|
21
21
|
: 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
|
|
22
|
-
return (index.h(index.Host, { key: '
|
|
22
|
+
return (index.h(index.Host, { key: 'c196e8372ff0f602b135c582a1a4cdf2ba75274d', class: classes.classes(['zonos--elements zonos--logo']), style: {
|
|
23
23
|
'--filter-color': filterColor,
|
|
24
24
|
'--font-family': zonosStore.zonosStoreFontFamily(),
|
|
25
25
|
'--width': this.width,
|
|
26
|
-
} }, index.h("img", { key: '
|
|
26
|
+
} }, index.h("img", { key: '668abac552ed1e133f29b0b0aa8f17d158c5441b', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
|
|
27
27
|
}
|
|
28
28
|
static get assetsDirs() { return ["assets"]; }
|
|
29
29
|
};
|
|
@@ -6,7 +6,7 @@ const index = require('./index-3b4816ef.js');
|
|
|
6
6
|
const zonosStore = require('./zonosStore-aee974e0.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
|
|
9
|
-
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:9999999;bottom:
|
|
9
|
+
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:9999999;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(--amino-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(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";
|
|
10
10
|
const ZonosNotificationStyle0 = zonosNotificationCss;
|
|
11
11
|
|
|
12
12
|
const ZonosNotification = class {
|
|
@@ -8,7 +8,7 @@ require('./zonosStore-aee974e0.js');
|
|
|
8
8
|
require('./isDarkColor-f5473002.js');
|
|
9
9
|
require('./getBorderRadius-c8cc2bb3.js');
|
|
10
10
|
|
|
11
|
-
const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:
|
|
11
|
+
const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
|
|
12
12
|
const ZonosPaymentStyle0 = zonosPaymentCss;
|
|
13
13
|
|
|
14
14
|
const ZonosPayment = class {
|
|
@@ -44,7 +44,7 @@ const ZonosPayment = class {
|
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
46
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
47
|
-
return (index.h(index.Host, { key: '
|
|
47
|
+
return (index.h(index.Host, { key: '2ac7d34f60a5e4fc21fed92218e8b467e49bee33', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'a0360edd61bf571645fbc0781a43a94cf02e9acc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '41a1daa79d640eecf197e520145c41cf957fbee1', class: "zonos--payment-component" })));
|
|
48
48
|
}
|
|
49
49
|
get el() { return index.getElement(this); }
|
|
50
50
|
static get watchers() { return {
|
|
@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
|
|
|
8
8
|
|
|
9
9
|
const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-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" clip-rule="evenodd"/><path fill="#4D505A" fill-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" clip-rule="evenodd"/></svg>`;
|
|
10
10
|
|
|
11
|
-
const zonosSelectDialogHeaderCss = ":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 .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);padding:
|
|
11
|
+
const zonosSelectDialogHeaderCss = ":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 .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
|
|
12
12
|
const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
|
|
13
13
|
|
|
14
14
|
const ZonosSelectDialogHeader = class {
|
|
@@ -18,9 +18,9 @@ const ZonosSelectDialogHeader = class {
|
|
|
18
18
|
this.label = '';
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h(index.Host, { key: '
|
|
21
|
+
return (index.h(index.Host, { key: 'c571a648772792abb553c87a9c238e36d2fd63fb', class: "zonos--elements", style: {
|
|
22
22
|
'--font-family': zonosStore.zonosStoreFontFamily(),
|
|
23
|
-
} }, index.h("zonos-v-stack", { key: '
|
|
23
|
+
} }, index.h("zonos-v-stack", { key: 'f8d2c7a95bb985e17c7c6fa4fdeb2d6c692dd266', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'dd87a6fd7d2f84e907b99a440e62b1260273ae0d', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'a5573f14f446c343bf7d5ed7f1c4564788435513', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '3edfd71ce5da3a2366c856ca739aaea928a836de', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '155ec43e2791f871a4182edff8a6dd2304951f72' }))));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
26
|
ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
|
|
@@ -34,9 +34,9 @@ const VStack = class {
|
|
|
34
34
|
this.spacing = 24;
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (index.h(index.Host, { key: '
|
|
37
|
+
return (index.h(index.Host, { key: '39a71bdb43f87fd7beec0370aa384a94c7603417', style: {
|
|
38
38
|
'--font-family': zonosStore.zonosStoreFontFamily(),
|
|
39
|
-
} }, index.h("div", { key: '
|
|
39
|
+
} }, index.h("div", { key: '37ef89d4d2aecfebbf6a47f1754ce5f45fcd2566', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'd34be5394fef1bf5e7f37cb6dbd468ae48454df8' }))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
VStack.style = ZonosVStackStyle0;
|
|
@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
|
|
|
8
8
|
const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
|
|
9
9
|
const isColorVariable = require('./isColorVariable-fff5e469.js');
|
|
10
10
|
|
|
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(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:
|
|
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(--amino-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(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-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(--amino-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}";
|
|
12
12
|
const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;
|
|
13
13
|
|
|
14
14
|
const ZonosShippingRichRadio = class {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
font-size: var(--amino-font-size-base);
|
|
40
40
|
}
|
|
41
41
|
:host .zonos--cart-table .zonos--column {
|
|
42
|
-
padding:
|
|
42
|
+
padding: 20px 8px;
|
|
43
43
|
vertical-align: top;
|
|
44
44
|
}
|
|
45
45
|
:host .zonos--cart-table .zonos--column:last-child {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
:host .zonos--title-with-icon {
|
|
52
52
|
display: flex;
|
|
53
53
|
align-items: center;
|
|
54
|
-
gap:
|
|
54
|
+
gap: 8px;
|
|
55
55
|
}
|
|
56
56
|
:host .zonos--cart-subtotal-title,
|
|
57
57
|
:host .zonos--cart-subtotal-price {
|
|
@@ -40,15 +40,15 @@
|
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
justify-content: center;
|
|
42
42
|
align-items: center;
|
|
43
|
-
margin-bottom:
|
|
43
|
+
margin-bottom: 24px;
|
|
44
44
|
border-radius: var(--border-radius, 10px);
|
|
45
|
-
gap:
|
|
45
|
+
gap: 24px;
|
|
46
46
|
max-width: 360px;
|
|
47
47
|
width: auto;
|
|
48
48
|
margin: auto;
|
|
49
|
-
margin-top:
|
|
49
|
+
margin-top: 24px;
|
|
50
50
|
background-color: var(--amino-gray-50);
|
|
51
|
-
padding:
|
|
51
|
+
padding: 20px;
|
|
52
52
|
}
|
|
53
53
|
:host zonos-button {
|
|
54
54
|
width: 100%;
|
|
@@ -43,32 +43,40 @@
|
|
|
43
43
|
}
|
|
44
44
|
:host .zonos--checkout-footer {
|
|
45
45
|
width: calc(90vw - 22px);
|
|
46
|
-
gap:
|
|
46
|
+
gap: 16px;
|
|
47
47
|
display: flex;
|
|
48
48
|
justify-content: space-between;
|
|
49
|
-
padding:
|
|
49
|
+
padding: 12px;
|
|
50
50
|
align-items: center;
|
|
51
51
|
}
|
|
52
52
|
:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper {
|
|
53
53
|
display: flex;
|
|
54
54
|
align-items: center;
|
|
55
|
-
gap:
|
|
55
|
+
gap: 24px;
|
|
56
56
|
}
|
|
57
|
-
:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper
|
|
57
|
+
:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo {
|
|
58
|
+
display: inline-flex;
|
|
59
|
+
gap: 8px;
|
|
60
|
+
align-items: center;
|
|
61
|
+
}
|
|
62
|
+
:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a {
|
|
58
63
|
line-height: 0;
|
|
59
64
|
}
|
|
65
|
+
:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a {
|
|
66
|
+
text-decoration: none;
|
|
67
|
+
}
|
|
60
68
|
:host .zonos--checkout-footer zonos-button button.outline {
|
|
61
69
|
outline: 1px solid var(--amino-gray-800);
|
|
62
70
|
}
|
|
63
71
|
:host .zonos--checkout-footer .zonos--checkout-locale-wrapper {
|
|
64
72
|
display: flex;
|
|
65
73
|
align-items: center;
|
|
66
|
-
gap:
|
|
74
|
+
gap: 8px;
|
|
67
75
|
position: relative;
|
|
68
76
|
}
|
|
69
77
|
@media (max-width: 400px) {
|
|
70
78
|
:host .zonos--checkout-footer .zonos--checkout-locale-wrapper {
|
|
71
|
-
gap:
|
|
79
|
+
gap: 4px;
|
|
72
80
|
}
|
|
73
81
|
}
|
|
74
82
|
:host .zonos--checkout-footer .zonos--checkout-footer-dialog {
|
|
@@ -114,18 +122,22 @@
|
|
|
114
122
|
|
|
115
123
|
:host(.mobile) {
|
|
116
124
|
flex-direction: column;
|
|
117
|
-
gap:
|
|
125
|
+
gap: 32px;
|
|
118
126
|
background: var(--amino-gray-0);
|
|
119
127
|
position: relative;
|
|
120
|
-
padding-top:
|
|
128
|
+
padding-top: 24px;
|
|
121
129
|
bottom: 0;
|
|
122
130
|
}
|
|
123
131
|
:host(.mobile) .zonos--checkout-footer {
|
|
124
132
|
flex-direction: column;
|
|
133
|
+
gap: 4px;
|
|
125
134
|
}
|
|
126
135
|
:host(.mobile) .zonos--checkout-locale-wrapper {
|
|
127
136
|
flex-direction: column;
|
|
128
137
|
}
|
|
138
|
+
:host(.mobile) .zonos--checkout-footer-icon-wrapper {
|
|
139
|
+
flex-direction: column;
|
|
140
|
+
}
|
|
129
141
|
:host(.mobile) .zonos--checkout-footer-dialog {
|
|
130
142
|
position: fixed;
|
|
131
143
|
left: 0;
|