@placetopay/lightbox-sdk 0.3.3 → 1.0.0

package/dist/LightboxApp/index.d.ts

@@ -1,10 +1,10 @@
 import { LightboxStyles } from '../types';
 export declare const LightboxApp: {
-    close: (url?: string) => void;
     isInside: () => boolean;
+    sendStyles: (styles: LightboxStyles) => void;
+    hideCloseButton: () => void;
+    close: (url?: string) => void;
     emit: (type: string, payload: unknown) => {
         close: (url?: string) => void;
     };
-    sendStyles: (styles: LightboxStyles) => void;
-    hideCloseButton: () => void;
 };

package/dist/LightboxApp/index.js

@@ -1,20 +1,20 @@
 import { LightboxAppEvents } from '../constants';
 export const LightboxApp = {
+    isInside: () => globalThis.location !== globalThis.parent.location,
+    sendStyles: (styles) => {
+        globalThis.parent.postMessage({ type: LightboxAppEvents.SEND_STYLES, payload: styles }, '*');
+    },
+    hideCloseButton: () => {
+        globalThis.parent.postMessage({ type: LightboxAppEvents.HIDE_CLOSE_BUTTON }, '*');
+    },
     close: (url) => {
         if (!url || LightboxApp.isInside())
             globalThis.parent.postMessage({ type: LightboxAppEvents.CLOSE }, '*');
         else
             globalThis.location.href = url;
     },
-    isInside: () => globalThis.location !== globalThis.parent.location,
     emit: (type, payload) => {
-        globalThis.parent.postMessage({ type: LightboxAppEvents.EMIT, payload: { type, payload } }, '*');
+        globalThis.parent.postMessage({ type, payload }, '*');
         return { close: LightboxApp.close };
     },
-    sendStyles: (styles) => {
-        globalThis.parent.postMessage({ type: LightboxAppEvents.SEND_STYLES, payload: styles }, '*');
-    },
-    hideCloseButton: () => {
-        globalThis.parent.postMessage({ type: LightboxAppEvents.HIDE_CLOSE_BUTTON }, '*');
-    },
 };

package/dist/LightboxClient/assemblers.js

@@ -5,18 +5,20 @@ export const mountListener = (callbacks, styles) => {
         return;
     const listener = (event) => {
         var _a, _b;
+        let receivedStyles;
         switch (event.data.type) {
             case LightboxAppEvents.CLOSE:
                 unmountLightbox(listener);
                 break;
-            case LightboxAppEvents.EMIT:
-                (_a = callbacks[event.data.payload.type]) === null || _a === void 0 ? void 0 : _a.call(callbacks, event.data.payload.payload);
-                break;
             case LightboxAppEvents.SEND_STYLES:
-                mountStyles(Object.assign(Object.assign(Object.assign({}, event.data.payload), styles), { background: Object.assign(Object.assign({}, event.data.payload.background), styles.background) }));
+                receivedStyles = event.data.payload;
+                mountStyles(Object.assign(Object.assign(Object.assign({}, receivedStyles), styles), { background: Object.assign(Object.assign({}, receivedStyles === null || receivedStyles === void 0 ? void 0 : receivedStyles.background), styles.background) }));
                 break;
             case LightboxAppEvents.HIDE_CLOSE_BUTTON:
-                (_b = document.getElementById(ElementIds.CLOSE_BUTTON_ID)) === null || _b === void 0 ? void 0 : _b.remove();
+                (_a = document.getElementById(ElementIds.CLOSE_BUTTON_ID)) === null || _a === void 0 ? void 0 : _a.remove();
+                break;
+            default:
+                (_b = callbacks[event.data.type]) === null || _b === void 0 ? void 0 : _b.call(callbacks, event.data.payload);
                 break;
         }
     };

package/dist/constants.d.ts

@@ -5,10 +5,9 @@ export declare enum ElementIds {
     STYLES_ID = "placetopay-lightbox"
 }
 export declare enum LightboxAppEvents {
-    CLOSE = "close",
-    EMIT = "emit",
-    SEND_STYLES = "sendStyles",
-    HIDE_CLOSE_BUTTON = "hideCloseButton"
+    CLOSE = "lightbox:close",
+    SEND_STYLES = "lightbox:sendStyles",
+    HIDE_CLOSE_BUTTON = "lightbox:hideCloseButton"
 }
 export declare enum Styles {
     BACKGROUND_COLOR = "--placetopay-lightbox-background-color",

package/dist/constants.js

@@ -7,10 +7,9 @@ export var ElementIds;
 })(ElementIds || (ElementIds = {}));
 export var LightboxAppEvents;
 (function (LightboxAppEvents) {
-    LightboxAppEvents["CLOSE"] = "close";
-    LightboxAppEvents["EMIT"] = "emit";
-    LightboxAppEvents["SEND_STYLES"] = "sendStyles";
-    LightboxAppEvents["HIDE_CLOSE_BUTTON"] = "hideCloseButton";
+    LightboxAppEvents["CLOSE"] = "lightbox:close";
+    LightboxAppEvents["SEND_STYLES"] = "lightbox:sendStyles";
+    LightboxAppEvents["HIDE_CLOSE_BUTTON"] = "lightbox:hideCloseButton";
 })(LightboxAppEvents || (LightboxAppEvents = {}));
 export var Styles;
 (function (Styles) {

package/dist/types.d.ts

@@ -1,4 +1,3 @@
-import { LightboxAppEvents } from './constants';
 export declare type ClientCallback = (data: unknown) => void;
 export declare type ClientCallbacks = {
     [key: string]: ClientCallback | undefined;
@@ -26,14 +25,3 @@ export declare type ApiStructure = {
 export declare type LightboxInstance = Required<InitOptions> & {
     open: () => void;
 };
-export declare type LightboxEvents = {
-    type: LightboxAppEvents.CLOSE;
-} | {
-    type: LightboxAppEvents.EMIT;
-    payload: ApiStructure;
-} | {
-    type: LightboxAppEvents.SEND_STYLES;
-    payload: LightboxStyles;
-} | {
-    type: LightboxAppEvents.HIDE_CLOSE_BUTTON;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placetopay/lightbox-sdk",
-  "version": "0.3.3",
+  "version": "1.0.0",
   "description": "Small javascript library to encapsulate websites in a lightbox with configurable styles and behaviors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",