@versini/sassysaint 8.69.0 → 8.70.0

package/dist/chunks/UserMemoriesPanel.CXJlDOY-.js

@@ -0,0 +1,347 @@
+import { jsxs as o, jsx as e, Fragment as ee } from "react/jsx-runtime";
+import { I as te, L as T, j as p, C as D, isProbablyiPhone as re, n as oe, LOCAL_STORAGE_PREFIX as I, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as ne, LOCAL_STORAGE_SORT_MEMORY_COLUMN as ie, useUserMemories as le, useDeleteMemory as ce, useDeleteAllMemories as ae, useUpdateMemory as se, te as _ } from "./index.DjSi9ICW.js";
+import { oe as U, E as B, e as f, ConfirmationPanel as G, st as H } from "./App.DP_1QDro.js";
+import v from "clsx";
+import { useState as h, useEffect as de, useRef as F } from "react";
+import { Re as me } from "./index.C0hBKDgD.js";
+import { j as he, D as ue, G as N, M as a, F as fe, H as pe, l as xe, U as ye } from "./Table.B65cZ6GW.js";
+const ge = ({
+  className: l,
+  viewBox: s,
+  title: r,
+  monotone: c,
+  ...d
+}) => /* @__PURE__ */ o(
+  te,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: s,
+    className: l,
+    title: r || "Edit",
+    ...d,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32v-96c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96z",
+          opacity: c ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "m392.4 21.7-30.1 30 97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2l-18.7-18.6c-21.9-21.9-57.3-21.9-79.2 0m-52.7 52.6L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5l167.3-167.4z" })
+    ]
+  }
+), Ce = ({
+  open: l,
+  onOpenChange: s,
+  initialText: r,
+  onSave: c,
+  isSaving: d = !1
+}) => {
+  const [i, x] = h(r);
+  de(() => {
+    l && x(r);
+  }, [l, r]);
+  const S = () => {
+    i.trim().length >= 3 && c(i.trim());
+  }, w = i.trim().length >= 3, y = i.trim() !== r.trim();
+  return /* @__PURE__ */ e(
+    U,
+    {
+      kind: re() ? "panel" : "messagebox",
+      open: l,
+      onOpenChange: s,
+      title: "Edit Memory",
+      animation: !0,
+      animationType: "fade",
+      footer: /* @__PURE__ */ o(T, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          D,
+          {
+            mode: "dark",
+            variant: "secondary",
+            noBorder: !0,
+            focusMode: "light",
+            onClick: () => s(!1),
+            disabled: d,
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+          D,
+          {
+            mode: "dark",
+            focusMode: "light",
+            disabled: d || !w || !y,
+            onClick: S,
+            children: d ? "Saving..." : "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ e("div", { className: "flex flex-col pt-2", children: /* @__PURE__ */ e(
+        me,
+        {
+          mode: "dark",
+          focusMode: "light",
+          label: "Memory text",
+          name: "memoryText",
+          value: i,
+          onChange: (M) => x(M.target.value),
+          autoFocus: !0,
+          helperText: i.trim().length < 3 ? "Memory text must be at least 3 characters" : `${i.length} characters`
+        }
+      ) })
+    }
+  );
+}, ve = ({
+  open: l,
+  onOpenChange: s,
+  user: r
+}) => {
+  const { getAccessToken: c } = oe(), [d] = h(void 0), [i, x] = B({
+    key: I + ne,
+    initialValue: f.DESC
+  }), [S, w] = B({
+    key: I + ie,
+    initialValue: "createdAt"
+  }), [y, M] = h(i || f.DESC), [j, q] = h(
+    S || "createdAt"
+  ), { data: u, isLoading: b, isError: O } = le({
+    user: r,
+    query: d,
+    getAccessToken: c,
+    enabled: l
+  }), R = ce({ getAccessToken: c }), L = ae({ getAccessToken: c }), k = se({ getAccessToken: c }), [V, P] = h(!1), m = F(null), [Y, z] = h(!1), [X, E] = h(!1), g = F(null), J = (t, n, C, A) => {
+    m.current = { id: t, text: n, description: C, createdAt: A }, P(!0);
+  }, K = () => {
+    m.current && R.mutate({ user: r, memoryId: m.current.id });
+  }, Q = (t, n) => {
+    g.current = { id: t, description: n }, E(!0);
+  }, W = (t) => {
+    g.current && r && k.mutate(
+      {
+        user: r,
+        memoryId: g.current.id,
+        description: t
+      },
+      {
+        onSuccess: () => {
+          E(!1);
+        }
+      }
+    );
+  }, Z = () => {
+    r && z(!0);
+  }, $ = () => {
+    r && L.mutate({ user: r });
+  };
+  return /* @__PURE__ */ o(ee, { children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        open: X,
+        onOpenChange: E,
+        initialText: g.current?.description || "",
+        onSave: W,
+        isSaving: k.isPending
+      }
+    ),
+    /* @__PURE__ */ o(
+      G,
+      {
+        showConfirmation: V,
+        setShowConfirmation: P,
+        action: K,
+        customStrings: {
+          title: "Delete memory",
+          confirmAction: "Delete",
+          cancelAction: "Cancel"
+        },
+        children: [
+          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete this memory?" }),
+          /* @__PURE__ */ o("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
+            /* @__PURE__ */ o("li", { children: [
+              "Excerpt:",
+              " ",
+              (m.current?.description || m.current?.text || "").slice(0, 80)
+            ] }),
+            /* @__PURE__ */ o("li", { children: [
+              "Created:",
+              " ",
+              m.current?.createdAt ? new Date(m.current.createdAt).toLocaleString() : "-"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      G,
+      {
+        showConfirmation: Y,
+        setShowConfirmation: z,
+        action: $,
+        customStrings: {
+          title: "Delete all memories",
+          confirmAction: "Delete all",
+          cancelAction: "Cancel"
+        },
+        children: /* @__PURE__ */ e("p", { className: "m-0", children: "This will permanently delete all memories for this user. This action cannot be undone." })
+      }
+    ),
+    /* @__PURE__ */ e(
+      U,
+      {
+        open: l,
+        onOpenChange: (t) => s(t),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        footer: /* @__PURE__ */ o(T, { columnGap: 2, alignHorizontal: "flex-end", children: [
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+            D,
+            {
+              mode: "dark",
+              variant: "secondary",
+              noBorder: !0,
+              focusMode: "light",
+              onClick: () => s(!1),
+              children: "Close"
+            }
+          ) }),
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+            D,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: L.isPending || (u?.total ?? 0) === 0,
+              onClick: Z,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row max-h-[75vh] min-h-[60vh] pt-2", children: [
+          b && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
+          O && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load memories." }),
+          !b && !O && (u && u.items.length > 0 ? /* @__PURE__ */ o(he, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+            /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ o(N, { children: [
+              /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
+              /* @__PURE__ */ e(a, { children: "Memory" }),
+              /* @__PURE__ */ e(
+                fe,
+                {
+                  focusMode: "system",
+                  buttonClassName: "text-xs sm:text-sm",
+                  cellId: "createdAt",
+                  align: "left",
+                  sortDirection: y,
+                  sortedCell: j,
+                  onClick: () => {
+                    q("createdAt"), w("createdAt"), M((t) => {
+                      const n = t === f.ASC ? f.DESC : f.ASC;
+                      return x(n), n;
+                    });
+                  },
+                  children: "Date"
+                }
+              ),
+              /* @__PURE__ */ e(a, { align: "right", children: "Actions" })
+            ] }) }),
+            /* @__PURE__ */ e(pe, { children: [...u.items].sort((t, n) => {
+              const C = t.createdAt ? new Date(t.createdAt).getTime() : 0, A = n.createdAt ? new Date(n.createdAt).getTime() : 0;
+              return y === f.ASC ? C - A : A - C;
+            }).map((t, n) => /* @__PURE__ */ o(N, { children: [
+              /* @__PURE__ */ e(a, { className: v("dark:text-gray-400"), children: n + 1 }),
+              /* @__PURE__ */ e(
+                a,
+                {
+                  className: v(
+                    "dark:text-white",
+                    "max-w-[100px] sm:max-w-[400px]",
+                    "text-xs sm:text-sm"
+                  ),
+                  style: {
+                    wordBreak: "break-word"
+                  },
+                  children: t.description || t.text
+                }
+              ),
+              /* @__PURE__ */ e(
+                a,
+                {
+                  component: "th",
+                  scope: "row",
+                  className: v(
+                    "dark:text-gray-400",
+                    "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
+                  ),
+                  children: t.createdAt ? new Date(t.createdAt).toLocaleDateString() : "-"
+                }
+              ),
+              /* @__PURE__ */ e(a, { className: "align-top", align: "right", children: /* @__PURE__ */ o(T, { columnGap: 2, alignHorizontal: "flex-end", children: [
+                /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+                  H,
+                  {
+                    label: "Edit memory",
+                    mode: "system",
+                    placement: "top",
+                    trigger: /* @__PURE__ */ e(
+                      _,
+                      {
+                        focusMode: "system",
+                        noBorder: !0,
+                        label: "Edit memory",
+                        variant: "primary",
+                        disabled: k.isPending,
+                        onClick: () => Q(
+                          t.memoryId,
+                          t.description || t.text
+                        ),
+                        children: /* @__PURE__ */ e(ge, { size: "size-3", monotone: !0 })
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+                  H,
+                  {
+                    label: "Delete memory",
+                    mode: "system",
+                    placement: "top",
+                    trigger: /* @__PURE__ */ e(
+                      _,
+                      {
+                        focusMode: "system",
+                        noBorder: !0,
+                        label: "Delete memory",
+                        variant: "primary",
+                        iconClassName: "text-red-700 dark:text-red-500",
+                        disabled: R.isPending,
+                        onClick: () => J(
+                          t.memoryId,
+                          t.text,
+                          t.description,
+                          t.createdAt
+                        ),
+                        children: /* @__PURE__ */ e(xe, { size: "size-3", monotone: !0 })
+                      }
+                    )
+                  }
+                ) })
+              ] }) })
+            ] }, t.memoryId)) }),
+            /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ o(a, { colSpan: 4, children: [
+              u.total,
+              " memor",
+              u.total === 1 ? "y" : "ies"
+            ] }) }) })
+          ] }) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  ve as UserMemoriesPanel,
+  ve as default
+};

package/dist/chunks/{index.BtXviUD3.js → index.B-25p6O_.js}

@@ -1,6 +1,6 @@
-import { getDefaultExportFromCjs as kn } from "./App.DnIeRbwI.js";
-import { visit as In } from "./useMarkdown.BAKJP0y9.js";
-import { toText as Cn } from "./index.CaDLl4vX.js";
+import { getDefaultExportFromCjs as kn } from "./App.DP_1QDro.js";
+import { visit as In } from "./useMarkdown.CZcXi3B7.js";
+import { toText as Cn } from "./index.CTgvpxYe.js";
 function xn(e) {
   const t = e.regex, i = e.COMMENT("//", "$", { contains: [{ begin: /\\\n/ }] }), a = "decltype\\(auto\\)", r = "[a-zA-Z_]\\w*::", d = "(?!struct)(" + a + "|" + t.optional(r) + "[a-zA-Z_]\\w*" + t.optional("<[^<>]+>") + ")", c = {
     className: "type",