@bikdotai/bik-component-library 0.0.838-beta.2 → 0.0.838-beta.3

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

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