@zonos/elements 1.3.193 → 1.3.194
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{cart-27f6c7a4.js → cart-bc882927.js} +3 -3
- package/dist/cjs/{debounce-3eaa4f7e.js → debounce-d393fafe.js} +1 -1
- package/dist/cjs/{getBorderRadius-87f3b69c.js → getBorderRadius-3d0a563e.js} +1 -1
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{isDarkColor-d0c67c3d.js → isDarkColor-92a10a85.js} +1 -1
- package/dist/cjs/{paypal-84d83a76.js → paypal-608fa681.js} +3 -3
- package/dist/cjs/zonos-address_11.cjs.entry.js +26 -14
- package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
- package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +2 -2
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +5 -5
- package/dist/cjs/zonos-checkout.cjs.entry.js +5 -5
- package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
- package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js +5 -5
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +5 -5
- package/dist/cjs/zonos-input.cjs.entry.js +2 -2
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
- package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
- package/dist/cjs/zonos-stripe-input.cjs.entry.js +3 -3
- package/dist/cjs/zonos-text.cjs.entry.js +1 -1
- package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
- package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
- package/dist/cjs/{zonosStore-adc42868.js → zonosStore-c466b127.js} +1 -0
- package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js +8 -6
- package/dist/collection/components/store/zonosStore.js +1 -0
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +7 -1
- package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js +7 -2
- package/dist/collection/types/generated/graphql.internal.types.js +13 -0
- package/dist/esm/{cart-f5c12be6.js → cart-2f0ee51d.js} +3 -3
- package/dist/esm/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
- package/dist/esm/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
- package/dist/esm/{paypal-594f49e9.js → paypal-3ecdf234.js} +3 -3
- package/dist/esm/zonos-address_11.entry.js +26 -14
- package/dist/esm/zonos-badge.entry.js +1 -1
- package/dist/esm/zonos-banner.entry.js +1 -1
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +2 -2
- package/dist/esm/zonos-cart-items_13.entry.js +5 -5
- package/dist/esm/zonos-checkout.entry.js +5 -5
- package/dist/esm/zonos-collapse.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +4 -4
- package/dist/esm/zonos-country-flag.entry.js +4 -4
- package/dist/esm/zonos-country-select_4.entry.js +4 -4
- package/dist/esm/zonos-empty-state-payment_4.entry.js +5 -5
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +5 -5
- package/dist/esm/zonos-input.entry.js +2 -2
- package/dist/esm/zonos-language-select_2.entry.js +4 -4
- package/dist/esm/zonos-logo.entry.js +1 -1
- package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
- package/dist/esm/zonos-stripe-input.entry.js +3 -3
- package/dist/esm/zonos-text.entry.js +1 -1
- package/dist/esm/zonos-toggle.entry.js +1 -1
- package/dist/esm/zonos-v-stack.entry.js +1 -1
- package/dist/esm/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -0
- package/dist/esm-es5/{cart-f5c12be6.js → cart-2f0ee51d.js} +1 -1
- package/dist/esm-es5/{debounce-3cf0793c.js → debounce-a2121722.js} +1 -1
- package/dist/esm-es5/{getBorderRadius-a9a48f79.js → getBorderRadius-413e97eb.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{isDarkColor-62cbddb5.js → isDarkColor-4c7b2ffc.js} +1 -1
- package/dist/esm-es5/{paypal-594f49e9.js → paypal-3ecdf234.js} +1 -1
- package/dist/esm-es5/zonos-address_11.entry.js +1 -1
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-banner.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-collapse.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
- package/dist/esm-es5/zonos-empty-state-payment_4.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-input.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/esm-es5/zonos-stripe-input.entry.js +1 -1
- package/dist/esm-es5/zonos-text.entry.js +1 -1
- package/dist/esm-es5/zonos-toggle.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/esm-es5/{zonosStore-1ce34e04.js → zonosStore-cdabc848.js} +1 -1
- package/dist/scripts/index.d.ts +10 -0
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/scripts/cart/_setupCartDataWithSettings.d.ts +1 -0
- package/dist/types/types/checkout/CheckoutConfig.d.ts +4 -0
- package/dist/types/types/generated/graphql.internal.types.d.ts +18 -0
- package/dist/types/types/generated/graphql.internal.types.ts +24 -0
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-02787d8c.entry.js +1 -0
- package/dist/zonos-elements/{p-31e90130.system.js → p-06ed3582.system.js} +1 -1
- package/dist/zonos-elements/{p-315d8e78.system.entry.js → p-0fe6efef.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-83a7ece6.system.entry.js → p-127deab4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-53ffdb91.js → p-13796f98.js} +1 -1
- package/dist/zonos-elements/{p-313ef896.entry.js → p-147ca395.entry.js} +1 -1
- package/dist/zonos-elements/{p-e99354d5.entry.js → p-1eddec23.entry.js} +1 -1
- package/dist/zonos-elements/{p-1146b6e0.entry.js → p-23752a7e.entry.js} +1 -1
- package/dist/zonos-elements/{p-f3f27bf2.system.entry.js → p-24a2e899.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-657390e6.js → p-264e7688.js} +1 -1
- package/dist/zonos-elements/{p-f7d3e48b.entry.js → p-2882b9f4.entry.js} +1 -1
- package/dist/zonos-elements/{p-d7b5b237.js → p-2f34e29a.js} +1 -1
- package/dist/zonos-elements/{p-94a80d93.system.entry.js → p-33488109.system.entry.js} +1 -1
- package/dist/zonos-elements/p-337fab4e.js +1 -0
- package/dist/zonos-elements/{p-682e09fc.system.entry.js → p-39e369f6.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-678ccc3f.system.entry.js → p-3ddecaa4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-9aa94d71.system.entry.js → p-3e15061e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-2097fae5.js → p-4593324c.js} +1 -1
- package/dist/zonos-elements/{p-23975acb.system.entry.js → p-48f70043.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-77654589.entry.js → p-4931d780.entry.js} +1 -1
- package/dist/zonos-elements/{p-db3f6d6e.system.entry.js → p-4abc1b34.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-46d3e378.system.entry.js → p-55711b80.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-03bbd1af.entry.js → p-578bf5d7.entry.js} +1 -1
- package/dist/zonos-elements/{p-1e612c29.entry.js → p-5c061a35.entry.js} +1 -1
- package/dist/zonos-elements/{p-6ac90deb.entry.js → p-5d7c9ac3.entry.js} +1 -1
- package/dist/zonos-elements/{p-67b904c2.entry.js → p-6096c1c5.entry.js} +1 -1
- package/dist/zonos-elements/{p-7bed199d.entry.js → p-649d3e92.entry.js} +1 -1
- package/dist/zonos-elements/{p-e2d45b2e.system.js → p-6a31eb14.system.js} +1 -1
- package/dist/zonos-elements/{p-5f896e9a.entry.js → p-6adc6e27.entry.js} +1 -1
- package/dist/zonos-elements/{p-97e330cd.entry.js → p-6b2358f2.entry.js} +1 -1
- package/dist/zonos-elements/{p-0dae66d2.entry.js → p-6ccb1b13.entry.js} +1 -1
- package/dist/zonos-elements/{p-aca3a2bb.entry.js → p-7bb9c330.entry.js} +1 -1
- package/dist/zonos-elements/{p-1b29bc5f.system.entry.js → p-8a9d4605.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3707564c.entry.js → p-8df9a41b.entry.js} +1 -1
- package/dist/zonos-elements/{p-2416aaa1.system.entry.js → p-94e3e50d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-eeaff898.system.entry.js → p-9e27aaff.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-abc66a0b.entry.js → p-9f6dd86a.entry.js} +1 -1
- package/dist/zonos-elements/p-a2df5a4b.system.entry.js +1 -0
- package/dist/zonos-elements/{p-0fdd7034.system.entry.js → p-a64ab131.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-35f33601.system.entry.js → p-aac95779.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-443b5db2.entry.js → p-ad3c5358.entry.js} +1 -1
- package/dist/zonos-elements/{p-b5edee66.system.js → p-af6af82e.system.js} +1 -1
- package/dist/zonos-elements/{p-f4cc688e.system.entry.js → p-b6afcf3f.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-17299200.js → p-b8d87932.js} +1 -1
- package/dist/zonos-elements/{p-81ee1683.entry.js → p-b8d91f99.entry.js} +1 -1
- package/dist/zonos-elements/{p-c140a0bd.system.entry.js → p-c770044a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1f13a451.system.entry.js → p-c7f0941d.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-b610f70c.system.js → p-d422ad1d.system.js} +1 -1
- package/dist/zonos-elements/{p-89fcd305.system.entry.js → p-d4842d10.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4d1269a7.entry.js → p-dc1b3bcb.entry.js} +1 -1
- package/dist/zonos-elements/{p-abe9207c.system.js → p-de47028a.system.js} +1 -1
- package/dist/zonos-elements/{p-3831dab5.system.js → p-de73fec0.system.js} +1 -1
- package/dist/zonos-elements/{p-a09f64e1.entry.js → p-e275d241.entry.js} +1 -1
- package/dist/zonos-elements/p-ea6d87a1.system.js +1 -1
- package/dist/zonos-elements/{p-bbbaea3a.system.js → p-f28eb1dd.system.js} +1 -1
- package/dist/zonos-elements/{p-d0f4b6c3.entry.js → p-f6e587bb.entry.js} +1 -1
- package/dist/zonos-elements/{p-3d130579.system.entry.js → p-f8253ae4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-751bfce8.system.entry.js → p-fccf8c66.system.entry.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/zonos-elements/p-091be444.entry.js +0 -1
- package/dist/zonos-elements/p-b4c0e0c5.system.entry.js +0 -1
- package/dist/zonos-elements/p-e892fb29.js +0 -1
package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js
CHANGED
|
@@ -192,26 +192,28 @@ export class ZonosStripePhoneInput {
|
|
|
192
192
|
const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
|
|
193
193
|
const hasContent = !!this.phoneNumber;
|
|
194
194
|
const countryOptionsList = this.countryOptions
|
|
195
|
-
? Object.values(this.countryOptions)
|
|
195
|
+
? Object.values(this.countryOptions)
|
|
196
|
+
.filter(Boolean)
|
|
197
|
+
.sort((a, b) => a.displayName.localeCompare(b.displayName))
|
|
196
198
|
: [];
|
|
197
|
-
return (h(Host, { key: '
|
|
199
|
+
return (h(Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes([
|
|
198
200
|
'zonos--phone-input zonos--elements',
|
|
199
201
|
isDark && 'dark',
|
|
200
|
-
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '
|
|
202
|
+
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes([
|
|
201
203
|
'zonos--label-wrapper',
|
|
202
204
|
this.disabled && 'disabled',
|
|
203
205
|
this.isFocused && 'focused',
|
|
204
206
|
hasContent && 'has-content',
|
|
205
207
|
this.error && 'has-error',
|
|
206
208
|
this.inputLabel && 'has-label',
|
|
207
|
-
]) }, h("select", { key: '
|
|
209
|
+
]) }, h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
|
|
208
210
|
var _a;
|
|
209
211
|
return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
|
|
210
|
-
})), h("div", { key: '
|
|
212
|
+
})), h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))))), h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes([
|
|
211
213
|
'zonos--input-container',
|
|
212
214
|
this.inputLabel && 'has-label',
|
|
213
215
|
hasContent && 'has-content',
|
|
214
|
-
]) }, h("input", Object.assign({ key: '
|
|
216
|
+
]) }, h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
|
|
215
217
|
}
|
|
216
218
|
static get is() { return "zonos-stripe-phone-input"; }
|
|
217
219
|
static get encapsulation() { return "scoped"; }
|
|
@@ -14,6 +14,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
14
14
|
allowedCharacterSets: 'ALL',
|
|
15
15
|
allowedSettlementCurrencies: 'LOCAL',
|
|
16
16
|
analyticsProviders: [],
|
|
17
|
+
companyFieldsStatus: 'DISABLED',
|
|
17
18
|
defaultCartExpiration: 3600,
|
|
18
19
|
externalPaymentMethods: [],
|
|
19
20
|
externalServiceTokens: [],
|
|
@@ -3,6 +3,7 @@ import { cartStore } from "../../store/checkout/cart";
|
|
|
3
3
|
import { stripeStore } from "../../store/checkout/stripe";
|
|
4
4
|
import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
|
|
5
5
|
import { translate } from "../../store/translationStore";
|
|
6
|
+
import { zonosStore } from "../../store/zonosStore";
|
|
6
7
|
import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
|
|
7
8
|
import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
|
|
8
9
|
import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
|
|
@@ -225,6 +226,11 @@ export class ZonosAddress {
|
|
|
225
226
|
if (this.type === 'billing') {
|
|
226
227
|
return null;
|
|
227
228
|
}
|
|
229
|
+
// only render the company input if the setting is enabled
|
|
230
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
231
|
+
if (!isCompanyNameEnabled) {
|
|
232
|
+
return null;
|
|
233
|
+
}
|
|
228
234
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
229
235
|
stripeStore.companyName = event.detail;
|
|
230
236
|
} }));
|
|
@@ -249,7 +255,7 @@ export class ZonosAddress {
|
|
|
249
255
|
this.isAddressFilled = true;
|
|
250
256
|
}
|
|
251
257
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
252
|
-
return (h(Host, { key: '
|
|
258
|
+
return (h(Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
|
|
253
259
|
}
|
|
254
260
|
static get is() { return "zonos-address"; }
|
|
255
261
|
static get encapsulation() { return "scoped"; }
|
|
@@ -331,6 +331,11 @@ export class ZonosAddress {
|
|
|
331
331
|
if (this.type === 'billing') {
|
|
332
332
|
return null;
|
|
333
333
|
}
|
|
334
|
+
// only render the company input if the setting is enabled
|
|
335
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
336
|
+
if (!isCompanyNameEnabled) {
|
|
337
|
+
return null;
|
|
338
|
+
}
|
|
334
339
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
335
340
|
stripeStore.companyName = event.detail;
|
|
336
341
|
} }));
|
|
@@ -804,10 +809,10 @@ export class ZonosAddress {
|
|
|
804
809
|
this.country = localizationStore.selectedCountryCode;
|
|
805
810
|
}
|
|
806
811
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
807
|
-
return (h(Host, { key: '
|
|
812
|
+
return (h(Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes([
|
|
808
813
|
'zonos--address zonos--elements',
|
|
809
814
|
`zonos--${this.type}-address`,
|
|
810
|
-
]) }, h("zonos-text", { key: '
|
|
815
|
+
]) }, h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
|
|
811
816
|
}
|
|
812
817
|
static get is() { return "zonos-custom-address"; }
|
|
813
818
|
static get encapsulation() { return "scoped"; }
|
|
@@ -2081,6 +2081,7 @@ export const orderBillingAdjustmentFeeType = {
|
|
|
2081
2081
|
DutyTaxFee: 'DUTY_TAX_FEE',
|
|
2082
2082
|
FxFee: 'FX_FEE',
|
|
2083
2083
|
FxFeeNonRefundedAmounts: 'FX_FEE_NON_REFUNDED_AMOUNTS',
|
|
2084
|
+
GeneralAdjustment: 'GENERAL_ADJUSTMENT',
|
|
2084
2085
|
GuaranteeOrder: 'GUARANTEE_ORDER',
|
|
2085
2086
|
GuaranteePercent: 'GUARANTEE_PERCENT',
|
|
2086
2087
|
InclusivePriceAdjustment: 'INCLUSIVE_PRICE_ADJUSTMENT',
|
|
@@ -2093,6 +2094,13 @@ export const orderBillingAdjustmentFeeType = {
|
|
|
2093
2094
|
ZonosMerchantProcessing: 'ZONOS_MERCHANT_PROCESSING',
|
|
2094
2095
|
ZonosTransaction: 'ZONOS_TRANSACTION',
|
|
2095
2096
|
};
|
|
2097
|
+
export const orderBillingAdjustmentType = {
|
|
2098
|
+
GeneralAdjustment: 'GENERAL_ADJUSTMENT',
|
|
2099
|
+
OrderCancel: 'ORDER_CANCEL',
|
|
2100
|
+
OrderCancelNoRefund: 'ORDER_CANCEL_NO_REFUND',
|
|
2101
|
+
OrderCreated: 'ORDER_CREATED',
|
|
2102
|
+
OrderRefund: 'ORDER_REFUND',
|
|
2103
|
+
};
|
|
2096
2104
|
export const orderCompleteBillingMethod = {
|
|
2097
2105
|
BillingDgs: 'BILLING_DGS',
|
|
2098
2106
|
Legacy: 'LEGACY',
|
|
@@ -2506,6 +2514,7 @@ export const storeFeeRuleDetailCategoryIdCreateType = {
|
|
|
2506
2514
|
ApiGuaranteeOrderLegacy: 'API_GUARANTEE_ORDER_LEGACY',
|
|
2507
2515
|
ApiGuaranteePercent: 'API_GUARANTEE_PERCENT',
|
|
2508
2516
|
ApiGuaranteePercentLegacy: 'API_GUARANTEE_PERCENT_LEGACY',
|
|
2517
|
+
ApiRevenueShareBuffer: 'API_REVENUE_SHARE_BUFFER',
|
|
2509
2518
|
BigcommerceCrossDockingBuffer: 'BIGCOMMERCE_CROSS_DOCKING_BUFFER',
|
|
2510
2519
|
BigcommerceGuaranteeOrder: 'BIGCOMMERCE_GUARANTEE_ORDER',
|
|
2511
2520
|
BigcommerceGuaranteePercent: 'BIGCOMMERCE_GUARANTEE_PERCENT',
|
|
@@ -2697,6 +2706,10 @@ export const transitTypeCode = {
|
|
|
2697
2706
|
Days: 'DAYS',
|
|
2698
2707
|
Weeks: 'WEEKS',
|
|
2699
2708
|
};
|
|
2709
|
+
export const unreconciledShipmentStatus = {
|
|
2710
|
+
ChargeApprovedMerchant: 'CHARGE_APPROVED_MERCHANT',
|
|
2711
|
+
DisputeMerchant: 'DISPUTE_MERCHANT',
|
|
2712
|
+
};
|
|
2700
2713
|
export const usBankAccountType = {
|
|
2701
2714
|
Checking: 'CHECKING',
|
|
2702
2715
|
Savings: 'SAVINGS',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as createStore, z as zonosStore } from './zonosStore-
|
|
1
|
+
import { c as createStore, z as zonosStore } from './zonosStore-cdabc848.js';
|
|
2
2
|
import { h as handleFetch, b as logError, l as log, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, j as jsonParse } from './handleFetch-621e45bc.js';
|
|
3
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
3
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
|
|
6
6
|
const stringsArabic = {
|
|
7
7
|
' (Duties due at door)': {
|
package/dist/esm/index.js
CHANGED
|
@@ -128,7 +128,7 @@ const getZonosQaUrl = () => {
|
|
|
128
128
|
return null;
|
|
129
129
|
}
|
|
130
130
|
const qaUrl = extractZonosQaUrl(window.location.href);
|
|
131
|
-
const cdnUrl = "https://v1.3.
|
|
131
|
+
const cdnUrl = "https://v1.3.194.js.zonos.com";
|
|
132
132
|
// when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
|
|
133
133
|
if (!qaUrl &&
|
|
134
134
|
(cdnUrl.includes('test.') ||
|
|
@@ -369,10 +369,10 @@ const zonosLoadUrl = (() => {
|
|
|
369
369
|
}
|
|
370
370
|
return null;
|
|
371
371
|
})();
|
|
372
|
-
const ZONOS_URL = "https://v1.3.
|
|
373
|
-
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.
|
|
374
|
-
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.
|
|
375
|
-
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.
|
|
372
|
+
const ZONOS_URL = "https://v1.3.194.js.zonos.com";
|
|
373
|
+
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.194";
|
|
374
|
+
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.194";
|
|
375
|
+
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.194";
|
|
376
376
|
const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
|
|
377
377
|
const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
|
|
378
378
|
class Zonos {
|
|
@@ -390,7 +390,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
|
|
|
390
390
|
? new URLSearchParams(window.location.search).get('iframeLogType')
|
|
391
391
|
: null;
|
|
392
392
|
Zonos.isBigCommerce = false;
|
|
393
|
-
Zonos.releaseDate = "
|
|
393
|
+
Zonos.releaseDate = "1746221316172";
|
|
394
394
|
Zonos.isLegacyCheckout = false;
|
|
395
395
|
Zonos.domain = typeof window !== 'undefined'
|
|
396
396
|
? // domain that embeds the iframe
|
|
@@ -408,7 +408,7 @@ Zonos.isNpm = true;
|
|
|
408
408
|
Zonos.zonosQaUrl = null;
|
|
409
409
|
Zonos.zonosQaUrlApi = null;
|
|
410
410
|
Zonos.trackEventLogs = [];
|
|
411
|
-
Zonos.version = `v${"1.3.
|
|
411
|
+
Zonos.version = `v${"1.3.194"}`;
|
|
412
412
|
Zonos.modeAlerted = false;
|
|
413
413
|
Zonos.cartData = null;
|
|
414
414
|
Zonos.paypal = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { z as zonosStore, c as createStore } from './zonosStore-
|
|
2
|
-
import { t as trackConversionEvent, F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-
|
|
1
|
+
import { z as zonosStore, c as createStore } from './zonosStore-cdabc848.js';
|
|
2
|
+
import { t as trackConversionEvent, F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-2f0ee51d.js';
|
|
3
3
|
import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-621e45bc.js';
|
|
4
|
-
import { t as tinycolor } from './isDarkColor-
|
|
4
|
+
import { t as tinycolor } from './isDarkColor-4c7b2ffc.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-
|
|
2
|
+
import { e as cartStore, f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-cdabc848.js';
|
|
3
4
|
import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
|
|
4
5
|
import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
|
|
5
6
|
import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
|
|
6
7
|
import { c as classes } from './classes-0d95c529.js';
|
|
7
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
8
|
-
import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-1ce34e04.js';
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
9
|
import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
|
|
10
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
11
|
-
import { d as debounce_1 } from './debounce-
|
|
10
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
11
|
+
import { d as debounce_1 } from './debounce-a2121722.js';
|
|
12
12
|
import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
|
|
13
13
|
|
|
14
14
|
const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
|
|
@@ -230,6 +230,11 @@ const ZonosAddress$1 = class {
|
|
|
230
230
|
if (this.type === 'billing') {
|
|
231
231
|
return null;
|
|
232
232
|
}
|
|
233
|
+
// only render the company input if the setting is enabled
|
|
234
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
235
|
+
if (!isCompanyNameEnabled) {
|
|
236
|
+
return null;
|
|
237
|
+
}
|
|
233
238
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
234
239
|
stripeStore.companyName = event.detail;
|
|
235
240
|
} }));
|
|
@@ -254,7 +259,7 @@ const ZonosAddress$1 = class {
|
|
|
254
259
|
this.isAddressFilled = true;
|
|
255
260
|
}
|
|
256
261
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
257
|
-
return (h(Host, { key: '
|
|
262
|
+
return (h(Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
|
|
258
263
|
}
|
|
259
264
|
get el() { return getElement(this); }
|
|
260
265
|
static get watchers() { return {
|
|
@@ -1086,6 +1091,11 @@ const ZonosAddress = class {
|
|
|
1086
1091
|
if (this.type === 'billing') {
|
|
1087
1092
|
return null;
|
|
1088
1093
|
}
|
|
1094
|
+
// only render the company input if the setting is enabled
|
|
1095
|
+
const isCompanyNameEnabled = zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
|
|
1096
|
+
if (!isCompanyNameEnabled) {
|
|
1097
|
+
return null;
|
|
1098
|
+
}
|
|
1089
1099
|
return (h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: translate('Company name (optional)'), inputValue: stripeStore.companyName, onInputChange: (event) => {
|
|
1090
1100
|
stripeStore.companyName = event.detail;
|
|
1091
1101
|
} }));
|
|
@@ -1559,10 +1569,10 @@ const ZonosAddress = class {
|
|
|
1559
1569
|
this.country = localizationStore.selectedCountryCode;
|
|
1560
1570
|
}
|
|
1561
1571
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
1562
|
-
return (h(Host, { key: '
|
|
1572
|
+
return (h(Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes([
|
|
1563
1573
|
'zonos--address zonos--elements',
|
|
1564
1574
|
`zonos--${this.type}-address`,
|
|
1565
|
-
]) }, h("zonos-text", { key: '
|
|
1575
|
+
]) }, h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
|
|
1566
1576
|
}
|
|
1567
1577
|
get el() { return getElement(this); }
|
|
1568
1578
|
static get watchers() { return {
|
|
@@ -7822,26 +7832,28 @@ const ZonosStripePhoneInput = class {
|
|
|
7822
7832
|
const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
|
|
7823
7833
|
const hasContent = !!this.phoneNumber;
|
|
7824
7834
|
const countryOptionsList = this.countryOptions
|
|
7825
|
-
? Object.values(this.countryOptions)
|
|
7835
|
+
? Object.values(this.countryOptions)
|
|
7836
|
+
.filter(Boolean)
|
|
7837
|
+
.sort((a, b) => a.displayName.localeCompare(b.displayName))
|
|
7826
7838
|
: [];
|
|
7827
|
-
return (h(Host, { key: '
|
|
7839
|
+
return (h(Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes([
|
|
7828
7840
|
'zonos--phone-input zonos--elements',
|
|
7829
7841
|
isDark && 'dark',
|
|
7830
|
-
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '
|
|
7842
|
+
]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes([
|
|
7831
7843
|
'zonos--label-wrapper',
|
|
7832
7844
|
this.disabled && 'disabled',
|
|
7833
7845
|
this.isFocused && 'focused',
|
|
7834
7846
|
hasContent && 'has-content',
|
|
7835
7847
|
this.error && 'has-error',
|
|
7836
7848
|
this.inputLabel && 'has-label',
|
|
7837
|
-
]) }, h("select", { key: '
|
|
7849
|
+
]) }, h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
|
|
7838
7850
|
var _a;
|
|
7839
7851
|
return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
|
|
7840
|
-
})), h("div", { key: '
|
|
7852
|
+
})), h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes([
|
|
7841
7853
|
'zonos--input-container',
|
|
7842
7854
|
this.inputLabel && 'has-label',
|
|
7843
7855
|
hasContent && 'has-content',
|
|
7844
|
-
]) }, h("input", Object.assign({ key: '
|
|
7856
|
+
]) }, h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
|
|
7845
7857
|
}
|
|
7846
7858
|
get el() { return getElement(this); }
|
|
7847
7859
|
static get watchers() { return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosBannerCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
5
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
6
6
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
7
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
7
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
8
8
|
import { s as styles } from './styles-6fc2fad9.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
|
|
6
6
|
const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
|
|
7
7
|
const ZonosCardStyle0 = zonosCardCss;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-
|
|
2
|
+
import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-2f0ee51d.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-
|
|
5
|
-
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-
|
|
4
|
+
import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-3ecdf234.js';
|
|
5
|
+
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
6
6
|
import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-621e45bc.js';
|
|
7
7
|
import { c as createCustomEvent } from './createCustomEvent-58159025.js';
|
|
8
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
9
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
10
|
-
import { i as isDarkColor, t as tinycolor } from './isDarkColor-
|
|
10
|
+
import { i as isDarkColor, t as tinycolor } from './isDarkColor-4c7b2ffc.js';
|
|
11
11
|
import { i as isColorVariable } from './isColorVariable-0a94004f.js';
|
|
12
12
|
import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
|
|
13
13
|
import { e as euCountryCodes } from './TaxId-50d72254.js';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, F as Fragment } from './index-a457c60c.js';
|
|
2
|
-
import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-
|
|
3
|
-
import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-
|
|
4
|
-
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-
|
|
2
|
+
import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
3
|
+
import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-3ecdf234.js';
|
|
4
|
+
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
|
|
5
5
|
import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
|
|
6
6
|
import { c as classes } from './classes-0d95c529.js';
|
|
7
7
|
import { c as createCustomEvent } from './createCustomEvent-58159025.js';
|
|
8
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
9
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
8
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
9
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
10
10
|
import { s as styles } from './styles-6fc2fad9.js';
|
|
11
11
|
import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-eb7d6954.js';
|
|
12
12
|
import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
|
|
4
4
|
const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
|
|
5
5
|
const ZonosCollapseStyle0 = zonosCollapseCss;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-
|
|
3
|
-
import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
|
|
5
5
|
import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
6
|
-
import './isDarkColor-
|
|
7
|
-
import './getBorderRadius-
|
|
6
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
7
|
+
import './getBorderRadius-413e97eb.js';
|
|
8
8
|
|
|
9
9
|
const getZonosSettings = async () => {
|
|
10
10
|
if (window.Zonos.cartSettings) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { l as localizationStore } from './cart-
|
|
3
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import './handleFetch-621e45bc.js';
|
|
6
|
-
import './isDarkColor-
|
|
7
|
-
import './getBorderRadius-
|
|
6
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
7
|
+
import './getBorderRadius-413e97eb.js';
|
|
8
8
|
|
|
9
9
|
const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
|
|
10
10
|
const ZonosCountryFlagStyle0 = zonosCountryFlagCss;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-
|
|
3
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-2f0ee51d.js';
|
|
3
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
|
|
5
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
5
|
+
import { i as isDarkColor } from './isDarkColor-4c7b2ffc.js';
|
|
6
6
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
7
7
|
import './handleFetch-621e45bc.js';
|
|
8
|
-
import './getBorderRadius-
|
|
8
|
+
import './getBorderRadius-413e97eb.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
5
|
-
import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
|
+
import { f as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-2f0ee51d.js';
|
|
6
6
|
import { b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
7
|
-
import { d as paypalStoreInitButtons } from './paypal-
|
|
8
|
-
import './isDarkColor-
|
|
7
|
+
import { d as paypalStoreInitButtons } from './paypal-3ecdf234.js';
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
9
|
|
|
10
10
|
const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
11
|
<mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { r as translate, l as localizationStore, E as currencyFormat } from './cart-
|
|
3
|
-
import { z as zonosStore } from './zonosStore-
|
|
2
|
+
import { r as translate, l as localizationStore, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
3
|
+
import { z as zonosStore } from './zonosStore-cdabc848.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
|
|
6
6
|
import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
|
|
7
7
|
import './handleFetch-621e45bc.js';
|
|
8
|
-
import './isDarkColor-
|
|
9
|
-
import './getBorderRadius-
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
|
+
import './getBorderRadius-413e97eb.js';
|
|
10
10
|
|
|
11
11
|
const getHasMoreSpaceAbove = (ref) => {
|
|
12
12
|
const componentRect = ref.getBoundingClientRect();
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a457c60c.js';
|
|
2
|
-
import { d as debounce_1 } from './debounce-
|
|
3
|
-
import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-
|
|
4
|
-
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-
|
|
2
|
+
import { d as debounce_1 } from './debounce-a2121722.js';
|
|
3
|
+
import { l as localizationStore, G as isValidSelector, r as translate, u as getZCountryUrlParam, I as setZCountryUrlParam, J as currencyDisplay, K as currencyConvertAndFormat, L as currencyConvert, E as currencyFormat } from './cart-2f0ee51d.js';
|
|
4
|
+
import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-cdabc848.js';
|
|
5
5
|
import { c as classes } from './classes-0d95c529.js';
|
|
6
6
|
import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
|
|
7
7
|
import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
|
|
8
|
-
import './isDarkColor-
|
|
9
|
-
import './getBorderRadius-
|
|
8
|
+
import './isDarkColor-4c7b2ffc.js';
|
|
9
|
+
import './getBorderRadius-413e97eb.js';
|
|
10
10
|
|
|
11
11
|
const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
|
|
12
12
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-a457c60c.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-cdabc848.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-413e97eb.js';
|
|
5
5
|
|
|
6
6
|
const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
|
|
7
7
|
const ZonosInputStyle0 = zonosInputCss;
|