@zonos/elements 1.2.4-alpha.8 → 1.3.3-alpha.0

package/README.md

@@ -19,4 +19,83 @@
   - `tsconfig`: will include all folders to have all of the intellisense throughout the project.
   - `tsconfig.build`: stencil building process
   - `tsconfig.demo-script`: script for demo script
-  - `tsconfig.scripts`: rollup bundling for loading script.
+  - `tsconfig.scripts`: rollup bundling for loading script.
+
+## Developing/Release process
+**IMPORTANT: Be careful when updating the API. Changes, such as modifications to the API path or parameter requirements (like field name changes or making parameters optional or mandatory), could disrupt older versions of zonos-elements. To prevent this, consider keeping the existing endpoint and introducing a new one with the updates. This approach applies to both endpoint path changes and parameter updates. Gradually phase out the old endpoint once all lower CDN versions have migrated.**
+
+### Deprecating APIs Guide
+In our `demo-app`, we treat the API as version-less because it relies on other components (like the customer-graph and front-end graph), and GraphQL does not offer a straightforward method to version queries and mutations. Given this, versioning our API currently seems unnecessary. However, we've devised a strategy for deprecating APIs, acknowledging that it might not be the optimal solution available:
+1. Changing Endpoint Paths:
+   - When an endpoint's path changes, we recommend a structured approach to mark the old endpoint as deprecated:
+     - Create a `(deprecated)` folder next to the updated endpoint's directory.
+     - Within `(deprecated)`, create a subfolder named after the current version on the main branch.
+     - Move the original endpoint's directory to this new version-named folder.
+   Ex: If we update the endpoint from `/api/zonos-elements/calculate-landed-cost` to `/api/zonos-elements/calculate-super-landed-cost`, the directory structure would look like this:
+    ```
+    └── zonos-elements
+        ├── (deprecated)
+        │   └── (v1.2.3)
+        │       └── calculate-landed-cost
+        │           ├── CalculateLandedCost.graphql.customer.ts
+        │           ├── FulfillmentCenters.graphql.customer.ts
+        │           └── route.ts
+        ├── calculate-super-landed-cost
+        │   ├── CalculateLandedCost.graphql.customer.ts
+        │   ├── FulfillmentCenters.graphql.customer.ts
+        │   └── route.ts
+    ```
+   - This folder can be removed once no stores are using a version at or below the deprecated version.
+1. Parameter requirement changes (optional, mandatory and removal) and API response structure changes
+   - For changes in parameter requirements (whether making them optional, mandatory, or removing them), follow these steps:  
+     - Create a new markdown file named after the `current version on the main branch` within the endpoint's directory.
+     - In this markdown file, detail the changes required, such as fields becoming optional, mandatory, or being removed.  
+     **Note: When updating endpoint responses, it is okay to add new return fields, but removing fields (update mutation/query returns) may cause issues if an old version is expecting and using that old field from the response**
+   Ex:
+    ```
+    └── zonos-elements
+        ├── calculate-super-landed-cost
+        │   ├── CalculateLandedCost.graphql.customer.ts
+        │   ├── FulfillmentCenters.graphql.customer.ts
+        │   ├── v1.2.3.md
+        │   └── route.ts
+    ```
+    In `v1.2.3.md`, you might have:
+    ```
+    ---
+    + Keep and make `storeId` optional, and add `zonosStoreId` (Change field name `storeId` to `zonosStoreId`)
+    + Make the `storeId` to accept both type `string` and `number` (Change field type of `storeId` from `string` to `number`)
+    + Make the field `storeSetting` optional (Remove `storeSetting` field)
+    ```
+    - Update the current (non-deprecated) endpoint based on the notes in the `.md` file when all stores have moved past the deprecated version and remove that file when all are done. 
+    Ex:
+      - For file changes, if the changes made were:  
+        - Change field type `storeId` from `string` to `number` ==> take `string` off of the union type (string | number), just leave `number`.  
+        - Change field name `storeId` to `zonosStoreId` ==> delete `storeId` field.  
+        - Remove `storeSetting` ==> remove the optional field `storeSetting`.
+
+### Merging strategy
+The github action would bump the version conditionally on qa and main branch merged event. 
++ qa branch merge flow: Only bump, publish version and create CDN when the version has alpha word.
++ main branch merge flow: Create a branch against qa and run pnpm version:[patch|major|minor], have it merged to qa, it would not trigger the publish version and create CDN until the changes on qa get merged to main.
+
+### Steps
+1. Each PR against qa will need to be prerelease pumped by running pnpm version:alpha.
+2. PR get merged to qa will trigger the github action to publish to npm with alpha tag and create a cdn domain alpha.js.zonos.com - alpha cdn doesn’t need to be versioned, so that when rolling back, the changes will be affected right away. 
+3. The release process would happen on qa. If we want to release, a new branch named build/v1.x.x will need to be checkout from qa. Bump the version (major, minor or patch), and then merge to qa.  
+4. Create a new branch with the same name build/v1.x.xoff of main, pull from qa and just create PR and merge to main. 
+5. PR get merged to `main` will trigger the github action to publish to npm with major, minor or patch tag and create a cdn domain v1.2.3.js.zonos.com.
+
+### Bumping version rule of thumbs
+Below is scenario when to bump version:
+- Alpha: 
+  - If you need to have types change in zonos-elements and want to use that types in the dashboard (for example: add a new function into instance Zonos). Bump alpha would result pushing new version to npm, then dashboard can install and use it.
+  - If we want to have a domain with pinned version to use (v1.2.3-alpha.1.js.zonos.com) and not gonna be used directly with major pin domain (v1.js.zonos.com)
+  **Note: If you merge changes with alpha version to main, new release domain will not be generated.**
+- Patch:
+  - Any bug fix and small api changes
+- Minor:
+  - Architecture changes but doesn't take too much effort to move store to newer version
+  - Big API refactor
+- Major:
+  - A lot of stores are using zonos-elements stably and have new breaking changes would lead to breaking chain for all stores

package/dist/cjs/{cart-90f7c8c0.js → cart-cfa5d5fd.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const localization = require('./localization-9caf3397.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const localization = require('./localization-4746acf7.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
 
 const prepCalculateLandedCost = () => {
     // maybe we don't need email now for prefetch the landed cost

package/dist/cjs/{getBorderRadius-bf4a4276.js → getBorderRadius-c3c63ee6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/index.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cart = require('./cart-90f7c8c0.js');
-require('./zonosStore-b43ef5db.js');
+const cart = require('./cart-cfa5d5fd.js');
+require('./zonosStore-10d1d6ff.js');
 require('./index-0dcccc22.js');
-require('./localization-9caf3397.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+require('./localization-4746acf7.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 
 

package/dist/cjs/{isDarkColor-ff6ff183.js → isDarkColor-fc8c294a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 var tinycolor = zonosStore.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ const index = require('./index-0dcccc22.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["zonos-text.cjs",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4.cjs",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-badge.cjs",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-address_2.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2.cjs",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"class":[1],"color":[1],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
+  return index.bootstrapLazy([["zonos-text.cjs",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4.cjs",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-badge.cjs",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-address_2.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2.cjs",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"class":[1],"color":[1],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{localization-9caf3397.js → localization-4746acf7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 
 const stringsArabic = {
     'Above de minimis threshold for': {
@@ -3182,7 +3182,7 @@ const handleFetch = async (url, _opts) => {
     const opts = __rest(_opts || {}, []);
     const body = opts.body ? JSON.stringify(opts.body) : undefined;
     const method = opts.method || 'GET';
-    // adding credentialtoken to the url so that the request will be cached differently for each store
+    // adding random encoded token to the url so that the request will be cached differently for each store
     const modifiedUrl = new URL(url);
     modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
     // headers content type

package/dist/cjs/{submitGtag-b141b45d.js → submitGtag-ca175427.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const localization = require('./localization-9caf3397.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const localization = require('./localization-4746acf7.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {

package/dist/cjs/zonos-address_2.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-90f7c8c0.js');
-const localization = require('./localization-9caf3397.js');
-require('./zonosStore-b43ef5db.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+require('./zonosStore-10d1d6ff.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--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:var(--amino-space-16)}";
 

package/dist/cjs/zonos-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBadgeCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";

package/dist/cjs/zonos-banner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":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{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-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:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";

package/dist/cjs/zonos-button_2.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 /**
  * Get theme for button text based on background color

package/dist/cjs/zonos-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosCardCss = ":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 .styled-card{border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--spacing, var(--amino-space-24));text-align:left}:host .styled-card hr{margin-left:calc(var(--spacing, var(--amino-space-24)) * -1);margin-right:calc(var(--spacing, var(--amino-space-24)) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, var(--amino-space-24));border-bottom:var(--amino-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, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));border-top:var(--amino-border);background:var(--amino-surface-color-secondary);margin-top:var(--spacing, var(--amino-space-24));border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);height:var(--footerHeight)}";

package/dist/cjs/zonos-cart-items_10.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-90f7c8c0.js');
-const localization = require('./localization-9caf3397.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
-const submitGtag = require('./submitGtag-b141b45d.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
+const submitGtag = require('./submitGtag-ca175427.js');
 const classes = require('./classes-b7918f56.js');
-require('./isDarkColor-ff6ff183.js');
+require('./isDarkColor-fc8c294a.js');
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
     ? `${new Intl.NumberFormat('en-US', {
@@ -113,27 +113,55 @@ const ZonosCheckoutFinish = class {
             if (errors.length || !(json === null || json === void 0 ? void 0 : json.id)) {
                 return null;
             }
-            // TODO: This method of triggering /success for BigCommerce is for MVP. Remove when eventRegistry is fixed to handle by webhooks
-            if (window.Zonos.isBigCommerce) {
-                const orderId = json === null || json === void 0 ? void 0 : json.id;
-                const storeHash = (_b = (_a = json === null || json === void 0 ? void 0 : json.metadata) === null || _a === void 0 ? void 0 : _a.find(x => (x === null || x === void 0 ? void 0 : x.key) === 'storeHash')) === null || _b === void 0 ? void 0 : _b.value;
-                if (!orderId || !storeHash) {
-                    return localization.logError('Unable to trigger BigCommerce /success: Missing orderId or storeHash');
-                }
-                void localization.handleFetch(`${baseUrl}/api/bigcommerce/success?orderId=${orderId}&storeHash=${storeHash}`);
-            }
+            // onOrderSuccess callback may be provided on Zonos.init
+            await ((_b = (_a = zonosStore.zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
             return json;
         };
+        this.handleSuccessBehavior = (orderId) => {
+            const { successBehavior } = zonosStore.zonosStore.checkoutSettings;
+            switch (successBehavior) {
+                case 'REDIRECT_TO_SUCCESS_PAGE':
+                    const redirectUrl = zonosStore.zonosStore.checkoutSettings.successRedirectUrl;
+                    if (redirectUrl) {
+                        window.location.href = `${redirectUrl}?zOrderNumber=${orderId}`;
+                    }
+                    // If no redirect URL, break and display Zonos success page
+                    break;
+                case 'CLOSE_MODAL':
+                    this.closeClickHandler();
+                    break;
+            }
+        };
+        // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
             const order = await this.pullOrder();
             if (order) {
                 this.order = order;
+                this.handleSuccessBehavior(order.id);
+                this.isLoading = false;
             }
             else if (!order && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
             }
+            else {
+                // Set loading to false to display generic success page and log error
+                this.isLoading = false;
+                const errorObject = {
+                    endpoint: `${"https://v1.route.js.zonos.com"}/api/zonos-elements/get-order`,
+                    errors: ['Order not found after multiple attempts'],
+                    metadata: {
+                        checkoutSessionId: cart.cartStore.checkoutSessionId || '',
+                        domain: window.location.hostname,
+                        storeId: zonosStore.zonosStore.storeId,
+                    },
+                };
+                void localization.handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {
+                    body: errorObject,
+                    method: 'POST',
+                });
+            }
         };
         this.checkPaymentStatus = async () => {
             this.isLoading = true;
@@ -162,6 +190,7 @@ const ZonosCheckoutFinish = class {
                 }
                 // Attempt to pull the order details from the graph every second on 5 attempts
                 if (this.notificationType === 'success') {
+                    this.isLoading = true;
                     void this.getPullOrder();
                 }
             }
@@ -329,7 +358,7 @@ ZonosCustomerInfo.style = zonosCustomerInfoCss;
 
 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>`;
 
-const zonosDialogCss = ":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--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0px;top:0px;background:var(--amino-backdrop-color);z-index:-999;opacity:0;visibility:hidden;position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:1002;background:white}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--amino-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:1001;background:var(--amino-gray-0);max-width:90vw;max-height:90vh;min-height:500px;height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--amino-radius-10));outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);border:var(--amino-border);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-24)}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{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;border-radius:var(--amino-radius-10)}:host .zonos--header .zonos--close-button:hover{background:var(--amino-hover-color)}:host .zonos--body{padding:var(--amino-space-8) var(--amino-space-24);max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:var(--amino-space-16) var(--amino-space-24)}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:1001;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:1002;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
+const zonosDialogCss = ":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--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0px;top:0px;background:var(--amino-backdrop-color);z-index:-999;opacity:0;visibility:hidden;position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:10002;background:white}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--amino-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:10001;background:var(--amino-gray-0);max-width:90vw;max-height:90vh;min-height:500px;height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--amino-radius-10));outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-v3-shadow-xxl);border:var(--amino-border);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-24)}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{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;border-radius:var(--amino-radius-10)}:host .zonos--header .zonos--close-button:hover{background:var(--amino-hover-color)}:host .zonos--body{padding:var(--amino-space-8) var(--amino-space-24);max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:var(--amino-space-16) var(--amino-space-24)}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:10001;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:10002;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
 
 const ZonosDialog = class {
     constructor(hostRef) {

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-90f7c8c0.js');
-const localization = require('./localization-9caf3397.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
-const submitGtag = require('./submitGtag-b141b45d.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+const submitGtag = require('./submitGtag-ca175427.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bf4a4276.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const getBorderRadius = require('./getBorderRadius-c3c63ee6.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 const LeftArrow = `<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="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -157,6 +157,7 @@ const ZonosCheckout = class {
                     });
                 }
             });
+            button.removeAttribute('disabled');
             button.setAttribute('data-zonos-checkout-attached', 'true');
         });
     }
@@ -220,10 +221,14 @@ const ZonosCheckout = class {
             }
             else {
                 this.attachCheckout();
-                // keep checking for checkout selector every 50ms just in case the selector is not loaded in the DOM yet
-                setInterval(() => {
+                // create a mutation observer to see if any new elements that match our selector is added to the DOM
+                const observer = new MutationObserver(() => {
                     this.attachCheckout();
-                }, 50);
+                });
+                observer.observe(document.body, {
+                    childList: true,
+                    subtree: true,
+                });
             }
             clearInterval(interval);
         }, 50);

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const cart = require('./cart-90f7c8c0.js');
-const localization = require('./localization-9caf3397.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
-require('./isDarkColor-ff6ff183.js');
-require('./getBorderRadius-bf4a4276.js');
+const cart = require('./cart-cfa5d5fd.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
+require('./isDarkColor-fc8c294a.js');
+require('./getBorderRadius-c3c63ee6.js');
 
-const getZonosSetting = async () => {
+const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;
     const { errors, json } = await localization.handleFetch(url);
     if (errors.length) {
-        localization.logError(`Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`);
+        localization.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
         return { errors, json: null };
     }
     return { errors: [], json };
@@ -66,44 +66,6 @@ const ZonosController = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.stripeInitEvent = index.createEvent(this, "stripeInitEvent", 7);
-        this.disablePlaceOrderButtons = ({ disable }) => {
-            const placeOrderButtonSelector = zonosStore.zonosStore.checkoutSettings.placeOrderButtonSelector;
-            if (!placeOrderButtonSelector) {
-                return;
-            }
-            const disableEvent = (e) => {
-                const target = e.target;
-                // prevent default and propagation when the item has disabled attribute
-                if (target.getAttribute('disabled')) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }
-            };
-            const placeOrderButton = document.querySelectorAll(placeOrderButtonSelector);
-            placeOrderButton.forEach(button => {
-                if (disable) {
-                    button.setAttribute('disabled', 'true');
-                    // prevent the selector to perform default action when it's disabled
-                    button.addEventListener('click', disableEvent);
-                }
-                else {
-                    button.removeAttribute('disabled');
-                    // clean up the event listener
-                    button.removeEventListener('click', disableEvent);
-                }
-            });
-            // only auto enable if autoEnable is true and the state is enable
-            if (disable) {
-                setTimeout(() => {
-                    // release it if zonos is not initialized after 5 seconds (this is to prevent the place order button from being disabled forever due to api)
-                    placeOrderButton.forEach(button => {
-                        button.removeAttribute('disabled');
-                        // clean up the event listener if exists
-                        button.removeEventListener('click', disableEvent);
-                    });
-                }, 5000);
-            }
-        };
         this.config = undefined;
         this.zonosApiKey = undefined;
     }
@@ -119,10 +81,6 @@ const ZonosController = class {
         cart.stripeStore.stripe = stripe;
         void initCheckout(zonosStore.zonosStore.checkoutSettings);
         localization.log('init checkout element');
-        // enable place order button after checkout is loaded
-        this.disablePlaceOrderButtons({
-            disable: false,
-        });
     }
     /**
      * Init zonos notification
@@ -170,15 +128,11 @@ const ZonosController = class {
         // running with scope async function to avoid blocking the main thread
         (async () => {
             var _a, _b;
-            const { errors, json } = await getZonosSetting();
+            const { errors, json } = await getZonosSettings();
             if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
                 localization.log('Failed to load zonos settings. This domain may not have access', 'warn');
                 return;
             }
-            // disable place order button until checkout is loaded
-            this.disablePlaceOrderButtons({
-                disable: true,
-            });
             // init zonos notification
             this.initZonosNotification();
             // load default setting if fail to load user setting
@@ -249,6 +203,12 @@ const ZonosController = class {
     async getAppearanceSetting() {
         return zonosStore.zonosStore.appearance;
     }
+    /**
+     * Update the organizationName
+     */
+    async updateOrganizationName(organizationName) {
+        zonosStore.zonosStore.organizationName = organizationName;
+    }
     render() {
         return index.h(index.Host, { class: "zonos--elements" });
     }

package/dist/cjs/zonos-country-flag_4.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0dcccc22.js');
-const localization = require('./localization-9caf3397.js');
-const zonosStore = require('./zonosStore-b43ef5db.js');
+const localization = require('./localization-4746acf7.js');
+const zonosStore = require('./zonosStore-10d1d6ff.js');
 const classes = require('./classes-b7918f56.js');
-const isDarkColor = require('./isDarkColor-ff6ff183.js');
+const isDarkColor = require('./isDarkColor-fc8c294a.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .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}";