@ethora/chat-component 26.7.4 → 26.7.6

package/dist/ManageDataModal-CDPXcC93.js

@@ -0,0 +1,159 @@
+import { jsxs as r, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { useState as x, useCallback as M } from "react";
+import { x as t, C as j, aj as v, B, u as I, n as E, J as F, aA as R, L as U, v as h, aB as z, aC as A, aD as O, aE as $ } from "./main-B-8IhwaP.js";
+import { S as H, D as f, a as D, b as u, e as y, f as b } from "./SideDrawer-Dr_lkaOW.js";
+t(j)`
+  display: flex;
+  box-sizing: border-box;
+  align-items: flex-start;
+  gap: 32px;
+`;
+t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+`;
+t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+t(v)`
+  font-weight: 600;
+  text-align: start;
+  flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+`;
+t.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+`;
+t(v)`
+  font-size: 12px;
+  text-align: start;
+  color: var(--ethora-color-text-muted, #8c8c8c);
+`;
+const C = t(B)`
+  min-height: 40px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+  padding: 8px;
+  border-radius: var(--ethora-radius-sm, 8px);
+  border: 1px solid ${({ borderColor: o }) => o};
+`, J = t.div`
+  display: flex;
+  align-items: flex-start;
+  background-color: ${({ bgColor: o }) => o};
+  padding: 16px;
+  border-radius: var(--ethora-radius-sm, 8px);
+  gap: 8px;
+`, P = t.div`
+  font-size: 12px;
+  color: var(--ethora-color-text, #141414);
+  display: flex;
+  text-align: start;
+`, N = ({
+  handleCloseModal: o
+}) => {
+  const { config: s } = I((l) => l.chatSettingStore), e = E(), { showToast: d } = F(), [w, c] = x(!1), [i, g] = x(!1), S = async () => {
+    const p = (await $()).data;
+    h.log(p);
+    const L = new Blob([p], { type: "text/plain" }), m = URL.createObjectURL(L), n = document.createElement("a");
+    n.href = m, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(m);
+  }, k = M(async () => {
+    if (!i) {
+      g(!0);
+      try {
+        await R(), c(!1), await U.performLogout();
+      } catch (l) {
+        h.error("Failed to delete account", l), d({
+          id: Date.now().toString(),
+          title: e("toast.error"),
+          message: e("settings.manageData.deleteFailed"),
+          type: "error",
+          duration: 4e3
+        }), g(!1);
+      }
+    }
+  }, [i, d, e]);
+  return /* @__PURE__ */ r(T, { children: [
+    /* @__PURE__ */ r(
+      H,
+      {
+        title: e("settings.manageData.title"),
+        onClose: o,
+        backLabel: e("action.back"),
+        children: [
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ a(D, { children: e("settings.manageData.section.export") }),
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ r(y, { children: [
+              /* @__PURE__ */ a(b, { children: e("settings.manageData.downloadDescription") }),
+              /* @__PURE__ */ a(
+                C,
+                {
+                  borderColor: s?.colors?.primary || "var(--ethora-color-primary, #0052CD)",
+                  onClick: S,
+                  style: { marginTop: "var(--ethora-space-2, 8px)" },
+                  children: e("settings.manageData.downloadLabel")
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ r(f, { children: [
+            /* @__PURE__ */ a(D, { children: e("settings.manageData.deleteLabel") }),
+            /* @__PURE__ */ a(u, { children: /* @__PURE__ */ r(y, { children: [
+              /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteDescription") }),
+              /* @__PURE__ */ r(
+                J,
+                {
+                  bgColor: s?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
+                  style: { marginTop: "var(--ethora-space-2, 8px)" },
+                  children: [
+                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(z, { color: A(s) }) }),
+                    /* @__PURE__ */ a(P, { children: e("settings.manageData.deleteDisclosure") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                C,
+                {
+                  borderColor: "var(--ethora-color-danger, #D92D20)",
+                  style: {
+                    color: "var(--ethora-color-danger, #D92D20)",
+                    marginTop: "var(--ethora-space-2, 8px)"
+                  },
+                  onClick: () => c(!0),
+                  children: e("action.deleteMyAccount")
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    w && /* @__PURE__ */ a(
+      O,
+      {
+        title: e("settings.manageData.deleteConfirmTitle"),
+        description: e("settings.manageData.deleteConfirmDescription"),
+        buttonText: e(i ? "settings.manageData.deleting" : "action.deleteMyAccount"),
+        backgroundColorButton: "var(--ethora-color-danger, #D92D20)",
+        handleClick: k,
+        handleCloseModal: () => {
+          i || c(!1);
+        }
+      }
+    )
+  ] });
+};
+export {
+  N as default
+};