@lightspeed/online-payments-sdk 1.0.4 → 1.1.0

package/dist/v1/stripe/widget.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,140 +34,29 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { loadStripe } from '@stripe/stripe-js';
-import { EventBuilder } from './ResultBuilder';
-import { InvalidSessionPayloadError, ProcessingError } from '../error';
-function init(context) {
+import { mountPaymentWidget } from './widgets/payment';
+import { mountMotoWidget } from './widgets/moto';
+/**
+ * Main mount function that delegates to appropriate widget based on session type
+ */
+export function mount(mountElement, session, eventBroadcaster, defaultValues, theme) {
     return __awaiter(this, void 0, void 0, function () {
-        var publishableKey, clientSecret, customerSessionClientSecret, loadedStripe, stripe, elementsOptions, elements;
+        var sessionType;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    publishableKey = context.publishableKey, clientSecret = context.clientSecret, customerSessionClientSecret = context.customerSessionClientSecret;
-                    return [4 /*yield*/, loadStripe(publishableKey)];
-                case 1:
-                    loadedStripe = _a.sent();
-                    if (!loadedStripe) {
-                        throw new Error('Failed to initialize Stripe');
-                    }
-                    stripe = loadedStripe;
-                    elementsOptions = __assign({ clientSecret: clientSecret, customerSessionClientSecret: customerSessionClientSecret }, (context.locale && { locale: context.locale }));
-                    elements = stripe.elements(elementsOptions);
-                    return [2 /*return*/, { stripe: stripe, elements: elements }];
-            }
-        });
-    });
-}
-export function mount(mountElement, context, eventBroadcaster, defaultValues) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, stripe, elements, options, paymentElement;
-        var _this = this;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, init(context)];
-                case 1:
-                    _a = _b.sent(), stripe = _a.stripe, elements = _a.elements;
-                    options = {
-                        wallets: {
-                            applePay: 'never',
-                            googlePay: 'never',
-                            link: 'never',
-                        },
-                    };
-                    if (defaultValues) {
-                        options.defaultValues = {
-                            billingDetails: {
-                                address: {
-                                    country: defaultValues.country,
-                                    postal_code: defaultValues.postalCode,
-                                },
-                            },
-                        };
-                    }
-                    paymentElement = elements.create('payment', options);
-                    paymentElement.on('ready', function () {
-                        return eventBroadcaster.publish({ status: 'Ready', code: 'Ready' });
-                    });
-                    paymentElement.mount(mountElement);
-                    return [2 /*return*/, {
-                            unmount: function () { return paymentElement.unmount(); },
-                            submit: function () { return __awaiter(_this, void 0, void 0, function () {
-                                var result;
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
-                                        case 0:
-                                            result = undefined;
-                                            if (!['save-card', 'payment'].includes(context.intent)) {
-                                                eventBroadcaster.publish({
-                                                    status: 'Error',
-                                                    code: 'InvalidSessionPayload',
-                                                    loggingEnrichment: {
-                                                        message: "context has an unexpect intent of ".concat(context.intent),
-                                                    },
-                                                });
-                                                throw new InvalidSessionPayloadError();
-                                            }
-                                            if (!(context.intent === 'save-card')) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, handleSaveCard(stripe, elements)];
-                                        case 1:
-                                            result = _a.sent();
-                                            _a.label = 2;
-                                        case 2:
-                                            if (!(context.intent === 'payment')) return [3 /*break*/, 4];
-                                            return [4 /*yield*/, handlePayment(stripe, elements)];
-                                        case 3:
-                                            result = _a.sent();
-                                            _a.label = 4;
-                                        case 4:
-                                            if (!result) {
-                                                eventBroadcaster.publish({ status: 'Error', code: 'Unexpected' });
-                                                throw new ProcessingError();
-                                            }
-                                            eventBroadcaster.publish(result);
-                                            return [2 /*return*/, result];
-                                    }
-                                });
-                            }); },
-                        }];
-            }
-        });
-    });
-}
-function handleSaveCard(stripe, elements) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, error, setupIntent;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, stripe.confirmSetup({
-                        elements: elements,
-                        redirect: 'if_required',
-                        confirmParams: { return_url: window.location.href },
-                    })];
-                case 1:
-                    _a = _b.sent(), error = _a.error, setupIntent = _a.setupIntent;
-                    return [2 /*return*/, error
-                            ? EventBuilder.fromStripeError(error)
-                            : EventBuilder.fromSetupIntent(setupIntent)];
-            }
-        });
-    });
-}
-function handlePayment(stripe, elements) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, error, paymentIntent;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, stripe.confirmPayment({
-                        elements: elements,
-                        redirect: 'if_required',
-                        confirmParams: { return_url: window.location.href },
-                    })];
-                case 1:
-                    _a = _b.sent(), error = _a.error, paymentIntent = _a.paymentIntent;
-                    return [2 /*return*/, error
-                            ? EventBuilder.fromStripeError(error)
-                            : EventBuilder.fromPaymentIntent(paymentIntent)];
+            sessionType = session.metadata.sessionType;
+            // Route to appropriate widget based on session type
+            switch (sessionType) {
+                case 'payment':
+                case 'payment-with-save':
+                    return [2 /*return*/, mountPaymentWidget(mountElement, session, eventBroadcaster, defaultValues, theme)];
+                case 'moto':
+                case 'moto-with-save':
+                case 'save':
+                    return [2 /*return*/, mountMotoWidget(mountElement, session, eventBroadcaster, defaultValues, theme)];
+                default:
+                    throw new Error("Unsupported session type: ".concat(sessionType));
             }
+            return [2 /*return*/];
         });
     });
 }

package/dist/v1/stripe/widgets/moto.d.ts

@@ -0,0 +1,9 @@
+import { StripeSession } from '../session';
+import { DefaultValues, WidgetController } from '../../common';
+import { EventBroadcaster } from '../../EventBroadcaster';
+import { PaymentWidgetTheme } from '../../widget';
+/**
+ * Mount MOTO widget for moto and moto-with-save session types
+ * MOTO (Mail Order/Telephone Order) forms don't require address collection
+ */
+export declare function mountMotoWidget(mountElement: HTMLElement, session: StripeSession, eventBroadcaster: EventBroadcaster, defaultValues?: DefaultValues, theme?: PaymentWidgetTheme): Promise<WidgetController>;

package/dist/v1/stripe/widgets/moto.js

@@ -0,0 +1,61 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { initStripe, createPaymentElementOptions, createPaymentElement, cleanupElements, createSubmitHandler, } from '../shared';
+/**
+ * Mount MOTO widget for moto and moto-with-save session types
+ * MOTO (Mail Order/Telephone Order) forms don't require address collection
+ */
+export function mountMotoWidget(mountElement, session, eventBroadcaster, defaultValues, theme) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, stripe, elements, paymentOptions, _b, paymentElement, paymentContainer;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, initStripe(session.context, theme)];
+                case 1:
+                    _a = _c.sent(), stripe = _a.stripe, elements = _a.elements;
+                    paymentOptions = createPaymentElementOptions(defaultValues, theme);
+                    _b = createPaymentElement(elements, paymentOptions, mountElement, eventBroadcaster), paymentElement = _b.element, paymentContainer = _b.container;
+                    return [2 /*return*/, {
+                            unmount: function () {
+                                cleanupElements(paymentElement, null, paymentContainer, null);
+                            },
+                            submit: createSubmitHandler(stripe, elements, session, eventBroadcaster),
+                        }];
+            }
+        });
+    });
+}

package/dist/v1/stripe/widgets/payment.d.ts

@@ -0,0 +1,8 @@
+import { StripeSession } from '../session';
+import { DefaultValues, WidgetController } from '../../common';
+import { EventBroadcaster } from '../../EventBroadcaster';
+import { PaymentWidgetTheme } from '../../widget';
+/**
+ * Mount payment widget for payment and payment-with-save session types
+ */
+export declare function mountPaymentWidget(mountElement: HTMLElement, session: StripeSession, eventBroadcaster: EventBroadcaster, defaultValues?: DefaultValues, theme?: PaymentWidgetTheme): Promise<WidgetController>;

package/dist/v1/stripe/widgets/payment.js

@@ -0,0 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { initStripe, createPaymentElementOptions, createAddressElementOptions, createPaymentElement, createAddressElement, cleanupElements, createSubmitHandler, } from '../shared';
+/**
+ * Mount payment widget for payment and payment-with-save session types
+ */
+export function mountPaymentWidget(mountElement, session, eventBroadcaster, defaultValues, theme) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, stripe, elements, addressOptions, _b, addressElement, addressContainer, paymentOptions, _c, paymentElement, paymentContainer;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0: return [4 /*yield*/, initStripe(session.context, theme)];
+                case 1:
+                    _a = _d.sent(), stripe = _a.stripe, elements = _a.elements;
+                    addressOptions = createAddressElementOptions(defaultValues);
+                    _b = createAddressElement(elements, addressOptions, mountElement), addressElement = _b.element, addressContainer = _b.container;
+                    paymentOptions = createPaymentElementOptions(defaultValues, theme);
+                    _c = createPaymentElement(elements, paymentOptions, mountElement, eventBroadcaster), paymentElement = _c.element, paymentContainer = _c.container;
+                    return [2 /*return*/, {
+                            unmount: function () {
+                                cleanupElements(paymentElement, addressElement, paymentContainer, addressContainer);
+                            },
+                            submit: createSubmitHandler(stripe, elements, session, eventBroadcaster),
+                        }];
+            }
+        });
+    });
+}

package/dist/v1/widget.d.ts

@@ -1,8 +1,10 @@
 import { WidgetController, DefaultValues } from './common';
 import { EventListeners } from './EventBroadcaster';
+export type PaymentWidgetTheme = 'invoicing';
 export type PaymentWidgetConfiguration = {
     mountPoint: HTMLElement;
     defaultValues?: DefaultValues;
     listeners?: EventListeners;
+    theme?: PaymentWidgetTheme;
 };
 export declare function mountPaymentWidget(session: string, config: PaymentWidgetConfiguration): Promise<WidgetController>;

package/dist/v1/widget.js

@@ -67,11 +67,11 @@ export function mountPaymentWidget(session, config) {
                         case 'STRIPE': return [3 /*break*/, 4];
                     }
                     return [3 /*break*/, 6];
-                case 2: return [4 /*yield*/, AdyenWidget.mount(config.mountPoint, decodedSession.context, eventBroadcaster)];
+                case 2: return [4 /*yield*/, AdyenWidget.mount(config.mountPoint, decodedSession, eventBroadcaster)];
                 case 3:
                     widgetController = _b.sent();
                     return [3 /*break*/, 7];
-                case 4: return [4 /*yield*/, StripeWidget.mount(config.mountPoint, decodedSession.context, eventBroadcaster, config.defaultValues)];
+                case 4: return [4 /*yield*/, StripeWidget.mount(config.mountPoint, decodedSession, eventBroadcaster, config.defaultValues, config.theme)];
                 case 5:
                     widgetController = _b.sent();
                     return [3 /*break*/, 7];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/online-payments-sdk",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "Process online-payments with Lightspeed Payments",
   "author": "Lightspeed Commerce Inc.",
   "license": "SEE LICENSE IN LICENSE.md",