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

package/dist/esm/components/WhatsAppTextEditor/AIRephraseButton.js

@@ -1,22 +1,22 @@
-import { jsxDEV as r } from "react/jsx-dev-runtime";
-import { useRef as I, useState as h, useEffect as w } from "react";
-import i from "styled-components";
-import { useOutside as D } from "../../hooks/useOutside.js";
+import { jsxDEV as o } from "react/jsx-dev-runtime";
+import { useRef as v, useState as f, useEffect as D } from "react";
+import s from "styled-components";
+import { useOutside as R } from "../../hooks/useOutside.js";
 import { COLORS as t } from "../../constants/Theme.js";
-import R from "../../assets/icons/chevronDown.svg.js";
-import E from "../../assets/icons/chevronRight.svg.js";
-import B from "../../assets/icons/edit.svg.js";
-import T from "../../assets/icons/emoji.svg.js";
-import f from "../../assets/icons/magic-line.svg.js";
-import U from "./BorderAnimation.js";
-const C = i.div`
+import E from "../../assets/icons/chevronDown.svg.js";
+import B from "../../assets/icons/chevronRight.svg.js";
+import T from "../../assets/icons/edit.svg.js";
+import U from "../../assets/icons/emoji.svg.js";
+import h from "../../assets/icons/magic-line.svg.js";
+import W from "./BorderAnimation.js";
+const C = s.div`
 	display: flex;
 	align-items: center;
 	border: 1px solid transparent;
 	border-radius: 16px;
 	background: #ffe8ef;
 	opacity: ${(e) => e.disabled ? 0.5 : 1};
-`, S = i.button`
+`, S = s.button`
 	border: 0;
 	background: #ffe8ef;
 	color: #f53f77;
@@ -32,7 +32,7 @@ const C = i.div`
 	:hover {
 		filter: brightness(0.98);
 	}
-`, O = i.button`
+`, O = s.button`
 	border: 0;
 	border-left: 1px solid #f6c8d7;
 	background: #ffe8ef;
@@ -43,9 +43,9 @@ const C = i.div`
 	cursor: ${(e) => e.disabled ? "not-allowed" : "pointer"};
 	display: flex;
 	align-items: center;
-`, $ = i.div`
+`, $ = s.div`
 	position: relative;
-`, M = i.div`
+`, M = s.div`
 	position: absolute;
 	top: calc(100% + 6px);
 	left: 0;
@@ -56,7 +56,7 @@ const C = i.div`
 	z-index: 10;
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
 	padding: 4px;
-`, m = i.button`
+`, u = s.button`
 	width: 100%;
 	text-align: left;
 	border: 0;
@@ -78,7 +78,7 @@ const C = i.div`
 			background: ${e.toneSubmenuOpen ? "#d9e8db" : "#f7f7f8"};
 		}
 	` : ""}
-`, z = i.div`
+`, z = s.div`
 	position: absolute;
 	top: 0;
 	left: calc(100% + 4px);
@@ -91,66 +91,66 @@ const C = i.div`
 	padding: 4px;
 `, X = ({
   label: e,
-  disabled: p,
-  loading: s,
-  highlighted: k,
-  tones: d,
-  selectedToneId: x,
-  instructionActive: u,
-  onClick: v,
-  onToneChange: y,
-  onInstructionsClick: N,
-  showSecondaryRephraseOption: A,
-  onSecondaryRephraseClick: g
+  disabled: d,
+  loading: i,
+  highlighted: x,
+  tones: m,
+  selectedToneId: y,
+  instructionActive: p,
+  onClick: N,
+  onToneChange: w,
+  onInstructionsClick: A,
+  showSecondaryRephraseOption: g,
+  onSecondaryRephraseClick: k
 }) => {
-  const b = I(null), [W, a] = h(!1), [c, o] = h(!1), l = !!u || !!p || !!s;
-  return D(b, () => {
-    a(!1), o(!1);
-  }), w(() => {
-    u && (a(!1), o(!1));
-  }, [u]), /* @__PURE__ */ r($, { ref: b, children: [
-    /* @__PURE__ */ r(
-      U,
+  const c = v(null), [I, a] = f(!1), [b, n] = f(!1), l = !!p || !!d || !!i;
+  return R(c, () => {
+    a(!1), n(!1);
+  }), D(() => {
+    p && (a(!1), n(!1));
+  }, [p]), /* @__PURE__ */ o($, { ref: c, children: [
+    /* @__PURE__ */ o(
+      W,
       {
-        showAnimation: !!k,
-        disabled: !!p || !!s,
+        showAnimation: !!x,
+        disabled: !!d || !!i,
         borderRadius: 16,
         borderSize: 2,
-        children: /* @__PURE__ */ r(C, { disabled: p || s, children: [
-          /* @__PURE__ */ r(
+        children: /* @__PURE__ */ o(C, { disabled: d || i, children: [
+          /* @__PURE__ */ o(
             S,
             {
               type: "button",
-              disabled: p || s,
-              onClick: v,
+              disabled: d || i,
+              onClick: N,
               children: [
-                /* @__PURE__ */ r(f, { width: 12, height: 12, color: "#f53f77" }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+                /* @__PURE__ */ o(h, { width: 12, height: 12, color: "#f53f77" }, void 0, !1, {
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                   lineNumber: 180,
                   columnNumber: 7
                 }, void 0),
-                s ? "..." : e
+                i ? "..." : e
               ]
             },
             void 0,
             !0,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
               lineNumber: 175,
               columnNumber: 6
             },
             void 0
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             O,
             {
               type: "button",
               disabled: l,
               onClick: () => {
-                l || (a((n) => !n), o(!1));
+                l || (a((r) => !r), n(!1));
               },
-              children: /* @__PURE__ */ r(R, { width: 14, height: 14 }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+              children: /* @__PURE__ */ o(E, { width: 14, height: 14 }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                 lineNumber: 192,
                 columnNumber: 7
               }, void 0)
@@ -158,14 +158,14 @@ const C = i.div`
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
               lineNumber: 183,
               columnNumber: 6
             },
             void 0
           )
         ] }, void 0, !0, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
           lineNumber: 174,
           columnNumber: 5
         }, void 0)
@@ -173,24 +173,24 @@ const C = i.div`
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
         lineNumber: 168,
         columnNumber: 4
       },
       void 0
     ),
-    W ? /* @__PURE__ */ r(M, { children: [
-      d?.length ? /* @__PURE__ */ r(
-        m,
+    I ? /* @__PURE__ */ o(M, { children: [
+      m?.length ? /* @__PURE__ */ o(
+        u,
         {
           type: "button",
-          toneSubmenuOpen: c,
+          toneSubmenuOpen: b,
           isChangeToneRow: !0,
           onMouseEnter: () => {
-            l || o(!0);
+            l || n(!0);
           },
-          onClick: () => o((n) => !n),
-          children: /* @__PURE__ */ r(
+          onClick: () => n((r) => !r),
+          children: /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -200,7 +200,7 @@ const C = i.div`
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ o(
                   "span",
                   {
                     style: {
@@ -209,8 +209,8 @@ const C = i.div`
                       gap: 8
                     },
                     children: [
-                      /* @__PURE__ */ r(T, { width: 18, height: 18, color: "currentColor" }, void 0, !1, {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+                      /* @__PURE__ */ o(U, { width: 18, height: 18, color: "currentColor" }, void 0, !1, {
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                         lineNumber: 224,
                         columnNumber: 10
                       }, void 0),
@@ -220,14 +220,14 @@ const C = i.div`
                   void 0,
                   !0,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                     lineNumber: 217,
                     columnNumber: 9
                   },
                   void 0
                 ),
-                /* @__PURE__ */ r(E, { width: 14, height: 14, color: "currentColor" }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+                /* @__PURE__ */ o(B, { width: 14, height: 14, color: "currentColor" }, void 0, !1, {
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                   lineNumber: 227,
                   columnNumber: 9
                 }, void 0)
@@ -236,7 +236,7 @@ const C = i.div`
             void 0,
             !0,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
               lineNumber: 209,
               columnNumber: 8
             },
@@ -246,25 +246,25 @@ const C = i.div`
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
           lineNumber: 199,
           columnNumber: 7
         },
         void 0
       ) : null,
-      /* @__PURE__ */ r(
-        m,
+      /* @__PURE__ */ o(
+        u,
         {
           type: "button",
           isInstructions: !0,
-          selected: !!u,
-          onMouseEnter: () => o(!1),
+          selected: !!p,
+          onMouseEnter: () => n(!1),
           onClick: () => {
-            l || (N?.(), a(!1), o(!1));
+            l || (A?.(), a(!1), n(!1));
           },
           children: [
-            /* @__PURE__ */ r(B, { width: 16, height: 16, color: t.content.primary }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+            /* @__PURE__ */ o(T, { width: 16, height: 16, color: t.content.primary }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
               lineNumber: 243,
               columnNumber: 7
             }, void 0),
@@ -274,23 +274,23 @@ const C = i.div`
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
           lineNumber: 231,
           columnNumber: 6
         },
         void 0
       ),
-      A ? /* @__PURE__ */ r(
-        m,
+      g ? /* @__PURE__ */ o(
+        u,
         {
           type: "button",
-          onMouseEnter: () => o(!1),
+          onMouseEnter: () => n(!1),
           onClick: () => {
-            p || s || (g?.(), a(!1), o(!1));
+            d || i || (k?.(), a(!1), n(!1));
           },
           children: [
-            /* @__PURE__ */ r(
-              f,
+            /* @__PURE__ */ o(
+              h,
               {
                 width: 16,
                 height: 16,
@@ -299,7 +299,7 @@ const C = i.div`
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
                 lineNumber: 257,
                 columnNumber: 8
               },
@@ -311,42 +311,42 @@ const C = i.div`
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
           lineNumber: 247,
           columnNumber: 7
         },
         void 0
       ) : null,
-      c && d?.length ? /* @__PURE__ */ r(z, { children: d.map((n) => /* @__PURE__ */ r(
-        m,
+      b && m?.length ? /* @__PURE__ */ o(z, { children: m.map((r) => /* @__PURE__ */ o(
+        u,
         {
           type: "button",
-          selected: n.id === x,
+          selected: r.id === y,
           onClick: () => {
-            l || (y?.(n.id), a(!1), o(!1));
+            l || (w?.(r.id), a(!1), n(!1));
           },
-          children: n.label
+          children: r.label
         },
-        n.id,
+        r.id,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
           lineNumber: 268,
           columnNumber: 9
         },
         void 0
       )) }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
         lineNumber: 266,
         columnNumber: 7
       }, void 0) : null
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
       lineNumber: 197,
       columnNumber: 5
     }, void 0) : null
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/AIRephraseButton.tsx",
     lineNumber: 167,
     columnNumber: 3
   }, void 0);

package/dist/esm/components/WhatsAppTextEditor/BorderAnimation.js

@@ -1,45 +1,45 @@
-import { jsxDEV as u } from "react/jsx-dev-runtime";
-import { useState as O, useEffect as s } from "react";
+import { jsxDEV as i } from "react/jsx-dev-runtime";
+import { useState as m, useEffect as T } from "react";
 import { BorderAnimationContainer as c } from "./AIRephrase.styled.js";
 const o = {
   ANIMATION_DURATION: 5e3,
   ROTATION_SPEED: 16,
   ROTATION_INCREMENT: 2
 }, l = ({
-  children: T,
-  showAnimation: r,
-  disabled: e = !1,
+  children: I,
+  showAnimation: e,
+  disabled: r = !1,
   onAnimationStart: n,
-  borderRadius: I = 12,
-  borderSize: i = 2
+  borderRadius: s = 12,
+  borderSize: u = 2
 }) => {
-  const [a, N] = O(0);
-  return s(() => {
-    if (!r || e) return;
+  const [O, N] = m(0);
+  return T(() => {
+    if (!e || r) return;
     n?.();
     const t = setInterval(() => {
-      N((m) => (m + o.ROTATION_INCREMENT) % 360);
+      N((a) => (a + o.ROTATION_INCREMENT) % 360);
     }, o.ROTATION_SPEED);
     return () => clearInterval(t);
-  }, [r, e, n]), s(() => {
-    if (!r || e) return;
+  }, [e, r, n]), T(() => {
+    if (!e || r) return;
     const t = setTimeout(() => {
       N(0);
     }, o.ANIMATION_DURATION);
     return () => clearTimeout(t);
-  }, [r, e]), /* @__PURE__ */ u(
+  }, [e, r]), /* @__PURE__ */ i(
     c,
     {
-      rotation: a,
-      show: r,
-      borderRadius: I,
-      borderSize: i,
-      children: T
+      rotation: O,
+      show: e,
+      borderRadius: s,
+      borderSize: u,
+      children: I
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/WhatsAppTextEditor/BorderAnimation.tsx",
       lineNumber: 52,
       columnNumber: 3
     },