@versini/sassysaint 8.99.3 → 8.100.0

package/dist/chunks/{ProfileEntry.C-3cFRJF.js → ProfileEntry.ZVmjBCNA.js}

@@ -1,23 +1,23 @@
-import { jsxs as t, Fragment as H, jsx as e } from "react/jsx-runtime";
-import { preloadToast as K, showSuccessToast as O, showErrorToast as W, ConfirmationPanel as Y, LazyToastContainerWrapper as $, Panel as V, CancelButton as q } from "./App.BUZaV6AF.js";
-import { n as J, useUniqueId as Q, useUserPreferences as X, useServerCapabilities as Z, p as ee, setUserPlan as ae, Card as d, renderDataAsList as ne, CARDS as s, L as h, j as i, Button as se, st as re, isTauri as te, ButtonIcon as le, IconPasskey as k, PROFILE_TITLE as ie } from "./index.BbB1hl1m.js";
-import ce from "clsx";
-import { useState as m, useMemo as oe, useCallback as P } from "react";
-const de = () => {
+import { jsxs as l, Fragment as H, jsx as e } from "react/jsx-runtime";
+import { preloadToast as K, showSuccessToast as O, showErrorToast as W, ConfirmationPanel as Y, LazyToastContainerWrapper as $, Panel as V, CancelButton as q } from "./App.BLNMkw5x.js";
+import { n as J, useUniqueId as Q, useUserPreferences as X, useServerCapabilities as Z, p as ee, setUserPlan as ae, Card as m, renderDataAsList as ne, CARDS as s, L as u, j as i, Button as se, st as re, isTauri as le, ButtonIcon as te, IconPasskey as L, PROFILE_TITLE as ie } from "./index.CgmhTYJp.js";
+import { useState as h, useMemo as ce, useCallback as N, useRef as oe } from "react";
+import de from "clsx";
+const me = () => {
   const {
-    isAuthenticated: u,
+    isAuthenticated: p,
     user: n,
-    registeringForPasskey: L,
+    registeringForPasskey: o,
     authenticationType: y,
-    getAccessToken: p
-  } = J(), [v, N] = m(null), [T, x] = m(!1), [F, C] = m(!1), [l, w] = m(null), U = Q(), A = n?.username || "", {
+    getAccessToken: f
+  } = J(), [F, T] = h(null), [C, v] = h(!1), [x, R] = h(!1), [t, w] = h(null), U = Q(), A = n?.username || "", {
     data: E,
     isSuccess: z,
     refetch: I
   } = X({
     user: n?.username,
-    getAccessToken: p
-  }), { data: S, isSuccess: f } = Z(), R = oe(() => !f || !S?.plans ? [] : S.plans.map((a) => ({
+    getAccessToken: f
+  }), { data: S, isSuccess: P } = Z(), b = ce(() => !P || !S?.plans ? [] : S.plans.map((a) => ({
     id: a.name,
     label: a.label,
     description: a.description,
@@ -25,17 +25,17 @@ const de = () => {
     models: a.allowedModels.map(
       (r) => ee[r] || r
     )
-  })), [f, S?.plans]), b = P(() => {
-    T || (K(), x(!0));
-  }, [T]), B = P(async () => {
-    if (!(!l || !n?.username))
+  })), [P, S?.plans]), g = N(() => {
+    C || (K(), v(!0));
+  }, [C]), B = N(async () => {
+    if (!(!t || !n?.username))
       try {
-        N(l.id), await ae({
-          plan: l.id,
-          accessToken: await p(),
+        T(t.id), await ae({
+          plan: t.id,
+          accessToken: await f(),
           username: n.username
         }), await I(), await O(
-          `${s.PLANS.SWITCH_SUCCESS} ${l.label}`,
+          `${s.PLANS.SWITCH_SUCCESS} ${t.label}`,
           {
             containerId: "profile-plan-selection"
           }
@@ -45,36 +45,36 @@ const de = () => {
           containerId: "profile-plan-selection"
         });
       } finally {
-        N(null), w(null);
+        T(null), w(null);
       }
-  }, [p, l, I, n?.username]), _ = P(
+  }, [f, t, I, n?.username]), _ = N(
     (a, r) => {
-      !n?.username || a === E?.plan || (w({ id: a, label: r }), C(!0));
+      !n?.username || a === E?.plan || (w({ id: a, label: r }), R(!0));
     },
     [E?.plan, n?.username]
   );
-  return u && A ? /* @__PURE__ */ t(H, { children: [
+  return p && A ? /* @__PURE__ */ l(H, { children: [
     /* @__PURE__ */ e(
       Y,
       {
-        showConfirmation: F,
-        setShowConfirmation: C,
+        showConfirmation: x,
+        setShowConfirmation: R,
         action: B,
         customStrings: {
           confirmAction: "Switch Plan",
           cancelAction: "Cancel",
           title: "Switch Plan"
         },
-        children: l && /* @__PURE__ */ t("p", { className: "m-0", children: [
+        children: t && /* @__PURE__ */ l("p", { className: "m-0", children: [
           "Are you sure you want to switch to the following plan:",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: l.label })
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: t.label })
         ] })
       }
     ),
     /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e($, { containerId: "profile-plan-selection" }) }),
     /* @__PURE__ */ e(
-      d,
+      m,
       {
         header: s.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
@@ -85,24 +85,24 @@ const de = () => {
         })
       }
     ),
-    z && f && R.length > 0 && /* @__PURE__ */ t(
-      d,
+    z && P && b.length > 0 && /* @__PURE__ */ l(
+      m,
       {
         header: s.PLANS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
         noBorder: !0,
         children: [
           /* @__PURE__ */ e("p", { className: "text-sm", children: s.PLANS.DESCRIPTION }),
-          /* @__PURE__ */ e(h, { columnGap: 3, rowGap: 3, className: "mt-4", children: R.map(({ id: a, label: r, description: G, features: M, models: j }) => {
-            const o = E?.plan === a, D = o ? s.PLANS.ACTIVE_BADGE : `Get ${r}`, g = v === a;
-            return /* @__PURE__ */ e(i, { span: { fallback: 12, md: 4 }, children: /* @__PURE__ */ e(d, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ t(h, { direction: "column", children: [
-              /* @__PURE__ */ t(i, { children: [
-                /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e(u, { columnGap: 3, rowGap: 3, className: "mt-4", children: b.map(({ id: a, label: r, description: G, features: M, models: j }) => {
+            const d = E?.plan === a, D = d ? s.PLANS.ACTIVE_BADGE : `Get ${r}`, k = F === a;
+            return /* @__PURE__ */ e(i, { span: { fallback: 12, md: 4 }, children: /* @__PURE__ */ e(m, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ l(u, { direction: "column", children: [
+              /* @__PURE__ */ l(i, { children: [
+                /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ l("div", { children: [
                   /* @__PURE__ */ e(
                     "h3",
                     {
-                      className: ce("m-0", {
-                        "text-emerald-400": o
+                      className: de("m-0", {
+                        "text-emerald-400": d
                       }),
                       children: r
                     }
@@ -119,16 +119,16 @@ const de = () => {
                 {
                   mode: "dark",
                   size: "small",
-                  variant: o ? "selected" : "secondary",
+                  variant: d ? "selected" : "secondary",
                   className: "mt-4",
                   fullWidth: !0,
-                  disabled: o || g,
+                  disabled: d || k,
                   onClick: () => {
                     _(a, r);
                   },
-                  onMouseEnter: b,
-                  onFocus: b,
-                  children: g ? "Updating..." : D
+                  onMouseEnter: g,
+                  onFocus: g,
+                  children: k ? "Updating..." : D
                 }
               ) })
             ] }) }) }, a);
@@ -136,26 +136,26 @@ const de = () => {
         ]
       }
     ),
-    y !== re.PASSKEY && !te() && /* @__PURE__ */ t(
-      d,
+    y !== re.PASSKEY && !le() && /* @__PURE__ */ l(
+      m,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         noBorder: !0,
-        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ t(h, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(k, { size: "size-8" }) }),
+        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ l(u, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(L, { size: "size-8" }) }),
           /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("div", { children: s.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ e("p", { children: s.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ e(
-            le,
+            te,
             {
               variant: "selected",
               size: "small",
               className: "mt-2",
-              onClick: L,
+              onClick: o,
               labelLeft: s.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ e(k, { size: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ e(L, { size: "size-5", monotone: !0 })
             }
           )
         ]
@@ -163,29 +163,33 @@ const de = () => {
     )
   ] }) : null;
 }, Se = ({
-  open: u,
+  open: p,
   onOpenChange: n
-}) => /* @__PURE__ */ e(
-  V,
-  {
-    open: u,
-    onOpenChange: n,
-    title: ie,
-    animation: !0,
-    animationType: "fade",
-    blurEffect: "large",
-    footer: /* @__PURE__ */ e(
-      h,
-      {
-        columnGap: 2,
-        alignHorizontal: "flex-end",
-        className: "pb-8 sm:pb-0",
-        children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(q, { onOpenChange: n }) })
-      }
-    ),
-    children: /* @__PURE__ */ e(de, {})
-  }
-);
+}) => {
+  const o = oe(null);
+  return /* @__PURE__ */ e(
+    V,
+    {
+      open: p,
+      onOpenChange: n,
+      title: ie,
+      animation: !0,
+      animationType: "fade",
+      blurEffect: "large",
+      initialFocus: o,
+      footer: /* @__PURE__ */ e(
+        u,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(q, { onOpenChange: n, ref: o }) })
+        }
+      ),
+      children: /* @__PURE__ */ e(me, {})
+    }
+  );
+};
 export {
   Se as Profile
 };