@zonos/elements 1.3.285 → 1.3.287

package/README.md

@@ -21,9 +21,17 @@ This project offers web components designed primarily for Zonos Checkout, Zonos
 
 
 # Prerequisites
-- Node.js (v18 or higher)
+- Node.js **22.23.1** (see `.nvmrc`; run `nvm install` && `nvm use` if using nvm)
+- pnpm **10.34.4** (`corepack enable` recommended)
 - An API key for Zonos Checkout/Hello (please contact our [support team](https://zonos.com/contact-support) for more information)
 
+### Upgrading from Node 20
+
+1. Install Node 22.23.1 (`nvm install 22.23.1 && nvm use`)
+2. Remove existing installs: `rm -rf node_modules demo-app/node_modules`
+3. Reinstall: `pnpm install` (from repo root)
+4. Verify: `node -v` shows `v22.23.1` and `pnpm ci:full` passes
+
 # Installation
 There are two ways to initialize Zonos: via custom integration using a CDN or through npm installation.
 

package/dist/cjs/RemoveIcon-CuM1YmjP.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var RemoveIcon = `<svg color="var(--zonos-elements-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-gray-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
+
+exports.RemoveIcon = RemoveIcon;

package/dist/cjs/{cart-94908542.js → cart-CV4buPlT.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-0af0b937.js');
-const localization = require('./localization-fb2ece37.js');
-const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const handleFetch = require('./handleFetch-954f30e1.js');
-const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
-const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
-const TaxId = require('./TaxId-cd9d490e.js');
+var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var localization = require('./localization-CxXsmxs5.js');
+var VarianceTest = require('./VarianceTest-C98whVgO.js');
+var handleFetch = require('./handleFetch-DQLhurnE.js');
+var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
+var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var TaxId = require('./TaxId-Q6aDqqWv.js');
 
 const getCheckoutSession = async () => {
     if (!localization.storageStore.checkoutSessionId) {
@@ -21,7 +21,7 @@ const getCheckoutSession = async () => {
     return { errors, json };
 };
 
-const { onChange: storeCreditStoreOnChange, reset: reset$2, state: storeCreditStore, } = zonosStore.createStore(() => ({
+const { reset: reset$2, state: storeCreditStore, } = zonosStore.createStore(() => ({
     amountToApply: null,
     appliedAmount: null,
     availableBalance: null,
@@ -609,8 +609,9 @@ const cartCalculateLandedCost = async ({ abortController, cartId, }) => {
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
         for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
             if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -816,7 +817,7 @@ const sortServiceLevelOptionsByAmount = (serviceLevels) => {
  * Validate checkout session before confirming payment
  */
 const validateCheckoutSession = async () => {
-    var _a;
+    var _a, _b;
     // get checkout session info
     const { errors, json } = await getCheckoutSession();
     if (errors.length || !json) {
@@ -831,8 +832,16 @@ const validateCheckoutSession = async () => {
             valid: false,
         };
     }
-    // Make sure landed cost is found in the checkout session
-    if (!((_a = json.checkoutSession.landedCost) === null || _a === void 0 ? void 0 : _a.id)) {
+    // Make sure landed cost is found in the checkout session. Order-modification
+    // payment-only sessions (skip-to-payment, no shipping step) never carry a
+    // landedCost on the checkout session — same reason stripeStoreConfirmPayment
+    // skips its own selectedLandedCost guard for this flow. Inferred here from
+    // the session itself (order attached + not completed) rather than a
+    // caller-supplied flag, so every call site behaves consistently without
+    // needing to know about this special case.
+    const isOrderModificationPaymentOnlySession = !!(((_a = json.checkoutSession.order) === null || _a === void 0 ? void 0 : _a.id) && !json.checkoutSession.completedAt);
+    if (!isOrderModificationPaymentOnlySession &&
+        !((_b = json.checkoutSession.landedCost) === null || _b === void 0 ? void 0 : _b.id)) {
         handleFetch.logError('Landed cost is not found in the checkout session before confirming payment.');
         void handleFetch.sendErrorLog({
             endpoint: 'validateCheckoutSession',
@@ -1022,9 +1031,10 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
             variables: Object.assign(Object.assign({}, defaultVariable({
                 borderStyle: overrideBorderRadius,
                 theme: 'LIGHT',
-            })), { 
+            })), {
                 // use the button background color for input glow color
-                colorPrimary: secondaryColor }),
+                colorPrimary: secondaryColor
+            }),
         },
         // Client secret can be undefined since we will load other elements that doesn't require client secret first, then load client secret and render one that requires it later
         clientSecret: stripeClientSecret,
@@ -2374,6 +2384,19 @@ const cartStoreHasOneEligibleItem = () => {
     // if there is no item restricted found => all items are restricted
     return !!checkItems.find(item => !item.isRestricted);
 };
+/**
+ * An order-modification payment-only session (skip-to-payment, no shipping
+ * step): a session tied to an order that hasn't completed yet, meaning the
+ * shopper is only paying a delta against an already-approved landed cost.
+ * Single source of truth for this detection — previously duplicated inline
+ * at each call site, which let one of them (the forceDialogOpen/preview init
+ * path) miss it entirely.
+ */
+const cartStoreIsOrderModificationPaymentOnlySession = () => {
+    var _a, _b;
+    return !!(((_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.order) === null || _b === void 0 ? void 0 : _b.id) &&
+        !cartStore.checkoutSession.completedAt);
+};
 const cartStoreSetCheckoutSession = (checkoutSession) => {
     var _a, _b, _c, _d, _e, _f, _g;
     // update stripe store with updated information
@@ -2432,16 +2455,12 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
         adjustmentsAmount,
-        billToPartyId: stripeStore.partyBillingId,
         cartId,
         currency,
         id: localization.storageStore.checkoutSessionId,
         itemsAmount,
         landedCostId,
-        presentmentCountryCode: localization.localizationStore.selectedCountryCode,
-        shipToPartyId: stripeStore.partyShippingId,
-        varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
-    });
+        presentmentCountryCode: localization.localizationStore.selectedCountryCode});
     if (errors.length > 0 || !json) {
         handleFetch.logError('Error occurs when updating checkout session.');
         if (shouldInitSessionOnFailure) {
@@ -2558,13 +2577,9 @@ const cartStoreUpdateSelectedShippingOption = async ({ applySubtotalsOnly, lande
         // update session with selected landed cost
         updateCalculateStatus = await cartStoreReCalculateTotal({
             adjustmentsAmount: cartStore.adjustmentTotal,
-            billToPartyId: stripeStore.partyBillingId,
             cartId: window.Zonos.cartId,
             dutiesTaxesFeesEstimate: dutiesTaxesFeesEstimate,
-            landedCostId: (_g = selectedLandedCost.landedCost) === null || _g === void 0 ? void 0 : _g.id,
-            shipToPartyId: stripeStore.partyShippingId,
-            varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
-        });
+            landedCostId: (_g = selectedLandedCost.landedCost) === null || _g === void 0 ? void 0 : _g.id});
     }
     // update conditionally render pay in USD button
     const firstItem = (_h = cartStore.items.find(Boolean)) === null || _h === void 0 ? void 0 : _h.currencyCode;
@@ -2626,16 +2641,12 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, landedCostId, shou
     stripeStore.isFetchingSession = true;
     await cartStoreReCalculateTotal({
         adjustmentsAmount: adjustmentTotal,
-        billToPartyId: stripeStore.partyBillingId,
         cartId: window.Zonos.cartId,
         currency: currency,
         dutiesTaxesFeesEstimate: 0,
         itemsAmount: total,
         landedCostId,
-        shipToPartyId: stripeStore.partyShippingId,
-        shouldInitSessionOnFailure,
-        varianceTestInput: localization.storageStore.enabledVariantTestKeys || [],
-    });
+        shouldInitSessionOnFailure});
     stripeStore.isFetchingSession = false;
 };
 const cartStoreResetSelectedShippingOption = () => {
@@ -2736,6 +2747,7 @@ exports.cartStoreClearCheckoutInterval = cartStoreClearCheckoutInterval;
 exports.cartStoreGetMethod = cartStoreGetMethod;
 exports.cartStoreGetShippingTransitInfo = cartStoreGetShippingTransitInfo;
 exports.cartStoreHasOneEligibleItem = cartStoreHasOneEligibleItem;
+exports.cartStoreIsOrderModificationPaymentOnlySession = cartStoreIsOrderModificationPaymentOnlySession;
 exports.cartStoreNextStep = cartStoreNextStep;
 exports.cartStoreOnChange = cartStoreOnChange;
 exports.cartStoreReset = cartStoreReset;
@@ -2747,6 +2759,7 @@ exports.cartStoreUpdateSelectedShippingOption = cartStoreUpdateSelectedShippingO
 exports.cartStoreUpdateStoreCredit = cartStoreUpdateStoreCredit;
 exports.cartStoreUpdateToErrorState = cartStoreUpdateToErrorState;
 exports.extractName = extractName;
+exports.getCheckoutSession = getCheckoutSession;
 exports.getCheckoutSessionBody = getCheckoutSessionBody;
 exports.getCountryField = getCountryField;
 exports.getEnabledPolicies = getEnabledPolicies;

package/dist/cjs/{collect-0c05e2b4.js → collect-jzWKzrV7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-0af0b937.js');
-const localization = require('./localization-fb2ece37.js');
-const handleFetch = require('./handleFetch-954f30e1.js');
-const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const cart = require('./cart-94908542.js');
+var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var localization = require('./localization-CxXsmxs5.js');
+var handleFetch = require('./handleFetch-DQLhurnE.js');
+var VarianceTest = require('./VarianceTest-C98whVgO.js');
+var cart = require('./cart-CV4buPlT.js');
 
 // src/constant/common.ts
 function _array_like_to_array(arr, len) {
@@ -63,7 +63,6 @@ function _defineProperties(target, props) {
 }
 function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
 function _define_property(obj, key, value) {
@@ -99,7 +98,7 @@ function _iterable_to_array_limit(arr, i) {
     try {
         for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
-            if (i && _arr.length === i) break;
+            if (_arr.length === i) break;
         }
     } catch (err) {
         _d = true;
@@ -138,11 +137,6 @@ function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
         keys.push.apply(keys, symbols);
     }
     return keys;
@@ -372,12 +366,8 @@ var request = function(param) {
 var lifeCycleEventName = {
     onInit: "onInit",
     onConfigInit: "onConfigInit",
-    onConfigUpdated: "onConfigUpdated",
     onCommonDataInit: "onCommonDataInit",
-    onCommonUpdated: "onCommonUpdated",
-    onPageChange: "onPageChange",
-    onDestroy: "onDestroy,"
-};
+    onCommonUpdated: "onCommonUpdated"};
 // src/constant/index.ts
 var DEVICE_ID_STORAGE_KEY = "AIR_ANALYTICS_DEVICE_ID";
 var SESSION_ID_STORAGE_KEY = "AIR_ANALYTICS_SESSION_ID";
@@ -496,7 +486,7 @@ var getReportVal = function(rawVal, isDefaultByString) {
     if (typeof rawVal === "string") {
         return rawVal;
     }
-    return isDefaultByString ? "" /* string */  : -1 /* number */ ;
+    return -1 /* number */ ;
 };
 var checkIfInWhiteList = function(url, airTracker2) {
     var _airTracker2_config_assetSpeedMonitoringWhiteListByMFE;
@@ -606,7 +596,7 @@ var throttlePipe = function(airTracker2, maxLength) {
                 timer && clearTimeout(timer);
             }
         });
-        if (maxLength && retainedLogs.length >= maxLength) {
+        if (retainedLogs.length >= maxLength) {
             resolve === null || resolve === void 0 ? void 0 : resolve(retainedLogs.splice(0, retainedLogs.length));
             timer && clearTimeout(timer);
             return;
@@ -2011,7 +2001,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
+        step((generator = generator.apply(thisArg, [])).next());
     });
 }
 
@@ -2044,7 +2034,7 @@ function __generator(thisArg, body) {
 }
 
 function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
             if (!ar) ar = Array.prototype.slice.call(from, 0, i);
             ar[i] = from[i];
@@ -2057,95 +2047,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
-
-var name = "@airwallex/components-sdk";
-var version = "1.30.2";
-var main = "./lib/index.js";
-var module$1 = "./lib/index.mjs";
-var types = "./lib/index.d.ts";
-var files = [
-	"lib/**"
-];
-var license = "MIT";
-var scripts = {
-	"load-types": "node ./load-types.js && yarn prettier -w src/types/*d.ts",
-	prebuild: "yarn clean",
-	build: "yarn rollup --config",
-	postbuild: "yarn bundle-types",
-	"bundle-types": "dts-bundle-generator -o ./lib/index.d.ts ./src/index.ts",
-	clean: "rm -rf dist lib",
-	lint: "eslint \"src/**/*.ts*\"",
-	test: "jest",
-	sonar: "sonar-scanner",
-	release: "semantic-release",
-	"lint-stage": "lint-staged",
-	prepare: "husky"
-};
-var prettier = {
-	semi: true,
-	singleQuote: true,
-	printWidth: 80,
-	trailingComma: "all"
-};
-var publishConfig = {
-	access: "public"
-};
-var devDependencies = {
-	"@babel/preset-typescript": "^7.18.6",
-	"@rollup/plugin-commonjs": "^25.0.7",
-	"@rollup/plugin-json": "^6.1.0",
-	"@rollup/plugin-node-resolve": "^15.2.3",
-	"@rollup/plugin-terser": "^0.4.4",
-	"@rollup/plugin-typescript": "^11.1.6",
-	"@semantic-release/changelog": "^5.0.1",
-	"@semantic-release/commit-analyzer": "^8.0.1",
-	"@semantic-release/git": "^9.0.0",
-	"@semantic-release/gitlab": "^6.1.0",
-	"@semantic-release/release-notes-generator": "^9.0.0",
-	"@swc/core": "^1.3.46",
-	"@types/jest": "^29.5.0",
-	"@typescript-eslint/eslint-plugin": "^5.57.0",
-	"@typescript-eslint/parser": "^5.57.0",
-	"dts-bundle-generator": "^9.0.0",
-	eslint: "^7.23.0",
-	"eslint-config-prettier": "^8.3.0",
-	"eslint-plugin-prettier": "^5.1.3",
-	husky: "^9.0.11",
-	jest: "^29.5.0",
-	"jest-environment-jsdom": "^29.5.0",
-	"lint-staged": "^15.2.7",
-	prettier: "^3.3.2",
-	rollup: "^4.9.6",
-	"semantic-release": "^17.3.8",
-	"sonarqube-scanner": "^3.0.1",
-	"ts-jest": "^29.0.5",
-	"ts-loader": "^9.5.1",
-	tslib: "^2.6.2",
-	typescript: "^4.5.2"
-};
-var dependencies = {
-	"@airwallex/airtracker": "^3.0.0"
-};
+var version = "1.35.0";
 var packageJson = {
-	name: name,
-	version: version,
-	main: main,
-	module: module$1,
-	types: types,
-	files: files,
-	license: license,
-	scripts: scripts,
-	prettier: prettier,
-	"lint-staged": {
-	"src/**/*.{ts,tsx}": [
-		"yarn lint"
-	],
-	"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": "prettier --write"
-},
-	publishConfig: publishConfig,
-	devDependencies: devDependencies,
-	dependencies: dependencies
-};
+	version: version};
 
 var airTrackerENV = {
     dev: Environment.staging,
@@ -2310,7 +2214,7 @@ var ELEMENT_GROUP_TO_ELEMENT = {
 var SDK_DEPENDENCIES = {
     billing: ['payments']
 };
-var DOMAIN_FUNCTIONS_NAMESPACES = ['payments', 'sca'];
+var DOMAIN_FUNCTIONS_NAMESPACES = ['payments', 'sca', 'billing'];
 
 var InvalidStaticResourceError = /** @class */ (function (_super) {
     __extends(InvalidStaticResourceError, _super);
@@ -2564,7 +2468,7 @@ var init = function (options) { return __awaiter(void 0, void 0, void 0, functio
             var functionsNamespaces = getFunctionsByEnabledElements(enabledElements);
             // load SDK functions scripts
             var functionsPromises = functionsNamespaces.map(function (functionsNamespace) {
-                return getLoadScriptPromise({
+                return loadSDKWithDependencies({
                     env: initOptions.env,
                     scriptName: functionsNamespace
                 })
@@ -2609,7 +2513,7 @@ var init = function (options) { return __awaiter(void 0, void 0, void 0, functio
                     });
                 });
             });
-            Promise.all(__spreadArray(__spreadArray([controllerPromise], functionsPromises, true), elementsPromises, true))
+            Promise.all(__spreadArray(__spreadArray([controllerPromise], functionsPromises, true), elementsPromises))
                 .then(function () {
                 logInfo('[components-sdk] SDK initialized', {
                     options: maskPII(options),
@@ -2937,7 +2841,7 @@ const airwallexStoreRetrievePaymentIntent = async (paymentIntentId) => {
     return { status: json.airwallexPaymentIntent.status };
 };
 
-const { reset: collectStoreReset, state: collectStore } = zonosStore.createStore(() => ({
+const { state: collectStore } = zonosStore.createStore(() => ({
     amountDutyTaxFeeTotal: null,
     amountTotalPaid: null,
     collectLogoUrl: null,

package/dist/cjs/debounce-5sZmmlCI.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var debounce$1 = require('./debounce-Nu2lJW4A.js');
+
+var debounceExports = debounce$1.requireDebounce();
+var debounce = /*@__PURE__*/zonosStore.getDefaultExportFromCjs(debounceExports);
+
+exports.debounce = debounce;