@pairbo/ui-kit 0.2.3 → 0.2.4

package/dist/pairbo.es.js

@@ -20814,9 +20814,207 @@ PboGiftOptions$1 = __decorateClass([
   t$3("pbo-gift-options")
 ], PboGiftOptions$1);
 const PboGiftOptions2 = PboGiftOptions$1;
+class PboBridge {
+  /* ------------------------------- constructor ------------------------------ */
+  constructor({
+    getCards,
+    getCategories,
+    drawer,
+    pageManager,
+    giftOptions,
+    selectionGroupBy = "category",
+    submitTypeForm,
+    submitHandwrittenForm,
+    getProcessedImg
+  }) {
+    this._isLoading = {
+      isLoading: false,
+      isError: false
+    };
+    this._cards = [];
+    this._categories = [];
+    this.setDrawer(drawer || null);
+    this.setPageManager(pageManager || null);
+    this.setGiftOptions(giftOptions || null);
+    const drawerEl = this.getDrawer();
+    const pageManagerEl = this.getPageManager();
+    const giftOptionsEl = this.getGiftOptions();
+    if (!pageManagerEl) {
+      throw new Error("Page manager element is required");
+    }
+    if (drawerEl) {
+      console.log(drawerEl);
+      document.addEventListener("pbo-open-drawer", (e3) => {
+        console.log("pbo-open-drawer event triggered", e3);
+        drawerEl == null ? void 0 : drawerEl.show();
+      });
+    }
+    drawerEl == null ? void 0 : drawerEl.addEventListener("pbo-after-drawer-closed", () => {
+      giftOptionsEl == null ? void 0 : giftOptionsEl.setPremiumEnabled(false);
+    });
+    pageManagerEl.onClose = () => {
+      drawerEl == null ? void 0 : drawerEl.hide();
+    };
+    if (selectionGroupBy === "category") {
+      if (!getCategories) {
+        throw new Error("getCategories function is required when selectionGroupBy is 'category'");
+      }
+      this.setIsLoading(true);
+      getCategories().then((categories) => {
+        this.setCategories(categories);
+      }).catch((error) => {
+        console.error("Failed to fetch categories:", error);
+        this.setIsError(true);
+      }).finally(() => {
+        this.setIsLoading(false);
+      });
+    }
+    if (selectionGroupBy === "none") {
+      if (!getCards) {
+        throw new Error("getCards function is required when selectionGroupBy is 'none'");
+      }
+      this.setIsLoading(true);
+      getCards().then((cards) => {
+        this.setCards(cards);
+      }).catch((error) => {
+        console.error("Failed to fetch cards:", error);
+        this.setIsError(true);
+      }).finally(() => {
+        this.setIsLoading(false);
+      });
+    }
+    if (submitTypeForm) {
+      pageManagerEl.submitTypeForm = submitTypeForm;
+    }
+    if (submitHandwrittenForm) {
+      pageManagerEl.submitHandwrittenForm = submitHandwrittenForm;
+    }
+    if (getProcessedImg) {
+      pageManagerEl.getProcessedImg = getProcessedImg;
+    }
+  }
+  /* ----------------------- Elements getter and setter ----------------------- */
+  setDrawer(drawer) {
+    if (this._drawer === null || this._drawer) {
+      throw new Error("Drawer can only be set during initialization");
+    }
+    if (drawer === null) {
+      this._drawer = null;
+      return;
+    }
+    switch (typeof drawer) {
+      case "string":
+        const temp = document.querySelector(drawer);
+        if (!temp) {
+          throw new Error(`Drawer element with selector ${drawer} not found`);
+        }
+        this._drawer = temp;
+        break;
+      case "object":
+        if (drawer instanceof PboModal) {
+          this._drawer = drawer;
+          break;
+        }
+        throw new Error("Drawer must be a string or an instance of PboDrawer");
+      default:
+        throw new Error("Drawer must be a string or an instance of PboDrawer");
+    }
+  }
+  getDrawer() {
+    return this._drawer;
+  }
+  setGiftOptions(giftOptions) {
+    if (this._giftOptions === null || this._giftOptions) {
+      throw new Error("Gift options can only be set during initialization");
+    }
+    if (giftOptions === null) {
+      this._giftOptions = null;
+      return;
+    }
+    switch (typeof giftOptions) {
+      case "string":
+        const temp = document.querySelector(giftOptions);
+        if (!temp) {
+          throw new Error(`Gift options element with selector "${giftOptions}" not found`);
+        }
+        this._giftOptions = temp;
+        return;
+      case "object":
+        if (giftOptions instanceof PboModal) {
+          this._giftOptions = giftOptions;
+          return;
+        }
+        throw new Error("Gift options must be a string or an instance of PboDrawer");
+      default:
+        throw new Error("Gift options must be a string or an instance of PboDrawer");
+    }
+  }
+  getGiftOptions() {
+    return this._giftOptions;
+  }
+  setPageManager(pageManager) {
+    if (this._pageManager === null || this._pageManager) {
+      throw new Error("Page manager can only be set during initialization");
+    }
+    if (pageManager === null) {
+      this._pageManager = null;
+      return;
+    }
+    switch (typeof pageManager) {
+      case "string":
+        const temp = document.querySelector(pageManager);
+        if (!temp) {
+          throw new Error(`Page manager element with selector "${pageManager}" not found`);
+        }
+        this._pageManager = temp;
+        return;
+      case "object":
+        if (pageManager instanceof PboPageManager$1) {
+          this._pageManager = pageManager;
+          return;
+        }
+        throw new Error("Page manager must be a string or an instance of PboDrawer");
+      default:
+        throw new Error("Page manager must be a string or an instance of PboDrawer");
+    }
+  }
+  getPageManager() {
+    return this._pageManager;
+  }
+  /* ------------------ Cards & Categories getter and setter ------------------ */
+  getCategories() {
+    return this._categories;
+  }
+  setCategories(categories) {
+    this._categories = categories;
+    if (this._pageManager) {
+      this._pageManager.categories = categories;
+    } else {
+      console.warn("Page manager is not set, categories will not be updated");
+    }
+  }
+  getCards() {
+    return this._cards;
+  }
+  setCards(cards) {
+    this._cards = cards;
+    if (this._pageManager) ;
+    else {
+      console.warn("Page manager is not set, cards will not be updated");
+    }
+  }
+  /* -------------------- Loading states getter and setter -------------------- */
+  setIsLoading(isLoading) {
+    this._isLoading.isLoading = isLoading;
+  }
+  setIsError(isError) {
+    this._isLoading.isError = isError;
+  }
+}
 export {
   FabricExample,
   PairboMessageSelector as MessageSelector,
+  PboBridge,
   PboButton2 as PboButton,
   PboButtonGroup2 as PboButtonGroup,
   PboCardSelection2 as PboCardSelection,