@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

package/dist/esm/components/product-picker-v2/modal.js

@@ -1,14 +1,14 @@
-import { jsxDEV as o, Fragment as p } from "react/jsx-dev-runtime";
-import { ApplicationType as Fe } from "@bikdotai/bik-models/growth/models/bik-store";
-import Oe from "../../assets/icons/search.svg.js";
-import { useReducer as A, useState as d, useRef as Re, useEffect as x } from "react";
-import { COLORS as j } from "../../constants/Theme.js";
-import Le from "../../assets/icons/cross.svg.js";
-import { CollectionsScreen as Ee } from "./collectionScreen.js";
+import { jsxDEV as o, Fragment as f } from "react/jsx-dev-runtime";
+import { ApplicationType as Oe } from "@bikdotai/bik-models/growth/models/bik-store";
+import De from "../../assets/icons/search.svg.js";
+import { useReducer as $, useState as d, useRef as Re, useEffect as S } from "react";
+import { COLORS as A } from "../../constants/Theme.js";
+import we from "../../assets/icons/cross.svg.js";
+import { CollectionsScreen as Le } from "./collectionScreen.js";
 import { ProductInfoOverlay as se } from "./productInfoOverlay.js";
-import { ProductsScreen as Be } from "./productScreen.js";
-import { RearrangeScreen as $e } from "./rearrangeScreen.js";
-import { collectionsReducer as Ae, searchReducer as je, selectedColectionsReducer as ze, CollectionIdContext as Ve } from "./reducers.js";
+import { ProductsScreen as Ee } from "./productScreen.js";
+import { RearrangeScreen as Be } from "./rearrangeScreen.js";
+import { collectionsReducer as $e, searchReducer as Ae, selectedColectionsReducer as ze, CollectionIdContext as Ve } from "./reducers.js";
 import { SearchScreen as Me } from "./searchScreen.js";
 import { SelectedScreen as He } from "./selectedScreen.js";
 import { ContainerStyle as Ke, ScrollContainerStyle as Ge, StyledFooterForNonModal as _e } from "./style.js";
@@ -19,126 +19,126 @@ import { Spinner as Je } from "../spinner/Spinner.js";
 import { Button as z } from "../button/Button.js";
 import { StyledModal as Qe } from "../modals/styledModal.js";
 import { Tag as le } from "../tag/Tag.js";
-const Co = (t) => {
+const Co = (r) => {
   const {
     storeId: m,
     selectedItems: V,
     onClose: M,
     visible: ae,
     zIndex: de,
-    exactLimit: i,
+    exactLimit: c,
     limit: l,
     hideCollectionCheckbox: H,
     hideProductCheckbox: K,
-    outOfStockAction: h = Ye.BLUR,
+    outOfStockAction: k = Ye.BLUR,
     hideVariantCheckbox: G,
     selectProductsFromCustomCollection: ue,
     hideSelectionCount: me,
-    title: fe,
-    width: pe,
-    left: be,
-    renderWithoutModal: D,
+    title: pe,
+    width: fe,
+    left: he,
+    renderWithoutModal: x,
     onClickSave: _,
-    pickerType: N,
-    hideProductVariants: v = !1,
-    startupScreen: k = a.Collections,
-    rearrangeEnabled: ye,
+    pickerType: y,
+    hideProductVariants: N = !1,
+    startupScreen: v = a.Collections,
+    rearrangeEnabled: be,
     selectSingleItem: Y = !1,
-    showProductDetails: he,
-    containerStyle: Ne,
+    showProductDetails: ke,
+    containerStyle: ye,
     crossButtonInsideHeader: W = !1,
-    footerForNonModal: w = {},
+    footerForNonModal: j = {},
     primaryButton: q,
     secondaryButton: J,
-    subtitle: ve
-  } = t, f = t.appType || Fe.BIK, [C, b] = A(Ae, {}), [s, u] = d(
+    subtitle: Ne
+  } = r, p = r.appType || Oe.BIK, [C, h] = $($e, {}), [s, u] = d(
     [a.Collections, a.RearrangeProducts].includes(
-      k
-    ) ? k : a.Collections
-  ), [ke, Xe] = d(
+      v
+    ) ? v : a.Collections
+  ), [ve, Xe] = d(
     "grid"
-  ), [R, Q] = d(""), [U, X] = d(""), [Z, ee] = d(0), [I, y] = d(!1), [n, Ce] = d(0), [P, L] = d(""), [ge, oe] = d(!1), [Se, ne] = d(!1), [te, T] = A(
-    je,
+  ), [R, Q] = d(""), [T, X] = d(""), [Z, ee] = d(0), [I, b] = d(!1), [t, Ce] = d(0), [U, w] = d(""), [ge, oe] = d(!1), [Pe, te] = d(!1), [re, F] = $(
+    Ae,
     { collections: {}, products: {} }
-  ), [c, g] = A(
+  ), [i, g] = $(
     ze,
     Object.keys(V).length > 0 ? V : {}
-  ), F = Re(null), [E, B] = d(!1), [O, xe] = d();
-  x(() => {
-    y(!0), ne(!0), t.collectionFetcher(Z, m, f).then((e) => {
-      b({
+  ), O = Re(null), [L, E] = d(!1), [D, Se] = d();
+  S(() => {
+    b(!0), te(!0), r.collectionFetcher(Z, m, p).then((e) => {
+      h({
         type: "fetched",
         data: e?.collections || {}
-      }), y(!1), ee((r) => r + 1), ne(!1);
+      }), b(!1), ee((n) => n + 1), te(!1);
     }).catch();
-  }, []), x(() => {
+  }, []), S(() => {
     let e = 0;
-    N === "COLLECTION" ? e = Object.keys(c || {}).filter(
-      (r) => r !== "isCustom"
-    ).length : v ? Object.keys(c || []).forEach((r) => {
+    y === "COLLECTION" ? e = Object.keys(i || {}).filter(
+      (n) => n !== "isCustom"
+    ).length : N ? Object.keys(i || []).forEach((n) => {
       Object.keys(
-        c[r]?.products || []
-      ).forEach(($) => {
-        r !== "-1" ? (!c[-1] || !c[-1].products?.[$]) && (e += 1) : e += 1;
+        i[n]?.products || []
+      ).forEach((B) => {
+        n !== "-1" ? (!i[-1] || !i[-1].products?.[B]) && (e += 1) : e += 1;
       });
-    }) : Object.keys(c || []).forEach((r) => {
+    }) : Object.keys(i || []).forEach((n) => {
       Object.keys(
-        c[r]?.products || []
-      ).forEach(($) => {
+        i[n]?.products || []
+      ).forEach((B) => {
         Object.keys(
-          c[r].products?.[$]?.variants || []
+          i[n].products?.[B]?.variants || []
         ).forEach(() => {
           e += 1;
         });
       });
     }), Ce(e);
-  }, [C, c, v, N]), x(() => {
-    U && (y(!0), t.productFetcher(U, m, f).then((e) => {
-      Object.keys(e).length && b({
+  }, [C, i, N, y]), S(() => {
+    T && (b(!0), r.productFetcher(T, m, p).then((e) => {
+      Object.keys(e).length && h({
         type: "productsFetched",
         data: {
-          collectionId: U,
+          collectionId: T,
           products: e
         }
-      }), y(!1);
+      }), b(!1);
     }).catch());
-  }, [U]), x(() => {
+  }, [T]), S(() => {
     const e = setTimeout(() => {
-      if (s !== "rearrange" && !(!P.length && s === "collections")) {
-        if (!P.length) {
+      if (s !== "rearrange" && !(!U.length && s === "collections")) {
+        if (!U.length) {
           u("collections");
           return;
         }
-        oe(!0), t.searchFetcher(m, P, f).then((r) => {
-          "collections" in r && "products" in r ? (T({
+        oe(!0), r.searchFetcher(m, U, p).then((n) => {
+          "collections" in n && "products" in n ? (F({
             type: "set",
-            data: r
-          }), b({
+            data: n
+          }), h({
             type: "searched",
-            data: r.collections
-          }), b({
+            data: n.collections
+          }), h({
             type: "searched",
-            data: r.products
-          })) : (T({
+            data: n.products
+          })) : (F({
             type: "set",
             data: {
               collections: {},
-              products: r
+              products: n
             }
-          }), b({
+          }), h({
             type: "searched",
-            data: r
-          })), u("searchProducts"), y(!1), oe(!1);
+            data: n
+          })), u("searchProducts"), b(!1), oe(!1);
         });
       }
     }, 800);
     return () => clearTimeout(e);
-  }, [P]), x(() => {
-    _ && (t.onAdd(c, n), S());
-  }, [_]), x(() => {
-    Y && Object.keys(c || {}).length && n && (t.onAdd(c, n), S());
-  }, [Y, c, n]);
-  const De = () => {
+  }, [U]), S(() => {
+    _ && (r.onAdd(i, t), P());
+  }, [_]), S(() => {
+    Y && Object.keys(i || {}).length && t && (r.onAdd(i, t), P());
+  }, [Y, i, t]);
+  const xe = () => {
     if (s === "collections")
       return "Select Products";
     if (s === "products")
@@ -149,57 +149,57 @@ const Co = (t) => {
       return "Searched Results";
     if (s === "rearrange")
       return "Rearrange Products";
-  }, S = () => {
+  }, P = () => {
     g({
       type: "reset",
       data: {}
     });
-  }, we = () => {
-    M?.(), S();
-  }, re = () => {
-    let e, r;
-    return N === "COLLECTION" ? (e = "collection", r = "collections") : v ? (e = "product", r = "products") : (e = "variant", r = "variants"), i && n > i ? /* @__PURE__ */ o(
+  }, je = () => {
+    M?.(), P();
+  }, ne = () => {
+    let e, n;
+    return y === "COLLECTION" ? (e = "collection", n = "collections") : N ? (e = "product", n = "products") : (e = "variant", n = "variants"), c && t > c ? /* @__PURE__ */ o(
       le,
       {
-        tagText: `You can only select ${i} ${i === 1 ? e : r}`,
+        tagText: `You can only select ${c} ${c === 1 ? e : n}`,
         type: "negative"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 401,
         columnNumber: 5
       },
       void 0
-    ) : l && n > l ? /* @__PURE__ */ o(
+    ) : l && t > l ? /* @__PURE__ */ o(
       le,
       {
-        tagText: `You can only select ${l} ${l === 1 ? e : r}`,
+        tagText: `You can only select ${l} ${l === 1 ? e : n}`,
         type: "negative"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 410,
         columnNumber: 5
       },
       void 0
-    ) : n > 0 ? /* @__PURE__ */ o(
+    ) : t > 0 ? /* @__PURE__ */ o(
       z,
       {
         onClick: () => {
-          u(ye ? a.RearrangeProducts : a.SelectedProducts);
+          u(be ? a.RearrangeProducts : a.SelectedProducts);
         },
-        buttonText: i ? `${n}/${i} ${n === 1 ? e : r} selected` : `${n} ${n === 1 ? e : r} selected`,
+        buttonText: c ? `${t}/${c} ${t === 1 ? e : n} selected` : `${t} ${t === 1 ? e : n} selected`,
         buttonType: ["rearrange", "view"].includes(s) ? "tertiaryGray" : "tertiary",
         disabled: ["rearrange", "view"].includes(s)
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 420,
         columnNumber: 5
       },
@@ -208,13 +208,13 @@ const Co = (t) => {
       z,
       {
         disabled: !0,
-        buttonText: i ? `${n}/${i} ${i === 1 ? e : r} selected` : `${n} ${n === 1 ? e : r} selected`,
+        buttonText: c ? `${t}/${c} ${c === 1 ? e : n} selected` : `${t} ${t === 1 ? e : n} selected`,
         buttonType: "tertiaryGray"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 441,
         columnNumber: 5
       },
@@ -222,45 +222,45 @@ const Co = (t) => {
     );
   }, Ie = (e) => {
     if (!e.length || !e.trim().length) {
-      L("");
+      w("");
       return;
     }
-    L(e);
-  }, ie = (e) => I ? "Loading..." : s === a.RearrangeProducts ? e ?? "Done" : e ?? "Add", Pe = (e) => {
-    B(!0), xe(e);
-  }, Ue = (e) => ({
+    w(e);
+  }, ce = (e) => I ? "Loading..." : s === a.RearrangeProducts ? e ?? "Done" : e ?? "Add", Ue = (e) => {
+    E(!0), Se(e);
+  }, Te = (e) => ({
     ...e,
     // if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up
-    disabled: !e.isLoading && (I || n < 1 || i && n < i || !i && l && n > l) || e.disabled,
+    disabled: !e.isLoading && (I || t < 1 || c && t < c || !c && l && t > l) || e.disabled,
     onClick: () => {
-      t.onAdd(c, n), S(), u(
+      r.onAdd(i, t), P(), u(
         [a.Collections, a.RearrangeProducts].includes(
-          k
-        ) ? k : a.Collections
+          v
+        ) ? v : a.Collections
       );
     }
-  }), Te = (e) => ({
+  }), Fe = (e) => ({
     ...e,
-    disabled: I || n < 1 || i && n < i || !i && l && n > l || !1,
+    disabled: I || t < 1 || c && t < c || !c && l && t > l || !1,
     onClick: () => {
-      const r = We(
-        c,
+      const n = We(
+        i,
         C,
-        te
+        re
       );
-      t.onAdd(r, n, !0);
+      r.onAdd(n, t, !0);
     }
-  }), ce = /* @__PURE__ */ o(Ke, { style: Ne ?? {}, children: [
-    t.postHeader && /* @__PURE__ */ o("div", { style: { padding: "0 24px" }, children: t.postHeader }, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+  }), ie = /* @__PURE__ */ o(Ke, { style: ye ?? {}, children: [
+    r.postHeader && /* @__PURE__ */ o("div", { style: { padding: "0 24px" }, children: r.postHeader }, void 0, !1, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 528,
       columnNumber: 5
     }, void 0),
-    !t.hideGlobalSearch && /* @__PURE__ */ o(p, { children: (s === "collections" || s === "searchProducts") && /* @__PURE__ */ o(
+    !r.hideGlobalSearch && /* @__PURE__ */ o(f, { children: (s === "collections" || s === "searchProducts") && /* @__PURE__ */ o(
       "div",
       {
         style: {
-          padding: D ? "8px 16px" : "12px 24px",
+          padding: x ? "8px 16px" : "12px 24px",
           borderBottom: "1px solid #E0E0E0"
         },
         children: /* @__PURE__ */ o(
@@ -270,12 +270,12 @@ const Co = (t) => {
             noKeyDownChange: !0,
             noErrorHint: !0,
             rightIcon: {
-              icon: () => ge ? /* @__PURE__ */ o(Je, { size: "small", color: j.content.primary }, void 0, !1, {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+              icon: () => ge ? /* @__PURE__ */ o(Je, { size: "small", color: A.content.primary }, void 0, !1, {
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
                 lineNumber: 546,
                 columnNumber: 12
-              }, void 0) : /* @__PURE__ */ o(Oe, {}, void 0, !1, {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+              }, void 0) : /* @__PURE__ */ o(De, {}, void 0, !1, {
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
                 lineNumber: 548,
                 columnNumber: 12
               }, void 0)
@@ -283,13 +283,13 @@ const Co = (t) => {
             id: "listInput",
             height: "24px",
             type: "text",
-            value: P,
+            value: U,
             onChangeText: Ie
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
             lineNumber: 539,
             columnNumber: 8
           },
@@ -299,132 +299,132 @@ const Co = (t) => {
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 533,
         columnNumber: 7
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 531,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ o(Ge, { ref: F, screenName: s, children: [
+    /* @__PURE__ */ o(Ge, { ref: O, screenName: s, children: [
       s === "collections" && /* @__PURE__ */ o(
-        Ee,
+        Le,
         {
-          customCollectionRestriction: t.customCollectionRestriction,
-          dataLoading: Se,
+          customCollectionRestriction: r.customCollectionRestriction,
+          dataLoading: Pe,
           collections: C,
           selectedCollectionsDispatch: g,
           setCollectionId: Q,
           setSelectedCollectionId: X,
           setScreen: u,
-          selectedCollections: c,
-          collectionFetcher: t.collectionFetcher,
+          selectedCollections: i,
+          collectionFetcher: r.collectionFetcher,
           storeId: m,
-          appType: f,
-          collectionsDispatch: b,
-          setSaveDisabled: y,
+          appType: p,
+          collectionsDispatch: h,
+          setSaveDisabled: b,
           pagingControls: {
             curPage: Z,
             setCurPage: ee
           },
           hideCollectionCheckbox: H,
-          renderWithoutModal: D,
-          pickerType: N,
-          scrollContainerRef: F,
+          renderWithoutModal: x,
+          pickerType: y,
+          scrollContainerRef: O,
           limit: l,
-          exactLimit: i
+          exactLimit: c
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 564,
           columnNumber: 6
         },
         void 0
       ),
       s === "products" && R && /* @__PURE__ */ o(Ve.Provider, { value: R, children: /* @__PURE__ */ o(
-        Be,
+        Ee,
         {
-          hideInCollectionSearch: t.hideInCollectionSearch,
-          customCollectionRestriction: t.customCollectionRestriction,
-          productFetcher: t.productFetcher,
+          hideInCollectionSearch: r.hideInCollectionSearch,
+          customCollectionRestriction: r.customCollectionRestriction,
+          productFetcher: r.productFetcher,
           setScreen: u,
           storeId: m,
-          appType: f,
+          appType: p,
           data: C[R],
-          collectionsDispatch: b,
+          collectionsDispatch: h,
           selectedCollectionsDispatch: g,
-          selectedData: c,
-          setSaveDisabled: y,
-          searchInCollectionFetcher: t.searchInCollectionFetcher,
+          selectedData: i,
+          setSaveDisabled: b,
+          searchInCollectionFetcher: r.searchInCollectionFetcher,
           hideProductCheckbox: K,
-          outOfStockAction: h,
+          outOfStockAction: k,
           hideVariantCheckbox: G,
           selectProductsFromCustomCollection: ue,
-          renderWithoutModal: D,
-          pickerType: N,
-          hideProductVariants: v,
-          fbStatusFetcher: t.fbStatusFetcher,
-          onProductDetailClick: Pe,
-          showProductDetailInfoIcon: he,
-          scrollContainerRef: F
+          renderWithoutModal: x,
+          pickerType: y,
+          hideProductVariants: N,
+          fbStatusFetcher: r.fbStatusFetcher,
+          onProductDetailClick: Ue,
+          showProductDetailInfoIcon: ke,
+          scrollContainerRef: O
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 593,
           columnNumber: 7
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 592,
         columnNumber: 6
       }, void 0),
       s === "view" && /* @__PURE__ */ o(
         He,
         {
-          selectedCollections: c || {},
+          selectedCollections: i || {},
           selectedCollectionsDispatch: g,
           setScreen: u,
           collections: C,
-          hideProductVariants: v,
-          outOfStockAction: h,
+          hideProductVariants: N,
+          outOfStockAction: k,
           storeId: m,
-          appType: f,
-          fbStatusFetcher: t.fbStatusFetcher
+          appType: p,
+          fbStatusFetcher: r.fbStatusFetcher
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 624,
           columnNumber: 6
         },
         void 0
       ),
       s === "rearrange" && /* @__PURE__ */ o(
-        $e,
+        Be,
         {
-          selectedCollections: c || {},
+          selectedCollections: i || {},
           selectedCollectionsDispatch: g,
           setScreen: u,
-          outOfStockAction: h,
-          rearrangeViewType: ke === "grid" ? "list" : "grid",
-          scrollContainerRef: F,
+          outOfStockAction: k,
+          rearrangeViewType: ve === "grid" ? "list" : "grid",
+          scrollContainerRef: O,
           storeId: m,
-          appType: f,
-          fbStatusFetcher: t.fbStatusFetcher
+          appType: p,
+          fbStatusFetcher: r.fbStatusFetcher
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 638,
           columnNumber: 6
         },
@@ -433,120 +433,120 @@ const Co = (t) => {
       s === "searchProducts" && /* @__PURE__ */ o(
         Me,
         {
-          customCollectionRestriction: t.customCollectionRestriction,
-          selectedCollections: c || {},
-          searchedCollections: te || {},
-          searchedCollectionsDispatch: T,
+          customCollectionRestriction: r.customCollectionRestriction,
+          selectedCollections: i || {},
+          searchedCollections: re || {},
+          searchedCollectionsDispatch: F,
           selectedCollectionsDispatch: g,
           setScreen: u,
           collections: C,
           onBackPress: () => {
-            L(""), T({
+            w(""), F({
               type: "set",
               data: { collections: {}, products: {} }
             });
           },
-          pickerType: N,
+          pickerType: y,
           hideProductCheckbox: K,
-          hideProductVariants: v,
+          hideProductVariants: N,
           hideVariantCheckbox: G,
           storeId: m,
-          appType: f,
-          fbStatusFetcher: t.fbStatusFetcher,
+          appType: p,
+          fbStatusFetcher: r.fbStatusFetcher,
           setCollectionId: Q,
           setSelectedCollectionId: X,
-          renderWithoutModal: D,
+          renderWithoutModal: x,
           hideCollectionCheckbox: H,
-          outOfStockAction: h,
+          outOfStockAction: k,
           limit: l,
-          exactLimit: i
+          exactLimit: c
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 652,
           columnNumber: 6
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 562,
       columnNumber: 4
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
     lineNumber: 526,
     columnNumber: 3
   }, void 0);
-  return /* @__PURE__ */ o(p, { children: D ? /* @__PURE__ */ o(p, { children: [
-    ce,
-    w.renderFooter ? /* @__PURE__ */ o(_e, { children: [
-      re(),
+  return /* @__PURE__ */ o(f, { children: x ? /* @__PURE__ */ o(f, { children: [
+    ie,
+    j.renderFooter ? /* @__PURE__ */ o(_e, { children: [
+      ne(),
       /* @__PURE__ */ o(
         z,
         {
-          buttonText: ie(
-            w.primaryButtonText
+          buttonText: ce(
+            j.primaryButtonText
           ),
           disabled: (
             // if footer is loading, then do not disable the button, since it causes rendering issues and the loader doesn't show up
-            !w.isLoading && (I || n < 1 || i && n < i || !i && l && n > l) || w.primaryButtonDisabled
+            !j.isLoading && (I || t < 1 || c && t < c || !c && l && t > l) || j.primaryButtonDisabled
           ),
-          isLoading: w.isLoading,
+          isLoading: j.isLoading,
           onClick: () => {
-            t.onAdd(c, n), S(), u(
+            r.onAdd(i, t), P(), u(
               [
                 a.Collections,
                 a.RearrangeProducts
-              ].includes(k) ? k : a.Collections
+              ].includes(v) ? v : a.Collections
             );
           }
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 696,
           columnNumber: 8
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 694,
       columnNumber: 7
-    }, void 0) : /* @__PURE__ */ o(p, {}, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+    }, void 0) : /* @__PURE__ */ o(f, {}, void 0, !1, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 725,
       columnNumber: 7
     }, void 0),
-    E && O ? /* @__PURE__ */ o(
+    L && D ? /* @__PURE__ */ o(
       se,
       {
-        productData: O,
-        outOfStockAction: h,
-        useDynamicInfoImageSize: t.useDynamicInfoImageSize,
+        productData: D,
+        outOfStockAction: k,
+        useDynamicInfoImageSize: r.useDynamicInfoImageSize,
         onClose: () => {
-          B(!1);
+          E(!1);
         }
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 729,
         columnNumber: 7
       },
       void 0
-    ) : /* @__PURE__ */ o(p, {}, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+    ) : /* @__PURE__ */ o(f, {}, void 0, !1, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 738,
       columnNumber: 7
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
     lineNumber: 691,
     columnNumber: 5
   }, void 0) : /* @__PURE__ */ o(
@@ -554,13 +554,13 @@ const Co = (t) => {
     {
       zIndex: de,
       open: ae,
-      onClose: we,
-      headingTitle: fe || De(),
-      headingSubtitle: ve,
+      onClose: je,
+      headingTitle: pe || xe(),
+      headingSubtitle: Ne,
       footerShadow: !0,
       centralContainerStyles: {
-        width: pe || "600px",
-        left: be || "auto"
+        width: fe || "600px",
+        left: he || "auto"
       },
       headerRightCustomElement: W ? /* @__PURE__ */ o(
         "div",
@@ -571,16 +571,16 @@ const Co = (t) => {
           },
           onClick: M,
           children: /* @__PURE__ */ o(
-            Le,
+            we,
             {
               width: 20,
               height: 20,
-              color: j.content.secondary
+              color: A.content.secondary
             },
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
               lineNumber: 763,
               columnNumber: 9
             },
@@ -590,63 +590,63 @@ const Co = (t) => {
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 755,
           columnNumber: 8
         },
         void 0
-      ) : /* @__PURE__ */ o(p, {}, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      ) : /* @__PURE__ */ o(f, {}, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 770,
         columnNumber: 8
       }, void 0),
-      footerContainerStyle: t.stickyFooter ? {
+      footerContainerStyle: r.stickyFooter ? {
         position: "absolute",
         bottom: 0,
         left: 0,
         width: "100%",
         zIndex: 9,
-        background: j.surface.standard
+        background: A.surface.standard
       } : void 0,
-      primaryButton: q ? Ue(q) : {
-        buttonText: ie(),
-        disabled: I || n < 1 || i && n < i || !i && l && n > l || !1,
+      primaryButton: q ? Te(q) : {
+        buttonText: ce(),
+        disabled: I || t < 1 || c && t < c || !c && l && t > l || !1,
         onClick: () => {
-          t.onAdd(c, n), S();
+          r.onAdd(i, t), P();
         }
       },
-      secondaryButton: J ? Te(J) : void 0,
-      wrapperStyle: t.stickyFooter ? {
+      secondaryButton: J ? Fe(J) : void 0,
+      wrapperStyle: r.stickyFooter ? {
         height: "calc(100vh - 168px)"
       } : void 0,
-      footerLeftCustomElement: me ? /* @__PURE__ */ o(p, {}, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      footerLeftCustomElement: me ? /* @__PURE__ */ o(f, {}, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
         lineNumber: 815,
         columnNumber: 28
-      }, void 0) : re(),
-      hideCrossButton: E || W,
+      }, void 0) : ne(),
+      hideCrossButton: L || W,
       children: [
-        ce,
-        E && O ? /* @__PURE__ */ o(
+        ie,
+        L && D ? /* @__PURE__ */ o(
           se,
           {
-            productData: O,
-            useDynamicInfoImageSize: t.useDynamicInfoImageSize,
-            outOfStockAction: h,
+            productData: D,
+            useDynamicInfoImageSize: r.useDynamicInfoImageSize,
+            outOfStockAction: k,
             onClose: () => {
-              B(!1);
+              E(!1);
             }
           },
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
             lineNumber: 821,
             columnNumber: 7
           },
           void 0
-        ) : /* @__PURE__ */ o(p, {}, void 0, !1, {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+        ) : /* @__PURE__ */ o(f, {}, void 0, !1, {
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
           lineNumber: 830,
           columnNumber: 7
         }, void 0)
@@ -655,13 +655,13 @@ const Co = (t) => {
     void 0,
     !0,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
       lineNumber: 742,
       columnNumber: 5
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/product-picker-v2/modal.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/product-picker-v2/modal.tsx",
     lineNumber: 689,
     columnNumber: 3
   }, void 0);