@imtbl/sdk 1.7.2 → 1.7.3-alpha.2

package/dist/checkout.d.ts

@@ -23749,7 +23749,7 @@ type CheckoutWidgetsConfig = {
 /**
  * Represents the configuration options for instantiating the Checkout Widgets factory.
  * @property {WidgetConfiguration} config - global configuration options for the widgets.
- * @property {SemanticVersion | undefined} version - version of the Checkout widgets bundle (default latest version will be used).
+ * @property {SemanticVersion | undefined} version - version of the Checkout widgets bundle(default latest version will be used).
  */
 type WidgetsInit = {
     config: WidgetConfiguration;
@@ -23773,6 +23773,8 @@ declare class Checkout {
      * @param {WidgetsInit} init - The initialisation parameters for loading the widgets bundle and applying configuration
      */
     widgets(init: WidgetsInit): Promise<ImmutableCheckoutWidgets.WidgetsFactory>;
+    private loadUmdBundle;
+    private loadEsModules;
     /**
      * Creates a provider using the given parameters.
      * @param {CreateProviderParams} params - The parameters for creating the provider.

package/dist/checkout.js

@@ -139,7 +139,7 @@ const flattenProperties$1 = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION$1 = '1.7.2';
+const SDK_VERSION$1 = '1.7.3-alpha.2';
 const getReferrer$1 = () => {
     if (isNode$1()) {
         return '';
@@ -17479,7 +17479,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.7.2';
+const SDK_VERSION = '1.7.3-alpha.2';
 const getReferrer = () => {
     if (isNode()) {
         return '';
@@ -27725,7 +27725,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.7.2',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.7.3-alpha.2',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -29092,7 +29092,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: BigNumber$1.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.7.2';
+const SDK_VERSION_MARKER = '1.7.3-alpha.2';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 
@@ -32712,27 +32712,25 @@ function validateAndBuildVersion(version) {
     return validatedVersion;
 }
 
-function loadUnresolved(version) {
+// Loads the checkout widgets bundle from the CDN and appends the script to the document head
+function loadUnresolvedBundle(tag, scriptId, validVersion) {
     if (window === undefined) {
         throw new Error('missing window object: please run Checkout client side');
     }
     if (document === undefined) {
         throw new Error('missing document object: please run Checkout client side');
     }
-    const scriptId = 'immutable-checkout-widgets-bundle';
-    const validVersion = validateAndBuildVersion(version);
-    // Prevent the script to be loaded more than once
-    // by checking the presence of the script and its version.
-    const initScript = document.getElementById(scriptId);
-    if (initScript)
-        return { loaded: true, element: initScript };
-    const tag = document.createElement('script');
     let cdnUrl = `https://cdn.jsdelivr.net/npm/@imtbl/sdk@${validVersion}/dist/browser/checkout/widgets.js`;
     tag.setAttribute('id', scriptId);
     tag.setAttribute('data-version', validVersion);
     tag.setAttribute('src', cdnUrl);
     document.head.appendChild(tag);
-    return { loaded: false, element: tag };
+}
+// Gets the CDN url for the split checkout widgets bundle
+function getWidgetsEsmUrl(version) {
+    const validVersion = validateAndBuildVersion(version);
+    let cdnUrl = `https://cdn.jsdelivr.net/npm/@imtbl/sdk@${validVersion}/dist/browser/checkout/widgets-esm.js`;
+    return cdnUrl;
 }
 
 const PUBLISHABLE_KEY_PREFIX = 'pk_imapik-';
@@ -32811,7 +32809,6 @@ const SANDBOX_CONFIGURATION = {
     },
     passport: undefined,
 };
-const WIDGETS_SCRIPT_TIMEOUT = 100;
 // Checkout SDK
 class Checkout {
     readOnlyProviders;
@@ -32841,26 +32838,44 @@ class Checkout {
         const checkout = this;
         // Preload the configurations
         await checkout.config.remote.getConfig();
+        try {
+            const factory = await this.loadEsModules(init.config, init.version);
+            return factory;
+        }
+        catch (err) {
+            throw new CheckoutError('Failed to load widgets script', CheckoutErrorType.WIDGETS_SCRIPT_LOAD_ERROR, { error: err });
+        }
+    }
+    async loadUmdBundle(config, version) {
+        const checkout = this;
         const factory = new Promise((resolve, reject) => {
-            function checkForWidgetsBundleLoaded() {
-                if (typeof ImmutableCheckoutWidgets !== 'undefined') {
-                    resolve(new ImmutableCheckoutWidgets.WidgetsFactory(checkout, init.config));
-                }
-                else {
-                    // If ImmutableCheckoutWidgets is not defined, wait for set amount of time.
-                    // When time has elapsed, check again if ImmutableCheckoutWidgets is defined.
-                    // Once it's defined, the promise will resolve and setTimeout won't be called again.
-                    setTimeout(checkForWidgetsBundleLoaded, WIDGETS_SCRIPT_TIMEOUT);
-                }
-            }
             try {
-                const script = loadUnresolved(init.version);
-                if (script.loaded && typeof ImmutableCheckoutWidgets !== 'undefined') {
-                    resolve(new ImmutableCheckoutWidgets.WidgetsFactory(checkout, init.config));
-                }
-                else {
-                    checkForWidgetsBundleLoaded();
+                const scriptId = 'immutable-checkout-widgets-bundle';
+                const validVersion = validateAndBuildVersion(version);
+                // Prevent the script to be loaded more than once
+                // by checking the presence of the script and its version.
+                const initScript = document.getElementById(scriptId);
+                if (initScript) {
+                    if (typeof ImmutableCheckoutWidgets !== 'undefined') {
+                        resolve(new ImmutableCheckoutWidgets.WidgetsFactory(checkout, config));
+                    }
+                    else {
+                        reject(new CheckoutError('Failed to find ImmutableCheckoutWidgets script', CheckoutErrorType.WIDGETS_SCRIPT_LOAD_ERROR));
+                    }
                 }
+                const tag = document.createElement('script');
+                tag.addEventListener('load', () => {
+                    if (typeof ImmutableCheckoutWidgets !== 'undefined') {
+                        resolve(new ImmutableCheckoutWidgets.WidgetsFactory(checkout, config));
+                    }
+                    else {
+                        reject(new CheckoutError('Failed to find ImmutableCheckoutWidgets script', CheckoutErrorType.WIDGETS_SCRIPT_LOAD_ERROR));
+                    }
+                });
+                tag.addEventListener('error', (err) => {
+                    reject(new CheckoutError('Failed to load widgets script', CheckoutErrorType.WIDGETS_SCRIPT_LOAD_ERROR, { error: err }));
+                });
+                loadUnresolvedBundle(tag, scriptId, validVersion);
             }
             catch (err) {
                 reject(new CheckoutError('Failed to load widgets script', CheckoutErrorType.WIDGETS_SCRIPT_LOAD_ERROR, { error: err }));
@@ -32868,6 +32883,24 @@ class Checkout {
         });
         return factory;
     }
+    async loadEsModules(config, version) {
+        const checkout = this;
+        try {
+            const cdnUrl = getWidgetsEsmUrl(version);
+            // WebpackIgnore comment required to prevent webpack modifying the import statement and
+            // breaking the dynamic import in certain applications integrating checkout
+            const checkoutWidgetsModule = await import(/* webpackIgnore: true */ cdnUrl);
+            if (checkoutWidgetsModule && checkoutWidgetsModule.WidgetsFactory) {
+                return new checkoutWidgetsModule.WidgetsFactory(checkout, config);
+            }
+        }
+        catch (err) {
+            // eslint-disable-next-line no-console
+            console.warn(`Failed to resolve checkout widgets module, falling back to UMD bundle. Error: ${err.message}`);
+        }
+        // Fallback to UMD bundle if esm bundle fails to load
+        return await checkout.loadUmdBundle(config, version);
+    }
     /**
      * Creates a provider using the given parameters.
      * @param {CreateProviderParams} params - The parameters for creating the provider.

package/dist/config.js

@@ -128,7 +128,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.7.2';
+const SDK_VERSION = '1.7.3-alpha.2';
 const getReferrer = () => {
     if (isNode()) {
         return '';