@bikdotai/bik-component-library 0.0.838-beta.6 → 0.0.838

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

@@ -1,31 +1,30 @@
-import { jsxs as h, jsx as n, Fragment as Ue } from "react/jsx-runtime";
-import ze from "../../assets/icons/check.svg.js";
-import Ge from "../../assets/icons/chevronLeft.svg.js";
-import je from "../../assets/icons/chevronRight.svg.js";
-import We from "../../assets/icons/cross.svg.js";
-import Xe from "../../assets/icons/edit.svg.js";
-import Ye from "../../assets/icons/info.svg.js";
-import Je from "../../assets/icons/rewind.svg.js";
-import Qe from "../../assets/icons/thumb-down-line.svg.js";
-import Ze from "../../assets/icons/thumb-up-line.svg.js";
-import { BaseWhatsappContentLangHelper as qe } from "../../helpers/BaseWhatsappContentLang.helper.js";
-import { stripHtmlTags as ge } from "../../helpers/sanitize.js";
-import Ve, { useRef as f, useState as S, useMemo as L, useEffect as _, useCallback as E, useImperativeHandle as Ke } from "react";
-import a, { keyframes as tn } from "styled-components";
+import { jsxs as h, jsx as n, Fragment as Ne } from "react/jsx-runtime";
+import Ue from "../../assets/icons/check.svg.js";
+import ze from "../../assets/icons/chevronLeft.svg.js";
+import Ge from "../../assets/icons/chevronRight.svg.js";
+import je from "../../assets/icons/cross.svg.js";
+import We from "../../assets/icons/edit.svg.js";
+import Xe from "../../assets/icons/info.svg.js";
+import Ye from "../../assets/icons/rewind.svg.js";
+import Je from "../../assets/icons/thumb-down-line.svg.js";
+import Qe from "../../assets/icons/thumb-up-line.svg.js";
+import { BaseWhatsappContentLangHelper as Ze } from "../../helpers/BaseWhatsappContentLang.helper.js";
+import qe, { useRef as f, useState as S, useMemo as L, useEffect as _, useCallback as E, useImperativeHandle as Ve } from "react";
+import a, { keyframes as Ke } from "styled-components";
 import { COLORS as i } from "../../constants/Theme.js";
 import { Tooltip as it } from "../tooltips/Tooltip.js";
-import { TitleSmall as en, BodyCaption as he } from "../TypographyStyle.js";
-import { resolveActionPrompts as nn, DEFAULT_INSTRUCTION_SUGGESTIONS as rn, DEFAULT_AI_ACTION_MIN_CHARS as pt } from "./ai/actionRegistry.js";
-import { computeAiTagOnPostEdit as on, computeAiTagOnAccept as cn } from "./ai/aiTag.js";
-import { AI_TAG_CHANGE_RATIO_THRESHOLD as ar, levenshteinDistance as ur } from "./ai/aiTag.js";
-import { buildActionPrompt as sn, requestAISuggestion as ln } from "./ai/api.js";
-import { OuterContainer as an, EditorFooterRow as un, EditorFooterTitle as dn, EditorFooterRight as gn, Container as hn, TextSpace as fn } from "./CustomEditor.styled.js";
-import { AIEditorActionTypes as p, AIActionVariant as mt, WhatsAppTextEditorHeader as pn, EditorActionTypes as kt } from "./WhatsAppTextEditorHeader.js";
-const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn = 1e3, xn = "Rephrase this WhatsApp utility template to improve clarity and readability while preserving variables, intent, and compliance.", xe = tn`
+import { TitleSmall as tn, BodyCaption as ge } from "../TypographyStyle.js";
+import { resolveActionPrompts as en, DEFAULT_INSTRUCTION_SUGGESTIONS as nn, DEFAULT_AI_ACTION_MIN_CHARS as pt } from "./ai/actionRegistry.js";
+import { computeAiTagOnPostEdit as rn, computeAiTagOnAccept as on } from "./ai/aiTag.js";
+import { AI_TAG_CHANGE_RATIO_THRESHOLD as sr, levenshteinDistance as lr } from "./ai/aiTag.js";
+import { buildActionPrompt as cn, requestAISuggestion as sn } from "./ai/api.js";
+import { OuterContainer as ln, EditorFooterRow as an, EditorFooterTitle as un, EditorFooterRight as dn, Container as gn, TextSpace as hn } from "./CustomEditor.styled.js";
+import { AIEditorActionTypes as p, AIActionVariant as mt, WhatsAppTextEditorHeader as fn, EditorActionTypes as kt } from "./WhatsAppTextEditorHeader.js";
+const Ht = "Character limit reached", he = 3e3, pn = 5, fe = 3, pe = 1200, mn = 1e3, bn = "Rephrase this WhatsApp utility template to improve clarity and readability while preserving variables, intent, and compliance.", be = Ke`
 	0% { opacity: 0.55; }
 	50% { opacity: 1; }
 	100% { opacity: 0.55; }
-`, Sn = a.div`
+`, xn = a.div`
 	padding: 14px 12px;
 	display: flex;
 	flex-direction: column;
@@ -36,8 +35,8 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	border-radius: 6px;
 	width: ${(g) => g.width};
 	background: #ececef;
-	animation: ${xe} 1.1s ease-in-out infinite;
-`, Rn = a.div`
+	animation: ${be} 1.1s ease-in-out infinite;
+`, Sn = a.div`
 	padding: 12px;
 	display: flex;
 	flex-direction: column;
@@ -56,22 +55,22 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	::-webkit-scrollbar-track {
 		background: transparent;
 	}
-`, En = a.div`
+`, Rn = a.div`
 	text-decoration: line-through;
 	color: ${i.content.secondary};
-`, be = a.div`
+`, me = a.div`
 	color: ${i.content.primary};
-`, vn = a.div`
+`, En = a.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	width: 100%;
 	min-height: 40px;
-`, Tn = a.div`
+`, vn = a.div`
 	display: flex;
 	align-items: center;
 	gap: 6px;
-`, wn = a.span`
+`, Tn = a.span`
 	color: ${i.content.primary};
 	font-size: 14px;
 `, O = a.button`
@@ -92,19 +91,19 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 		opacity: 0.35;
 		cursor: not-allowed;
 	}
-`, Cn = a(O)`
+`, wn = a(O)`
 	:disabled {
 		opacity: 1;
 		cursor: wait;
 	}
-`, _n = a.div`
+`, Cn = a.div`
 	width: 14px;
 	height: 14px;
 	border-radius: 4px;
 	background: #ececef;
 	flex-shrink: 0;
-	animation: ${xe} 1.1s ease-in-out infinite;
-`, An = a.div`
+	animation: ${be} 1.1s ease-in-out infinite;
+`, _n = a.div`
 	background: ${i.surface.standard};
 	display: flex;
 	flex-direction: column;
@@ -112,7 +111,7 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	gap: 10px;
 	border-radius: 0 0 4px 4px;
 	position: relative;
-`, yn = a.div`
+`, An = a.div`
 	border: 1px solid #f5a4c0;
 	border-radius: 10px;
 	padding: 8px 10px;
@@ -120,7 +119,7 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	align-items: center;
 	gap: 10px;
 	background: ${i.surface.standard};
-`, kn = a.input`
+`, yn = a.input`
 	flex: 1;
 	min-width: 0;
 	border: 0;
@@ -128,11 +127,11 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	font-size: 14px;
 	background: transparent;
 	color: ${i.content.primary};
-`, Hn = a.div`
+`, kn = a.div`
 	display: flex;
 	align-items: center;
 	gap: 10px;
-`, In = a.button`
+`, Hn = a.button`
 	border: 0;
 	background: transparent;
 	color: ${i.content.secondary};
@@ -140,7 +139,7 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	font-weight: 500;
 	padding: 0;
 	cursor: pointer;
-`, Ln = a.button`
+`, In = a.button`
 	border: 1px solid #5d3a72;
 	color: #5d3a72;
 	background: ${i.surface.standard};
@@ -150,7 +149,7 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	line-height: 1.1;
 	font-weight: 600;
 	cursor: pointer;
-`, Pn = a.div`
+`, Ln = a.div`
 	margin-top: 4px;
 	border-radius: 12px;
 	width: 331px;
@@ -161,7 +160,7 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
-`, $n = a.button`
+`, Pn = a.button`
 	width: 100%;
 	border: 0;
 	border-radius: 8px;
@@ -175,25 +174,25 @@ const Ht = "Character limit reached", fe = 3e3, mn = 5, pe = 3, me = 1200, bn =
 	:hover {
 		background: ${(g) => g.selected ? "#d9e8db" : i.surface.subdued};
 	}
-`, B = new qe(), Dn = {
+`, B = new Ze(), $n = {
   [kt.BOLD]: "*",
   [kt.ITALIC]: "_",
   [kt.STRIKETHROUGH]: "~"
 };
-function Mn(g) {
+function Dn(g) {
   return `whatsapp-editor-rephrase-highlight-${g || "default"}`;
 }
-const Fn = Ve.forwardRef(
+const Mn = qe.forwardRef(
   ({
     onChange: g,
-    onClickVariable: Bn,
+    onClickVariable: Fn,
     text: N,
-    RightComponent: Se,
+    RightComponent: xe,
     error: P,
     limit: U,
     onError: z,
-    rows: Re,
-    actions: Ee,
+    rows: Se,
+    actions: Re,
     editorInstanceKey: w,
     editorSessionId: ot,
     templateType: $ = "marketing",
@@ -217,18 +216,18 @@ const Fn = Ve.forwardRef(
     promptOverrides: Ot,
     rephraseTones: Nt,
     aiActionMinChars: Ut,
-    instructionSuggestions: zt = rn,
+    instructionSuggestions: zt = nn,
     onAnalyticsEvent: Gt,
     onAITagComputed: ct,
     prefillWasAiGenerated: A = !1,
     editorHeader: jt,
-    onAIToneSelect: ve,
+    onAIToneSelect: Ee,
     onAIActionRequest: st,
     onBuildAIPrompt: Wt,
-    onBlur: Te,
-    ...we
-  }, Ce) => {
-    const u = f(null), [o, _e] = S(N || ""), [Xt, Y] = S(!1), [Rt, Yt] = S(0), [c, Jt] = S(!1), [Qt, Et] = S(!1), [y, lt] = S(""), [at, Ae] = S({}), [R, Zt] = S(
+    onBlur: ve,
+    ...Te
+  }, we) => {
+    const u = f(null), [o, Ce] = S(N || ""), [Xt, Y] = S(!1), [Rt, Yt] = S(0), [c, Jt] = S(!1), [Qt, Et] = S(!1), [y, lt] = S(""), [at, _e] = S({}), [R, Zt] = S(
       null
     ), [m, vt] = S(
       []
@@ -236,10 +235,10 @@ const Fn = Ve.forwardRef(
       null
     ), C = f(
       null
-    ), Z = f(null), q = f(null), Kt = f(null), Tt = f(!!A), ut = f(null), V = f(""), dt = f(!1), [wt, te] = S({}), ye = f(
+    ), Z = f(null), q = f(null), Kt = f(null), Tt = f(!!A), ut = f(null), V = f(""), dt = f(!1), [wt, te] = S({}), Ae = f(
       `mount-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`
-    ), K = L(() => Mn(
-      `${w || "default"}-${ot || ye.current}`
+    ), K = L(() => Dn(
+      `${w || "default"}-${ot || Ae.current}`
     ), [w, ot]);
     _(() => {
       Tt.current = !!A;
@@ -254,7 +253,7 @@ const Fn = Ve.forwardRef(
       const t = N ?? "";
       t.length > 0 && (V.current = t, dt.current = !0);
     }, [A, N, w, ot]);
-    const gt = L(() => nn($, Ot, Nt), [Ot, Nt, $]), ee = L(() => {
+    const gt = L(() => en($, Ot, Nt), [Ot, Nt, $]), ee = L(() => {
       const t = y.trim().toLowerCase();
       return t ? zt.filter(
         (e) => e.toLowerCase().includes(t)
@@ -262,7 +261,7 @@ const Fn = Ve.forwardRef(
     }, [zt, y]), tt = L(() => ({
       ...pt,
       ...Ut || {}
-    }), [Ut]), ne = tt[p.REPHRASE] || pt[p.REPHRASE], ke = E((t) => {
+    }), [Ut]), ne = tt[p.REPHRASE] || pt[p.REPHRASE], ye = E((t) => {
       const e = t.trim().replace(/\s+/g, " ");
       if (!e) return "";
       const r = e.split(" ").length;
@@ -273,10 +272,10 @@ const Fn = Ve.forwardRef(
       },
       [Gt]
     ), H = E((t) => {
-      _e((e) => e === t ? e : t);
+      Ce((e) => e === t ? e : t);
     }, []), D = E(
       (t) => {
-        if (q.current && clearTimeout(q.current), t.length > me) {
+        if (q.current && clearTimeout(q.current), t.length > pe) {
           g?.(t, t), q.current = setTimeout(() => {
             g?.(t, B.getHTML(t));
           }, 16);
@@ -289,7 +288,7 @@ const Fn = Ve.forwardRef(
       (t) => {
         const r = ut.current?.acceptedText || (A ? V.current : "");
         if (!r || t === r) return;
-        const l = on({
+        const l = rn({
           acceptedAiText: r,
           currentEditedText: t
         });
@@ -302,7 +301,7 @@ const Fn = Ve.forwardRef(
     ), et = E(() => {
       Zt(null), vt([]), J(0), qt(null), te({});
     }, []), ie = E(() => {
-      if (c || R && m.length > 0 || Rt >= mn)
+      if (c || R && m.length > 0 || Rt >= pn)
         return;
       const t = Rt + 1;
       Yt(t), typeof window < "u" && w && sessionStorage.setItem(K, String(t)), Y(!0), Q.current && clearTimeout(Q.current), Q.current = setTimeout(() => {
@@ -317,8 +316,8 @@ const Fn = Ve.forwardRef(
       Rt
     ]), ht = f(ie);
     ht.current = ie;
-    function He(t) {
-      const e = ge(t.target.value), r = ut.current;
+    function ke(t) {
+      const e = t.target.value, r = ut.current;
       r && !r.editedEventEmitted && e !== r.acceptedText && (ut.current = {
         ...r,
         editedEventEmitted: !0
@@ -329,14 +328,14 @@ const Fn = Ve.forwardRef(
       const l = r?.acceptedText || (A ? V.current : "");
       l && e !== l && (C.current = setTimeout(() => {
         re(e);
-      }, bn)), H(e), D(e);
+      }, mn)), H(e), D(e);
     }
     function oe(t) {
       const e = u?.current;
       e != null && (e.selectionStart ? (e.focus(), e.selectionEnd = t) : e.focus());
     }
-    function Ie(t) {
-      const e = Dn[t];
+    function He(t) {
+      const e = $n[t];
       if (e && u.current) {
         const r = u.current.selectionStart, l = u.current.selectionEnd;
         if (r === l) {
@@ -348,7 +347,7 @@ const Fn = Ve.forwardRef(
         }
       }
     }
-    function Le(t) {
+    function Ie(t) {
       const { text: e } = ft(t);
       D(e);
     }
@@ -405,7 +404,7 @@ const Fn = Ve.forwardRef(
       if (Z.current === null) {
         Z.current = t, t && (d.current = setTimeout(() => {
           ht.current();
-        }, fe));
+        }, he));
         return;
       }
       if (!t) {
@@ -415,7 +414,7 @@ const Fn = Ve.forwardRef(
       const e = !Z.current && t;
       Z.current = !0, e && ht.current(), d.current && clearTimeout(d.current), d.current = setTimeout(() => {
         ht.current();
-      }, fe);
+      }, he);
     }, [
       o,
       c,
@@ -425,13 +424,13 @@ const Fn = Ve.forwardRef(
     ]), _(() => () => {
       d.current && clearTimeout(d.current), Q.current && clearTimeout(Q.current), q.current && clearTimeout(q.current), C.current && clearTimeout(C.current);
     }, []);
-    const b = m[k] || "", G = L(() => !s || !b ? null : `${s}-${k}-${b}`, [b, s, k]), se = !!(G && wt[G]), Pe = L(
+    const b = m[k] || "", G = L(() => !s || !b ? null : `${s}-${k}-${b}`, [b, s, k]), se = !!(G && wt[G]), Le = L(
       () => B.getHTML(R || ""),
       [R]
-    ), $e = L(
+    ), Pe = L(
       () => B.getHTML(b),
       [b]
-    ), _t = m.length < pe, I = !!R && m.length > 0, De = m.length <= 1 || k <= 0, Me = m.length <= 1 || k >= m.length - 1;
+    ), _t = m.length < fe, I = !!R && m.length > 0, $e = m.length <= 1 || k <= 0, De = m.length <= 1 || k >= m.length - 1;
     _(() => {
       if (!I) return;
       const t = Vt.current;
@@ -449,7 +448,7 @@ const Fn = Ve.forwardRef(
         const rt = gt[t], W = t === p.REPHRASE && $ === "utility" && x === mt.REPHRASE ? {
           ...rt,
           label: "Rephrase",
-          basePrompt: xn
+          basePrompt: bn
         } : rt, M = l || at[t], ae = W.tones?.find(
           (X) => X.id === M
         ), At = r !== void 0 ? r : y, ue = Wt?.({
@@ -461,7 +460,7 @@ const Fn = Ve.forwardRef(
           toneId: M,
           toneLabel: ae?.label,
           instructionText: At || void 0
-        }) || sn({
+        }) || cn({
           config: W,
           currentText: o,
           selectedToneId: M,
@@ -482,7 +481,7 @@ const Fn = Ve.forwardRef(
             toneLabel: ae?.label,
             instructionText: At || void 0,
             prompt: ue
-          }) : await ln({
+          }) : await sn({
             apiAdapter: St,
             requestExecutor: bt,
             baseUrl: xt,
@@ -499,8 +498,8 @@ const Fn = Ve.forwardRef(
             Zt(o), qt(t), vt([yt]), J(0);
             return;
           }
-          vt((Ne) => {
-            const de = [...Ne, yt].slice(0, pe);
+          vt((Oe) => {
+            const de = [...Oe, yt].slice(0, fe);
             return J(de.length - 1), de;
           });
         } catch {
@@ -533,7 +532,7 @@ const Fn = Ve.forwardRef(
         st,
         Wt
       ]
-    ), Fe = E(() => {
+    ), Me = E(() => {
       if (!b || !R || !s)
         return;
       H(b), D(b), T("ai_suggestion_accepted", {
@@ -545,7 +544,7 @@ const Fn = Ve.forwardRef(
         actionType: s,
         editedEventEmitted: !1
       };
-      const t = Tt.current, e = cn({
+      const t = Tt.current, e = on({
         baselineText: R,
         acceptedText: b,
         initialAiPrefillPhase: t
@@ -564,7 +563,7 @@ const Fn = Ve.forwardRef(
       v,
       ct,
       et
-    ]), Be = E(() => {
+    ]), Fe = E(() => {
       s && (T("ai_suggestion_discarded", {
         action_type: s,
         template_id: v
@@ -589,7 +588,7 @@ const Fn = Ve.forwardRef(
         k,
         v
       ]
-    ), Oe = L(() => Bt ? [] : Ft.map((t) => {
+    ), Be = L(() => Bt ? [] : Ft.map((t) => {
       const e = gt[t], r = at[t];
       return {
         type: t,
@@ -614,8 +613,8 @@ const Fn = Ve.forwardRef(
       o,
       tt
     ]);
-    return Ke(
-      Ce,
+    return Ve(
+      we,
       () => ({
         addTextOrWrap: Ct,
         addText: ft,
@@ -631,23 +630,23 @@ const Fn = Ve.forwardRef(
       if (!U || !z) return;
       const t = o.length > U ? Ht : P ?? "";
       Kt.current !== t && (Kt.current = t, z(t));
-    }, [o, P, U, z]), /* @__PURE__ */ h(an, { children: [
-      /* @__PURE__ */ h(un, { children: [
-        /* @__PURE__ */ n(dn, { children: jt ? /* @__PURE__ */ n(en, { "data-test": "body-text-for-edit-template", children: jt }) : null }),
-        /* @__PURE__ */ h(gn, { children: [
-          P && P !== Ht ? /* @__PURE__ */ h(Ue, { children: [
+    }, [o, P, U, z]), /* @__PURE__ */ h(ln, { children: [
+      /* @__PURE__ */ h(an, { children: [
+        /* @__PURE__ */ n(un, { children: jt ? /* @__PURE__ */ n(tn, { "data-test": "body-text-for-edit-template", children: jt }) : null }),
+        /* @__PURE__ */ h(dn, { children: [
+          P && P !== Ht ? /* @__PURE__ */ h(Ne, { children: [
             /* @__PURE__ */ n(
-              Ye,
+              Xe,
               {
                 width: 16,
                 height: 16,
                 color: i.content.negative
               }
             ),
-            /* @__PURE__ */ n(he, { color: i.content.negative, children: P })
+            /* @__PURE__ */ n(ge, { color: i.content.negative, children: P })
           ] }) : null,
           U ? /* @__PURE__ */ h(
-            he,
+            ge,
             {
               style: {
                 color: P === Ht || o.length > U ? i.content.negative : i.content.secondary
@@ -661,36 +660,36 @@ const Fn = Ve.forwardRef(
           ) : null
         ] })
       ] }),
-      /* @__PURE__ */ h(hn, { isError: !!P, children: [
-        I ? /* @__PURE__ */ h(Rn, { ref: Vt, children: [
+      /* @__PURE__ */ h(gn, { isError: !!P, children: [
+        I ? /* @__PURE__ */ h(Sn, { ref: Vt, children: [
           /* @__PURE__ */ n(
-            En,
+            Rn,
             {
-              dangerouslySetInnerHTML: { __html: Pe }
+              dangerouslySetInnerHTML: { __html: Le }
             }
           ),
-          c ? /* @__PURE__ */ n(be, { "aria-busy": "true", children: /* @__PURE__ */ h(vn, { children: [
+          c ? /* @__PURE__ */ n(me, { "aria-busy": "true", children: /* @__PURE__ */ h(En, { children: [
             /* @__PURE__ */ n(F, { width: "96%" }),
             /* @__PURE__ */ n(F, { width: "84%" }),
             /* @__PURE__ */ n(F, { width: "68%" })
           ] }) }) : /* @__PURE__ */ n(
-            be,
+            me,
             {
               dangerouslySetInnerHTML: {
-                __html: $e
+                __html: Pe
               }
             }
           ),
-          /* @__PURE__ */ h(Tn, { children: [
+          /* @__PURE__ */ h(vn, { children: [
             /* @__PURE__ */ n(
               O,
               {
                 "aria-label": "Previous suggestion",
                 type: "button",
-                disabled: De,
+                disabled: $e,
                 onClick: () => J((t) => Math.max(0, t - 1)),
                 children: /* @__PURE__ */ n(
-                  Ge,
+                  ze,
                   {
                     width: 14,
                     height: 14,
@@ -699,7 +698,7 @@ const Fn = Ve.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ h(wn, { children: [
+            /* @__PURE__ */ h(Tn, { children: [
               k + 1,
               "/",
               m.length
@@ -709,12 +708,12 @@ const Fn = Ve.forwardRef(
               {
                 "aria-label": "Next suggestion",
                 type: "button",
-                disabled: Me,
+                disabled: De,
                 onClick: () => J(
                   (t) => Math.min(m.length - 1, t + 1)
                 ),
                 children: /* @__PURE__ */ n(
-                  je,
+                  Ge,
                   {
                     width: 14,
                     height: 14,
@@ -734,7 +733,7 @@ const Fn = Ve.forwardRef(
                   /* LIKE */
                 ),
                 children: /* @__PURE__ */ n(
-                  Ze,
+                  Qe,
                   {
                     width: 14,
                     height: 14,
@@ -754,7 +753,7 @@ const Fn = Ve.forwardRef(
                   /* DISLIKE */
                 ),
                 children: /* @__PURE__ */ n(
-                  Qe,
+                  Je,
                   {
                     width: 14,
                     height: 14,
@@ -769,7 +768,7 @@ const Fn = Ve.forwardRef(
                 body: c ? "Regenerating…" : "Regenerate",
                 placement: "top",
                 children: /* @__PURE__ */ n(
-                  Cn,
+                  wn,
                   {
                     "aria-label": "Regenerate suggestion",
                     "aria-busy": c,
@@ -778,7 +777,7 @@ const Fn = Ve.forwardRef(
                     onClick: () => {
                       s && nt(s, !0);
                     },
-                    children: c ? /* @__PURE__ */ n(_n, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Je, { width: 14, height: 14 })
+                    children: c ? /* @__PURE__ */ n(Cn, { "aria-hidden": !0 }) : /* @__PURE__ */ n(Ye, { width: 14, height: 14 })
                   }
                 )
               }
@@ -788,9 +787,9 @@ const Fn = Ve.forwardRef(
               {
                 "aria-label": "Discard suggestion",
                 type: "button",
-                onClick: Be,
+                onClick: Fe,
                 children: /* @__PURE__ */ n(
-                  We,
+                  je,
                   {
                     width: 14,
                     height: 14,
@@ -804,9 +803,9 @@ const Fn = Ve.forwardRef(
               {
                 "aria-label": "Accept suggestion",
                 type: "button",
-                onClick: Fe,
+                onClick: Me,
                 children: /* @__PURE__ */ n(
-                  ze,
+                  Ue,
                   {
                     width: 14,
                     height: 14,
@@ -816,24 +815,24 @@ const Fn = Ve.forwardRef(
               }
             ) })
           ] })
-        ] }) : c ? /* @__PURE__ */ h(Sn, { children: [
+        ] }) : c ? /* @__PURE__ */ h(xn, { children: [
           /* @__PURE__ */ n(F, { width: "96%" }),
           /* @__PURE__ */ n(F, { width: "92%" }),
           /* @__PURE__ */ n(F, { width: "88%" }),
           /* @__PURE__ */ n(F, { width: "54%" })
         ] }) : /* @__PURE__ */ n(
-          fn,
+          hn,
           {
             ref: u,
-            ...we,
+            ...Te,
             value: o,
-            onChange: He,
+            onChange: ke,
             onBlur: (t) => {
-              C.current && (clearTimeout(C.current), C.current = null), re(t.target.value), Te?.(t);
+              C.current && (clearTimeout(C.current), C.current = null), re(t.target.value), ve?.(t);
             },
             onPaste: (t) => {
               const e = t.clipboardData.getData("text");
-              if (e.length > me) {
+              if (e.length > pe) {
                 t.preventDefault();
                 const r = u.current, l = r?.selectionStart ?? 0, x = r?.selectionEnd ?? l, j = r?.value ?? o, rt = j.slice(0, l) + e + j.slice(x);
                 H(rt), D(rt);
@@ -848,13 +847,13 @@ const Fn = Ve.forwardRef(
                 });
               }
             },
-            rows: Re
+            rows: Se
           }
         ),
-        Qt ? /* @__PURE__ */ h(An, { children: [
-          /* @__PURE__ */ h(yn, { children: [
+        Qt ? /* @__PURE__ */ h(_n, { children: [
+          /* @__PURE__ */ h(An, { children: [
             /* @__PURE__ */ n(
-              Xe,
+              We,
               {
                 width: 18,
                 height: 18,
@@ -862,16 +861,16 @@ const Fn = Ve.forwardRef(
               }
             ),
             /* @__PURE__ */ n(
-              kn,
+              yn,
               {
                 value: y,
                 placeholder: "Add specific instructions to refine your message",
-                onChange: (t) => lt(ge(t.target.value))
+                onChange: (t) => lt(t.target.value)
               }
             ),
-            /* @__PURE__ */ h(Hn, { children: [
+            /* @__PURE__ */ h(kn, { children: [
               /* @__PURE__ */ n(
-                In,
+                Hn,
                 {
                   type: "button",
                   onClick: () => {
@@ -881,7 +880,7 @@ const Fn = Ve.forwardRef(
                 }
               ),
               /* @__PURE__ */ n(
-                Ln,
+                In,
                 {
                   type: "button",
                   onClick: () => {
@@ -889,7 +888,7 @@ const Fn = Ve.forwardRef(
                     t && T("ai_instruction_used", {
                       action_type: p.REPHRASE,
                       template_id: v,
-                      instruction_text: ke(t)
+                      instruction_text: ye(t)
                     }), Et(!1), lt(""), nt(
                       p.REPHRASE,
                       !1,
@@ -901,8 +900,8 @@ const Fn = Ve.forwardRef(
               )
             ] })
           ] }),
-          y.trim().length > 0 && ee.length > 0 ? /* @__PURE__ */ n(Pn, { children: ee.map((t) => /* @__PURE__ */ n(
-            $n,
+          y.trim().length > 0 && ee.length > 0 ? /* @__PURE__ */ n(Ln, { children: ee.map((t) => /* @__PURE__ */ n(
+            Pn,
             {
               type: "button",
               selected: y === t,
@@ -912,20 +911,20 @@ const Fn = Ve.forwardRef(
             t
           )) }) : null
         ] }) : /* @__PURE__ */ n(
-          pn,
+          fn,
           {
-            actions: Ee,
+            actions: Re,
             ref: u,
-            onActionSelect: Ie,
-            RightComponent: Se,
+            onActionSelect: He,
+            RightComponent: xe,
             rightActionsDisabled: I || c,
-            onEmojiClick: Le,
-            aiActions: Oe,
+            onEmojiClick: Ie,
+            aiActions: Be,
             disableAllActions: I || c,
             instructionActive: Qt,
             onAIInstructionsClick: () => Et(!0),
             onAIToneChange: (t, e) => {
-              Ae((r) => ({ ...r, [t]: e })), ve?.(t, e), t === p.REPHRASE && nt(
+              _e((r) => ({ ...r, [t]: e })), Ee?.(t, e), t === p.REPHRASE && nt(
                 t,
                 !1,
                 void 0,
@@ -962,11 +961,11 @@ const Fn = Ve.forwardRef(
     ] });
   }
 );
-Fn.displayName = "WhatsAppTextEditor";
+Mn.displayName = "WhatsAppTextEditor";
 export {
-  ar as AI_TAG_CHANGE_RATIO_THRESHOLD,
-  Fn as WhatsAppTextEditor,
-  cn as computeAiTagOnAccept,
-  ur as levenshteinDistance
+  sr as AI_TAG_CHANGE_RATIO_THRESHOLD,
+  Mn as WhatsAppTextEditor,
+  on as computeAiTagOnAccept,
+  lr as levenshteinDistance
 };
 //# sourceMappingURL=WhatsAppTextEditor.js.map