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

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js

@@ -1,8 +1,8 @@
 import { jsxDEV as e, Fragment as $ } from "react/jsx-dev-runtime";
 import { ApplicationType as me } from "@bikdotai/bik-models/growth/models/bik-store";
-import pe from "../../../assets/icons/arrow_back.svg.js";
+import de from "../../../assets/icons/arrow_back.svg.js";
 import ce from "../../../assets/icons/chevronLeft.svg.js";
-import de from "../../../assets/icons/chevronRight.svg.js";
+import pe from "../../../assets/icons/chevronRight.svg.js";
 import j from "../../../assets/icons/PlusIcon.js";
 import F from "lodash/cloneDeep";
 import { useState as D, useEffect as A } from "react";
@@ -10,16 +10,16 @@ import { Button as V } from "../../button/Button.js";
 import { IconButton as I } from "../../icon-button/IconButton.js";
 import { ProductPickerModal as ue } from "../../product-picker-v2/modal.js";
 import { ScreenName as q } from "../../product-picker-v2/type.js";
-import { Badge as be } from "../Badge/index.js";
-import { useTemplateModalContext as he } from "../context/templateModalContext.js";
-import fe from "./EditWhatsAppTemplateV2.js";
-import { ProductBox as ke } from "./ProductBox.js";
-import { isRCSChannel as E } from "../../template-preview/helpers/templateMiscHelper.js";
-import { POD as ye } from "../../template-preview/models/WhatsAppTemplate.js";
-import { TitleMedium as ve, TitleRegular as M, BodySecondary as xe, BodyCaption as ge } from "../../TypographyStyle.js";
+import { Badge as fe } from "../Badge/index.js";
+import { useTemplateModalContext as be } from "../context/templateModalContext.js";
+import he from "./EditWhatsAppTemplateV2.js";
+import { ProductBox as ye } from "./ProductBox.js";
+import { isRCSChannel as v } from "../../template-preview/helpers/templateMiscHelper.js";
+import { POD as xe } from "../../template-preview/models/WhatsAppTemplate.js";
+import { TitleMedium as ge, TitleRegular as M, BodySecondary as Ne, BodyCaption as Ee } from "../../TypographyStyle.js";
 import { COLORS as m } from "../../../constants/Theme.js";
 const qe = ({
-  template: s,
+  template: l,
   whatsappSpecificPickerMeta: _,
   showVariableModal: z,
   variableListForImage: G,
@@ -27,117 +27,117 @@ const qe = ({
   setDiscountCode: K
 }) => {
   const {
-    selectedCarouselIndex: o,
-    setTemplate: C,
-    pickerConf: p,
-    isProductCarouselType: h,
+    selectedCarouselIndex: t,
+    setTemplate: k,
+    pickerConf: d,
+    isProductCarouselType: b,
     pod: J,
-    cardCount: f,
-    carouselProducts: n,
-    setCarouselProducts: x,
+    cardCount: h,
+    carouselProducts: a,
+    setCarouselProducts: N,
     isError: c,
-    cardImages: k,
+    cardImages: y,
     disableEditVariable: Q,
     onDeleteSelectedProducts: X,
-    setSelectedCarouselIndex: g,
-    setVariableCallback: P,
-    setShowVariablePicker: W,
-    sliderRef: U,
-    setCarouselBodyError: S
-  } = he(), [Y, Z] = D(
-    E(s?.channel) ? "Carousel Cards" : o == -1 ? "First Message (Step 1/2)" : h ? `Product Carousel ${s?.mapping?.body?.length ? "(Step 2/2)" : ""}` : `Carousel Cards ${s?.mapping?.body?.length ? "(Step 2/2)" : ""}`
-  ), [T, y] = D(!1), [ee, w] = D(!1), B = o === (f ?? -1) - 1, O = (o ?? -1) < 1;
+    setSelectedCarouselIndex: E,
+    setVariableCallback: W,
+    setShowVariablePicker: T,
+    sliderRef: P,
+    setCarouselBodyError: U
+  } = be(), [Y, Z] = D(
+    v(l?.channel) ? "Carousel Cards" : t == -1 ? "First Message (Step 1/2)" : b ? `Product Carousel ${l?.mapping?.body?.length ? "(Step 2/2)" : ""}` : `Carousel Cards ${l?.mapping?.body?.length ? "(Step 2/2)" : ""}`
+  ), [w, x] = D(!1), [ee, S] = D(!1), B = t === (h ?? -1) - 1, O = (t ?? -1) < 1;
   A(() => {
     Z(
-      E(s?.channel) ? "Carousel Cards" : o == -1 ? "First Message (Step 1/2)" : h ? `Product Carousel ${s?.mapping?.body?.length ? "(Step 2/2)" : ""}` : `Carousel Cards ${s?.mapping?.body?.length ? "(Step 2/2)" : ""}`
+      v(l?.channel) ? "Carousel Cards" : t == -1 ? "First Message (Step 1/2)" : b ? `Product Carousel ${l?.mapping?.body?.length ? "(Step 2/2)" : ""}` : `Carousel Cards ${l?.mapping?.body?.length ? "(Step 2/2)" : ""}`
     );
-  }, [o]), A(() => {
-    W(!1);
-  }, [o]);
-  const te = (t, i) => {
-    w(!1);
-    const r = [];
-    delete t.isCustom;
-    for (const l of Object.keys(t)) {
-      const a = t[l].products;
-      if (!(typeof a > "u") && Object.keys(a).length)
-        for (const b of Object.keys(a)) {
-          const N = a[b].variants;
-          if (!(typeof N > "u") && Object.keys(N).length)
-            for (const R of Object.keys(N)) {
-              const { name: ne, image: ae, quantity: se, displayOrder: ie } = N[R], le = {
-                name: ne,
-                image: ae ?? a[b]?.image ?? "",
-                quantity: se,
+  }, [t]), A(() => {
+    T(!1);
+  }, [t]);
+  const oe = (o, s) => {
+    S(!1);
+    const n = [];
+    delete o.isCustom;
+    for (const i of Object.keys(o)) {
+      const r = o[i].products;
+      if (!(typeof r > "u") && Object.keys(r).length)
+        for (const f of Object.keys(r)) {
+          const C = r[f].variants;
+          if (!(typeof C > "u") && Object.keys(C).length)
+            for (const R of Object.keys(C)) {
+              const { name: ae, image: re, quantity: le, displayOrder: se } = C[R], ie = {
+                name: ae,
+                image: re ?? r[f]?.image ?? "",
+                quantity: le,
                 variantId: R,
-                productId: b,
-                displayOrder: ie,
-                collectionId: l,
-                productName: a[b]?.name ?? "",
-                productImage: a[b]?.image ?? "",
-                productDescription: a[b]?.description ?? ""
+                productId: f,
+                displayOrder: se,
+                collectionId: i,
+                productName: r[f]?.name ?? "",
+                productImage: r[f]?.image ?? "",
+                productDescription: r[f]?.description ?? ""
               };
-              r.push(le);
+              n.push(ie);
             }
         }
     }
-    const d = r.sort(
-      (l, a) => l.displayOrder - a.displayOrder
-    ), v = r.map((l) => l.image), u = F({ ...s });
-    u && (v.forEach((l, a) => {
-      l ? u.components[1].cards[a].components[0].example.header_handle = [l] : u.components[1].cards[a].components[0].example.header_handle = [k?.[a] ?? ""];
-    }), C?.(u)), x?.(d), S?.(""), y(!1);
-  }, oe = (t) => {
-    if (t.length > 0) {
-      const i = {};
-      for (const r of t) {
-        const d = r?.collectionId, v = r.productId, u = r.variantId;
-        d in i || (i[d] = {
+    const p = n.sort(
+      (i, r) => i.displayOrder - r.displayOrder
+    ), g = n.map((i) => i.image), u = F({ ...l });
+    u && (g.forEach((i, r) => {
+      i ? u.components[1].cards[r].components[0].example.header_handle = [i] : u.components[1].cards[r].components[0].example.header_handle = [y?.[r] ?? ""];
+    }), k?.(u)), N?.(p), U?.(""), x(!1);
+  }, te = (o) => {
+    if (o.length > 0) {
+      const s = {};
+      for (const n of o) {
+        const p = n?.collectionId, g = n.productId, u = n.variantId;
+        p in s || (s[p] = {
           products: {},
           name: "",
           image: "",
           isSmartCollection: !1
-        }), v in i[d].products || (i[d].products[v] = {
+        }), g in s[p].products || (s[p].products[g] = {
           variants: {},
-          name: r?.productName || "",
-          image: r?.productImage || ""
-        }), i[d].products[v].variants[u] = {
-          name: r?.name || "",
+          name: n?.productName || "",
+          image: n?.productImage || ""
+        }), s[p].products[g].variants[u] = {
+          name: n?.name || "",
           price: "",
-          image: r?.image || "",
-          quantity: r.quantity || 0,
-          displayOrder: r.displayOrder
+          image: n?.image || "",
+          quantity: n.quantity || 0,
+          displayOrder: n.displayOrder
         };
       }
-      return i;
+      return s;
     }
     return {};
-  }, re = () => {
-    if (n?.length === 1 && n[0].name === "variable") {
-      x?.([]);
+  }, ne = () => {
+    if (a?.length === 1 && a[0].name === "variable") {
+      N?.([]);
       return;
     }
-    const t = F({ ...s });
-    t && (k && k.length > 0 ? k?.forEach((i, r) => {
-      t.components[1].cards[r].components[0].example.header_handle = [
-        k[r] ?? "https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"
+    const o = F({ ...l });
+    o && (y && y.length > 0 ? y?.forEach((s, n) => {
+      o.components[1].cards[n].components[0].example.header_handle = [
+        y[n] ?? "https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"
       ];
-    }) : t?.components[1].cards?.forEach((i, r) => {
-      t.components[1].cards[r].components[0].example.header_handle = [
+    }) : o?.components[1].cards?.forEach((s, n) => {
+      o.components[1].cards[n].components[0].example.header_handle = [
         "https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"
       ];
-    }), C?.(t)), x?.([]), S?.(""), X?.();
-  }, L = (t) => {
-    x?.([
+    }), k?.(o)), N?.([]), U?.(""), X?.();
+  }, L = (o) => {
+    N?.([
       {
         name: "variable",
-        productName: t.actualValue
+        productName: o.actualValue
       }
     ]);
   };
   return A(() => {
-    o === -1 && E(s?.channel) && g?.(0);
-  }, [o, s?.channel]), /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+    t === -1 && v(l?.channel) && E?.(0);
+  }, [t, l?.channel]), /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -147,25 +147,25 @@ const qe = ({
           alignItems: "center"
         },
         children: [
-          !E(s?.channel) && o != null && o >= 0 && !!s?.mapping?.body?.length && /* @__PURE__ */ e(
+          !v(l?.channel) && t != null && t >= 0 && !!l?.mapping?.body?.length && /* @__PURE__ */ e(
             I,
             {
-              Icon: pe,
+              Icon: de,
               onClick: () => {
-                g?.(-1);
+                E?.(-1);
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 268,
               columnNumber: 7
             },
             void 0
           ),
-          /* @__PURE__ */ e(ve, { style: { marginLeft: 10 }, children: Y }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+          /* @__PURE__ */ e(ge, { style: { marginLeft: 10 }, children: Y }, void 0, !1, {
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
             lineNumber: 275,
             columnNumber: 5
           }, void 0)
@@ -174,13 +174,13 @@ const qe = ({
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 257,
         columnNumber: 4
       },
       void 0
     ),
-    h && (n?.length ?? 0) > 0 && o != null && o >= 0 && /* @__PURE__ */ e(
+    b && (a?.length ?? 0) > 0 && t != null && t >= 0 && /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -193,33 +193,33 @@ const qe = ({
         },
         children: [
           /* @__PURE__ */ e(
-            ke,
+            ye,
             {
               editItem: () => {
-                n?.length === 1 && n[0].name === "variable" ? (P(() => L), W(!0)) : y(!T);
+                a?.length === 1 && a[0].name === "variable" ? (W(() => L), T(!0)) : x(!w);
               },
-              cardBody: n?.length === 1 && n[0].name === "variable" ? `${n[0].productName}` : `${n?.length} Products Selected`,
-              hideIcon: n?.length === 1 && n[0].name === "variable",
-              deleteItem: re
+              cardBody: a?.length === 1 && a[0].name === "variable" ? `${a[0].productName}` : `${a?.length} Products Selected`,
+              hideIcon: a?.length === 1 && a[0].name === "variable",
+              deleteItem: ne
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 291,
               columnNumber: 7
             },
             void 0
           ),
-          n && n?.length > 0 && n[0].name != "variable" && /* @__PURE__ */ e(
+          a && a?.length > 0 && a[0].name != "variable" && /* @__PURE__ */ e(
             V,
             {
-              disabled: (n?.length ?? 0) <= 1,
+              disabled: (a?.length ?? 0) <= 1,
               style: {
                 alignSelf: "flex-end"
               },
               onClick: () => {
-                w(!0), y(!0);
+                S(!0), x(!0);
               },
               buttonText: "Rearrange Products",
               buttonType: "tertiary"
@@ -227,7 +227,7 @@ const qe = ({
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 318,
               columnNumber: 9
             },
@@ -238,26 +238,26 @@ const qe = ({
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 281,
         columnNumber: 6
       },
       void 0
     ),
-    !Q && h && n?.length === 0 && o != null && o >= 0 && /* @__PURE__ */ e($, { children: [
+    !Q && b && a?.length === 0 && t != null && t >= 0 && /* @__PURE__ */ e($, { children: [
       /* @__PURE__ */ e("div", { style: { marginLeft: 12 }, children: [
         /* @__PURE__ */ e(M, { children: "Product(s)" }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
           lineNumber: 340,
           columnNumber: 8
         }, void 0),
-        /* @__PURE__ */ e(xe, { children: `Select ${f ?? 1} products` }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        /* @__PURE__ */ e(Ne, { children: `Select ${h ?? 1} products` }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
           lineNumber: 341,
           columnNumber: 8
         }, void 0)
       ] }, void 0, !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 339,
         columnNumber: 7
       }, void 0),
@@ -298,30 +298,30 @@ const qe = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                     lineNumber: 372,
                     columnNumber: 11
                   },
                   void 0
                 ) }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                   lineNumber: 371,
                   columnNumber: 10
                 }, void 0),
-                onClick: (t) => {
-                  y(!0);
+                onClick: (o) => {
+                  x(!0);
                 }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                 lineNumber: 356,
                 columnNumber: 8
               },
               void 0
             ),
-            J === ye.CHATBOT && /* @__PURE__ */ e($, { children: [
+            J === xe.CHATBOT && /* @__PURE__ */ e($, { children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -348,14 +348,14 @@ const qe = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                         lineNumber: 395,
                         columnNumber: 11
                       },
                       void 0
                     ),
                     /* @__PURE__ */ e(
-                      ge,
+                      Ee,
                       {
                         style: { color: "#616161", overflow: "unset" },
                         children: "OR"
@@ -363,7 +363,7 @@ const qe = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                         lineNumber: 404,
                         columnNumber: 11
                       },
@@ -383,7 +383,7 @@ const qe = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                         lineNumber: 409,
                         columnNumber: 11
                       },
@@ -394,7 +394,7 @@ const qe = ({
                 void 0,
                 !0,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                   lineNumber: 385,
                   columnNumber: 10
                 },
@@ -424,31 +424,31 @@ const qe = ({
                     void 0,
                     !1,
                     {
-                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                       lineNumber: 435,
                       columnNumber: 13
                     },
                     void 0
                   ) }, void 0, !1, {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                     lineNumber: 434,
                     columnNumber: 12
                   }, void 0),
-                  onClick: (t) => {
-                    P(() => L), W(!0);
+                  onClick: (o) => {
+                    W(() => L), T(!0);
                   }
                 },
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
                   lineNumber: 419,
                   columnNumber: 10
                 },
                 void 0
               )
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 384,
               columnNumber: 9
             }, void 0)
@@ -457,27 +457,27 @@ const qe = ({
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
           lineNumber: 345,
           columnNumber: 7
         },
         void 0
       ),
-      c && /* @__PURE__ */ e("div", { style: { marginLeft: 10, marginBottom: 16 }, children: /* @__PURE__ */ e(be, { padding: "8px", errorText: "Please add products" }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+      c && /* @__PURE__ */ e("div", { style: { marginLeft: 10, marginBottom: 16 }, children: /* @__PURE__ */ e(fe, { padding: "8px", errorText: "Please add products" }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 452,
         columnNumber: 9
       }, void 0) }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 451,
         columnNumber: 8
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
       lineNumber: 338,
       columnNumber: 6
     }, void 0),
-    !h && (o ?? -1) > -1 && /* @__PURE__ */ e(
+    !b && (t ?? -1) > -1 && /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -495,13 +495,13 @@ const qe = ({
               height: 14,
               svgStyle: O ? {} : { color: m.content.secondary },
               onClick: () => {
-                U?.current?.slickPrev(), !((o ?? -1) < 1) && g?.((t) => t - 1);
+                P?.current?.slickPrev(), !((t ?? -1) < 1) && E?.((o) => o - 1);
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 465,
               columnNumber: 6
             },
@@ -512,12 +512,12 @@ const qe = ({
             {
               style: { flex: 1, display: "flex", justifyContent: "center" },
               color: m.content.secondary,
-              children: `Card ${(o ?? 0) + 1}/${f}`
+              children: `Card ${(t ?? 0) + 1}/${h}`
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 483,
               columnNumber: 6
             },
@@ -526,19 +526,19 @@ const qe = ({
           /* @__PURE__ */ e(
             I,
             {
-              Icon: de,
+              Icon: pe,
               width: 8,
               height: 14,
               disabled: B,
               svgStyle: B ? {} : { color: m.content.secondary },
               onClick: () => {
-                U?.current?.slickNext(), !((o ?? -1) >= (f ?? -1) - 1) && g?.((t) => t + 1);
+                P?.current?.slickNext(), !((t ?? -1) >= (h ?? -1) - 1) && E?.((o) => o + 1);
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
               lineNumber: 490,
               columnNumber: 6
             },
@@ -549,19 +549,19 @@ const qe = ({
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 458,
         columnNumber: 5
       },
       void 0
     ),
     /* @__PURE__ */ e(
-      fe,
+      he,
       {
         whatsappSpecificPickerMeta: _,
-        template: s,
-        onTemplateChange: (t) => {
-          C?.(t);
+        template: l,
+        onTemplateChange: (o) => {
+          k?.(o);
         },
         showVariableModal: z,
         variableListForImage: G,
@@ -571,43 +571,43 @@ const qe = ({
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 509,
         columnNumber: 4
       },
       void 0
     ),
-    T && p && /* @__PURE__ */ e(
+    w && d && /* @__PURE__ */ e(
       ue,
       {
         zIndex: 200,
         startupScreen: ee ? q.RearrangeProducts : q.Collections,
         rearrangeEnabled: !0,
-        storeId: p.storeId,
-        selectedItems: oe(n ?? []),
-        collectionFetcher: p.fetchCollections,
-        productFetcher: p.fetchProducts,
-        onAdd: te,
-        searchInCollectionFetcher: p.searchInCollection,
-        searchFetcher: p.searchProducts,
-        visible: T,
+        storeId: d.storeId,
+        selectedItems: te(a ?? []),
+        collectionFetcher: d.fetchCollections,
+        productFetcher: d.fetchProducts,
+        onAdd: oe,
+        searchInCollectionFetcher: d.searchInCollection,
+        searchFetcher: d.searchProducts,
+        visible: w,
         onClose: () => {
-          y(!1);
+          x(!1);
         },
-        exactLimit: f ?? 1,
-        appType: p.appType || me.BIK
+        exactLimit: h ?? 1,
+        appType: d.appType || me.BIK
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
         lineNumber: 527,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx",
     lineNumber: 256,
     columnNumber: 3
   }, void 0);