@lightspeed/online-payments-sdk 1.8.0 → 1.9.1

package/README.md

@@ -31,6 +31,7 @@ Mount the widget with the payment session from your integration:
 
 ```ts
 import {LightspeedPayments} from '@lightspeed/online-payments-sdk';
+import '@lightspeed/online-payments-sdk/styles/lightspeed-global-styles.css';
 
 const mountPoint = document.getElementById('payment-widget');
 
@@ -109,6 +110,23 @@ submitButton.addEventListener('click', async () => {
 controller.unmount();
 ```
 
+`submit()` returns `Promise<WidgetSubmitResult>`. Existing intent-bound Stripe
+and Adyen sessions retain their runtime behavior, but TypeScript integrations
+that explicitly treat the submit result as `Event` must first handle or exclude
+the new `RequiresFinalization` status. Listener callbacks are unchanged and
+continue to receive only `Event`.
+
+### Deferred MOTO payments
+
+Deferred Stripe `moto` and `moto-with-save` sessions return a
+`RequiresFinalization` result for backend finalization instead of reporting
+payment success. Integrations opting into this mode must forward the returned
+artifact unchanged and handle definitive declines through
+`reportFinalizationDecline`.
+
+The complete [deferred Stripe MOTO integration guide](https://github.com/lightspeed-payments/lsp-online-payments-sdk/blob/main/packages/lsp-online-payments-sdk/docs/deferred-stripe-moto.md)
+is maintained in the GitHub repository and is not included in the npm package.
+
 ## Theming
 
 Use `theme` to select a widget appearance:
@@ -133,3 +151,22 @@ import {THEME_COLORS} from '@lightspeed/online-payments-sdk';
 wrapper.style.backgroundColor = THEME_COLORS.DARK.BACKGROUND;
 wrapper.style.color = THEME_COLORS.DARK.TEXT;
 ```
+
+## Checking the SDK version
+
+The running SDK version is available at runtime, matching the version published to npm:
+
+```ts
+import {LightspeedPayments, SDK_VERSION} from '@lightspeed/online-payments-sdk';
+
+console.log(LightspeedPayments.version); // e.g. "1.8.0"
+console.log(SDK_VERSION); // e.g. "1.8.0"
+```
+
+While a widget is mounted, its mount element also carries a `data-lightspeed-payments-sdk-version` attribute, so the running version can be inspected directly in browser devtools without any application code:
+
+```html
+<div id="payment-widget" data-lightspeed-payments-sdk-version="1.8.0"></div>
+```
+
+The attribute is removed when `controller.unmount()` is called.

package/dist/cjs/index.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LightspeedPayments = exports.THEME_COLORS = void 0;
+exports.LightspeedPayments = exports.SDK_VERSION = exports.THEME_COLORS = void 0;
 var v1_1 = require("./v1");
+var version_1 = require("./version");
+Object.defineProperty(exports, "SDK_VERSION", { enumerable: true, get: function () { return version_1.SDK_VERSION; } });
 var v1_2 = require("./v1");
 Object.defineProperty(exports, "THEME_COLORS", { enumerable: true, get: function () { return v1_2.THEME_COLORS; } });
 exports.LightspeedPayments = {
     v1: v1_1.v1,
+    version: version_1.SDK_VERSION,
 };

package/dist/cjs/v1/EventBroadcaster.js

@@ -66,6 +66,7 @@ var EventBroadcaster = /** @class */ (function () {
         var processedEvent = this.applyMiddlewares(event);
         var eventListener = this.listenersRegistry[event.status];
         eventListener(processedEvent);
+        return processedEvent;
     };
     return EventBroadcaster;
 }());

package/dist/cjs/v1/adyen/widget.js

@@ -86,7 +86,7 @@ function mountSessionsFlow(mountElement, context, eventBroadcaster) {
 }
 // Multi-step Advanced flow: submit() surfaces the encrypted payment data for
 // the host to POST; handleNextAction() feeds the server response back to drive
-// native 3DS2. See MultiStepController in common.ts.
+// 3DS actions. See MultiStepController in common.ts.
 function mountAdvancedFlow(mountElement, context, eventBroadcaster, onRequiresFinalization) {
     return __awaiter(this, void 0, void 0, function () {
         var stashedActions, pendingResolve, isValid, checkoutConfig, checkout, dropinConfiguration, dropIn;
@@ -167,7 +167,7 @@ function mountAdvancedFlow(mountElement, context, eventBroadcaster, onRequiresFi
                 case 1:
                     checkout = _b.sent();
                     dropinConfiguration = {
-                        paymentMethodComponents: [adyen_web_1.Card, adyen_web_1.ApplePay, adyen_web_1.GooglePay, adyen_web_1.Bancontact],
+                        paymentMethodComponents: [adyen_web_1.Card, adyen_web_1.ApplePay, adyen_web_1.GooglePay, adyen_web_1.Bancontact, adyen_web_1.Redirect],
                         showStoredPaymentMethods: false,
                         paymentMethodsConfiguration: {
                             card: {
@@ -209,17 +209,8 @@ function mountAdvancedFlow(mountElement, context, eventBroadcaster, onRequiresFi
                                     var _a;
                                     var response = (serverResponse !== null && serverResponse !== void 0 ? serverResponse : {});
                                     if (response.action) {
-                                        // 3DS1 (redirect) is out of scope: surface as an error so the host can
-                                        // ask the shopper for a different card.
-                                        if (response.action.type === 'redirect') {
-                                            resolve({
-                                                status: 'Error',
-                                                error: { code: 'RedirectNotSupported', resultCode: response.resultCode },
-                                            });
-                                            return;
-                                        }
-                                        // Native 3DS2 step: let the component perform it, then resolve once
-                                        // onAdditionalDetails hands us the next payload for the host to POST.
+                                        // Let Adyen Web perform the action. Native challenges call
+                                        // onAdditionalDetails; redirect actions navigate away to the issuer.
                                         pendingResolve = resolve;
                                         stashedActions === null || stashedActions === void 0 ? void 0 : stashedActions.resolve(response);
                                         return;

package/dist/cjs/v1/stripe/localizedText.js

@@ -0,0 +1,32 @@
+"use strict";
+/** Locale-selected UI text rendered alongside Stripe Elements. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSavePaymentMethodText = getSavePaymentMethodText;
+exports.getCardDeclinedText = getCardDeclinedText;
+var SAVE_PAYMENT_METHOD_TEXT = {
+    de: 'Zahlungsinformationen für zukünftige Einkäufe speichern',
+    en: 'Save payment details for future purchases',
+    fr: 'Enregistrer les informations de paiement pour vos prochains achats',
+    nl: 'Betaalgegevens opslaan voor toekomstige aankopen',
+};
+var CARD_DECLINED_TEXT = {
+    de: 'Ihre Karte wurde abgelehnt.',
+    en: 'Your card was declined.',
+    fr: 'Votre carte a été refusée.',
+    nl: 'Uw kaart is geweigerd.',
+};
+function getLanguage(locale) {
+    var _a;
+    var resolvedLocale = !locale || locale === 'auto'
+        ? ((_a = globalThis.navigator) === null || _a === void 0 ? void 0 : _a.language) || 'en'
+        : locale;
+    return resolvedLocale.toLowerCase().split('-')[0];
+}
+function getSavePaymentMethodText(locale) {
+    var language = getLanguage(locale);
+    return SAVE_PAYMENT_METHOD_TEXT[language] || SAVE_PAYMENT_METHOD_TEXT.en;
+}
+function getCardDeclinedText(locale) {
+    var language = getLanguage(locale);
+    return CARD_DECLINED_TEXT[language] || CARD_DECLINED_TEXT.en;
+}

package/dist/cjs/v1/stripe/session.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDeferredStripeSession = isDeferredStripeSession;
+exports.isIntentBoundStripeSession = isIntentBoundStripeSession;
+function isDeferredStripeSession(session) {
+    return session.context.intentMode === 'deferred';
+}
+function isIntentBoundStripeSession(session) {
+    return (session.context.intentMode === undefined ||
+        session.context.intentMode === 'intent-bound');
+}

package/dist/cjs/v1/stripe/shared.js

@@ -52,6 +52,7 @@ exports.createPaymentElementOptions = createPaymentElementOptions;
 exports.createAddressElementOptions = createAddressElementOptions;
 exports.buildCardConsentText = buildCardConsentText;
 exports.createCardConsentElement = createCardConsentElement;
+exports.createSavePaymentMethodElement = createSavePaymentMethodElement;
 exports.createPaymentElement = createPaymentElement;
 exports.setupChangeEventHandler = setupChangeEventHandler;
 exports.createAddressElement = createAddressElement;
@@ -64,16 +65,17 @@ var ResultBuilder_1 = require("./ResultBuilder");
 var error_1 = require("../error");
 var themes_1 = require("./themes");
 var terms_1 = require("./terms");
+var localizedText_1 = require("./localizedText");
 /**
  * Initialize Stripe with the given context
  */
 function initStripe(context, theme) {
     return __awaiter(this, void 0, void 0, function () {
-        var publishableKey, clientSecret, customerSessionClientSecret, loadedStripe, stripe, themeConfig, elementsOptions, elements;
+        var publishableKey, loadedStripe, stripe, themeConfig, sharedElementsOptions, elements, elementsOptions, elementsOptions;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    publishableKey = context.publishableKey, clientSecret = context.clientSecret, customerSessionClientSecret = context.customerSessionClientSecret;
+                    publishableKey = context.publishableKey;
                     return [4 /*yield*/, (0, stripe_js_1.loadStripe)(publishableKey)];
                 case 1:
                     loadedStripe = _a.sent();
@@ -82,8 +84,15 @@ function initStripe(context, theme) {
                     }
                     stripe = loadedStripe;
                     themeConfig = (0, themes_1.getThemeConfig)(theme);
-                    elementsOptions = __assign(__assign(__assign({ clientSecret: clientSecret, customerSessionClientSecret: customerSessionClientSecret }, (context.locale && { locale: context.locale })), (themeConfig && { appearance: themeConfig.appearance })), (themeConfig && { fonts: themeConfig.fonts }));
-                    elements = stripe.elements(elementsOptions);
+                    sharedElementsOptions = __assign(__assign(__assign({}, (context.locale && { locale: context.locale })), (themeConfig && { appearance: themeConfig.appearance })), (themeConfig && { fonts: themeConfig.fonts }));
+                    if (context.intentMode === 'deferred') {
+                        elementsOptions = __assign(__assign(__assign({}, sharedElementsOptions), { mode: 'payment', amount: context.amount, currency: context.currency.toLowerCase(), paymentMethodTypes: context.paymentMethodTypes, paymentMethodCreation: 'manual' }), (context.onBehalfOf && { onBehalfOf: context.onBehalfOf }));
+                        elements = stripe.elements(elementsOptions);
+                    }
+                    else {
+                        elementsOptions = __assign(__assign({}, sharedElementsOptions), { clientSecret: context.clientSecret, customerSessionClientSecret: context.customerSessionClientSecret });
+                        elements = stripe.elements(elementsOptions);
+                    }
                     return [2 /*return*/, { stripe: stripe, elements: elements }];
             }
         });
@@ -220,6 +229,24 @@ function createCardConsentElement(consentText) {
     container.appendChild(text);
     return container;
 }
+function createSavePaymentMethodElement(mountElement, onChange, locale) {
+    var label = document.createElement('label');
+    label.className = 'stripe-save-payment-method-container';
+    var checkbox = document.createElement('input');
+    checkbox.type = 'checkbox';
+    checkbox.className = 'stripe-save-payment-method-checkbox';
+    checkbox.dataset.testid = 'save-payment-method-checkbox';
+    var text = document.createElement('span');
+    text.className = 'stripe-save-payment-method-text';
+    text.textContent = (0, localizedText_1.getSavePaymentMethodText)(locale);
+    label.appendChild(checkbox);
+    label.appendChild(text);
+    mountElement.appendChild(label);
+    // The label must remain clickable, but its consent text is not selectable.
+    label.addEventListener('selectstart', function (event) { return event.preventDefault(); });
+    checkbox.addEventListener('change', function () { return onChange(checkbox.checked); });
+    return label;
+}
 /**
  * Create and mount payment element
  */
@@ -259,12 +286,12 @@ function createPaymentElement(elements, options, mountElement, eventBroadcaster)
  * Also includes the current save-payment-method checkbox state (when present) on every Change event,
  * and emits a Change event when that checkbox state changes.
  */
-function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElement) {
+function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElement, onPaymentValueChange, initialSaveCheckboxState) {
     var paymentComplete = false;
     var addressComplete = !addressElement; // If no address element, consider it complete
     var previousComplete = null;
     var previousMethodType;
-    var previousSaveCheckboxState; // Track save checkbox state
+    var previousSaveCheckboxState = initialSaveCheckboxState;
     var emitChangeEvent = function () {
         var complete = paymentComplete && addressComplete;
         previousComplete = complete;
@@ -275,23 +302,30 @@ function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElemen
         })));
     };
     paymentElement.on('change', function (event) {
-        var _a, _b;
+        var _a, _b, _c;
         paymentComplete = event.complete;
+        onPaymentValueChange === null || onPaymentValueChange === void 0 ? void 0 : onPaymentValueChange({
+            savePaymentMethod: (_a = event.value) === null || _a === void 0 ? void 0 : _a.savePaymentMethod,
+        });
         var completenessChanged = (paymentComplete && addressComplete) !== previousComplete;
-        var methodType = (_a = event.value) === null || _a === void 0 ? void 0 : _a.type;
+        var methodType = (_b = event.value) === null || _b === void 0 ? void 0 : _b.type;
         var methodTypeChanged = methodType !== undefined && methodType !== previousMethodType;
         if (methodType !== undefined) {
             previousMethodType = methodType;
         }
         // `savePaymentMethod` reflects the "save for future use" checkbox; it is only
         // present on the change event when the element renders that checkbox.
-        var saveCheckboxChanged = false;
-        var saveCheckboxState = (_b = event.value) === null || _b === void 0 ? void 0 : _b.savePaymentMethod;
-        if (saveCheckboxState !== undefined) {
-            saveCheckboxChanged = previousSaveCheckboxState !== saveCheckboxState;
-            previousSaveCheckboxState = saveCheckboxState;
+        var stripeSaveCheckboxChanged = false;
+        var stripeSaveCheckboxState = (_c = event.value) === null || _c === void 0 ? void 0 : _c.savePaymentMethod;
+        if (initialSaveCheckboxState === undefined &&
+            stripeSaveCheckboxState !== undefined) {
+            stripeSaveCheckboxChanged =
+                previousSaveCheckboxState !== stripeSaveCheckboxState;
+            previousSaveCheckboxState = stripeSaveCheckboxState;
         }
-        if (completenessChanged || methodTypeChanged || saveCheckboxChanged) {
+        if (completenessChanged ||
+            methodTypeChanged ||
+            stripeSaveCheckboxChanged) {
             emitChangeEvent();
         }
     });
@@ -304,6 +338,13 @@ function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElemen
             }
         });
     }
+    return function (saveCheckboxChecked) {
+        if (previousSaveCheckboxState === saveCheckboxChecked) {
+            return;
+        }
+        previousSaveCheckboxState = saveCheckboxChecked;
+        emitChangeEvent();
+    };
 }
 /**
  * Create and mount address element

package/dist/cjs/v1/stripe/terms.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * Translatable strings for Stripe payment elements.
+ * Terms and consent text for Stripe payment elements.
  * These strings are prepared for Transifex extraction.
  *
  * Usage with Transifex:

package/dist/cjs/v1/stripe/themes.js

@@ -53,7 +53,7 @@ function ensureThemeStylesheet() {
     }
     var styleElement = document.createElement('style');
     styleElement.id = THEME_STYLESHEET_ID;
-    styleElement.textContent = "\n    /* Dark theme styles for the mount element */\n    .lsp-theme-dark {\n      background-color: ".concat(exports.THEME_COLORS.DARK.BACKGROUND, " !important;\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    /* Dark theme styles for Stripe custom terms elements */\n    .lsp-theme-dark .stripe-terms-chevron-icon {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-custom-terms-text {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-expandable-terms-content p {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n  ");
+    styleElement.textContent = "\n    /* Dark theme styles for the mount element */\n    .lsp-theme-dark {\n      background-color: ".concat(exports.THEME_COLORS.DARK.BACKGROUND, " !important;\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    /* Dark theme styles for Stripe custom terms elements */\n    .lsp-theme-dark .stripe-terms-chevron-icon {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-custom-terms-text {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-expandable-terms-content p {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-save-payment-method-container {\n      color: ").concat(exports.THEME_COLORS.DARK.TEXT, " !important;\n    }\n    .lsp-theme-dark .stripe-finalization-error {\n      color: #ff8a8a !important;\n    }\n    .lsp-theme-dark .stripe-save-payment-method-checkbox {\n      border-color: #697386;\n      background-color: #30313d;\n    }\n    .lsp-theme-dark .stripe-save-payment-method-checkbox:checked {\n      border-color: #007ea3;\n      background-color: #007ea3;\n    }\n    .lsp-theme-dark .stripe-save-payment-method-checkbox:focus-visible {\n      border-color: #00d4ff;\n      box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.25);\n    }\n  ");
     document.head.appendChild(styleElement);
 }
 /**
@@ -77,7 +77,7 @@ function ensureInvoicingDarkStylesheet() {
     }
     var styleElement = document.createElement('style');
     styleElement.id = INVOICING_DARK_STYLESHEET_ID;
-    styleElement.textContent = "\n    /*\n     * Mirror the non-colour .lsp-theme-invoicing rules from\n     * lightspeed-global-styles.css. Class selectors match whole tokens, so an\n     * element carrying the class lsp-theme-invoicing-dark is never matched by\n     * the selector .lsp-theme-invoicing; without these the terms text would\n     * fall back to the system font while the Elements iframe renders Inter.\n     */\n    .lsp-theme-invoicing-dark {\n      color: #e3e4e9;\n      padding-bottom: 0 !important;\n    }\n    .lsp-theme-invoicing-dark .stripe-custom-terms-text,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-content p {\n      color: #e3e4e9;\n      font-family: 'Inter', system-ui, sans-serif;\n    }\n    /*\n     * Links and the expand toggle. lightspeed-global-styles.css colours these\n     * #635bff, which is close to unreadable on a dark surface, so they take the\n     * consumer dark interactive colour instead. The chevron inherits from its\n     * toggle so the two can never drift apart.\n     */\n    .lsp-theme-invoicing-dark .stripe-custom-terms-text a,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-content a,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-toggle {\n      color: #6cb5fb;\n    }\n    .lsp-theme-invoicing-dark .stripe-terms-chevron-icon {\n      color: inherit;\n    }\n  ";
+    styleElement.textContent = "\n    /*\n     * Mirror the non-colour .lsp-theme-invoicing rules from\n     * lightspeed-global-styles.css. Class selectors match whole tokens, so an\n     * element carrying the class lsp-theme-invoicing-dark is never matched by\n     * the selector .lsp-theme-invoicing; without these the terms text would\n     * fall back to the system font while the Elements iframe renders Inter.\n     */\n    .lsp-theme-invoicing-dark {\n      color: #e3e4e9;\n      padding-bottom: 0 !important;\n    }\n    .lsp-theme-invoicing-dark .stripe-custom-terms-text,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-content p,\n    .lsp-theme-invoicing-dark .stripe-save-payment-method-container,\n    .lsp-theme-invoicing-dark .stripe-finalization-error {\n      color: #e3e4e9;\n      font-family: 'Inter', system-ui, sans-serif;\n    }\n    .lsp-theme-invoicing-dark .stripe-finalization-error {\n      color: #ffa597;\n    }\n    .lsp-theme-invoicing-dark .stripe-save-payment-method-checkbox {\n      border-color: #525256;\n      background-color: #242427;\n    }\n    .lsp-theme-invoicing-dark .stripe-save-payment-method-checkbox:checked {\n      border-color: #286ea8;\n      background-color: #286ea8;\n    }\n    .lsp-theme-invoicing-dark .stripe-save-payment-method-checkbox:focus-visible {\n      border-color: #6cb5fb;\n      box-shadow: 0 0 0 3px rgba(108, 181, 251, 0.25);\n    }\n    /*\n     * Links and the expand toggle. lightspeed-global-styles.css colours these\n     * #635bff, which is close to unreadable on a dark surface, so they take the\n     * consumer dark interactive colour instead. The chevron inherits from its\n     * toggle so the two can never drift apart.\n     */\n    .lsp-theme-invoicing-dark .stripe-custom-terms-text a,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-content a,\n    .lsp-theme-invoicing-dark .stripe-expandable-terms-toggle {\n      color: #6cb5fb;\n    }\n    .lsp-theme-invoicing-dark .stripe-terms-chevron-icon {\n      color: inherit;\n    }\n  ";
     document.head.appendChild(styleElement);
 }
 /**

package/dist/cjs/v1/stripe/widget.js

@@ -38,15 +38,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StripeWidget = void 0;
 exports.mount = mount;
+var session_1 = require("./session");
+var error_1 = require("../error");
 var payment_1 = require("./widgets/payment");
 var moto_1 = require("./widgets/moto");
+var deferredMoto_1 = require("./widgets/deferredMoto");
 var themes_1 = require("./themes");
 /**
  * Main mount function that delegates to appropriate widget based on session type
  */
 function mount(mountElement, session, eventBroadcaster, defaultValues, theme) {
     return __awaiter(this, void 0, void 0, function () {
-        var sessionType, widgetController, _a, originalUnmount_1, error_1;
+        var sessionType, widgetController_1, widgetController, _a, error_2;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -57,43 +60,79 @@ function mount(mountElement, session, eventBroadcaster, defaultValues, theme) {
                     sessionType = session.metadata.sessionType;
                     _b.label = 1;
                 case 1:
-                    _b.trys.push([1, 8, , 9]);
+                    _b.trys.push([1, 10, , 11]);
+                    if (!(0, session_1.isDeferredStripeSession)(session)) return [3 /*break*/, 3];
+                    validateDeferredSession(session, sessionType);
+                    return [4 /*yield*/, (0, deferredMoto_1.mountDeferredMotoWidget)(mountElement, session, eventBroadcaster, defaultValues, theme)];
+                case 2:
+                    widgetController_1 = _b.sent();
+                    return [2 /*return*/, withThemeCleanup(widgetController_1, mountElement, theme)];
+                case 3:
+                    if (!(0, session_1.isIntentBoundStripeSession)(session)) {
+                        throw new error_1.InvalidSessionPayloadError('Invalid Stripe session context');
+                    }
                     widgetController = void 0;
                     _a = sessionType;
                     switch (_a) {
-                        case 'payment': return [3 /*break*/, 2];
-                        case 'payment-with-save': return [3 /*break*/, 2];
-                        case 'moto': return [3 /*break*/, 4];
-                        case 'moto-with-save': return [3 /*break*/, 4];
-                        case 'save': return [3 /*break*/, 4];
+                        case 'payment': return [3 /*break*/, 4];
+                        case 'payment-with-save': return [3 /*break*/, 4];
+                        case 'moto': return [3 /*break*/, 6];
+                        case 'moto-with-save': return [3 /*break*/, 6];
+                        case 'save': return [3 /*break*/, 6];
                     }
-                    return [3 /*break*/, 6];
-                case 2: return [4 /*yield*/, (0, payment_1.mountPaymentWidget)(mountElement, session, eventBroadcaster, defaultValues, theme)];
-                case 3:
-                    widgetController = _b.sent();
-                    return [3 /*break*/, 7];
-                case 4: return [4 /*yield*/, (0, moto_1.mountMotoWidget)(mountElement, session, eventBroadcaster, defaultValues, theme)];
+                    return [3 /*break*/, 8];
+                case 4: return [4 /*yield*/, (0, payment_1.mountPaymentWidget)(mountElement, session, eventBroadcaster, defaultValues, theme)];
                 case 5:
                     widgetController = _b.sent();
-                    return [3 /*break*/, 7];
-                case 6: throw new Error("Unsupported session type: ".concat(sessionType));
+                    return [3 /*break*/, 9];
+                case 6: return [4 /*yield*/, (0, moto_1.mountMotoWidget)(mountElement, session, eventBroadcaster, defaultValues, theme)];
                 case 7:
-                    originalUnmount_1 = widgetController.unmount;
-                    widgetController.unmount = function () {
-                        (0, themes_1.removeThemeClass)(mountElement, theme);
-                        originalUnmount_1();
-                    };
-                    return [2 /*return*/, widgetController];
-                case 8:
-                    error_1 = _b.sent();
+                    widgetController = _b.sent();
+                    return [3 /*break*/, 9];
+                case 8: throw new Error("Unsupported session type: ".concat(sessionType));
+                case 9: 
+                // Wrap unmount to include theme cleanup
+                return [2 /*return*/, withThemeCleanup(widgetController, mountElement, theme)];
+                case 10:
+                    error_2 = _b.sent();
                     // Clean up theme class if mounting fails
                     (0, themes_1.removeThemeClass)(mountElement, theme);
-                    throw error_1;
-                case 9: return [2 /*return*/];
+                    throw error_2;
+                case 11: return [2 /*return*/];
             }
         });
     });
 }
+function validateDeferredSession(session, sessionType) {
+    var context = session.context;
+    if (!['moto', 'moto-with-save'].includes(sessionType || '') ||
+        context.intentMode !== 'deferred' ||
+        context.intent !== 'payment' ||
+        !Number.isSafeInteger(context.amount) ||
+        context.amount <= 0 ||
+        typeof context.currency !== 'string' ||
+        !/^[a-z]{3}$/i.test(context.currency) ||
+        typeof context.publishableKey !== 'string' ||
+        context.publishableKey.length === 0 ||
+        typeof context.onBehalfOf !== 'string' ||
+        context.onBehalfOf.length === 0 ||
+        context.onBehalfOf.trim() !== context.onBehalfOf ||
+        !Array.isArray(context.paymentMethodTypes) ||
+        context.paymentMethodTypes.length !== 1 ||
+        context.paymentMethodTypes[0] !== 'card' ||
+        'clientSecret' in context ||
+        'customerSessionClientSecret' in context) {
+        throw new error_1.InvalidSessionPayloadError('Invalid deferred Stripe MOTO session context');
+    }
+}
+function withThemeCleanup(controller, mountElement, theme) {
+    var originalUnmount = controller.unmount;
+    controller.unmount = function () {
+        (0, themes_1.removeThemeClass)(mountElement, theme);
+        originalUnmount();
+    };
+    return controller;
+}
 exports.StripeWidget = {
     mount: mount,
 };