@lightspeed/online-payments-sdk 1.1.6 → 1.2.1

package/dist/cjs/v1/EventBroadcaster.js

@@ -22,6 +22,7 @@ var EventBroadcaster = /** @class */ (function () {
             Pending: (listeners === null || listeners === void 0 ? void 0 : listeners.onPending) || noOpListener,
             Error: (listeners === null || listeners === void 0 ? void 0 : listeners.onError) || noOpListener,
             Ready: (listeners === null || listeners === void 0 ? void 0 : listeners.onReady) || noOpListener,
+            Change: (listeners === null || listeners === void 0 ? void 0 : listeners.onChange) || noOpListener,
         };
     }
     EventBroadcaster.prototype.convertInternalEventToExternal = function (event) {

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

@@ -193,9 +193,18 @@ function createPaymentElement(elements, options, mountElement, eventBroadcaster)
     // Create custom terms element for US Bank Account
     var customTermsElement = createCustomTermsElement();
     mountElement.appendChild(customTermsElement);
-    // Listen for payment method changes to show/hide custom terms
+    // Track previous complete state to only emit onChange event on state transitions
+    var previousComplete = null;
     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';

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

@@ -88,10 +88,7 @@ function getThemeConfig(theme) {
                 appearance: {
                     theme: 'night',
                 },
-                fonts: [],
-                layout: {
-                    type: 'tabs',
-                },
+                fonts: []
             };
         default:
             return undefined;

package/dist/v1/EventBroadcaster.d.ts

@@ -1,5 +1,5 @@
 import { SupportedErrorCodes } from './error';
-export type Status = 'Succeeded' | 'Declined' | 'Pending' | 'Error' | 'Ready';
+export type Status = 'Succeeded' | 'Declined' | 'Pending' | 'Error' | 'Ready' | 'Change';
 export type BaseEvent = {
     loggingEnrichment?: object;
 };
@@ -19,11 +19,15 @@ export type ReadyEvent = BaseEvent & {
     status: 'Ready';
     code: 'Ready';
 };
+export type ChangeEvent = BaseEvent & {
+    status: 'Change';
+    code: 'Complete' | 'Incomplete';
+};
 export type ErrorResultEvent = BaseEvent & {
     code: SupportedErrorCodes;
     status: 'Error';
 };
-export type InternalEvent = SucceededResultEvent | PendingResultEvent | DeclinedResultEvent | ErrorResultEvent | ReadyEvent;
+export type InternalEvent = SucceededResultEvent | PendingResultEvent | DeclinedResultEvent | ErrorResultEvent | ReadyEvent | ChangeEvent;
 export type Event = Omit<InternalEvent, 'loggingEnrichment'>;
 export type EventHandler = (result: Event) => void;
 export type EventMiddleware = (event: InternalEvent) => InternalEvent | void;

package/dist/v1/EventBroadcaster.js

@@ -19,6 +19,7 @@ var EventBroadcaster = /** @class */ (function () {
             Pending: (listeners === null || listeners === void 0 ? void 0 : listeners.onPending) || noOpListener,
             Error: (listeners === null || listeners === void 0 ? void 0 : listeners.onError) || noOpListener,
             Ready: (listeners === null || listeners === void 0 ? void 0 : listeners.onReady) || noOpListener,
+            Change: (listeners === null || listeners === void 0 ? void 0 : listeners.onChange) || noOpListener,
         };
     }
     EventBroadcaster.prototype.convertInternalEventToExternal = function (event) {

package/dist/v1/stripe/shared.js

@@ -182,9 +182,18 @@ export function createPaymentElement(elements, options, mountElement, eventBroad
     // Create custom terms element for US Bank Account
     var customTermsElement = createCustomTermsElement();
     mountElement.appendChild(customTermsElement);
-    // Listen for payment method changes to show/hide custom terms
+    // Track previous complete state to only emit onChange event on state transitions
+    var previousComplete = null;
     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';

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

@@ -26,7 +26,7 @@ export interface ThemeConfig {
     fonts: Array<{
         cssSrc: string;
     }>;
-    layout: {
+    layout?: {
         type: 'tabs' | 'accordion';
     };
 }

package/dist/v1/stripe/themes.js

@@ -82,10 +82,7 @@ export function getThemeConfig(theme) {
                 appearance: {
                     theme: 'night',
                 },
-                fonts: [],
-                layout: {
-                    type: 'tabs',
-                },
+                fonts: []
             };
         default:
             return undefined;

package/package.json

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