@lightspeed/online-payments-sdk 0.1.6 → 0.2.1

package/dist/StripeSession.d.ts

@@ -1,4 +1,10 @@
 export type StripeSession = {
     psp: 'STRIPE';
-    context: object;
+    context: StripeContext;
+};
+export type StripeContext = {
+    clientSecret: string;
+    publishableKey: string;
+    customerSessionClientSecret?: string;
+    intent: 'save-card' | 'payment';
 };

package/dist/cjs/v1/AdyenWidget.js

@@ -36,11 +36,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdyenWidget = void 0;
+exports.AdyenWidget = exports.mapAdyenResultCode = void 0;
 var adyen_web_1 = require("@adyen/adyen-web");
+var errors_1 = require("./errors");
+function mapAdyenResultCode(code) {
+    switch (code) {
+        case 'Authorised':
+            return 'Authorized';
+        case 'Refused':
+            return 'Refused';
+        default:
+            return 'Unexpected';
+    }
+}
+exports.mapAdyenResultCode = mapAdyenResultCode;
 function mount(mountElement, context, listeners) {
     return __awaiter(this, void 0, void 0, function () {
-        var checkoutConfig, checkout, dropinConfiguration;
+        var checkoutConfig, checkout, dropinConfiguration, dropIn;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -49,8 +61,19 @@ function mount(mountElement, context, listeners) {
                 case 1:
                     checkout = _a.sent();
                     dropinConfiguration = createDropinConfiguration();
-                    new adyen_web_1.Dropin(checkout, dropinConfiguration).mount(mountElement);
-                    return [2 /*return*/];
+                    dropIn = new adyen_web_1.Dropin(checkout, dropinConfiguration).mount(mountElement);
+                    return [2 /*return*/, {
+                            unmount: function () { return dropIn.unmount(); },
+                            submit: function () {
+                                return new Promise(function (resolve) {
+                                    dropIn.submit();
+                                    resolve({
+                                        status: 'Pending',
+                                        code: 'Success',
+                                    });
+                                });
+                            },
+                        }];
             }
         });
     });
@@ -74,17 +97,21 @@ function createAdyenConfiguration(context, listeners) {
         },
         onPaymentCompleted: function (data) {
             var _a;
-            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onPaymentComplete) === null || _a === void 0 ? void 0 : _a.call(listeners, {
-                code: data.resultCode,
+            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onComplete) === null || _a === void 0 ? void 0 : _a.call(listeners, {
+                code: mapAdyenResultCode(data.resultCode),
+                status: 'Complete',
             });
         },
         onPaymentFailed: function (data) {
             var _a;
-            console.log(data);
-            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onPaymentFail) === null || _a === void 0 ? void 0 : _a.call(listeners, {
-                code: data.resultCode,
+            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onFail) === null || _a === void 0 ? void 0 : _a.call(listeners, {
+                status: 'Complete',
+                code: mapAdyenResultCode(data.resultCode),
             });
         },
+        onError: function (error) {
+            throw new errors_1.PaymentProcessingError(error.message);
+        },
         paymentMethodsResponse: context.paymentMethods,
     };
 }

package/dist/cjs/v1/StripeWidget.js

@@ -0,0 +1,150 @@
+"use strict";
+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;
+    return g = { next: verb(0), "throw": verb(1), "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 };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StripeWidget = exports.mount = exports.mapStripeResultCode = void 0;
+var stripe_js_1 = require("@stripe/stripe-js");
+function mapStripeResultCode(code) {
+    switch (code) {
+        case 'succeeded':
+            return 'Success';
+        default:
+            return 'Unexpected';
+    }
+}
+exports.mapStripeResultCode = mapStripeResultCode;
+function init(context) {
+    return __awaiter(this, void 0, void 0, function () {
+        var publishableKey, clientSecret, customerSessionClientSecret, loadedStripe, stripe, elements;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    publishableKey = context.publishableKey, clientSecret = context.clientSecret, customerSessionClientSecret = context.customerSessionClientSecret;
+                    return [4 /*yield*/, (0, stripe_js_1.loadStripe)(publishableKey)];
+                case 1:
+                    loadedStripe = _a.sent();
+                    if (!loadedStripe) {
+                        throw new Error('Failed to initialize Stripe');
+                    }
+                    stripe = loadedStripe;
+                    elements = stripe.elements({
+                        clientSecret: clientSecret,
+                        customerSessionClientSecret: customerSessionClientSecret,
+                    });
+                    return [2 /*return*/, { stripe: stripe, elements: elements }];
+            }
+        });
+    });
+}
+function mount(mountElement, context, listeners, defaultValues) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, stripe, elements, 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;
+                    paymentElement = elements.create('payment', defaultValues
+                        ? {
+                            defaultValues: {
+                                billingDetails: {
+                                    address: {
+                                        country: defaultValues.country,
+                                        postal_code: defaultValues.postalCode,
+                                    },
+                                },
+                            },
+                        }
+                        : {});
+                    paymentElement.mount(mountElement);
+                    return [2 /*return*/, {
+                            unmount: function () { return paymentElement.unmount(); },
+                            submit: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var result, _a, error, setupIntent, _b, error, paymentIntent;
+                                var _c, _d;
+                                return __generator(this, function (_e) {
+                                    switch (_e.label) {
+                                        case 0:
+                                            result = { status: 'Pending', code: 'Unexpected' };
+                                            if (!(context.intent === 'save-card')) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, stripe.confirmSetup({
+                                                    elements: elements,
+                                                    redirect: 'if_required',
+                                                    confirmParams: { return_url: window.location.href },
+                                                })];
+                                        case 1:
+                                            _a = _e.sent(), error = _a.error, setupIntent = _a.setupIntent;
+                                            result = {
+                                                status: 'Complete',
+                                                code: error ? 'Failure' : mapStripeResultCode(setupIntent.status),
+                                            };
+                                            _e.label = 2;
+                                        case 2:
+                                            if (!(context.intent === 'payment')) return [3 /*break*/, 4];
+                                            return [4 /*yield*/, stripe.confirmPayment({
+                                                    elements: elements,
+                                                    redirect: 'if_required',
+                                                    confirmParams: { return_url: window.location.href },
+                                                })];
+                                        case 3:
+                                            _b = _e.sent(), error = _b.error, paymentIntent = _b.paymentIntent;
+                                            result = {
+                                                status: 'Complete',
+                                                code: error ? 'Failure' : mapStripeResultCode(paymentIntent.status),
+                                            };
+                                            _e.label = 4;
+                                        case 4:
+                                            if (result.code === 'Failure') {
+                                                (_c = listeners.onFail) === null || _c === void 0 ? void 0 : _c.call(listeners, result);
+                                            }
+                                            else {
+                                                (_d = listeners.onComplete) === null || _d === void 0 ? void 0 : _d.call(listeners, result);
+                                            }
+                                            return [2 /*return*/, result];
+                                    }
+                                });
+                            }); },
+                        }];
+            }
+        });
+    });
+}
+exports.mount = mount;
+exports.StripeWidget = {
+    mount: mount,
+};

package/dist/cjs/v1/errors.js

@@ -0,0 +1,82 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentProcessingError = exports.InvalidSessionError = exports.InvalidSessionStructureError = exports.UnsupportedLocationError = exports.ErrorCode = void 0;
+var ErrorCode;
+(function (ErrorCode) {
+    ErrorCode["UnsupportedLocation"] = "UnsupportedLocation";
+    ErrorCode["InvalidSessionStructure"] = "InvalidSessionStructure";
+    ErrorCode["InvalidSessionError"] = "InvalidSessionError";
+    ErrorCode["PaymentProcessingError"] = "PaymentProcessingError";
+})(ErrorCode || (exports.ErrorCode = ErrorCode = {}));
+var BaseError = /** @class */ (function (_super) {
+    __extends(BaseError, _super);
+    function BaseError(code, message) {
+        var _this = _super.call(this, message) || this;
+        _this.code = code;
+        return _this;
+    }
+    return BaseError;
+}(Error));
+/**
+ * Error thrown when the location is unsupported.
+ * @typedef {Error} UnsupportedLocationError
+ */
+var UnsupportedLocationError = /** @class */ (function (_super) {
+    __extends(UnsupportedLocationError, _super);
+    function UnsupportedLocationError() {
+        return _super.call(this, ErrorCode.UnsupportedLocation, 'The location you are attempting to process with is not supported') || this;
+    }
+    return UnsupportedLocationError;
+}(BaseError));
+exports.UnsupportedLocationError = UnsupportedLocationError;
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} InvalidSessionStructureError
+ */
+var InvalidSessionStructureError = /** @class */ (function (_super) {
+    __extends(InvalidSessionStructureError, _super);
+    function InvalidSessionStructureError() {
+        return _super.call(this, ErrorCode.InvalidSessionStructure, 'The contents of the session are invalid') || this;
+    }
+    return InvalidSessionStructureError;
+}(BaseError));
+exports.InvalidSessionStructureError = InvalidSessionStructureError;
+/**
+ * Error thrown when the session is invalid.
+ * @typedef {Error} InvalidSessionError
+ */
+var InvalidSessionError = /** @class */ (function (_super) {
+    __extends(InvalidSessionError, _super);
+    function InvalidSessionError() {
+        return _super.call(this, ErrorCode.InvalidSessionError, 'The provided session is invalid. Verify the correct session is being passed') || this;
+    }
+    return InvalidSessionError;
+}(BaseError));
+exports.InvalidSessionError = InvalidSessionError;
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} PaymentProcessingError
+ */
+var PaymentProcessingError = /** @class */ (function (_super) {
+    __extends(PaymentProcessingError, _super);
+    function PaymentProcessingError(message) {
+        return _super.call(this, ErrorCode.PaymentProcessingError, "An error occurred while processing the payment. ".concat(message)) || this;
+    }
+    return PaymentProcessingError;
+}(BaseError));
+exports.PaymentProcessingError = PaymentProcessingError;

package/dist/cjs/v1/index.js

@@ -1,41 +1,16 @@
 "use strict";
+/**
+ * @fileoverview Entry point for version 1 of the LSP Online Payments SDK.
+ * This module exports the necessary functions and types for mounting the payment widget
+ * and handling errors related to payment sessions.
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.v1 = void 0;
-var AdyenWidget_1 = require("./AdyenWidget");
-function mountPaymentWidget(sessionId, _a) {
-    var mountPoint = _a.mountPoint, onPaymentComplete = _a.onPaymentComplete, onPaymentFail = _a.onPaymentFail;
-    var session = decodePaymentSessionToContext(sessionId);
-    switch (session.psp) {
-        case 'ADYEN':
-            return AdyenWidget_1.AdyenWidget.mount(mountPoint, session.context, {
-                onPaymentComplete: onPaymentComplete,
-                onPaymentFail: onPaymentFail,
-            });
-        case 'STRIPE':
-        default:
-            throw Error('Unsupported PSP');
-    }
-}
-function decodePaymentSessionToContext(paymentSession) {
-    try {
-        var decoded = atob(paymentSession);
-        var jsonToken = JSON.parse(decoded);
-        if (jsonToken && isTokenValid(jsonToken)) {
-            return jsonToken;
-        }
-        throw Error('invalid token structure');
-    }
-    catch (e) {
-        throw Error("Payment token is not valid, ".concat(e));
-    }
-}
-function isTokenValid(token) {
-    var t = token;
-    if (t && !!t.psp && !!t.context) {
-        return true;
-    }
-    return false;
-}
+exports.v1 = exports.InvalidSessionError = exports.UnsupportedLocationError = exports.InvalidSessionStructureError = void 0;
+var widget_1 = require("./widget");
+var errors_1 = require("./errors");
+Object.defineProperty(exports, "InvalidSessionStructureError", { enumerable: true, get: function () { return errors_1.InvalidSessionStructureError; } });
+Object.defineProperty(exports, "UnsupportedLocationError", { enumerable: true, get: function () { return errors_1.UnsupportedLocationError; } });
+Object.defineProperty(exports, "InvalidSessionError", { enumerable: true, get: function () { return errors_1.InvalidSessionError; } });
 exports.v1 = {
-    mountPaymentWidget: mountPaymentWidget,
+    mountPaymentWidget: widget_1.mountPaymentWidget,
 };

package/dist/cjs/v1/widget.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTokenValid = exports.decodePaymentSessionToContext = exports.mountPaymentWidget = void 0;
+var AdyenWidget_1 = require("./AdyenWidget");
+var errors_1 = require("./errors");
+var StripeWidget_1 = require("./StripeWidget");
+function mountPaymentWidget(session, _a) {
+    var mountPoint = _a.mountPoint, onComplete = _a.onComplete, onFail = _a.onFail, defaultValues = _a.defaultValues;
+    var decodedSession = decodePaymentSessionToContext(session);
+    switch (decodedSession.psp) {
+        case 'ADYEN':
+            return AdyenWidget_1.AdyenWidget.mount(mountPoint, decodedSession.context, {
+                onComplete: onComplete,
+                onFail: onFail,
+            });
+        case 'STRIPE':
+            return StripeWidget_1.StripeWidget.mount(mountPoint, decodedSession.context, {
+                onComplete: onComplete,
+                onFail: onFail,
+            }, defaultValues);
+        default:
+            throw new errors_1.UnsupportedLocationError();
+    }
+}
+exports.mountPaymentWidget = mountPaymentWidget;
+function decodePaymentSessionToContext(paymentSession) {
+    try {
+        var decoded = atob(paymentSession);
+        var jsonToken = JSON.parse(decoded);
+        if (jsonToken && isTokenValid(jsonToken)) {
+            return jsonToken;
+        }
+        throw new errors_1.InvalidSessionStructureError();
+    }
+    catch (e) {
+        throw new errors_1.InvalidSessionError();
+    }
+}
+exports.decodePaymentSessionToContext = decodePaymentSessionToContext;
+function isTokenValid(token) {
+    var t = token;
+    if (t && !!t.psp && !!t.context) {
+        return true;
+    }
+    return false;
+}
+exports.isTokenValid = isTokenValid;

package/dist/index.d.ts

@@ -1,7 +1,4 @@
-export type { PaymentWidgetConfiguration } from './v1';
-export type { CompleteResult, FailedResult } from './common';
+export type * from './v1';
 export declare const LightspeedPayments: {
-    v1: {
-        mountPaymentWidget(sessionId: string, { mountPoint, onPaymentComplete, onPaymentFail }: import("./v1").PaymentWidgetConfiguration): void;
-    };
+    v1: import("./v1").LightspeedPaymentsV1;
 };

package/dist/v1/AdyenWidget.d.ts

@@ -1,3 +1,5 @@
+import type { ResultCode as AdyenResultCode } from '@adyen/adyen-web';
 import { AdyenContext } from '../AdyenSession';
-import { WidgetInterface } from '../common';
+import { WidgetInterface, ResultCode } from './common';
+export declare function mapAdyenResultCode(code: AdyenResultCode): ResultCode;
 export declare const AdyenWidget: WidgetInterface<AdyenContext>;

package/dist/v1/AdyenWidget.js

@@ -35,9 +35,20 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { AdyenCheckout, Dropin, Card, GooglePay, ApplePay, } from '@adyen/adyen-web';
+import { PaymentProcessingError } from './errors';
+export function mapAdyenResultCode(code) {
+    switch (code) {
+        case 'Authorised':
+            return 'Authorized';
+        case 'Refused':
+            return 'Refused';
+        default:
+            return 'Unexpected';
+    }
+}
 function mount(mountElement, context, listeners) {
     return __awaiter(this, void 0, void 0, function () {
-        var checkoutConfig, checkout, dropinConfiguration;
+        var checkoutConfig, checkout, dropinConfiguration, dropIn;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -46,8 +57,19 @@ function mount(mountElement, context, listeners) {
                 case 1:
                     checkout = _a.sent();
                     dropinConfiguration = createDropinConfiguration();
-                    new Dropin(checkout, dropinConfiguration).mount(mountElement);
-                    return [2 /*return*/];
+                    dropIn = new Dropin(checkout, dropinConfiguration).mount(mountElement);
+                    return [2 /*return*/, {
+                            unmount: function () { return dropIn.unmount(); },
+                            submit: function () {
+                                return new Promise(function (resolve) {
+                                    dropIn.submit();
+                                    resolve({
+                                        status: 'Pending',
+                                        code: 'Success',
+                                    });
+                                });
+                            },
+                        }];
             }
         });
     });
@@ -71,17 +93,21 @@ function createAdyenConfiguration(context, listeners) {
         },
         onPaymentCompleted: function (data) {
             var _a;
-            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onPaymentComplete) === null || _a === void 0 ? void 0 : _a.call(listeners, {
-                code: data.resultCode,
+            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onComplete) === null || _a === void 0 ? void 0 : _a.call(listeners, {
+                code: mapAdyenResultCode(data.resultCode),
+                status: 'Complete',
             });
         },
         onPaymentFailed: function (data) {
             var _a;
-            console.log(data);
-            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onPaymentFail) === null || _a === void 0 ? void 0 : _a.call(listeners, {
-                code: data.resultCode,
+            (_a = listeners === null || listeners === void 0 ? void 0 : listeners.onFail) === null || _a === void 0 ? void 0 : _a.call(listeners, {
+                status: 'Complete',
+                code: mapAdyenResultCode(data.resultCode),
             });
         },
+        onError: function (error) {
+            throw new PaymentProcessingError(error.message);
+        },
         paymentMethodsResponse: context.paymentMethods,
     };
 }

package/dist/v1/StripeWidget.d.ts

@@ -0,0 +1,6 @@
+import type { SetupIntent, PaymentIntent } from '@stripe/stripe-js';
+import { StripeContext } from 'src/StripeSession';
+import { Callbacks, DefaultValues, ResultCode, WidgetController, WidgetInterface } from './common';
+export declare function mapStripeResultCode(code: SetupIntent.Status | PaymentIntent.Status): ResultCode;
+export declare function mount(mountElement: HTMLElement, context: StripeContext, listeners: Callbacks, defaultValues?: DefaultValues): Promise<WidgetController>;
+export declare const StripeWidget: WidgetInterface<StripeContext>;

package/dist/v1/StripeWidget.js

@@ -0,0 +1,145 @@
+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;
+    return g = { next: verb(0), "throw": verb(1), "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 { loadStripe } from '@stripe/stripe-js';
+export function mapStripeResultCode(code) {
+    switch (code) {
+        case 'succeeded':
+            return 'Success';
+        default:
+            return 'Unexpected';
+    }
+}
+function init(context) {
+    return __awaiter(this, void 0, void 0, function () {
+        var publishableKey, clientSecret, customerSessionClientSecret, loadedStripe, stripe, elements;
+        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;
+                    elements = stripe.elements({
+                        clientSecret: clientSecret,
+                        customerSessionClientSecret: customerSessionClientSecret,
+                    });
+                    return [2 /*return*/, { stripe: stripe, elements: elements }];
+            }
+        });
+    });
+}
+export function mount(mountElement, context, listeners, defaultValues) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, stripe, elements, 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;
+                    paymentElement = elements.create('payment', defaultValues
+                        ? {
+                            defaultValues: {
+                                billingDetails: {
+                                    address: {
+                                        country: defaultValues.country,
+                                        postal_code: defaultValues.postalCode,
+                                    },
+                                },
+                            },
+                        }
+                        : {});
+                    paymentElement.mount(mountElement);
+                    return [2 /*return*/, {
+                            unmount: function () { return paymentElement.unmount(); },
+                            submit: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var result, _a, error, setupIntent, _b, error, paymentIntent;
+                                var _c, _d;
+                                return __generator(this, function (_e) {
+                                    switch (_e.label) {
+                                        case 0:
+                                            result = { status: 'Pending', code: 'Unexpected' };
+                                            if (!(context.intent === 'save-card')) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, stripe.confirmSetup({
+                                                    elements: elements,
+                                                    redirect: 'if_required',
+                                                    confirmParams: { return_url: window.location.href },
+                                                })];
+                                        case 1:
+                                            _a = _e.sent(), error = _a.error, setupIntent = _a.setupIntent;
+                                            result = {
+                                                status: 'Complete',
+                                                code: error ? 'Failure' : mapStripeResultCode(setupIntent.status),
+                                            };
+                                            _e.label = 2;
+                                        case 2:
+                                            if (!(context.intent === 'payment')) return [3 /*break*/, 4];
+                                            return [4 /*yield*/, stripe.confirmPayment({
+                                                    elements: elements,
+                                                    redirect: 'if_required',
+                                                    confirmParams: { return_url: window.location.href },
+                                                })];
+                                        case 3:
+                                            _b = _e.sent(), error = _b.error, paymentIntent = _b.paymentIntent;
+                                            result = {
+                                                status: 'Complete',
+                                                code: error ? 'Failure' : mapStripeResultCode(paymentIntent.status),
+                                            };
+                                            _e.label = 4;
+                                        case 4:
+                                            if (result.code === 'Failure') {
+                                                (_c = listeners.onFail) === null || _c === void 0 ? void 0 : _c.call(listeners, result);
+                                            }
+                                            else {
+                                                (_d = listeners.onComplete) === null || _d === void 0 ? void 0 : _d.call(listeners, result);
+                                            }
+                                            return [2 /*return*/, result];
+                                    }
+                                });
+                            }); },
+                        }];
+            }
+        });
+    });
+}
+export var StripeWidget = {
+    mount: mount,
+};

package/dist/v1/common.d.ts

@@ -0,0 +1,21 @@
+export type ResultCode = 'Authorized' | 'Success' | 'Failure' | 'Refused' | 'Unexpected';
+export type Status = 'Pending' | 'Complete';
+export type Result = {
+    status: Status;
+    code: ResultCode;
+};
+export type WidgetController = {
+    unmount: () => void;
+    submit: () => Promise<Result>;
+};
+export type Callbacks = {
+    onComplete?(result: Result): void;
+    onFail?(result: Result): void;
+};
+export type DefaultValues = {
+    country?: string;
+    postalCode?: string;
+};
+export type WidgetInterface<T> = {
+    mount: (mountElement: HTMLElement, context: T, listeners: Callbacks, defaultValues?: DefaultValues) => Promise<WidgetController>;
+};

package/dist/v1/errors.d.ts

@@ -0,0 +1,42 @@
+export declare enum ErrorCode {
+    UnsupportedLocation = "UnsupportedLocation",
+    InvalidSessionStructure = "InvalidSessionStructure",
+    InvalidSessionError = "InvalidSessionError",
+    PaymentProcessingError = "PaymentProcessingError"
+}
+export interface CustomError {
+    code: ErrorCode;
+}
+declare class BaseError extends Error implements CustomError {
+    code: ErrorCode;
+    constructor(code: ErrorCode, message: string);
+}
+/**
+ * Error thrown when the location is unsupported.
+ * @typedef {Error} UnsupportedLocationError
+ */
+export declare class UnsupportedLocationError extends BaseError {
+    constructor();
+}
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} InvalidSessionStructureError
+ */
+export declare class InvalidSessionStructureError extends BaseError {
+    constructor();
+}
+/**
+ * Error thrown when the session is invalid.
+ * @typedef {Error} InvalidSessionError
+ */
+export declare class InvalidSessionError extends BaseError {
+    constructor();
+}
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} PaymentProcessingError
+ */
+export declare class PaymentProcessingError extends BaseError {
+    constructor(message: string);
+}
+export {};

package/dist/v1/errors.js

@@ -0,0 +1,79 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+export var ErrorCode;
+(function (ErrorCode) {
+    ErrorCode["UnsupportedLocation"] = "UnsupportedLocation";
+    ErrorCode["InvalidSessionStructure"] = "InvalidSessionStructure";
+    ErrorCode["InvalidSessionError"] = "InvalidSessionError";
+    ErrorCode["PaymentProcessingError"] = "PaymentProcessingError";
+})(ErrorCode || (ErrorCode = {}));
+var BaseError = /** @class */ (function (_super) {
+    __extends(BaseError, _super);
+    function BaseError(code, message) {
+        var _this = _super.call(this, message) || this;
+        _this.code = code;
+        return _this;
+    }
+    return BaseError;
+}(Error));
+/**
+ * Error thrown when the location is unsupported.
+ * @typedef {Error} UnsupportedLocationError
+ */
+var UnsupportedLocationError = /** @class */ (function (_super) {
+    __extends(UnsupportedLocationError, _super);
+    function UnsupportedLocationError() {
+        return _super.call(this, ErrorCode.UnsupportedLocation, 'The location you are attempting to process with is not supported') || this;
+    }
+    return UnsupportedLocationError;
+}(BaseError));
+export { UnsupportedLocationError };
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} InvalidSessionStructureError
+ */
+var InvalidSessionStructureError = /** @class */ (function (_super) {
+    __extends(InvalidSessionStructureError, _super);
+    function InvalidSessionStructureError() {
+        return _super.call(this, ErrorCode.InvalidSessionStructure, 'The contents of the session are invalid') || this;
+    }
+    return InvalidSessionStructureError;
+}(BaseError));
+export { InvalidSessionStructureError };
+/**
+ * Error thrown when the session is invalid.
+ * @typedef {Error} InvalidSessionError
+ */
+var InvalidSessionError = /** @class */ (function (_super) {
+    __extends(InvalidSessionError, _super);
+    function InvalidSessionError() {
+        return _super.call(this, ErrorCode.InvalidSessionError, 'The provided session is invalid. Verify the correct session is being passed') || this;
+    }
+    return InvalidSessionError;
+}(BaseError));
+export { InvalidSessionError };
+/**
+ * Error thrown when the session structure is invalid.
+ * @typedef {Error} PaymentProcessingError
+ */
+var PaymentProcessingError = /** @class */ (function (_super) {
+    __extends(PaymentProcessingError, _super);
+    function PaymentProcessingError(message) {
+        return _super.call(this, ErrorCode.PaymentProcessingError, "An error occurred while processing the payment. ".concat(message)) || this;
+    }
+    return PaymentProcessingError;
+}(BaseError));
+export { PaymentProcessingError };

package/dist/v1/index.d.ts

@@ -1,9 +1,20 @@
-import { Callbacks } from '../common';
-export type PaymentWidgetConfiguration = {
-    mountPoint: HTMLElement;
-} & Callbacks;
-type V1ApiContract = {
-    mountPaymentWidget(sessionId: string, { mountPoint, onPaymentComplete, onPaymentFail }: PaymentWidgetConfiguration): void;
+/**
+ * @fileoverview Entry point for version 1 of the LSP Online Payments SDK.
+ * This module exports the necessary functions and types for mounting the payment widget
+ * and handling errors related to payment sessions.
+ */
+import { WidgetController } from './common';
+import { PaymentWidgetConfiguration } from './widget';
+export type { Result, WidgetController } from './common';
+export { InvalidSessionStructureError, UnsupportedLocationError, InvalidSessionError, } from './errors';
+export type { PaymentWidgetConfiguration } from './widget';
+export type LightspeedPaymentsV1 = {
+    /**
+     * Mounts the payment widget to the specified mount point.
+     * @function mountPaymentWidget
+     * @param {string} session - The session ID for the payment session.
+     * @param {PaymentWidgetConfiguration} config - The configuration options for the payment widget.
+     */
+    mountPaymentWidget(session: string, { mountPoint, onComplete, onFail, defaultValues }: PaymentWidgetConfiguration): Promise<WidgetController>;
 };
-export declare const v1: V1ApiContract;
-export {};
+export declare const v1: LightspeedPaymentsV1;

package/dist/v1/index.js

@@ -1,38 +1,10 @@
-import { AdyenWidget } from './AdyenWidget';
-function mountPaymentWidget(sessionId, _a) {
-    var mountPoint = _a.mountPoint, onPaymentComplete = _a.onPaymentComplete, onPaymentFail = _a.onPaymentFail;
-    var session = decodePaymentSessionToContext(sessionId);
-    switch (session.psp) {
-        case 'ADYEN':
-            return AdyenWidget.mount(mountPoint, session.context, {
-                onPaymentComplete: onPaymentComplete,
-                onPaymentFail: onPaymentFail,
-            });
-        case 'STRIPE':
-        default:
-            throw Error('Unsupported PSP');
-    }
-}
-function decodePaymentSessionToContext(paymentSession) {
-    try {
-        var decoded = atob(paymentSession);
-        var jsonToken = JSON.parse(decoded);
-        if (jsonToken && isTokenValid(jsonToken)) {
-            return jsonToken;
-        }
-        throw Error('invalid token structure');
-    }
-    catch (e) {
-        throw Error("Payment token is not valid, ".concat(e));
-    }
-}
-function isTokenValid(token) {
-    var t = token;
-    if (t && !!t.psp && !!t.context) {
-        return true;
-    }
-    return false;
-}
+/**
+ * @fileoverview Entry point for version 1 of the LSP Online Payments SDK.
+ * This module exports the necessary functions and types for mounting the payment widget
+ * and handling errors related to payment sessions.
+ */
+import { mountPaymentWidget } from './widget';
+export { InvalidSessionStructureError, UnsupportedLocationError, InvalidSessionError, } from './errors';
 export var v1 = {
     mountPaymentWidget: mountPaymentWidget,
 };

package/dist/v1/widget.d.ts

@@ -0,0 +1,14 @@
+import { StripeSession } from 'src/StripeSession';
+import { AdyenSession } from 'src/AdyenSession';
+import { Callbacks, WidgetController, DefaultValues } from 'src/v1/common';
+type Session = {
+    metadata: Record<string, string>;
+} & (AdyenSession | StripeSession);
+export type PaymentWidgetConfiguration = {
+    mountPoint: HTMLElement;
+    defaultValues?: DefaultValues;
+} & Callbacks;
+export declare function mountPaymentWidget(session: string, { mountPoint, onComplete, onFail, defaultValues }: PaymentWidgetConfiguration): Promise<WidgetController>;
+export declare function decodePaymentSessionToContext(paymentSession: string): Session;
+export declare function isTokenValid(token: unknown): token is Session;
+export {};

package/dist/v1/widget.js

@@ -0,0 +1,41 @@
+import { AdyenWidget } from './AdyenWidget';
+import { InvalidSessionError, InvalidSessionStructureError, UnsupportedLocationError, } from './errors';
+import { StripeWidget } from './StripeWidget';
+export function mountPaymentWidget(session, _a) {
+    var mountPoint = _a.mountPoint, onComplete = _a.onComplete, onFail = _a.onFail, defaultValues = _a.defaultValues;
+    var decodedSession = decodePaymentSessionToContext(session);
+    switch (decodedSession.psp) {
+        case 'ADYEN':
+            return AdyenWidget.mount(mountPoint, decodedSession.context, {
+                onComplete: onComplete,
+                onFail: onFail,
+            });
+        case 'STRIPE':
+            return StripeWidget.mount(mountPoint, decodedSession.context, {
+                onComplete: onComplete,
+                onFail: onFail,
+            }, defaultValues);
+        default:
+            throw new UnsupportedLocationError();
+    }
+}
+export function decodePaymentSessionToContext(paymentSession) {
+    try {
+        var decoded = atob(paymentSession);
+        var jsonToken = JSON.parse(decoded);
+        if (jsonToken && isTokenValid(jsonToken)) {
+            return jsonToken;
+        }
+        throw new InvalidSessionStructureError();
+    }
+    catch (e) {
+        throw new InvalidSessionError();
+    }
+}
+export function isTokenValid(token) {
+    var t = token;
+    if (t && !!t.psp && !!t.context) {
+        return true;
+    }
+    return false;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/online-payments-sdk",
-  "version": "0.1.6",
+  "version": "0.2.1",
   "description": "Process online-payments with Lightspeed Payments",
   "author": "Lightspeed Commerce Inc.",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -18,26 +18,27 @@
   "scripts": {
     "test": "jest --no-cache --detectOpenHandles",
     "lint": "gts lint",
-    "clean": "gts clean && rm -rf styles",
+    "fix": "gts fix",
+    "clean": "gts clean",
     "typecheck": "tsc --noEmit",
     "check-package-content": "npm pack --dry-run",
-    "build": "npm run build:esm && npm run build:cjs && npm run build:css",
+    "build": "npm run build:esm && npm run build:cjs",
     "build:esm": "tsc --module esnext --target es5 --outDir dist --downlevelIteration",
-    "build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs --downlevelIteration --declaration false",
-    "build:css": "mkdir -p styles && cp src/**/*.css styles/"
+    "build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs --downlevelIteration --declaration false"
   },
   "devDependencies": {
     "@types/jest": "^29.5.13",
-    "gts": "^5.3.1",
+    "gts": "^6.0.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "rollup": "^2.79.1",
+    "rollup": "^4.34.8",
     "ts-jest": "^29.2.5",
     "tslib": "^2.7.0",
     "typescript": "^5.1.5"
   },
   "dependencies": {
-    "@adyen/adyen-web": "^6.8.0"
+    "@adyen/adyen-web": "^6.8.0",
+    "@stripe/stripe-js": "^7.3.0"
   }
 }

package/dist/common.d.ts

@@ -1,14 +0,0 @@
-export type ResultCode = 'AuthenticationFinished' | 'AuthenticationNotRequired' | 'Authorised' | 'Cancelled' | 'ChallengeShopper' | 'Error' | 'IdentifyShopper' | 'PartiallyAuthorised' | 'Pending' | 'PresentToShopper' | 'Received' | 'RedirectShopper' | 'Refused';
-type Result<T> = {
-    code: T;
-};
-export type CompleteResult = Result<ResultCode>;
-export type FailedResult = Result<ResultCode>;
-export type Callbacks = {
-    onPaymentComplete?(result: CompleteResult): void;
-    onPaymentFail?(result: FailedResult): void;
-};
-export type WidgetInterface<T> = {
-    mount: (mountElement: HTMLElement, context: T, listeners: Callbacks) => void;
-};
-export {};