@shopfront/bridge 2.0.1 → 2.0.4

package/.github/workflows/npm-publish.yml

@@ -1,7 +1,7 @@
 name: Pack and Distribute
 on:
-    release:
-        types: [created]
+    pull_request:
+        types: [ synchronize ]
 jobs:
     build:
         runs-on: ubuntu-latest
@@ -10,20 +10,31 @@ jobs:
             - uses: actions/setup-node@v3
               with:
                   node-version: '20.x'
+                  registry-url: 'https://registry.npmjs.org/'
+            - run: |
+                  echo "//npm.pkg.github.com/:_authToken=${{ secrets.GITHUB_TOKEN }}" >> .npmrc
             - run: npm ci
             - run: npm run-script build
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
     publish-npm:
         needs: build
         runs-on: ubuntu-latest
         permissions:
+            contents: read
             id-token: write
+            packages: read
         steps:
             - uses: actions/checkout@v4
             - uses: actions/setup-node@v3
               with:
                   node-version: '20.x'
                   registry-url: 'https://registry.npmjs.org/'
+            - run: |
+                  echo "//npm.pkg.github.com/:_authToken=${{ secrets.GITHUB_TOKEN }}" >> .npmrc
             - run: npm ci
             - run: npm publish --provenance --access public
               env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/lib/Application.d.ts

@@ -1,6 +1,6 @@
 import { CurrentSale } from "./APIs/Sale/CurrentSale.js";
 import { Sale, ShopfrontSaleState } from "./APIs/Sale/index.js";
-import { DirectShopfrontEvent, DirectShopfrontEventCallback, FromShopfront, FromShopfrontCallbacks, FromShopfrontInternal, ListenableFromShopfrontEvents, RegisterChangedEvent, SellScreenActionMode, SellScreenSummaryMode, SoundEvents } from "./ApplicationEvents.js";
+import { DirectShopfrontEvent, FromShopfront, FromShopfrontInternal, ListenableFromShopfrontEvent, RegisterChangedEvent, SellScreenActionMode, SellScreenSummaryMode, SoundEvents } from "./ApplicationEvents.js";
 import { BaseApplication, ShopfrontEmbeddedTokenError, ShopfrontEmbeddedVerificationToken, ShopfrontResponse } from "./BaseApplication.js";
 import { Bridge } from "./Bridge.js";
 import { Serializable } from "./Common/Serializable.js";
@@ -19,23 +19,7 @@ export declare class Application extends BaseApplication {
     /**
      * Calls any registered listeners for the received event
      */
-    protected emit(event: ListenableFromShopfrontEvents | DirectShopfrontEvent, data: Record<string, unknown> | undefined, id: string): MaybePromise<void>;
-    /**
-     * @inheritDoc
-     */
-    addEventListener<E extends ListenableFromShopfrontEvents>(event: E, callback: FromShopfrontCallbacks[E]): void;
-    /**
-     * @inheritDoc
-     */
-    addEventListener(event: DirectShopfrontEvent, callback: DirectShopfrontEventCallback): void;
-    /**
-     * @inheritDoc
-     */
-    removeEventListener<E extends keyof FromShopfrontCallbacks>(event: E, callback: FromShopfrontCallbacks[E]): void;
-    /**
-     * @inheritDoc
-     */
-    removeEventListener<D>(event: DirectShopfrontEvent, callback: (event: D) => MaybePromise<void>): void;
+    protected emit(event: ListenableFromShopfrontEvent | DirectShopfrontEvent, data: Record<string, unknown> | undefined, id: string): MaybePromise<void>;
     /**
      * @inheritDoc
      */

package/lib/Application.js

@@ -4,27 +4,16 @@ import { CurrentSale } from "./APIs/Sale/CurrentSale.js";
 import { isDirectShopfrontEvent, ToShopfront, } from "./ApplicationEvents.js";
 import { BaseApplication, ShopfrontTokenDecodingError, ShopfrontTokenRequestError, } from "./BaseApplication.js";
 import { BaseEmitableEvent } from "./EmitableEvents/BaseEmitableEvent.js";
-import { AudioPermissionChange } from "./Events/AudioPermissionChange.js";
-import { AudioReady } from "./Events/AudioReady.js";
 import { FormatIntegratedProduct } from "./Events/FormatIntegratedProduct.js";
-import { FulfilmentCollectOrder } from "./Events/FulfilmentCollectOrder.js";
-import { FulfilmentCompleteOrder } from "./Events/FulfilmentCompleteOrder.js";
 import { FulfilmentGetOrder } from "./Events/FulfilmentGetOrder.js";
-import { FulfilmentOrderApproval } from "./Events/FulfilmentOrderApproval.js";
-import { FulfilmentProcessOrder } from "./Events/FulfilmentProcessOrder.js";
-import { FulfilmentVoidOrder } from "./Events/FulfilmentVoidOrder.js";
 import { GiftCardCodeCheck } from "./Events/GiftCardCodeCheck.js";
-import { InternalPageMessage } from "./Events/InternalPageMessage.js";
 import { PaymentMethodsEnabled } from "./Events/PaymentMethodsEnabled.js";
-import { Ready } from "./Events/Ready.js";
-import { RegisterChanged } from "./Events/RegisterChanged.js";
 import { RequestButtons } from "./Events/RequestButtons.js";
 import { RequestCustomerListOptions } from "./Events/RequestCustomerListOptions.js";
 import { RequestSaleKeys } from "./Events/RequestSaleKeys.js";
 import { RequestSellScreenOptions } from "./Events/RequestSellScreenOptions.js";
 import { RequestSettings } from "./Events/RequestSettings.js";
 import { RequestTableColumns } from "./Events/RequestTableColumns.js";
-import { SaleComplete } from "./Events/SaleComplete.js";
 import { UIPipeline } from "./Events/UIPipeline.js";
 import ActionEventRegistrar from "./Utilities/ActionEventRegistrar.js";
 import { buildSaleData } from "./Utilities/SaleCreate.js";
@@ -93,7 +82,7 @@ export class Application extends BaseApplication {
             }
             const results = [];
             for (const e of listeners.values()) {
-                results.push(e());
+                results.push(e.emit(data));
             }
             return Promise.all(results)
                 .then(() => {
@@ -176,135 +165,6 @@ export class Application extends BaseApplication {
                 });
         }
     }
-    /**
-     * @inheritDoc
-     */
-    addEventListener(event, callback) {
-        if (isDirectShopfrontEvent(event)) {
-            if (typeof this.directListeners[event] === "undefined") {
-                this.directListeners[event] = new Set();
-            }
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            this.directListeners[event].add(callback);
-            return;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let c;
-        switch (event) {
-            case "READY":
-                c = new Ready(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_SETTINGS":
-                c = new RequestSettings(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_BUTTONS":
-                c = new RequestButtons(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_TABLE_COLUMNS":
-                c = new RequestTableColumns(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_SELL_SCREEN_OPTIONS":
-                c = new RequestSellScreenOptions(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "INTERNAL_PAGE_MESSAGE":
-                c = new InternalPageMessage(callback, this);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REGISTER_CHANGED":
-                c = new RegisterChanged(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_CUSTOMER_LIST_OPTIONS":
-                c = new RequestCustomerListOptions(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FORMAT_INTEGRATED_PRODUCT":
-                c = new FormatIntegratedProduct(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "REQUEST_SALE_KEYS":
-                c = new RequestSaleKeys(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "SALE_COMPLETE":
-                c = new SaleComplete(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "UI_PIPELINE":
-                c = new UIPipeline(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "PAYMENT_METHODS_ENABLED":
-                c = new PaymentMethodsEnabled(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "AUDIO_READY":
-                c = new AudioReady(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "AUDIO_PERMISSION_CHANGE":
-                c = new AudioPermissionChange(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_GET_ORDER":
-                if (this.listeners[event].size !== 0) {
-                    throw new TypeError("Application already has 'FULFILMENT_GET_ORDER' event listener registered.");
-                }
-                c = new FulfilmentGetOrder(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_VOID_ORDER":
-                c = new FulfilmentVoidOrder(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_PROCESS_ORDER":
-                c = new FulfilmentProcessOrder(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_ORDER_APPROVAL":
-                c = new FulfilmentOrderApproval(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_ORDER_COLLECTED":
-                c = new FulfilmentCollectOrder(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "FULFILMENT_ORDER_COMPLETED":
-                c = new FulfilmentCompleteOrder(callback);
-                this.listeners[event].set(callback, c);
-                break;
-            case "GIFT_CARD_CODE_CHECK":
-                c = new GiftCardCodeCheck(callback);
-                this.listeners[event].set(callback, c);
-                break;
-        }
-        if (typeof c === "undefined") {
-            throw new TypeError(`${event} has not been defined`);
-        }
-        if (event === "READY" && this.isReady) {
-            c = c;
-            c.emit({
-                outlet: this.outlet,
-                register: this.register,
-                user: this.user,
-            });
-        }
-    }
-    /**
-     * @inheritDoc
-     */
-    removeEventListener(event, callback) {
-        if (isDirectShopfrontEvent(event)) {
-            this.directListeners[event]?.delete(callback);
-            return;
-        }
-        this.listeners[event].delete(callback);
-    }
     /**
      * @inheritDoc
      */

package/lib/ApplicationEvents.d.ts

@@ -6,6 +6,14 @@ import { Sale, ShopfrontSaleState } from "./APIs/Sale/index.js";
 import { AudioPermissionChange } from "./Events/AudioPermissionChange.js";
 import { AudioReady } from "./Events/AudioReady.js";
 import { Callback } from "./Events/Callback.js";
+import { SaleAddCustomer } from "./Events/DirectEvents/SaleAddCustomer.js";
+import { SaleAddProduct } from "./Events/DirectEvents/SaleAddProduct.js";
+import { SaleChangeQuantity } from "./Events/DirectEvents/SaleChangeQuantity.js";
+import { SaleClear } from "./Events/DirectEvents/SaleClear.js";
+import { SaleRemoveCustomer } from "./Events/DirectEvents/SaleRemoveCustomer.js";
+import { SaleRemoveProduct } from "./Events/DirectEvents/SaleRemoveProduct.js";
+import { SaleUpdateProducts } from "./Events/DirectEvents/SaleUpdateProducts.js";
+import { SaleEventProduct } from "./Events/DirectEvents/types/SaleEventData.js";
 import { FormatIntegratedProduct, FormattedSaleProduct } from "./Events/FormatIntegratedProduct.js";
 import { FulfilmentCollectOrder } from "./Events/FulfilmentCollectOrder.js";
 import { FulfilmentCompleteOrder } from "./Events/FulfilmentCompleteOrder.js";
@@ -237,14 +245,55 @@ export interface FromShopfront {
     FULFILMENT_ORDER_COMPLETED: FulfilmentCompleteOrder;
     GIFT_CARD_CODE_CHECK: GiftCardCodeCheck;
 }
-export type ListenableFromShopfrontEvents = keyof Omit<FromShopfront, "CALLBACK">;
-export declare const directShopfrontEvents: readonly ["SALE_ADD_PRODUCT", "SALE_REMOVE_PRODUCT", "SALE_UPDATE_PRODUCTS", "SALE_CHANGE_QUANTITY", "SALE_ADD_CUSTOMER", "SALE_REMOVE_CUSTOMER", "SALE_CLEAR"];
+export type ListenableFromShopfrontEvent = keyof Omit<FromShopfront, "CALLBACK">;
+export interface DirectShopfrontEventData {
+    SALE_ADD_PRODUCT: {
+        product: SaleEventProduct;
+        indexAddress: Array<number>;
+    };
+    SALE_REMOVE_PRODUCT: {
+        indexAddress: Array<number>;
+    };
+    SALE_CHANGE_QUANTITY: {
+        indexAddress: Array<number>;
+        amount: number;
+        absolute: boolean;
+    };
+    SALE_UPDATE_PRODUCTS: {
+        products: Array<SaleEventProduct>;
+    };
+    SALE_ADD_CUSTOMER: {
+        customer: {
+            uuid: string;
+        };
+    };
+    SALE_REMOVE_CUSTOMER: undefined;
+    SALE_CLEAR: undefined;
+}
+export interface DirectShopfrontCallbacks {
+    SALE_ADD_PRODUCT: (event: DirectShopfrontEventData["SALE_ADD_PRODUCT"]) => MaybePromise<void>;
+    SALE_REMOVE_PRODUCT: (event: DirectShopfrontEventData["SALE_REMOVE_PRODUCT"]) => MaybePromise<void>;
+    SALE_CHANGE_QUANTITY: (event: DirectShopfrontEventData["SALE_CHANGE_QUANTITY"]) => MaybePromise<void>;
+    SALE_UPDATE_PRODUCTS: (event: DirectShopfrontEventData["SALE_UPDATE_PRODUCTS"]) => MaybePromise<void>;
+    SALE_ADD_CUSTOMER: (event: DirectShopfrontEventData["SALE_ADD_CUSTOMER"]) => MaybePromise<void>;
+    SALE_REMOVE_CUSTOMER: () => MaybePromise<void>;
+    SALE_CLEAR: () => MaybePromise<void>;
+}
+export interface DirectShopfront {
+    SALE_ADD_PRODUCT: SaleAddProduct;
+    SALE_REMOVE_PRODUCT: SaleRemoveProduct;
+    SALE_CHANGE_QUANTITY: SaleChangeQuantity;
+    SALE_UPDATE_PRODUCTS: SaleUpdateProducts;
+    SALE_ADD_CUSTOMER: SaleAddCustomer;
+    SALE_REMOVE_CUSTOMER: SaleRemoveCustomer;
+    SALE_CLEAR: SaleClear;
+}
+export type DirectShopfrontEvent = keyof DirectShopfront;
+export declare const directShopfrontEvents: Array<DirectShopfrontEvent>;
 /**
  * Checks whether the event is a direct Shopfront event
  */
-export declare const isDirectShopfrontEvent: (event: DirectShopfrontEvent | ListenableFromShopfrontEvents) => event is DirectShopfrontEvent;
-export type DirectShopfrontEvent = typeof directShopfrontEvents[number];
-export type DirectShopfrontEventCallback = () => void | Promise<void>;
+export declare const isDirectShopfrontEvent: (event: DirectShopfrontEvent | ListenableFromShopfrontEvent) => event is DirectShopfrontEvent;
 export interface FromShopfrontInternal {
     CYCLE_KEY: "CYCLE_KEY";
     LOCATION_CHANGED: "LOCATION_CHANGED";

package/lib/BaseApplication.d.ts

@@ -1,12 +1,12 @@
 import { BaseDatabase } from "./APIs/Database/BaseDatabase.js";
 import { BaseCurrentSale } from "./APIs/Sale/BaseCurrentSale.js";
 import { Sale } from "./APIs/Sale/index.js";
-import { DirectShopfrontEvent, DirectShopfrontEventCallback, FromShopfront, FromShopfrontCallbacks, FromShopfrontInternal, ListenableFromShopfrontEvents, RegisterChangedEvent, SellScreenActionMode, SellScreenSummaryMode, SoundEvents } from "./ApplicationEvents.js";
+import { DirectShopfront, DirectShopfrontCallbacks, DirectShopfrontEvent, FromShopfront, FromShopfrontCallbacks, FromShopfrontInternal, ListenableFromShopfrontEvent, RegisterChangedEvent, SellScreenActionMode, SellScreenSummaryMode, SoundEvents } from "./ApplicationEvents.js";
 import { BaseBridge } from "./BaseBridge.js";
 import { Serializable } from "./Common/Serializable.js";
 import { BaseEmitableEvent } from "./EmitableEvents/BaseEmitableEvent.js";
 import { BaseEvent } from "./Events/BaseEvent.js";
-import { MaybePromise } from "./Utilities/MiscTypes.js";
+import { AnyFunction, MaybePromise } from "./Utilities/MiscTypes.js";
 export interface ShopfrontResponse {
     success: boolean;
     message?: string;
@@ -38,9 +38,11 @@ export declare abstract class BaseApplication {
     protected user: string | null;
     protected signingKey: CryptoKeyPair | undefined;
     protected listeners: {
-        [key in ListenableFromShopfrontEvents]: Map<(...args: Array<unknown>) => void, FromShopfront[key] & BaseEvent>;
+        [key in ListenableFromShopfrontEvent]: Map<AnyFunction, FromShopfront[key] & BaseEvent>;
+    };
+    protected directListeners: {
+        [key in DirectShopfrontEvent]: Map<AnyFunction, DirectShopfront[key]>;
     };
-    protected directListeners: Partial<Record<DirectShopfrontEvent, Set<DirectShopfrontEventCallback>>>;
     database: BaseDatabase;
     protected constructor(bridge: BaseBridge, database: BaseDatabase);
     /**
@@ -54,31 +56,23 @@ export declare abstract class BaseApplication {
     /**
      * Calls any registered listeners for the received event
      */
-    protected abstract emit(event: ListenableFromShopfrontEvents | DirectShopfrontEvent, data: Record<string, unknown>, id: string): MaybePromise<void>;
-    /**
-     * Register a listener for a Shopfront event
-     */
-    abstract addEventListener<E extends ListenableFromShopfrontEvents>(event: E, callback: FromShopfrontCallbacks[E]): void;
+    protected abstract emit(event: ListenableFromShopfrontEvent | DirectShopfrontEvent, data: Record<string, unknown>, id: string): MaybePromise<void>;
     /**
      * Register a listener for a Shopfront event
      */
-    abstract addEventListener(event: DirectShopfrontEvent, callback: DirectShopfrontEventCallback): void;
+    addEventListener<E extends ListenableFromShopfrontEvent>(event: E, callback: FromShopfrontCallbacks[E]): void;
     /**
      * Register a listener for a Shopfront event
      */
-    abstract addEventListener(event: ListenableFromShopfrontEvents | DirectShopfrontEvent, callback: (...args: Array<unknown>) => void): void;
-    /**
-     * Removed a registered listener for a Shopfront event
-     */
-    abstract removeEventListener<E extends keyof FromShopfrontCallbacks>(event: E, callback: FromShopfrontCallbacks[E]): void;
+    addEventListener<D extends DirectShopfrontEvent>(event: D, callback: DirectShopfrontCallbacks[D]): void;
     /**
      * Removed a registered listener for a Shopfront event
      */
-    abstract removeEventListener<D>(event: DirectShopfrontEvent, callback: (event: D) => MaybePromise<void>): void;
+    removeEventListener<E extends ListenableFromShopfrontEvent>(event: E, callback: FromShopfrontCallbacks[E]): void;
     /**
      * Removed a registered listener for a Shopfront event
      */
-    abstract removeEventListener(event: ListenableFromShopfrontEvents | DirectShopfrontEvent, callback: (...args: Array<unknown>) => MaybePromise<void>): void;
+    removeEventListener<D extends DirectShopfrontEvent>(event: D, callback: DirectShopfrontCallbacks[D]): void;
     /**
      * Send data to Shopfront
      */

package/lib/BaseApplication.js

@@ -1,3 +1,33 @@
+import { isDirectShopfrontEvent, } from "./ApplicationEvents.js";
+import { AudioPermissionChange } from "./Events/AudioPermissionChange.js";
+import { AudioReady } from "./Events/AudioReady.js";
+import { SaleAddCustomer } from "./Events/DirectEvents/SaleAddCustomer.js";
+import { SaleAddProduct } from "./Events/DirectEvents/SaleAddProduct.js";
+import { SaleChangeQuantity } from "./Events/DirectEvents/SaleChangeQuantity.js";
+import { SaleClear } from "./Events/DirectEvents/SaleClear.js";
+import { SaleRemoveCustomer } from "./Events/DirectEvents/SaleRemoveCustomer.js";
+import { SaleRemoveProduct } from "./Events/DirectEvents/SaleRemoveProduct.js";
+import { SaleUpdateProducts } from "./Events/DirectEvents/SaleUpdateProducts.js";
+import { FormatIntegratedProduct } from "./Events/FormatIntegratedProduct.js";
+import { FulfilmentCollectOrder } from "./Events/FulfilmentCollectOrder.js";
+import { FulfilmentCompleteOrder } from "./Events/FulfilmentCompleteOrder.js";
+import { FulfilmentGetOrder } from "./Events/FulfilmentGetOrder.js";
+import { FulfilmentOrderApproval } from "./Events/FulfilmentOrderApproval.js";
+import { FulfilmentProcessOrder } from "./Events/FulfilmentProcessOrder.js";
+import { FulfilmentVoidOrder } from "./Events/FulfilmentVoidOrder.js";
+import { GiftCardCodeCheck } from "./Events/GiftCardCodeCheck.js";
+import { InternalPageMessage } from "./Events/InternalPageMessage.js";
+import { PaymentMethodsEnabled } from "./Events/PaymentMethodsEnabled.js";
+import { Ready } from "./Events/Ready.js";
+import { RegisterChanged } from "./Events/RegisterChanged.js";
+import { RequestButtons } from "./Events/RequestButtons.js";
+import { RequestCustomerListOptions } from "./Events/RequestCustomerListOptions.js";
+import { RequestSaleKeys } from "./Events/RequestSaleKeys.js";
+import { RequestSellScreenOptions } from "./Events/RequestSellScreenOptions.js";
+import { RequestSettings } from "./Events/RequestSettings.js";
+import { RequestTableColumns } from "./Events/RequestTableColumns.js";
+import { SaleComplete } from "./Events/SaleComplete.js";
+import { UIPipeline } from "./Events/UIPipeline.js";
 export class ShopfrontTokenDecodingError extends Error {
 }
 export class ShopfrontTokenRequestError extends Error {
@@ -28,7 +58,15 @@ export class BaseApplication {
             FULFILMENT_ORDER_COMPLETED: new Map(),
             GIFT_CARD_CODE_CHECK: new Map(),
         };
-        this.directListeners = {};
+        this.directListeners = {
+            SALE_ADD_PRODUCT: new Map(),
+            SALE_REMOVE_PRODUCT: new Map(),
+            SALE_CHANGE_QUANTITY: new Map(),
+            SALE_UPDATE_PRODUCTS: new Map(),
+            SALE_ADD_CUSTOMER: new Map(),
+            SALE_REMOVE_CUSTOMER: new Map(),
+            SALE_CLEAR: new Map(),
+        };
         this.bridge = bridge;
         this.isReady = false;
         this.key = "";
@@ -37,4 +75,162 @@ export class BaseApplication {
         this.user = null;
         this.database = database;
     }
+    /**
+     * Register a listener for a Shopfront event
+     */
+    addEventListener(event, callback) {
+        if (isDirectShopfrontEvent(event)) {
+            let c;
+            switch (event) {
+                case "SALE_ADD_PRODUCT":
+                    c = new SaleAddProduct(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_REMOVE_PRODUCT":
+                    c = new SaleRemoveProduct(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_CHANGE_QUANTITY":
+                    c = new SaleChangeQuantity(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_UPDATE_PRODUCTS":
+                    c = new SaleUpdateProducts(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_ADD_CUSTOMER":
+                    c = new SaleAddCustomer(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_REMOVE_CUSTOMER":
+                    c = new SaleRemoveCustomer(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+                case "SALE_CLEAR":
+                    c = new SaleClear(callback);
+                    this.directListeners[event].set(callback, c);
+                    break;
+            }
+            if (typeof c === "undefined") {
+                throw new TypeError(`${event} has not been defined`);
+            }
+            return;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let c;
+        switch (event) {
+            case "READY":
+                c = new Ready(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_SETTINGS":
+                c = new RequestSettings(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_BUTTONS":
+                c = new RequestButtons(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_TABLE_COLUMNS":
+                c = new RequestTableColumns(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_SELL_SCREEN_OPTIONS":
+                c = new RequestSellScreenOptions(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "INTERNAL_PAGE_MESSAGE":
+                c = new InternalPageMessage(callback, this);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REGISTER_CHANGED":
+                c = new RegisterChanged(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_CUSTOMER_LIST_OPTIONS":
+                c = new RequestCustomerListOptions(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FORMAT_INTEGRATED_PRODUCT":
+                c = new FormatIntegratedProduct(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "REQUEST_SALE_KEYS":
+                c = new RequestSaleKeys(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "SALE_COMPLETE":
+                c = new SaleComplete(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "UI_PIPELINE":
+                c = new UIPipeline(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "PAYMENT_METHODS_ENABLED":
+                c = new PaymentMethodsEnabled(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "AUDIO_READY":
+                c = new AudioReady(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "AUDIO_PERMISSION_CHANGE":
+                c = new AudioPermissionChange(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_GET_ORDER":
+                if (this.listeners[event].size !== 0) {
+                    throw new TypeError("Application already has 'FULFILMENT_GET_ORDER' event listener registered.");
+                }
+                c = new FulfilmentGetOrder(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_VOID_ORDER":
+                c = new FulfilmentVoidOrder(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_PROCESS_ORDER":
+                c = new FulfilmentProcessOrder(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_ORDER_APPROVAL":
+                c = new FulfilmentOrderApproval(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_ORDER_COLLECTED":
+                c = new FulfilmentCollectOrder(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "FULFILMENT_ORDER_COMPLETED":
+                c = new FulfilmentCompleteOrder(callback);
+                this.listeners[event].set(callback, c);
+                break;
+            case "GIFT_CARD_CODE_CHECK":
+                c = new GiftCardCodeCheck(callback);
+                this.listeners[event].set(callback, c);
+                break;
+        }
+        if (typeof c === "undefined") {
+            throw new TypeError(`${event} has not been defined`);
+        }
+        if (event === "READY" && this.isReady) {
+            c = c;
+            c.emit({
+                outlet: this.outlet,
+                register: this.register,
+                user: this.user,
+            });
+        }
+    }
+    /**
+     * Removed a registered listener for a Shopfront event
+     */
+    removeEventListener(event, callback) {
+        if (isDirectShopfrontEvent(event)) {
+            this.directListeners[event].delete(callback);
+            return;
+        }
+        this.listeners[event].delete(callback);
+    }
 }

package/lib/BaseBridge.d.ts

@@ -5,6 +5,7 @@ export declare abstract class BaseBridge {
     url: URL;
     protected listeners: Array<ApplicationEventListener>;
     protected hasListener: boolean;
+    protected target: Window | null;
     protected constructor(key: string, url: string);
     /**
      * Destroys the Bridge by unregistering all listeners

package/lib/BaseBridge.js

@@ -1,8 +1,8 @@
-import * as ApplicationEvents from "./ApplicationEvents.js";
 export class BaseBridge {
     constructor(key, url) {
         this.listeners = [];
         this.hasListener = false;
+        this.target = null;
         this.key = key;
         if (url.split(".").length === 1) {
             this.url = new URL(`https://${url}.onshopfront.com`);
@@ -10,7 +10,5 @@ export class BaseBridge {
         else {
             this.url = new URL(url);
         }
-        this.registerListeners();
-        this.sendMessage(ApplicationEvents.ToShopfront.READY);
     }
 }

package/lib/Bridge.d.ts

@@ -6,30 +6,11 @@ interface ApplicationOptions {
     vendor: string;
 }
 export type ApplicationEventListener = (event: keyof ApplicationEvents.FromShopfront | keyof ApplicationEvents.FromShopfrontInternal, data: Record<string, unknown>, id: string) => void;
-export interface BridgeInterface {
-    /**
-     * Destroys the Bridge by unregistering all listeners
-     */
-    destroy(): void;
-    /**
-     * Sends an event to Shopfront
-     */
-    sendMessage(type: ApplicationEvents.ToShopfront, data?: unknown, id?: string): void;
-    /**
-     * Adds a listener for a Shopfront event
-     */
-    addEventListener(listener: ApplicationEventListener): void;
-    /**
-     * Removes a listener for a Shopfront event
-     */
-    removeEventListener(listener: ApplicationEventListener): void;
-}
 export declare class Bridge extends BaseBridge {
     /**
      * A static method for instantiating an Application
      */
     static createApplication(options: ApplicationOptions): Application;
-    protected target: Window | null;
     constructor(key: string, url: string);
     /**
      * @inheritDoc