@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.9

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

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