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

package/dist/esm/components/template-context-mapper/TemplateContextMapper.js

@@ -1,102 +1,102 @@
-import { jsxDEV as n, Fragment as rt } from "react/jsx-dev-runtime";
+import { jsxDEV as n, Fragment as ot } from "react/jsx-dev-runtime";
 import at from "lodash/cloneDeep";
-import { useEffect as E, useState as e, useRef as nt, useMemo as st } from "react";
+import { useEffect as P, useState as e, useRef as nt, useMemo as st } from "react";
 import q from "../../utils/StringUtils.js";
 import { COLORS as lt } from "../../constants/Theme.js";
 import { StyledModal as it } from "../modals/styledModal.js";
-import { determineCardIndex as ct, isItCarousal as dt, isRCSChannel as pt } from "../template-preview/helpers/templateMiscHelper.js";
+import { determineCardIndex as ct, isItCarousal as pt, isRCSChannel as mt } from "../template-preview/helpers/templateMiscHelper.js";
 import { CHANNEL_TYPE as i } from "../template-preview/models/Channels.js";
-import { TEMPLATE_QUALITY as mt, POD as ut } from "../template-preview/models/WhatsAppTemplate.js";
+import { TEMPLATE_QUALITY as dt, POD as ut } from "../template-preview/models/WhatsAppTemplate.js";
 import { TemplateModalContext as ft } from "./context/templateModalContext.js";
 import bt from "./modalElements/Footer.js";
-import { TemplateAnalyticsComponent as Ct } from "./modalElements/TemplateAnalyticsComponent.js";
+import { TemplateAnalyticsComponent as ht } from "./modalElements/TemplateAnalyticsComponent.js";
 import G from "./modalElements/TemplateSelectModalContent.js";
-import { convertPlaceholdersToBikDropdown as ht } from "./utils/convertPlaceholdersToBikDropdown.js";
-const Lt = (J) => {
+import { convertPlaceholdersToBikDropdown as Ct } from "./utils/convertPlaceholdersToBikDropdown.js";
+const Ot = (J) => {
   const {
     selectedTemplate: f,
     closeDialog: M,
-    showVariableMapping: k,
-    channel: r,
-    htmlContent: I,
+    showVariableMapping: D,
+    channel: o,
+    htmlContent: E,
     templateVariables: K,
-    onTemplateSelect: w,
-    globalPlaceholders: L,
+    onTemplateSelect: L,
+    globalPlaceholders: O,
     showOnlyContent: X,
     whatsappSpecificPickerMeta: Z,
     zIndex: ee,
     showVariableModal: te,
     variableList: b,
-    discountCode: oe,
-    setDiscountCode: re,
+    discountCode: re,
+    setDiscountCode: oe,
     onBackPress: ae,
     enabledCustomText: ne,
-    variableListForImage: P,
+    variableListForImage: I,
     showSampleValues: se,
     disableEditVariable: le,
-    pod: O,
+    pod: B,
     extras: ie,
     pickerConf: ce,
-    selectedCarouselProducts: C,
-    disableEditExpiry: de,
-    cardWidth: pe,
-    onDeleteSelectedProducts: me,
+    selectedCarouselProducts: h,
+    disableEditExpiry: pe,
+    cardWidth: me,
+    onDeleteSelectedProducts: de,
     fileName: ue,
     setFileName: fe,
     hideDeviceContainerInPreview: be,
-    maxCharLimit: Ce,
-    onDefaultVariableSelect: he,
+    maxCharLimit: he,
+    onDefaultVariableSelect: Ce,
     skipDefaultVariableContent: xe,
     disableDatePicker: ge,
     disableCopyCode: ye,
     initialExpiryDateTime: Te,
-    showDiscountCodeExpiryInfo: Ee,
-    footerButtonText: Ie,
-    footerInfoText: Pe,
+    showDiscountCodeExpiryInfo: Pe,
+    footerButtonText: Ee,
+    footerInfoText: Ie,
     templateAnalytics: s
   } = J;
-  E(() => {
-    V(I);
-  }, [I]);
-  const h = ct(r), l = dt(
-    r,
+  P(() => {
+    w(E);
+  }, [E]);
+  const C = ct(o), l = pt(
+    o,
     f
-  ), c = f?.isProductCarouselType, [ve, Ne] = e(
-    r === i.EMAIL || r == i.WEBPUSH || l ? "desktop" : "mobile"
-  ), [De, Se] = e(!1), [B, V] = e(
-    I
-  ), [Me, d] = e(!1), [ke, A] = e([]), [we, Le] = e({}), [o, Oe] = e(f), [Be, Ve] = e([]), [Ae, Fe] = e(null), [F, He] = e(!1), [H, Ue] = e(K ?? []), [We, U] = e(!1), [$e, Re] = e(
-    l ? o?.mapping?.body?.length ? -1 : 0 : -1
-  ), [p, x] = e(
+  ), c = f?.isProductCarouselType, [ke, ve] = e(
+    o === i.EMAIL || o == i.WEBPUSH || l ? "desktop" : "mobile"
+  ), [Ne, Se] = e(!1), [V, w] = e(
+    E
+  ), [Me, p] = e(!1), [De, A] = e([]), [Le, Oe] = e({}), [r, Be] = e(f), [Ve, we] = e([]), [Ae, Fe] = e(null), [F, He] = e(!1), [H, Ue] = e(K ?? []), [je, U] = e(!1), [We, $e] = e(
+    l ? r?.mapping?.body?.length ? -1 : 0 : -1
+  ), [m, x] = e(
     []
-  ), [W, $] = e(void 0), _e = nt(null), [je, Qe] = e(!1), [R, Ye] = e(!1), [ze, qe] = e(!1), [Ge, g] = e(!0), [Je, m] = e(!0), [_, Ke] = e({}), [Xe, v] = e("");
-  E(() => {
-    C ? x(C) : c && x([]);
-  }, [C]), E(() => {
-    if (!F && c && (!C || x.length === 0)) {
-      const t = o?.components?.[h].cards, a = [];
-      t?.forEach((N) => {
-        N?.components?.forEach((u) => {
+  ), [j, W] = e(void 0), Re = nt(null), [_e, Qe] = e(!1), [$, Ye] = e(!1), [ze, qe] = e(!1), [Ge, g] = e(!0), [Je, d] = e(!0), [R, Ke] = e({}), [Xe, k] = e("");
+  P(() => {
+    h ? x(h) : c && x([]);
+  }, [h]), P(() => {
+    if (!F && c && (!h || x.length === 0)) {
+      const t = r?.components?.[C].cards, a = [];
+      t?.forEach((v) => {
+        v?.components?.forEach((u) => {
           u.type === "HEADER" && a.push(u.example?.header_handle?.[0] ?? "");
         });
-      }), Ve(a), He(!0);
+      }), we(a), He(!0);
     }
   }, [F]);
-  function Ze(t, a, N) {
-    const u = t?.components?.[N]?.cards;
+  function Ze(t, a, v) {
+    const u = t?.components?.[v]?.cards;
     if (!u?.length || !a?.length) return "";
-    const j = u[0]?.components?.find((y) => y.type === "BODY")?.text ?? "";
-    if (!j) return "";
-    const D = t?.mapping?.cards?.[0]?.body ?? [];
-    if (!D.length) return "";
-    const ot = {
+    const _ = u[0]?.components?.find((y) => y.type === "BODY")?.text ?? "";
+    if (!_) return "";
+    const N = t?.mapping?.cards?.[0]?.body ?? [];
+    if (!N.length) return "";
+    const rt = {
       "{{product.name}}": "productName",
       "{{product.description}}": "productDescription"
     };
     for (const y of a) {
-      let S = j;
-      for (let T = 0; T < D.length; T++) {
-        const Q = D[T], Y = ot[Q];
+      let S = _;
+      for (let T = 0; T < N.length; T++) {
+        const Q = N[T], Y = rt[Q];
         if (Y === void 0) continue;
         const z = y[Y];
         if (!z)
@@ -109,67 +109,67 @@ const Lt = (J) => {
     return "";
   }
   function et() {
-    if (v(""), p?.length < 1 && c) {
-      d(!0);
+    if (k(""), m?.length < 1 && c) {
+      p(!0);
       return;
     }
-    if (Object.keys(_).length > 0 && O !== ut.CHATBOT) {
-      d(!0);
+    if (Object.keys(R).length > 0 && B !== ut.CHATBOT) {
+      p(!0);
       return;
     }
-    if (c && (p?.length ?? 0) > 0) {
+    if (c && (m?.length ?? 0) > 0) {
       const a = Ze(
-        o,
-        p,
-        h
+        r,
+        m,
+        C
       );
       if (a) {
-        v(a), d(!0);
+        k(a), p(!0);
         return;
       }
     }
-    const t = w?.(
-      o,
+    const t = L?.(
+      r,
       H,
-      B ?? "",
-      p
+      V ?? "",
+      m
     );
-    Le(
+    Oe(
       t?.templateErrorIndexes ?? { body: [], buttons: [] }
-    ), t?.errorIndexes || t?.error ? (t?.errorIndexes && A(t.errorIndexes), t?.error && d(!!t?.error)) : U(!0);
+    ), t?.errorIndexes || t?.error ? (t?.errorIndexes && A(t.errorIndexes), t?.error && p(!!t?.error)) : U(!0);
   }
   const tt = st(
-    () => ht(L),
-    [L]
+    () => Ct(O),
+    [O]
   );
-  return E(() => {
-    $(at(b));
-  }, [b]), s?.show && Ge && s.templateQuality && Object.values(mt).find(
+  return P(() => {
+    W(at(b));
+  }, [b]), s?.show && Ge && s.templateQuality && Object.values(dt).find(
     (t) => t === String(s.templateQuality)
   ) ? /* @__PURE__ */ n(
-    Ct,
+    ht,
     {
-      headingTitle: o?.label,
-      headingSubtitle: r === i.WHATSAPP ? `${q.capitaliseFirstLetterOfString(
-        o?.category ?? ""
-      )} • ${o?.templateCategory ?? ""}` : "",
+      headingTitle: r?.label,
+      headingSubtitle: o === i.WHATSAPP ? `${q.capitaliseFirstLetterOfString(
+        r?.category ?? ""
+      )} • ${r?.templateCategory ?? ""}` : "",
       templateAnalytics: s,
       analyticsData: s.data,
       onClose: () => {
-        M?.(), g(!1), m(!1);
+        M?.(), g(!1), d(!1);
       },
       onCancel: () => {
-        g(!1), m(!1);
+        g(!1), d(!1);
       },
       onProceed: () => {
-        g(!1), m(!0);
+        g(!1), d(!0);
       },
-      templateId: o?.templateId || ""
+      templateId: r?.templateId || ""
     },
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
       lineNumber: 354,
       columnNumber: 4
     },
@@ -180,62 +180,62 @@ const Lt = (J) => {
       value: {
         hideFooterButton: ze,
         setHideFooterButton: qe,
-        hideCrossButton: R,
+        hideCrossButton: $,
         setHideCrossButton: Ye,
-        variableList: W,
-        setVariableList: $,
+        variableList: j,
+        setVariableList: W,
         variableCallback: Ae,
         setVariableCallback: Fe,
-        showVariablePicker: De,
+        showVariablePicker: Ne,
         setShowVariablePicker: Se,
-        template: o,
-        setTemplate: Oe,
-        device: ve,
-        setDevice: Ne,
-        display_content: B,
-        setDisplayContent: V,
+        template: r,
+        setTemplate: Be,
+        device: ke,
+        setDevice: ve,
+        display_content: V,
+        setDisplayContent: w,
         originalVariableList: H,
         setOriginalVariableList: Ue,
         isError: Me,
-        setIsError: d,
-        channel: r,
+        setIsError: p,
+        channel: o,
         globalNormalizedPlaceholders: tt,
-        templateSelectionTriggered: We,
+        templateSelectionTriggered: je,
         setTemplateSelectionTriggered: U,
         enabledCustomText: ne,
         disableEditVariable: le,
-        pod: O,
+        pod: B,
         extras: ie,
         isWhatsappCarousel: l,
-        selectedCarouselIndex: $e,
-        setSelectedCarouselIndex: Re,
+        selectedCarouselIndex: We,
+        setSelectedCarouselIndex: $e,
         isProductCarouselType: c,
-        templateErrorIndexes: we,
-        cardCount: l ? f.components?.[h].cards?.length : void 0,
-        errorIndexes: ke,
+        templateErrorIndexes: Le,
+        cardCount: l ? f.components?.[C].cards?.length : void 0,
+        errorIndexes: De,
         setErrorIndexes: A,
         pickerConf: ce,
-        carouselProducts: p,
+        carouselProducts: m,
         setCarouselProducts: x,
-        disableEditExpiry: de,
-        cardWidth: pe,
-        cardImages: Be,
-        onDeleteSelectedProducts: me,
+        disableEditExpiry: pe,
+        cardWidth: me,
+        cardImages: Ve,
+        onDeleteSelectedProducts: de,
         hideDeviceContainerInPreview: be,
-        sliderRef: _e,
-        isCarouselHovered: je,
+        sliderRef: Re,
+        isCarouselHovered: _e,
         setIsCarouselHovered: Qe,
-        maxCharLimit: Ce,
-        ctaOptionsErrors: _,
+        maxCharLimit: he,
+        ctaOptionsErrors: R,
         setCtaOptionsErrors: Ke,
-        onDefaultVariableSelect: he,
+        onDefaultVariableSelect: Ce,
         carouselBodyError: Xe,
-        setCarouselBodyError: v,
+        setCarouselBodyError: k,
         disableDatePicker: ge,
         disableCopyCode: ye,
         initialExpiryDateTime: Te,
-        showDiscountCodeExpiryInfo: Ee,
-        cardIndex: h
+        showDiscountCodeExpiryInfo: Pe,
+        cardIndex: C
       },
       children: X ? /* @__PURE__ */ n(
         G,
@@ -247,7 +247,7 @@ const Lt = (J) => {
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
           lineNumber: 451,
           columnNumber: 5
         },
@@ -255,22 +255,22 @@ const Lt = (J) => {
       ) : /* @__PURE__ */ n(
         it,
         {
-          hideCrossButton: R,
+          hideCrossButton: $,
           zIndex: ee,
           centralContainerStyles: {
-            width: l ? 900 : r === i.EMAIL && k ? 1e3 : 800
+            width: l ? 900 : o === i.EMAIL && D ? 1e3 : 800
           },
           open: Je,
           onClose: () => {
-            m(!1), M?.();
+            d(!1), M?.();
           },
-          headingTitle: o?.label,
-          headingSubtitle: r === i.WHATSAPP || pt(r) ? `${q.capitaliseFirstLetterOfString(
-            o?.category ?? ""
-          )} • ${o?.templateCategory ?? ""}` : "",
+          headingTitle: r?.label,
+          headingSubtitle: o === i.WHATSAPP || mt(o) ? `${q.capitaliseFirstLetterOfString(
+            r?.category ?? ""
+          )} • ${r?.templateCategory ?? ""}` : "",
           onBackPress: () => {
             if (s?.show) {
-              g(!0), m(!1);
+              g(!0), d(!1);
               return;
             }
             ae?.();
@@ -284,13 +284,13 @@ const Lt = (J) => {
               {
                 variableListFromProps: b,
                 showSampleValues: se,
-                showVariableMapping: k,
-                channel: r,
+                showVariableMapping: D,
+                channel: o,
                 whatsappSpecificPickerMeta: Z,
                 showVariableModal: te,
-                discountCode: oe,
-                setDiscountCode: re,
-                variableListForImage: P && P?.length > 0 ? P : W,
+                discountCode: re,
+                setDiscountCode: oe,
+                variableListForImage: I && I?.length > 0 ? I : j,
                 fileName: ue,
                 setFileName: (t) => {
                   fe?.(t);
@@ -300,30 +300,30 @@ const Lt = (J) => {
               void 0,
               !1,
               {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
                 lineNumber: 492,
                 columnNumber: 6
               },
               void 0
             ),
-            w ? /* @__PURE__ */ n(
+            L ? /* @__PURE__ */ n(
               bt,
               {
                 isWhatsappCarousel: l ?? !1,
                 onSelect: et,
-                footerButtonText: Ie,
-                footerInfoText: Pe
+                footerButtonText: Ee,
+                footerInfoText: Ie
               },
               void 0,
               !1,
               {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
                 lineNumber: 513,
                 columnNumber: 7
               },
               void 0
-            ) : /* @__PURE__ */ n(rt, {}, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+            ) : /* @__PURE__ */ n(ot, {}, void 0, !1, {
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
               lineNumber: 520,
               columnNumber: 7
             }, void 0)
@@ -332,7 +332,7 @@ const Lt = (J) => {
         void 0,
         !0,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
           lineNumber: 457,
           columnNumber: 5
         },
@@ -342,7 +342,7 @@ const Lt = (J) => {
     void 0,
     !1,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",
       lineNumber: 384,
       columnNumber: 3
     },
@@ -350,6 +350,6 @@ const Lt = (J) => {
   );
 };
 export {
-  Lt as TemplateContextMapper
+  Ot as TemplateContextMapper
 };
 //# sourceMappingURL=TemplateContextMapper.js.map

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

@@ -1,11 +1,11 @@
-import { jsxDEV as e, Fragment as i } from "react/jsx-dev-runtime";
-import { useState as l } from "react";
-import { CheckBox as s } from "../../checkBox/CheckBox.js";
-import { Input as c } from "../../input/Input.js";
+import { jsxDEV as e, Fragment as c } from "react/jsx-dev-runtime";
+import { useState as i } from "react";
+import { CheckBox as l } from "../../checkBox/CheckBox.js";
+import { Input as s } from "../../input/Input.js";
 import { TitleSmall as p } from "../../TypographyStyle.js";
-const x = (a) => {
-  const { backTrackMessage: r, setBackTrackMessage: n } = a, [o, m] = l(!!r);
-  return /* @__PURE__ */ e(i, { children: [
+const h = (a) => {
+  const { backTrackMessage: r, setBackTrackMessage: t } = a, [n, m] = i(!!r);
+  return /* @__PURE__ */ e(c, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -19,24 +19,24 @@ const x = (a) => {
         },
         children: [
           /* @__PURE__ */ e(
-            s,
+            l,
             {
-              isChecked: o,
+              isChecked: n,
               onValueChange: () => {
-                o && n && n(""), m(!o);
+                n && t && t(""), m(!n);
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
               lineNumber: 26,
               columnNumber: 6
             },
             void 0
           ),
           /* @__PURE__ */ e(p, { style: { marginLeft: 8 }, children: "Prevent BackTracking" }, void 0, !1, {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
             lineNumber: 35,
             columnNumber: 6
           }, void 0)
@@ -45,47 +45,47 @@ const x = (a) => {
       void 0,
       !0,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
         lineNumber: 16,
         columnNumber: 5
       },
       void 0
     ),
-    o && /* @__PURE__ */ e("div", { style: { margin: 10 }, children: /* @__PURE__ */ e(
-      c,
+    n && /* @__PURE__ */ e("div", { style: { margin: 10 }, children: /* @__PURE__ */ e(
+      s,
       {
         type: "multiline",
         placeholder: "Enter your text here",
         labelText: "Message if user tries backtracking",
-        onChangeText: (t) => {
-          n && n(t);
+        onChangeText: (o) => {
+          t && t(o);
         },
         height: "120px",
         maxCharLimit: 1024,
         value: r,
         noErrorHint: !0,
-        validate: (t) => [!0, ""]
+        validate: (o) => [!0, ""]
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
         lineNumber: 42,
         columnNumber: 6
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
       lineNumber: 41,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/BackTrackComponent.tsx",
     lineNumber: 14,
     columnNumber: 3
   }, void 0);
 };
 export {
-  x as BackTrackComponent
+  h as BackTrackComponent
 };
 //# sourceMappingURL=BackTrackComponent.js.map