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

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

@@ -1,11 +1,11 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
 import S from "../../../assets/icons/info.svg.js";
-import { useState as t, useRef as b, useEffect as f } from "react";
+import { useState as l, useRef as b, useEffect as f } from "react";
 import N from "styled-components";
 import { CheckBox as T } from "../../checkBox/CheckBox.js";
-import { Input as x } from "../../input/Input.js";
+import { Input as h } from "../../input/Input.js";
 import { Tooltip as B } from "../../tooltips/Tooltip.js";
-import { TitleRegular as A, BodySecondary as y, TitleSmall as I } from "../../TypographyStyle.js";
+import { TitleRegular as A, BodySecondary as x, TitleSmall as I } from "../../TypographyStyle.js";
 import { COLORS as i } from "../../../constants/Theme.js";
 import L from "../../../assets/icons/plus.svg.js";
 import { useTemplateModalContext as R } from "../context/templateModalContext.js";
@@ -14,26 +14,26 @@ const O = N.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`, Z = ({
-  onFocus: h,
-  showVariableModal: V,
-  discountCode: r,
-  setDiscountCode: o
+`, $ = ({
+  onFocus: k,
+  showVariableModal: y,
+  discountCode: o,
+  setDiscountCode: r
 }) => {
   const {
-    originalVariableList: s,
-    disableEditVariable: v,
-    setVariableCallback: k,
-    setShowVariablePicker: w
-  } = R(), [g, m] = t(!1), [C, c] = t(!1), [u, E] = t(""), [l, d] = t(!1), p = b(), P = b();
+    originalVariableList: m,
+    disableEditVariable: P,
+    setVariableCallback: V,
+    setShowVariablePicker: v
+  } = R(), [g, s] = l(!1), [C, c] = l(!1), [u, E] = l(""), [a, p] = l(!1), d = b(), j = b();
   f(() => {
-    o && o(r + u);
+    r && r(o + u);
   }, [u]);
-  const U = () => s.some((n) => n.updatedValue.replace("{{", "").replace("}}", "") === "checkout.checkoutUrl");
+  const U = () => m.some((n) => n.updatedValue.replace("{{", "").replace("}}", "") === "checkout.checkoutUrl");
   f(() => {
-    U() ? (m(!0), r && d(!0)) : (m(!1), d?.(!1), o?.(""));
-  }, [s]);
-  const D = (n) => {
+    U() ? (s(!0), o && p(!0)) : (s(!1), p?.(!1), r?.(""));
+  }, [m]);
+  const w = (n) => {
     E(n.actualValue);
   };
   return /* @__PURE__ */ e(O, { children: [
@@ -49,7 +49,7 @@ const O = N.div`
           },
           children: [
             /* @__PURE__ */ e(A, { style: { color: i.content.primary }, children: "Edit variables and links" }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
               lineNumber: 95,
               columnNumber: 6
             }, void 0),
@@ -67,13 +67,13 @@ const O = N.div`
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+                    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
                     lineNumber: 104,
                     columnNumber: 8
                   },
                   void 0
                 ) }, void 0, !1, {
-                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
                   lineNumber: 103,
                   columnNumber: 7
                 }, void 0)
@@ -81,7 +81,7 @@ const O = N.div`
               void 0,
               !1,
               {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
                 lineNumber: 98,
                 columnNumber: 6
               },
@@ -92,33 +92,33 @@ const O = N.div`
         void 0,
         !0,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
           lineNumber: 87,
           columnNumber: 5
         },
         void 0
       ),
-      /* @__PURE__ */ e(y, { style: { color: i.content.secondary }, children: "You can view variables and links on the left underlined in purple colour." }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+      /* @__PURE__ */ e(x, { style: { color: i.content.secondary }, children: "You can view variables and links on the left underlined in purple colour." }, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
         lineNumber: 112,
         columnNumber: 5
       }, void 0)
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
       lineNumber: 86,
       columnNumber: 4
     }, void 0),
-    s?.map((n, a) => !n.isEditableVariable || v ? /* @__PURE__ */ e("div", { style: { margin: "16px 8px" }, children: [
-      /* @__PURE__ */ e(y, { style: { color: i.content.primary }, children: [
+    m?.map((n, t) => !n.isEditableVariable || P ? /* @__PURE__ */ e("div", { style: { margin: "16px 8px" }, children: [
+      /* @__PURE__ */ e(x, { style: { color: i.content.primary }, children: [
         "Locked variable ",
-        a + 1
+        t + 1
       ] }, void 0, !0, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
         lineNumber: 122,
         columnNumber: 8
       }, void 0),
       /* @__PURE__ */ e(
-        x,
+        h,
         {
           state: "disabled",
           placeholder: n.variableName,
@@ -128,39 +128,39 @@ const O = N.div`
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
           lineNumber: 125,
           columnNumber: 8
         },
         void 0
       )
-    ] }, a, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+    ] }, t, !0, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
       lineNumber: 121,
       columnNumber: 7
     }, void 0) : /* @__PURE__ */ e("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ e(
       F,
       {
-        index: a,
+        index: t,
         variable: n,
-        onFocus: () => h?.(a),
-        showVariableModal: V,
-        setShowDiscountCheckBox: m
+        onFocus: () => k?.(t),
+        showVariableModal: y,
+        setShowDiscountCheckBox: s
       },
       void 0,
       !1,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
         lineNumber: 139,
         columnNumber: 7
       },
       void 0
-    ) }, a, !1, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+    ) }, t, !1, {
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
       lineNumber: 138,
       columnNumber: 6
     }, void 0)),
-    (g || r) && /* @__PURE__ */ e(
+    (g || o) && /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -173,22 +173,22 @@ const O = N.div`
           /* @__PURE__ */ e(
             T,
             {
-              isChecked: l,
+              isChecked: a,
               onValueChange: () => {
-                l && o && o(""), d(!l);
+                a && r && r(""), p(!a);
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
               lineNumber: 158,
               columnNumber: 6
             },
             void 0
           ),
           /* @__PURE__ */ e(I, { style: { marginLeft: 8 }, children: "Add discount code" }, void 0, !1, {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
             lineNumber: 167,
             columnNumber: 6
           }, void 0)
@@ -197,26 +197,26 @@ const O = N.div`
       void 0,
       !0,
       {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
         lineNumber: 150,
         columnNumber: 5
       },
       void 0
     ),
-    l && /* @__PURE__ */ e("div", { ref: p, style: { margin: 10 }, children: [
+    a && /* @__PURE__ */ e("div", { ref: d, style: { margin: 10 }, children: [
       /* @__PURE__ */ e(
-        x,
+        h,
         {
           placeholder: "Enter your discount code",
           onChangeText: (n) => {
-            o && o(n);
+            r && r(n);
           },
-          value: r,
+          value: o,
           onFocus: () => {
             c(!0);
           },
           onBlur: (n) => {
-            n.relatedTarget?.id === "addVar" ? (p.current && p.current.focus(), c(!0)) : c(!1);
+            n.relatedTarget?.id === "addVar" ? (d.current && d.current.focus(), c(!0)) : c(!1);
           },
           noErrorHint: !0,
           validate: (n) => [!0, ""]
@@ -224,33 +224,33 @@ const O = N.div`
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
           lineNumber: 172,
           columnNumber: 6
         },
         void 0
       ),
       C && /* @__PURE__ */ e(
-        j,
+        z,
         {
-          ref: P,
+          ref: j,
           id: "addVar",
           onClick: (n) => {
-            n.stopPropagation(), k(() => D), w(!0);
+            n.stopPropagation(), V(() => w), v(!0);
           },
           children: /* @__PURE__ */ e("div", { className: "add", children: [
             /* @__PURE__ */ e(L, { width: 20, height: 20, color: "white" }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
               lineNumber: 209,
               columnNumber: 9
             }, void 0),
             /* @__PURE__ */ e("div", { className: "variable", children: "Add variable" }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
               lineNumber: 210,
               columnNumber: 9
             }, void 0)
           ] }, void 0, !0, {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
             lineNumber: 208,
             columnNumber: 8
           }, void 0)
@@ -258,23 +258,23 @@ const O = N.div`
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
           lineNumber: 199,
           columnNumber: 7
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
       lineNumber: 171,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx",
     lineNumber: 85,
     columnNumber: 3
   }, void 0);
-}, j = N.button`
+}, z = N.button`
 	padding: 2px 8px;
 	cursor: pointer;
 	color: white;
@@ -299,8 +299,8 @@ const O = N.div`
 	}
 `;
 export {
-  j as AddVariableStyled,
+  z as AddVariableStyled,
   O as Container,
-  Z as default
+  $ as default
 };
 //# sourceMappingURL=VariableConnectorsPanel.js.map

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

@@ -1,24 +1,24 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
 import l from "../../../assets/icons/info.svg.js";
-import r from "styled-components";
+import o from "styled-components";
 import { Tooltip as m } from "../../tooltips/Tooltip.js";
-import { TitleRegular as d, BodySecondary as s } from "../../TypographyStyle.js";
-import { COLORS as o } from "../../../constants/Theme.js";
-const p = r(s)`
+import { TitleRegular as d, BodySecondary as c } from "../../TypographyStyle.js";
+import { COLORS as r } from "../../../constants/Theme.js";
+const s = o(c)`
 	line-height: 1.5 !important;
-`, c = r.div`
+`, p = o.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`, E = ({
-  headerText: t,
+`, y = ({
+  headerText: n,
   subText: a,
-  toolTipInfo: n,
+  toolTipInfo: t,
   containerStyle: i
 }) => /* @__PURE__ */ e(
-  c,
+  p,
   {
     style: {
       ...i
@@ -32,32 +32,32 @@ const p = r(s)`
             gap: 8
           },
           children: [
-            /* @__PURE__ */ e(d, { style: { color: o.content.primary }, children: t }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+            /* @__PURE__ */ e(d, { style: { color: r.content.primary }, children: n }, void 0, !1, {
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
               lineNumber: 44,
               columnNumber: 5
             }, void 0),
-            n && /* @__PURE__ */ e(m, { body: n, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            t && /* @__PURE__ */ e(m, { body: t, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
               l,
               {
                 width: 20,
                 height: 20,
-                color: o.content.placeholder
+                color: r.content.placeholder
               },
               void 0,
               !1,
               {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
                 lineNumber: 50,
                 columnNumber: 8
               },
               void 0
             ) }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
               lineNumber: 49,
               columnNumber: 7
             }, void 0) }, void 0, !1, {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
               lineNumber: 48,
               columnNumber: 6
             }, void 0)
@@ -66,17 +66,17 @@ const p = r(s)`
         void 0,
         !0,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
           lineNumber: 38,
           columnNumber: 4
         },
         void 0
       ),
       /* @__PURE__ */ e(
-        p,
+        s,
         {
           style: {
-            color: o.content.secondary,
+            color: r.content.secondary,
             marginBottom: 0,
             lineHeight: 20,
             display: "block"
@@ -86,7 +86,7 @@ const p = r(s)`
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
           lineNumber: 59,
           columnNumber: 4
         },
@@ -97,13 +97,13 @@ const p = r(s)`
   void 0,
   !0,
   {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx",
     lineNumber: 33,
     columnNumber: 3
   },
   void 0
 );
 export {
-  E as default
+  y as default
 };
 //# sourceMappingURL=VariableEditorHeader.js.map