bison-web-components 1.1.0 → 1.3.0

package/bison-operator-payments.js

@@ -202,13 +202,38 @@ class BisonOperatorPayments extends HTMLElement {
   }
 
   /** Resolves the API instance and syncs the current embeddable key. */
-  _getApi() {
-    const api =
-      this._api || (typeof window !== "undefined" && window.__bisonApi);
-    if (api) {
-      api.embeddableKey = this._embeddableKey;
+  async _getApi() {
+    if (this._api) {
+      this._api.embeddableKey = this._embeddableKey;
+      return this._api;
+    }
+    if (typeof window !== "undefined" && window.__bisonApi) {
+      window.__bisonApi.embeddableKey = this._embeddableKey;
+      return window.__bisonApi;
+    }
+
+    try {
+      if (typeof window !== "undefined" && window.BisonJibPayAPI) {
+        this._api = new window.BisonJibPayAPI("", this._embeddableKey);
+        return this._api;
+      }
+
+      // Dynamically import the API class
+      // Works for both local dev and CDN (api.js deployed alongside)
+      const { BisonJibPayAPI } = await import("./api.js");
+      this._api = new BisonJibPayAPI("", this._embeddableKey);
+
+      // Attach to window to prevent redundant instantiations across components
+      if (typeof window !== "undefined") {
+        window.BisonJibPayAPI = BisonJibPayAPI;
+        window.__bisonApi = this._api;
+      }
+
+      return this._api;
+    } catch (err) {
+      this._log("Failed to initialize BisonJibPayAPI dynamically:", err);
+      return null;
     }
-    return api;
   }
 
   // ==================== OPERATOR LOOKUP (Enverus) ====================
@@ -260,7 +285,7 @@ class BisonOperatorPayments extends HTMLElement {
   async _performOperatorLookup(opOrgId, orgNumber) {
     // Resolve API instance — consumers can set this._api externally,
     // or the component falls back to a global instance on window.
-    const api = this._getApi();
+    const api = await this._getApi();
     if (!api || typeof api.findOperatorFromEnverus !== "function") {
       const msg =
         "No API instance available — set component._api or window.__bisonApi";
@@ -420,7 +445,6 @@ class BisonOperatorPayments extends HTMLElement {
     this._searchQuery = "";
     this._selectedBank = BOP_BRAND_BANK;
     this._isLoading = false;
-    this._accounts = [];
     this._selectedAccounts = new Set();
     this._linkedAccount = null;
     this._unlinkTarget = null;
@@ -653,7 +677,7 @@ class BisonOperatorPayments extends HTMLElement {
     this._isLoading = true;
     this._renderContent();
 
-    const api = this._getApi();
+    const api = await this._getApi();
     if (!api || !this._operatorId) {
       this._log("Error: Missing API instance or operator ID for unlinking.");
       this._isLoading = false;
@@ -893,7 +917,7 @@ class BisonOperatorPayments extends HTMLElement {
     this._renderLinkModal();
 
     try {
-      const api = this._getApi();
+      const api = await this._getApi();
       if (!api || !this._operatorId) {
         throw new Error("Missing API instance or operator ID");
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bison-web-components",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Bison JIB's suite of web components",
   "main": "component.js",
   "type": "module",