@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.js

@@ -1,21 +1,21 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useState as l, useRef as x } from "react";
-import { Avatar as A } from "../../../../../components/ui/Avatar/index.js";
+import { useState as l, useRef as N } from "react";
+import { Avatar as S } from "../../../../../components/ui/Avatar/index.js";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Input/index.js";
-import R from "../../../../../components/shared/ConfirmDialog.js";
+import k from "../../../../../components/shared/ConfirmDialog.js";
 import "../../../../../components/ui/Form/index.js";
-import V from "../../../../../utils/classNames.js";
-import j from "../../../../../utils/sleep.js";
-import z from "../../../../../utils/isLastChild.js";
-import { zodResolver as B } from "@hookform/resolvers/zod";
-import { useForm as F, Controller as c } from "react-hook-form";
+import x from "../../../../../utils/classNames.js";
+import A from "../../../../../utils/sleep.js";
+import R from "../../../../../utils/isLastChild.js";
+import { zodResolver as V } from "@hookform/resolvers/zod";
+import { useForm as j, Controller as c } from "react-hook-form";
 import { z as t } from "zod";
-import { Form as M } from "../../../../../components/ui/Form/Form.js";
+import { Form as z } from "../../../../../components/ui/Form/Form.js";
 import m from "../../../../../components/ui/Form/FormItem.js";
 import d from "../../../../../components/ui/Input/Input.js";
 import p from "../../../../../components/ui/Button/Button.js";
-const v = [
+const g = [
   {
     label: "Google Authenticator",
     value: "googleAuthenticator",
@@ -34,26 +34,25 @@ const v = [
     img: "/img/others/email.png",
     desc: "Unique codes sent to email for confirming logins."
   }
-], U = t.object({
+], B = t.object({
   currentPassword: t.string().min(1, { message: "Please enter your current password!" }),
   newPassword: t.string().min(1, { message: "Please enter your new password!" }),
   confirmNewPassword: t.string().min(1, { message: "Please confirm your new password!" })
 }).refine((i) => i.confirmNewPassword === i.newPassword, {
   message: "Password not match",
   path: ["confirmNewPassword"]
-}), ee = () => {
-  var g, w, h;
+}), Z = () => {
   const [i, u] = l(
     "googleAuthenticator"
-  ), [b, a] = l(!1), [y, f] = l(!1), P = x(null), {
-    getValues: C,
-    handleSubmit: N,
+  ), [w, a] = l(!1), [h, f] = l(!1), v = N(null), {
+    getValues: b,
+    handleSubmit: y,
     formState: { errors: o },
     control: n
-  } = F({
-    resolver: B(U)
-  }), S = async () => {
-    f(!0), await j(1e3), console.log("getValues", C()), a(!1), f(!1);
+  } = j({
+    resolver: V(B)
+  }), P = async () => {
+    f(!0), await A(1e3), console.log("getValues", b()), a(!1), f(!1);
   };
   return /* @__PURE__ */ s("div", { children: [
     /* @__PURE__ */ s("div", { className: "mb-8", children: [
@@ -61,11 +60,11 @@ const v = [
       /* @__PURE__ */ e("p", { children: "Remember, your password is your digital key to your account. Keep it safe, keep it secure!" })
     ] }),
     /* @__PURE__ */ s(
-      M,
+      z,
       {
-        ref: P,
+        ref: v,
         className: "mb-8",
-        onSubmit: N(async () => {
+        onSubmit: y(async () => {
           a(!0);
         }),
         children: [
@@ -74,7 +73,7 @@ const v = [
             {
               label: "Current password",
               invalid: !!o.currentPassword,
-              errorMessage: (g = o.currentPassword) == null ? void 0 : g.message,
+              errorMessage: o.currentPassword?.message,
               children: /* @__PURE__ */ e(
                 c,
                 {
@@ -98,7 +97,7 @@ const v = [
             {
               label: "New password",
               invalid: !!o.newPassword,
-              errorMessage: (w = o.newPassword) == null ? void 0 : w.message,
+              errorMessage: o.newPassword?.message,
               children: /* @__PURE__ */ e(
                 c,
                 {
@@ -122,7 +121,7 @@ const v = [
             {
               label: "Confirm new password",
               invalid: !!o.confirmNewPassword,
-              errorMessage: (h = o.confirmNewPassword) == null ? void 0 : h.message,
+              errorMessage: o.confirmNewPassword?.message,
               children: /* @__PURE__ */ e(
                 c,
                 {
@@ -146,14 +145,14 @@ const v = [
       }
     ),
     /* @__PURE__ */ e(
-      R,
+      k,
       {
-        isOpen: b,
+        isOpen: w,
         type: "warning",
         title: "Update password",
         confirmButtonProps: {
-          loading: y,
-          onClick: S
+          loading: h,
+          onClick: P
         },
         onClose: () => a(!1),
         onRequestClose: () => a(!1),
@@ -164,17 +163,17 @@ const v = [
     /* @__PURE__ */ s("div", { className: "mb-8", children: [
       /* @__PURE__ */ e("h4", { children: "2-Step verification" }),
       /* @__PURE__ */ e("p", { children: "Your account holds great value to hackers. Enable two-step verification to safeguard your account!" }),
-      /* @__PURE__ */ e("div", { className: "mt-8", children: v.map((r, k) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "mt-8", children: g.map((r, C) => /* @__PURE__ */ e(
         "div",
         {
-          className: V(
+          className: x(
             "py-6 border-gray-200 dark:border-gray-600",
-            !z(v, k) && "border-b"
+            !R(g, C) && "border-b"
           ),
           children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
               /* @__PURE__ */ e(
-                A,
+                S,
                 {
                   size: 35,
                   className: "bg-transparent",
@@ -212,6 +211,6 @@ const v = [
   ] });
 };
 export {
-  ee as default
+  Z as default
 };
 //# sourceMappingURL=SettingsSecurity.js.map

package/dist/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport isLastChild from '@/utils/isLastChild'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype PasswordSchema = {\n    currentPassword: string\n    newPassword: string\n    confirmNewPassword: string\n}\n\nconst authenticatorList = [\n    {\n        label: 'Google Authenticator',\n        value: 'googleAuthenticator',\n        img: '/img/others/google.png',\n        desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\n    },\n    {\n        label: 'Okta Verify',\n        value: 'oktaVerify',\n        img: '/img/others/okta.png',\n        desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\n    },\n    {\n        label: 'E Mail verification',\n        value: 'emailVerification',\n        img: '/img/others/email.png',\n        desc: 'Unique codes sent to email for confirming logins.',\n    },\n]\n\nconst validationSchema: ZodType<PasswordSchema> = z\n    .object({\n        currentPassword: z\n            .string()\n            .min(1, { message: 'Please enter your current password!' }),\n        newPassword: z\n            .string()\n            .min(1, { message: 'Please enter your new password!' }),\n        confirmNewPassword: z\n            .string()\n            .min(1, { message: 'Please confirm your new password!' }),\n    })\n    .refine((data) => data.confirmNewPassword === data.newPassword, {\n        message: 'Password not match',\n        path: ['confirmNewPassword'],\n    })\n\nconst SettingsSecurity = () => {\n    const [selected2FaType, setSelected2FaType] = useState(\n        'googleAuthenticator',\n    )\n    const [confirmationOpen, setConfirmationOpen] = useState(false)\n    const [isSubmitting, setIsSubmitting] = useState(false)\n\n    const formRef = useRef<HTMLFormElement>(null)\n\n    const {\n        getValues,\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<PasswordSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handlePostSubmit = async () => {\n        setIsSubmitting(true)\n        await sleep(1000)\n        console.log('getValues', getValues())\n        setConfirmationOpen(false)\n        setIsSubmitting(false)\n    }\n\n    const onSubmit = async () => {\n        setConfirmationOpen(true)\n    }\n\n    return (\n        <div>\n            <div className=\"mb-8\">\n                <h4>Password</h4>\n                <p>\n                    Remember, your password is your digital key to your account.\n                    Keep it safe, keep it secure!\n                </p>\n            </div>\n            <Form\n                ref={formRef}\n                className=\"mb-8\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <FormItem\n                    label=\"Current password\"\n                    invalid={Boolean(errors.currentPassword)}\n                    errorMessage={errors.currentPassword?.message}\n                >\n                    <Controller\n                        name=\"currentPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"New password\"\n                    invalid={Boolean(errors.newPassword)}\n                    errorMessage={errors.newPassword?.message}\n                >\n                    <Controller\n                        name=\"newPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Confirm new password\"\n                    invalid={Boolean(errors.confirmNewPassword)}\n                    errorMessage={errors.confirmNewPassword?.message}\n                >\n                    <Controller\n                        name=\"confirmNewPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"flex justify-end\">\n                    <Button variant=\"solid\" type=\"submit\">\n                        Update\n                    </Button>\n                </div>\n            </Form>\n            <ConfirmDialog\n                isOpen={confirmationOpen}\n                type=\"warning\"\n                title=\"Update password\"\n                confirmButtonProps={{\n                    loading: isSubmitting,\n                    onClick: handlePostSubmit,\n                }}\n                onClose={() => setConfirmationOpen(false)}\n                onRequestClose={() => setConfirmationOpen(false)}\n                onCancel={() => setConfirmationOpen(false)}\n            >\n                <p>Are you sure you want to change your password?</p>\n            </ConfirmDialog>\n            <div className=\"mb-8\">\n                <h4>2-Step verification</h4>\n                <p>\n                    Your account holds great value to hackers. Enable two-step\n                    verification to safeguard your account!\n                </p>\n                <div className=\"mt-8\">\n                    {authenticatorList.map((authOption, index) => (\n                        <div\n                            key={authOption.value}\n                            className={classNames(\n                                'py-6 border-gray-200 dark:border-gray-600',\n                                !isLastChild(authenticatorList, index) &&\n                                    'border-b',\n                            )}\n                        >\n                            <div className=\"flex items-center justify-between gap-4\">\n                                <div className=\"flex items-center gap-4\">\n                                    <Avatar\n                                        size={35}\n                                        className=\"bg-transparent\"\n                                        src={authOption.img}\n                                    />\n                                    <div>\n                                        <h6>{authOption.label}</h6>\n                                        <span>{authOption.desc}</span>\n                                    </div>\n                                </div>\n                                <div>\n                                    {selected2FaType === authOption.value ? (\n                                        <Button\n                                            size=\"sm\"\n                                            customColorClass={() =>\n                                                'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\n                                            }\n                                            onClick={() =>\n                                                setSelected2FaType('')\n                                            }\n                                        >\n                                            Activated\n                                        </Button>\n                                    ) : (\n                                        <Button\n                                            size=\"sm\"\n                                            onClick={() =>\n                                                setSelected2FaType(\n                                                    authOption.value,\n                                                )\n                                            }\n                                        >\n                                            Enable\n                                        </Button>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default SettingsSecurity\n"],"names":["authenticatorList","validationSchema","z","data","SettingsSecurity","selected2FaType","setSelected2FaType","useState","confirmationOpen","setConfirmationOpen","isSubmitting","setIsSubmitting","formRef","useRef","getValues","handleSubmit","errors","control","useForm","zodResolver","handlePostSubmit","sleep","jsxs","jsx","Form","FormItem","_a","Controller","field","Input","_b","_c","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":"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"}
+{"version":3,"file":"SettingsSecurity.js","sources":["../../../../../../../lib/@ecme/views/concepts/accounts/Settings/components/SettingsSecurity.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport classNames from '@/utils/classNames'\nimport sleep from '@/utils/sleep'\nimport isLastChild from '@/utils/isLastChild'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useForm, Controller } from 'react-hook-form'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype PasswordSchema = {\n    currentPassword: string\n    newPassword: string\n    confirmNewPassword: string\n}\n\nconst authenticatorList = [\n    {\n        label: 'Google Authenticator',\n        value: 'googleAuthenticator',\n        img: '/img/others/google.png',\n        desc: 'Using Google Authenticator app generates time-sensitive codes for secure logins.',\n    },\n    {\n        label: 'Okta Verify',\n        value: 'oktaVerify',\n        img: '/img/others/okta.png',\n        desc: 'Receive push notifications from Okta Verify app on your phone for quick login approval.',\n    },\n    {\n        label: 'E Mail verification',\n        value: 'emailVerification',\n        img: '/img/others/email.png',\n        desc: 'Unique codes sent to email for confirming logins.',\n    },\n]\n\nconst validationSchema: ZodType<PasswordSchema> = z\n    .object({\n        currentPassword: z\n            .string()\n            .min(1, { message: 'Please enter your current password!' }),\n        newPassword: z\n            .string()\n            .min(1, { message: 'Please enter your new password!' }),\n        confirmNewPassword: z\n            .string()\n            .min(1, { message: 'Please confirm your new password!' }),\n    })\n    .refine((data) => data.confirmNewPassword === data.newPassword, {\n        message: 'Password not match',\n        path: ['confirmNewPassword'],\n    })\n\nconst SettingsSecurity = () => {\n    const [selected2FaType, setSelected2FaType] = useState(\n        'googleAuthenticator',\n    )\n    const [confirmationOpen, setConfirmationOpen] = useState(false)\n    const [isSubmitting, setIsSubmitting] = useState(false)\n\n    const formRef = useRef<HTMLFormElement>(null)\n\n    const {\n        getValues,\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<PasswordSchema>({\n        resolver: zodResolver(validationSchema),\n    })\n\n    const handlePostSubmit = async () => {\n        setIsSubmitting(true)\n        await sleep(1000)\n        console.log('getValues', getValues())\n        setConfirmationOpen(false)\n        setIsSubmitting(false)\n    }\n\n    const onSubmit = async () => {\n        setConfirmationOpen(true)\n    }\n\n    return (\n        <div>\n            <div className=\"mb-8\">\n                <h4>Password</h4>\n                <p>\n                    Remember, your password is your digital key to your account.\n                    Keep it safe, keep it secure!\n                </p>\n            </div>\n            <Form\n                ref={formRef}\n                className=\"mb-8\"\n                onSubmit={handleSubmit(onSubmit)}\n            >\n                <FormItem\n                    label=\"Current password\"\n                    invalid={Boolean(errors.currentPassword)}\n                    errorMessage={errors.currentPassword?.message}\n                >\n                    <Controller\n                        name=\"currentPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"New password\"\n                    invalid={Boolean(errors.newPassword)}\n                    errorMessage={errors.newPassword?.message}\n                >\n                    <Controller\n                        name=\"newPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <FormItem\n                    label=\"Confirm new password\"\n                    invalid={Boolean(errors.confirmNewPassword)}\n                    errorMessage={errors.confirmNewPassword?.message}\n                >\n                    <Controller\n                        name=\"confirmNewPassword\"\n                        control={control}\n                        render={({ field }) => (\n                            <Input\n                                type=\"password\"\n                                autoComplete=\"off\"\n                                placeholder=\"•••••••••\"\n                                {...field}\n                            />\n                        )}\n                    />\n                </FormItem>\n                <div className=\"flex justify-end\">\n                    <Button variant=\"solid\" type=\"submit\">\n                        Update\n                    </Button>\n                </div>\n            </Form>\n            <ConfirmDialog\n                isOpen={confirmationOpen}\n                type=\"warning\"\n                title=\"Update password\"\n                confirmButtonProps={{\n                    loading: isSubmitting,\n                    onClick: handlePostSubmit,\n                }}\n                onClose={() => setConfirmationOpen(false)}\n                onRequestClose={() => setConfirmationOpen(false)}\n                onCancel={() => setConfirmationOpen(false)}\n            >\n                <p>Are you sure you want to change your password?</p>\n            </ConfirmDialog>\n            <div className=\"mb-8\">\n                <h4>2-Step verification</h4>\n                <p>\n                    Your account holds great value to hackers. Enable two-step\n                    verification to safeguard your account!\n                </p>\n                <div className=\"mt-8\">\n                    {authenticatorList.map((authOption, index) => (\n                        <div\n                            key={authOption.value}\n                            className={classNames(\n                                'py-6 border-gray-200 dark:border-gray-600',\n                                !isLastChild(authenticatorList, index) &&\n                                    'border-b',\n                            )}\n                        >\n                            <div className=\"flex items-center justify-between gap-4\">\n                                <div className=\"flex items-center gap-4\">\n                                    <Avatar\n                                        size={35}\n                                        className=\"bg-transparent\"\n                                        src={authOption.img}\n                                    />\n                                    <div>\n                                        <h6>{authOption.label}</h6>\n                                        <span>{authOption.desc}</span>\n                                    </div>\n                                </div>\n                                <div>\n                                    {selected2FaType === authOption.value ? (\n                                        <Button\n                                            size=\"sm\"\n                                            customColorClass={() =>\n                                                'border-success ring-1 ring-success text-success hover:border-success hover:ring-success hover:text-success bg-transparent'\n                                            }\n                                            onClick={() =>\n                                                setSelected2FaType('')\n                                            }\n                                        >\n                                            Activated\n                                        </Button>\n                                    ) : (\n                                        <Button\n                                            size=\"sm\"\n                                            onClick={() =>\n                                                setSelected2FaType(\n                                                    authOption.value,\n                                                )\n                                            }\n                                        >\n                                            Enable\n                                        </Button>\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default SettingsSecurity\n"],"names":["authenticatorList","validationSchema","z","data","SettingsSecurity","selected2FaType","setSelected2FaType","useState","confirmationOpen","setConfirmationOpen","isSubmitting","setIsSubmitting","formRef","useRef","getValues","handleSubmit","errors","control","useForm","zodResolver","handlePostSubmit","sleep","jsxs","jsx","Form","FormItem","Controller","field","Input","Button","ConfirmDialog","authOption","index","classNames","isLastChild","Avatar"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as o, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as t, Fragment as v } from "react/jsx-runtime";
 import { useRef as N, useState as i, useEffect as F } from "react";
 import "../../../../../components/ui/Button/index.js";
 import "../../../../../components/ui/Input/index.js";
@@ -25,21 +25,21 @@ const g = [
   { label: "Overeactive refusal", value: "overeactiveRefusal" },
   { label: "Other", value: "other" }
 ], re = ({ content: s }) => {
-  const d = N(null), [l, h] = i(!1), [k, T] = i(""), [b, x] = i(""), [r, n] = i({
+  const d = N(null), [o, h] = i(!1), [k, T] = i(""), [b, x] = i(""), [r, n] = i({
     type: "",
     open: !1
   }), p = "p-2 rounded-full hover:bg-black  hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out";
   F(() => {
-    if (l && s && (navigator.clipboard.writeText(s), l)) {
-      const t = setTimeout(
+    if (o && s && (navigator.clipboard.writeText(s), o)) {
+      const l = setTimeout(
         () => h(!1),
         2e3
       );
       return () => {
-        clearTimeout(t);
+        clearTimeout(l);
       };
     }
-  }, [l, s]);
+  }, [o, s]);
   const a = () => {
     n({
       type: "",
@@ -51,14 +51,14 @@ const g = [
       { placement: "top-center" }
     );
   };
-  return /* @__PURE__ */ o(v, { children: [
-    /* @__PURE__ */ o("div", { className: "flex mt-0.5", children: [
-      /* @__PURE__ */ e(m, { title: l ? "Copied" : "Copy", placement: "bottom", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(v, { children: [
+    /* @__PURE__ */ t("div", { className: "flex mt-0.5", children: [
+      /* @__PURE__ */ e(m, { title: o ? "Copied" : "Copy", placement: "bottom", children: /* @__PURE__ */ e(
         "button",
         {
           className: c(p, "text-lg"),
           onClick: () => h(!0),
-          children: l ? /* @__PURE__ */ e(S, { className: "text-emerald-500" }) : /* @__PURE__ */ e(w, {})
+          children: o ? /* @__PURE__ */ e(S, { className: "text-emerald-500" }) : /* @__PURE__ */ e(w, {})
         }
       ) }),
       /* @__PURE__ */ e(m, { title: "Good response", placement: "bottom", children: /* @__PURE__ */ e(
@@ -78,7 +78,7 @@ const g = [
         }
       ) })
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       W,
       {
         isOpen: r.open,
@@ -86,7 +86,7 @@ const g = [
         onRequestClose: a,
         children: [
           /* @__PURE__ */ e("h5", { className: "mb-4", children: "Feedback" }),
-          /* @__PURE__ */ o(B, { onSubmit: f, children: [
+          /* @__PURE__ */ t(B, { onSubmit: f, children: [
             r.type === "praise" && /* @__PURE__ */ e(u, { label: "Please provide details: (optional)", children: /* @__PURE__ */ e(
               y,
               {
@@ -95,15 +95,15 @@ const g = [
                 placeholder: "What was statifying about this response?"
               }
             ) }),
-            r.type === "blame" && /* @__PURE__ */ o(v, { children: [
+            r.type === "blame" && /* @__PURE__ */ t(v, { children: [
               /* @__PURE__ */ e(u, { label: "What type of issue do you wish to report? (optional)", children: /* @__PURE__ */ e(
                 P,
                 {
                   options: g,
                   value: g.filter(
-                    (t) => t.value === k
+                    (l) => l.value === k
                   ),
-                  onChange: (t) => T((t == null ? void 0 : t.value) || "")
+                  onChange: (l) => T(l?.value || "")
                 }
               ) }),
               /* @__PURE__ */ e(u, { label: "Please provide details: (optional)", children: /* @__PURE__ */ e(
@@ -116,7 +116,7 @@ const g = [
               ) })
             ] })
           ] }),
-          /* @__PURE__ */ o("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ e(
               C,
               {

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport classNames from '@/utils/classNames'\nimport {\n    TbThumbUp,\n    TbThumbUpFilled,\n    TbThumbDown,\n    TbThumbDownFilled,\n    TbCopy,\n    TbCheck,\n} from 'react-icons/tb'\n\ntype ChatCustomActionProps = {\n    content: string\n}\n\nconst responseOption = [\n    { label: 'Not factually correct', value: 'notFactuallyCorrect' },\n    { label: 'Harmful content', value: 'harmfulContent' },\n    { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\n    { label: 'Other', value: 'other' },\n]\n\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\n    const detailInput = useRef<HTMLTextAreaElement>(null)\n    const [copied, setCopied] = useState(false)\n    const [selected, setSelected] = useState('')\n    const [responseSend, setResponSend] = useState('')\n    const [responseDialog, setResponseDialog] = useState<{\n        type: string\n        open: boolean\n    }>({\n        type: '',\n        open: false,\n    })\n\n    const btnClass =\n        'p-2 rounded-full hover:bg-black  hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\n\n    useEffect(() => {\n        if (copied && content) {\n            navigator.clipboard.writeText(content)\n            if (copied) {\n                const copyFeedbackInterval = setTimeout(\n                    () => setCopied(false),\n                    2000,\n                )\n\n                return () => {\n                    clearTimeout(copyFeedbackInterval)\n                }\n            }\n        }\n    }, [copied, content])\n\n    const handleDialogClose = () => {\n        setResponseDialog({\n            type: '',\n            open: false,\n        })\n    }\n\n    const handleSubmit = () => {\n        setResponSend(responseDialog.type)\n        handleDialogClose()\n        toast.push(\n            <Notification type=\"success\">\n                Thanks for your feedback!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <div className=\"flex mt-0.5\">\n                <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() => setCopied(true)}\n                    >\n                        {copied ? (\n                            <TbCheck className=\"text-emerald-500\" />\n                        ) : (\n                            <TbCopy />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Good response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'praise', open: true })\n                        }\n                    >\n                        {responseSend === 'praise' ? (\n                            <TbThumbUpFilled />\n                        ) : (\n                            <TbThumbUp />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Bad response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'blame', open: true })\n                        }\n                    >\n                        {responseSend === 'blame' ? (\n                            <TbThumbDownFilled />\n                        ) : (\n                            <TbThumbDown />\n                        )}\n                    </button>\n                </Tooltip>\n            </div>\n            <Dialog\n                isOpen={responseDialog.open}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h5 className=\"mb-4\">Feedback</h5>\n                <Form onSubmit={handleSubmit}>\n                    {responseDialog.type === 'praise' && (\n                        <FormItem label=\"Please provide details: (optional)\">\n                            <Input\n                                ref={detailInput}\n                                textArea\n                                placeholder=\"What was statifying about this response?\"\n                            />\n                        </FormItem>\n                    )}\n                    {responseDialog.type === 'blame' && (\n                        <>\n                            <FormItem label=\"What type of issue do you wish to report? (optional)\">\n                                <Select\n                                    options={responseOption}\n                                    value={responseOption.filter(\n                                        (response) =>\n                                            response.value === selected,\n                                    )}\n                                    onChange={(option) =>\n                                        setSelected(option?.value || '')\n                                    }\n                                />\n                            </FormItem>\n                            <FormItem label=\"Please provide details: (optional)\">\n                                <Input\n                                    ref={detailInput}\n                                    textArea\n                                    placeholder=\"What was unstatifying about this response?\"\n                                />\n                            </FormItem>\n                        </>\n                    )}\n                </Form>\n                <div className=\"flex justify-end gap-2\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        type=\"submit\"\n                        onClick={handleSubmit}\n                    >\n                        Submit\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ChatCustomAction\n"],"names":["responseOption","ChatCustomAction","content","detailInput","useRef","copied","setCopied","useState","selected","setSelected","responseSend","setResponSend","responseDialog","setResponseDialog","btnClass","useEffect","copyFeedbackInterval","handleDialogClose","handleSubmit","toast","jsx","Notification","jsxs","Fragment","Tooltip","classNames","TbCheck","TbCopy","TbThumbUpFilled","TbThumbUp","TbThumbDownFilled","TbThumbDown","Dialog","Form","FormItem","Input","Select","response","option","Button"],"mappings":"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"}
+{"version":3,"file":"ChatCustomAction.js","sources":["../../../../../../../lib/@ecme/views/concepts/ai/Chat/components/ChatCustomAction.tsx"],"sourcesContent":["import { useRef, useState, useEffect } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport Select from '@/components/ui/Select'\nimport Notification from '@/components/ui/Notification'\nimport toast from '@/components/ui/toast'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport Dialog from '@/components/ui/Dialog'\nimport Tooltip from '@/components/ui/Tooltip'\nimport classNames from '@/utils/classNames'\nimport {\n    TbThumbUp,\n    TbThumbUpFilled,\n    TbThumbDown,\n    TbThumbDownFilled,\n    TbCopy,\n    TbCheck,\n} from 'react-icons/tb'\n\ntype ChatCustomActionProps = {\n    content: string\n}\n\nconst responseOption = [\n    { label: 'Not factually correct', value: 'notFactuallyCorrect' },\n    { label: 'Harmful content', value: 'harmfulContent' },\n    { label: 'Overeactive refusal', value: 'overeactiveRefusal' },\n    { label: 'Other', value: 'other' },\n]\n\nconst ChatCustomAction = ({ content }: ChatCustomActionProps) => {\n    const detailInput = useRef<HTMLTextAreaElement>(null)\n    const [copied, setCopied] = useState(false)\n    const [selected, setSelected] = useState('')\n    const [responseSend, setResponSend] = useState('')\n    const [responseDialog, setResponseDialog] = useState<{\n        type: string\n        open: boolean\n    }>({\n        type: '',\n        open: false,\n    })\n\n    const btnClass =\n        'p-2 rounded-full hover:bg-black  hover:bg-opacity-5 hover:text-gray-900 dark:hover:bg-black dark:hover:text-gray-100 dark:hover:bg-opacity-40 transition-colors duration-300 ease-in-out'\n\n    useEffect(() => {\n        if (copied && content) {\n            navigator.clipboard.writeText(content)\n            if (copied) {\n                const copyFeedbackInterval = setTimeout(\n                    () => setCopied(false),\n                    2000,\n                )\n\n                return () => {\n                    clearTimeout(copyFeedbackInterval)\n                }\n            }\n        }\n    }, [copied, content])\n\n    const handleDialogClose = () => {\n        setResponseDialog({\n            type: '',\n            open: false,\n        })\n    }\n\n    const handleSubmit = () => {\n        setResponSend(responseDialog.type)\n        handleDialogClose()\n        toast.push(\n            <Notification type=\"success\">\n                Thanks for your feedback!\n            </Notification>,\n            { placement: 'top-center' },\n        )\n    }\n\n    return (\n        <>\n            <div className=\"flex mt-0.5\">\n                <Tooltip title={copied ? 'Copied' : 'Copy'} placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() => setCopied(true)}\n                    >\n                        {copied ? (\n                            <TbCheck className=\"text-emerald-500\" />\n                        ) : (\n                            <TbCopy />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Good response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'praise', open: true })\n                        }\n                    >\n                        {responseSend === 'praise' ? (\n                            <TbThumbUpFilled />\n                        ) : (\n                            <TbThumbUp />\n                        )}\n                    </button>\n                </Tooltip>\n                <Tooltip title=\"Bad response\" placement=\"bottom\">\n                    <button\n                        className={classNames(btnClass, 'text-lg')}\n                        onClick={() =>\n                            setResponseDialog({ type: 'blame', open: true })\n                        }\n                    >\n                        {responseSend === 'blame' ? (\n                            <TbThumbDownFilled />\n                        ) : (\n                            <TbThumbDown />\n                        )}\n                    </button>\n                </Tooltip>\n            </div>\n            <Dialog\n                isOpen={responseDialog.open}\n                onClose={handleDialogClose}\n                onRequestClose={handleDialogClose}\n            >\n                <h5 className=\"mb-4\">Feedback</h5>\n                <Form onSubmit={handleSubmit}>\n                    {responseDialog.type === 'praise' && (\n                        <FormItem label=\"Please provide details: (optional)\">\n                            <Input\n                                ref={detailInput}\n                                textArea\n                                placeholder=\"What was statifying about this response?\"\n                            />\n                        </FormItem>\n                    )}\n                    {responseDialog.type === 'blame' && (\n                        <>\n                            <FormItem label=\"What type of issue do you wish to report? (optional)\">\n                                <Select\n                                    options={responseOption}\n                                    value={responseOption.filter(\n                                        (response) =>\n                                            response.value === selected,\n                                    )}\n                                    onChange={(option) =>\n                                        setSelected(option?.value || '')\n                                    }\n                                />\n                            </FormItem>\n                            <FormItem label=\"Please provide details: (optional)\">\n                                <Input\n                                    ref={detailInput}\n                                    textArea\n                                    placeholder=\"What was unstatifying about this response?\"\n                                />\n                            </FormItem>\n                        </>\n                    )}\n                </Form>\n                <div className=\"flex justify-end gap-2\">\n                    <Button\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        variant=\"plain\"\n                        type=\"button\"\n                        onClick={handleDialogClose}\n                    >\n                        Cancel\n                    </Button>\n                    <Button\n                        variant=\"solid\"\n                        type=\"submit\"\n                        onClick={handleSubmit}\n                    >\n                        Submit\n                    </Button>\n                </div>\n            </Dialog>\n        </>\n    )\n}\n\nexport default ChatCustomAction\n"],"names":["responseOption","ChatCustomAction","content","detailInput","useRef","copied","setCopied","useState","selected","setSelected","responseSend","setResponSend","responseDialog","setResponseDialog","btnClass","useEffect","copyFeedbackInterval","handleDialogClose","handleSubmit","toast","jsx","Notification","jsxs","Fragment","Tooltip","classNames","TbCheck","TbCopy","TbThumbUpFilled","TbThumbUp","TbThumbDownFilled","TbThumbDown","Dialog","Form","FormItem","Input","Select","response","option","Button"],"mappings":"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"}

package/dist/@ecme/views/concepts/ai/Chat/components/ChatCustomContent.js

@@ -1,111 +1,109 @@
-import { jsx as I, Fragment as b } from "react/jsx-runtime";
-import { useState as E, useMemo as g, createElement as P, useEffect as L } from "react";
-import T from "../../../../../utils/hooks/useInterval .js";
-import { getCurrentNodeOverflow as y, getStringPosition as C } from "../utils.js";
-import S from "html-react-parser";
-import { marked as W } from "marked";
-const c = ({
-  children: u,
-  delay: m = 25,
-  onFinish: h = () => {
+import { jsx as A, Fragment as a } from "react/jsx-runtime";
+import { useState as k, useMemo as h, createElement as j, useEffect as v } from "react";
+import b from "../../../../../utils/hooks/useInterval .js";
+import { getCurrentNodeOverflow as c, getStringPosition as g } from "../utils.js";
+import E from "html-react-parser";
+import { marked as L } from "marked";
+const T = ({
+  children: f,
+  delay: l = 25,
+  onFinish: m = () => {
   }
 }) => {
-  const [p, A] = E(0), l = g(() => {
-    const n = [], s = (r) => {
-      var o;
-      const t = (o = r == null ? void 0 : r.props) == null ? void 0 : o.children;
-      return Array.isArray(r) && r.forEach((e) => {
-        typeof e == "object" ? s(e) : typeof e == "string" && n.push(e.split(" ").length);
-      }), t === void 0 && typeof r == "string" && n.push(r.split(" ").length), typeof t == "object" && s(t), typeof t == "string" && n.push(t.split(" ").length), n;
+  const [o, y] = k(0), u = h(() => {
+    const r = [], n = (i) => {
+      const t = i?.props?.children;
+      return Array.isArray(i) && i.forEach((s) => {
+        typeof s == "object" ? n(s) : typeof s == "string" && r.push(s.split(" ").length);
+      }), t === void 0 && typeof i == "string" && r.push(i.split(" ").length), typeof t == "object" && n(t), typeof t == "string" && r.push(t.split(" ").length), r;
     };
-    return s(u);
-  }, [u]), j = g(
-    () => l.reduce((n, s) => n + s, 0),
-    [l]
-  ), x = g(() => {
-    let n = 0, s = 0;
-    const r = (t) => {
-      var e;
-      if (n > p)
+    return n(f);
+  }, [f]), C = h(
+    () => u.reduce((r, n) => r + n, 0),
+    [u]
+  ), I = h(() => {
+    let r = 0, n = 0;
+    const i = (t) => {
+      if (r > o)
         return null;
-      const o = (e = t == null ? void 0 : t.props) == null ? void 0 : e.children;
+      const s = t?.props?.children;
       if (Array.isArray(t)) {
-        const f = [];
-        return t.forEach((i) => {
-          if (typeof i == "object")
-            f.push(r(i));
-          else if (typeof i == "string") {
-            n += i.split(" ").length, s++;
-            const [k, v] = y(l, p);
-            k < s && f.push(
-              i.slice(
+        const p = [];
+        return t.forEach((e) => {
+          if (typeof e == "object")
+            p.push(i(e));
+          else if (typeof e == "string") {
+            r += e.split(" ").length, n++;
+            const [P, x] = c(u, o);
+            P < n && p.push(
+              e.slice(
                 0,
-                C(
-                  i,
+                g(
+                  e,
                   " ",
-                  v
+                  x
                 )
               )
-            ), f.push(i);
+            ), p.push(e);
           }
-        }), f;
+        }), p;
       }
-      if (o === void 0 && typeof t == "string") {
-        n += t.split(" ").length, s++;
-        const [f, i] = y(
-          l,
-          p
+      if (s === void 0 && typeof t == "string") {
+        r += t.split(" ").length, n++;
+        const [p, e] = c(
+          u,
+          o
         );
-        return f < s ? t.slice(
+        return p < n ? t.slice(
           0,
-          C(t, " ", i)
+          g(t, " ", e)
         ) : t;
       }
-      if (typeof o == "object")
-        return P(
+      if (typeof s == "object")
+        return j(
           t.type,
-          t == null ? void 0 : t.props,
-          r(o)
+          t?.props,
+          i(s)
         );
-      if (typeof o == "string") {
-        n += o.split(" ").length, s++;
-        const [f, i] = y(
-          l,
-          p
+      if (typeof s == "string") {
+        r += s.split(" ").length, n++;
+        const [p, e] = c(
+          u,
+          o
         );
-        return f < s ? P(
+        return p < n ? j(
           t.type,
-          t == null ? void 0 : t.props,
-          o.slice(
+          t?.props,
+          s.slice(
             0,
-            C(
-              o,
+            g(
+              s,
               " ",
-              i
+              e
             )
           )
         ) : t;
       }
     };
-    return r(u);
-  }, [u, p, l]);
-  return T(
+    return i(f);
+  }, [f, o, u]);
+  return b(
     () => {
-      A((n) => (n + 1 >= j && h(), n + 1));
+      y((r) => (r + 1 >= C && m(), r + 1));
     },
-    j > p ? m : null
-  ), L(() => {
-    A(0);
-  }, [u]), x;
-}, q = ({
-  content: u = "",
-  triggerTyping: m,
-  onFinish: h
+    C > o ? l : null
+  ), v(() => {
+    y(0);
+  }, [f]), I;
+}, M = ({
+  content: f = "",
+  triggerTyping: l,
+  onFinish: m
 }) => {
-  const p = S(W(u));
-  return /* @__PURE__ */ I(b, { children: m ? /* @__PURE__ */ I(c, { onFinish: h, children: p }) : p });
+  const o = E(L(f));
+  return /* @__PURE__ */ A(a, { children: l ? /* @__PURE__ */ A(T, { onFinish: m, children: o }) : o });
 };
 export {
-  q as default
+  M as default
 };
 //# sourceMappingURL=ChatCustomContent.js.map