@lightspeed/online-payments-sdk 1.2.1 → 1.2.3

package/dist/cjs/v1/logging/datadog/logger.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLogger = exports.Logger = void 0;
 var browser_logs_1 = require("@datadog/browser-logs");
+var version_1 = require("../../../version");
 var Logger = /** @class */ (function () {
     function Logger() {
     }
@@ -12,6 +13,7 @@ var Logger = /** @class */ (function () {
             site: site,
             service: 'lsp-online-payments-sdk',
             env: env,
+            version: version_1.SDK_VERSION,
             forwardErrorsToLogs: false,
             forwardConsoleLogs: [],
         };

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

@@ -51,6 +51,7 @@ exports.initStripe = initStripe;
 exports.createPaymentElementOptions = createPaymentElementOptions;
 exports.createAddressElementOptions = createAddressElementOptions;
 exports.createPaymentElement = createPaymentElement;
+exports.setupChangeEventHandler = setupChangeEventHandler;
 exports.createAddressElement = createAddressElement;
 exports.cleanupElements = cleanupElements;
 exports.handleSaveCard = handleSaveCard;
@@ -193,19 +194,9 @@ function createPaymentElement(elements, options, mountElement, eventBroadcaster)
     // Create custom terms element for US Bank Account
     var customTermsElement = createCustomTermsElement();
     mountElement.appendChild(customTermsElement);
-    // Track previous complete state to only emit onChange event on state transitions
-    var previousComplete = null;
+    // Handle US Bank Account terms visibility
     paymentElement.on('change', function (event) {
         var _a;
-        // Emit onChange event only when "complete" status transitions
-        if (event.complete !== previousComplete) {
-            previousComplete = event.complete;
-            eventBroadcaster.publish({
-                status: 'Change',
-                code: event.complete ? 'Complete' : 'Incomplete',
-            });
-        }
-        // Show custom terms only when US Bank Account is selected
         if (((_a = event.value) === null || _a === void 0 ? void 0 : _a.type) === 'us_bank_account') {
             customTermsElement.style.display = 'block';
         }
@@ -219,6 +210,37 @@ function createPaymentElement(elements, options, mountElement, eventBroadcaster)
         customTermsContainer: customTermsElement,
     };
 }
+/**
+ * Setup change event handling for payment form elements.
+ * When addressElement is provided (payment form): emits "Complete" only when BOTH elements are complete,
+ * and "Incomplete" when at least one element becomes incomplete.
+ * When addressElement is not provided (MOTO form): emits based on payment element completion only.
+ */
+function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElement) {
+    var paymentComplete = false;
+    var addressComplete = !addressElement; // If no address element, consider it complete
+    var previousComplete = null;
+    var emitChangeEventIfNeeded = function () {
+        var complete = paymentComplete && addressComplete;
+        if (complete !== previousComplete) {
+            previousComplete = complete;
+            eventBroadcaster.publish({
+                status: 'Change',
+                code: complete ? 'Complete' : 'Incomplete',
+            });
+        }
+    };
+    paymentElement.on('change', function (event) {
+        paymentComplete = event.complete;
+        emitChangeEventIfNeeded();
+    });
+    if (addressElement) {
+        addressElement.on('change', function (event) {
+            addressComplete = event.complete;
+            emitChangeEventIfNeeded();
+        });
+    }
+}
 /**
  * Create and mount address element
  */

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

@@ -52,6 +52,8 @@ function mountMotoWidget(mountElement, session, eventBroadcaster, defaultValues,
                     _a = _c.sent(), stripe = _a.stripe, elements = _a.elements;
                     paymentOptions = (0, shared_1.createPaymentElementOptions)(defaultValues, theme);
                     _b = (0, shared_1.createPaymentElement)(elements, paymentOptions, mountElement, eventBroadcaster), paymentElement = _b.element, paymentContainer = _b.container, customTermsContainer = _b.customTermsContainer;
+                    // Setup change handler for payment element only (MOTO forms don't have address element)
+                    (0, shared_1.setupChangeEventHandler)(paymentElement, eventBroadcaster);
                     return [2 /*return*/, {
                             unmount: function () {
                                 (0, shared_1.cleanupElements)(paymentElement, null, paymentContainer, null, customTermsContainer);

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

@@ -53,6 +53,8 @@ function mountPaymentWidget(mountElement, session, eventBroadcaster, defaultValu
                     _b = (0, shared_1.createAddressElement)(elements, addressOptions, mountElement), addressElement = _b.element, addressContainer = _b.container;
                     paymentOptions = (0, shared_1.createPaymentElementOptions)(defaultValues, theme, true);
                     _c = (0, shared_1.createPaymentElement)(elements, paymentOptions, mountElement, eventBroadcaster), paymentElement = _c.element, paymentContainer = _c.container, customTermsContainer = _c.customTermsContainer;
+                    // Setup change handler that emits Complete only when both elements are complete
+                    (0, shared_1.setupChangeEventHandler)(paymentElement, eventBroadcaster, addressElement);
                     return [2 /*return*/, {
                             unmount: function () {
                                 (0, shared_1.cleanupElements)(paymentElement, addressElement, paymentContainer, addressContainer, customTermsContainer);

package/dist/cjs/version.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SDK_VERSION = void 0;
+// This file is auto-generated during the build process
+// DO NOT EDIT MANUALLY - Version is extracted from package.json
+exports.SDK_VERSION = '1.2.3';

package/dist/v1/logging/datadog/logger.js

@@ -1,4 +1,5 @@
 import { datadogLogs } from '@datadog/browser-logs';
+import { SDK_VERSION } from '../../../version';
 var Logger = /** @class */ (function () {
     function Logger() {
     }
@@ -9,6 +10,7 @@ var Logger = /** @class */ (function () {
             site: site,
             service: 'lsp-online-payments-sdk',
             env: env,
+            version: SDK_VERSION,
             forwardErrorsToLogs: false,
             forwardConsoleLogs: [],
         };

package/dist/v1/stripe/shared.d.ts

@@ -35,6 +35,13 @@ export declare function createPaymentElement(elements: StripeElements, options:
     container: HTMLElement;
     customTermsContainer: HTMLElement;
 };
+/**
+ * Setup change event handling for payment form elements.
+ * When addressElement is provided (payment form): emits "Complete" only when BOTH elements are complete,
+ * and "Incomplete" when at least one element becomes incomplete.
+ * When addressElement is not provided (MOTO form): emits based on payment element completion only.
+ */
+export declare function setupChangeEventHandler(paymentElement: StripePaymentElement, eventBroadcaster: EventBroadcaster, addressElement?: StripeAddressElement | null): void;
 /**
  * Create and mount address element
  */

package/dist/v1/stripe/shared.js

@@ -182,19 +182,9 @@ export function createPaymentElement(elements, options, mountElement, eventBroad
     // Create custom terms element for US Bank Account
     var customTermsElement = createCustomTermsElement();
     mountElement.appendChild(customTermsElement);
-    // Track previous complete state to only emit onChange event on state transitions
-    var previousComplete = null;
+    // Handle US Bank Account terms visibility
     paymentElement.on('change', function (event) {
         var _a;
-        // Emit onChange event only when "complete" status transitions
-        if (event.complete !== previousComplete) {
-            previousComplete = event.complete;
-            eventBroadcaster.publish({
-                status: 'Change',
-                code: event.complete ? 'Complete' : 'Incomplete',
-            });
-        }
-        // Show custom terms only when US Bank Account is selected
         if (((_a = event.value) === null || _a === void 0 ? void 0 : _a.type) === 'us_bank_account') {
             customTermsElement.style.display = 'block';
         }
@@ -208,6 +198,37 @@ export function createPaymentElement(elements, options, mountElement, eventBroad
         customTermsContainer: customTermsElement,
     };
 }
+/**
+ * Setup change event handling for payment form elements.
+ * When addressElement is provided (payment form): emits "Complete" only when BOTH elements are complete,
+ * and "Incomplete" when at least one element becomes incomplete.
+ * When addressElement is not provided (MOTO form): emits based on payment element completion only.
+ */
+export function setupChangeEventHandler(paymentElement, eventBroadcaster, addressElement) {
+    var paymentComplete = false;
+    var addressComplete = !addressElement; // If no address element, consider it complete
+    var previousComplete = null;
+    var emitChangeEventIfNeeded = function () {
+        var complete = paymentComplete && addressComplete;
+        if (complete !== previousComplete) {
+            previousComplete = complete;
+            eventBroadcaster.publish({
+                status: 'Change',
+                code: complete ? 'Complete' : 'Incomplete',
+            });
+        }
+    };
+    paymentElement.on('change', function (event) {
+        paymentComplete = event.complete;
+        emitChangeEventIfNeeded();
+    });
+    if (addressElement) {
+        addressElement.on('change', function (event) {
+            addressComplete = event.complete;
+            emitChangeEventIfNeeded();
+        });
+    }
+}
 /**
  * Create and mount address element
  */

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

@@ -34,7 +34,7 @@ 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 { initStripe, createPaymentElementOptions, createPaymentElement, cleanupElements, createSubmitHandler, } from '../shared';
+import { initStripe, createPaymentElementOptions, createPaymentElement, cleanupElements, createSubmitHandler, setupChangeEventHandler, } from '../shared';
 /**
  * Mount MOTO widget for moto and moto-with-save session types
  * MOTO (Mail Order/Telephone Order) forms don't require address collection
@@ -49,6 +49,8 @@ export function mountMotoWidget(mountElement, session, eventBroadcaster, default
                     _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, customTermsContainer = _b.customTermsContainer;
+                    // Setup change handler for payment element only (MOTO forms don't have address element)
+                    setupChangeEventHandler(paymentElement, eventBroadcaster);
                     return [2 /*return*/, {
                             unmount: function () {
                                 cleanupElements(paymentElement, null, paymentContainer, null, customTermsContainer);

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

@@ -34,7 +34,7 @@ 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 { initStripe, createPaymentElementOptions, createAddressElementOptions, createPaymentElement, createAddressElement, cleanupElements, createSubmitHandler, } from '../shared';
+import { initStripe, createPaymentElementOptions, createAddressElementOptions, createPaymentElement, createAddressElement, cleanupElements, createSubmitHandler, setupChangeEventHandler, } from '../shared';
 /**
  * Mount payment widget for payment and payment-with-save session types
  */
@@ -50,6 +50,8 @@ export function mountPaymentWidget(mountElement, session, eventBroadcaster, defa
                     _b = createAddressElement(elements, addressOptions, mountElement), addressElement = _b.element, addressContainer = _b.container;
                     paymentOptions = createPaymentElementOptions(defaultValues, theme, true);
                     _c = createPaymentElement(elements, paymentOptions, mountElement, eventBroadcaster), paymentElement = _c.element, paymentContainer = _c.container, customTermsContainer = _c.customTermsContainer;
+                    // Setup change handler that emits Complete only when both elements are complete
+                    setupChangeEventHandler(paymentElement, eventBroadcaster, addressElement);
                     return [2 /*return*/, {
                             unmount: function () {
                                 cleanupElements(paymentElement, addressElement, paymentContainer, addressContainer, customTermsContainer);

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const SDK_VERSION = "1.2.3";

package/dist/version.js

@@ -0,0 +1,3 @@
+// This file is auto-generated during the build process
+// DO NOT EDIT MANUALLY - Version is extracted from package.json
+export var SDK_VERSION = '1.2.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/online-payments-sdk",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Process online-payments with Lightspeed Payments",
   "author": "Lightspeed Commerce Inc.",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -20,8 +20,10 @@
     "lint": "gts lint",
     "fix": "gts fix",
     "clean": "gts clean",
+    "pretypecheck": "node scripts/generate-version.js",
     "typecheck": "tsc --noEmit",
     "check-package-content": "npm pack --dry-run",
+    "prebuild": "node scripts/generate-version.js",
     "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"