@ethora/chat-component 26.7.5 → 26.7.7

package/dist/ManageDataModal-DWabKhSC.js

@@ -0,0 +1,178 @@
+import { jsxs as o, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { useState as m, useCallback as M } from "react";
+import { av as B, v as t, aw as I, ax as w, B as j, u as z, n as F, F as E, ay as R, J as U, t as x, az as A, aA as $, aB as O, aC as H } from "./main-C2FKeV6y.js";
+import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-DewJ-iPn.js";
+t(I)`
+  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(w)`
+  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(w)`
+  font-size: 12px;
+  text-align: start;
+  color: var(--ethora-color-text-muted, #8c8c8c);
+`;
+const y = t(j)`
+  min-height: 44px;
+  display: flex;
+  flex-direction: column;
+  gap: var(--ethora-space-1, 4px);
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+  padding: var(--ethora-space-2, 8px) var(--ethora-space-4, 16px);
+  border-radius: var(--ethora-radius-md, 12px);
+  border: 1px solid ${({ borderColor: r }) => r};
+  font-weight: var(--ethora-font-weight-semibold, 600);
+  transition: background-color var(--ethora-motion-fast, 150ms),
+    box-shadow var(--ethora-motion-fast, 150ms);
+
+  &:hover {
+    background-color: var(--ethora-color-bg-hover, #f0f2f5);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--ethora-color-primary, #0052cd);
+    outline-offset: 2px;
+  }
+
+  &:active {
+    box-shadow: var(--ethora-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
+  }
+
+  ${B}
+`, P = t.div`
+  display: flex;
+  align-items: flex-start;
+  background-color: ${({ bgColor: r }) => r};
+  padding: var(--ethora-space-4, 16px);
+  border-radius: var(--ethora-radius-md, 12px);
+  gap: var(--ethora-space-2, 8px);
+`, W = t.div`
+  font-size: var(--ethora-font-size-xs, 12px);
+  line-height: var(--ethora-line-height-normal, 1.5);
+  color: var(--ethora-color-text, #141414);
+  display: flex;
+  text-align: start;
+`, Q = ({
+  handleCloseModal: r
+}) => {
+  const { config: l } = z((s) => s.chatSettingStore), e = F(), { showToast: d } = E(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
+    const p = (await H()).data;
+    x.log(p);
+    const L = new Blob([p], { type: "text/plain" }), h = URL.createObjectURL(L), n = document.createElement("a");
+    n.href = h, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(h);
+  }, k = M(async () => {
+    if (!i) {
+      g(!0);
+      try {
+        await R(), c(!1), await U.performLogout();
+      } catch (s) {
+        x.error("Failed to delete account", s), 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__ */ o(T, { children: [
+    /* @__PURE__ */ o(
+      J,
+      {
+        title: e("settings.manageData.title"),
+        onClose: r,
+        backLabel: e("action.back"),
+        children: [
+          /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ a(u, { children: e("settings.manageData.section.export") }),
+            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
+              /* @__PURE__ */ a(b, { children: e("settings.manageData.downloadDescription") }),
+              /* @__PURE__ */ a(
+                y,
+                {
+                  borderColor: l?.colors?.primary || "var(--ethora-color-primary, #0052CD)",
+                  onClick: S,
+                  style: { marginTop: "var(--ethora-space-2, 8px)" },
+                  children: e("settings.manageData.downloadLabel")
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ a(u, { children: e("settings.manageData.deleteLabel") }),
+            /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
+              /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteDescription") }),
+              /* @__PURE__ */ o(
+                P,
+                {
+                  bgColor: l?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
+                  style: { marginTop: "var(--ethora-space-2, 8px)" },
+                  children: [
+                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(A, { color: $(l) }) }),
+                    /* @__PURE__ */ a(W, { children: e("settings.manageData.deleteDisclosure") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                y,
+                {
+                  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")
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    C && /* @__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 {
+  Q as default
+};