@versini/sassysaint 8.109.1 → 8.109.2

package/dist/chunks/ProfileEntry.VlRvWAq4.js

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

package/dist/chunks/{SettingsEntry.BP8H8gHu.js → SettingsEntry.BxF_ZqA5.js}

@@ -1,9 +1,9 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { n as Ve, useEntitlements as Fe, useUserPreferences as We, w as ie, LOCAL_STORAGE_OLED_MODE as $e, LOCAL_STORAGE_FULL_SCREEN as ze, e as de, canEvaluateModels as He, W as Ye, getCacheInfo as qe, isServiceWorkerEnabled as Ke, V as Qe, K as ue, applyOledMode as me, getCurrentGeoLocation as Je, graphQLRequest as he, handleServiceWorkerToggle as Xe, SERVICE_TYPES as fe } from "./index.BNY6p-fk.js";
-import { AppContext as Ze, SETTINGS_TITLE as et, CARDS as r, Button as Ee, PROMPTS_DESCRIPTION as tt, L as ot, j as pe, APP_SET_OLED_MODE as Se, APP_SET_FULL_SCREEN as ge } from "./LogoEntry.Et0a-97_.js";
-import { Card as f } from "./index.7QjsCYx3.js";
-import { useCapability as be, useLocalStorage as Te, Panel as st, Toggle as l, ButtonCancel as at } from "./App.CvQU6EGq.js";
-import { TextArea as Ne } from "./index.CNOm7KYJ.js";
+import { n as Ve, useEntitlements as Fe, useUserPreferences as We, w as ie, LOCAL_STORAGE_OLED_MODE as $e, LOCAL_STORAGE_FULL_SCREEN as ze, e as de, canEvaluateModels as He, W as Ye, getCacheInfo as qe, isServiceWorkerEnabled as Ke, V as Qe, K as ue, applyOledMode as me, getCurrentGeoLocation as Je, graphQLRequest as he, handleServiceWorkerToggle as Xe, SERVICE_TYPES as fe } from "./index.D5R76Qhp.js";
+import { AppContext as Ze, SETTINGS_TITLE as et, CARDS as r, Button as Ee, PROMPTS_DESCRIPTION as tt, L as ot, j as pe, APP_SET_OLED_MODE as Se, APP_SET_FULL_SCREEN as ge } from "./LogoEntry.B1e2c-s0.js";
+import { Card as f } from "./index.KPs76GKZ.js";
+import { useCapability as be, useLocalStorage as Te, Panel as st, Toggle as l, ButtonCancel as at } from "./App.Ck18sHiX.js";
+import { TextArea as Ne } from "./index.BzMdQGY-.js";
 import { useRef as nt, useContext as rt, useState as s, useMemo as lt, useCallback as ct, useEffect as Ce } from "react";
 const pt = ({
   open: ye,

package/dist/chunks/{UsageEntry.CamC3XI3.js → UsageEntry.DHYx6GmN.js}

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { n as X, useUserChatStats as Z, LOCAL_STORAGE_PREFIX as M, LOCAL_STORAGE_USAGE_VIEW_MODE as J, LOCAL_STORAGE_USAGE_TIME_RANGE as Q, LOCAL_STORAGE_USAGE_SELECTED_MONTH as $, useChatsUsage as ee, renderDataAsList as te } from "./index.BNY6p-fk.js";
-import { useUniqueId as ne, TIME_RANGES as e, USAGE_TITLE as re, CARDS as T, L as h, j as c, TIME_RANGE_LABELS as k, MONTHS as N, ButtonIcon as u, IconChart as le, IconSelected as H, IconUnSelected as b, IconPrevious as se, IconNext as ae } from "./LogoEntry.Et0a-97_.js";
-import { Card as P } from "./index.7QjsCYx3.js";
-import { useLocalStorage as g, Panel as oe, DropdownMenu as ie, DropdownMenuGroupLabel as ce, DropdownMenuItem as G, DropdownMenuSub as de, ButtonCancel as Te, pluralize as D } from "./App.CvQU6EGq.js";
+import { n as X, useUserChatStats as Z, LOCAL_STORAGE_PREFIX as M, LOCAL_STORAGE_USAGE_VIEW_MODE as J, LOCAL_STORAGE_USAGE_TIME_RANGE as Q, LOCAL_STORAGE_USAGE_SELECTED_MONTH as $, useChatsUsage as ee, renderDataAsList as te } from "./index.D5R76Qhp.js";
+import { useUniqueId as ne, TIME_RANGES as e, USAGE_TITLE as re, CARDS as T, L as h, j as c, TIME_RANGE_LABELS as k, MONTHS as N, ButtonIcon as u, IconChart as le, IconSelected as H, IconUnSelected as b, IconPrevious as se, IconNext as ae } from "./LogoEntry.B1e2c-s0.js";
+import { Card as P } from "./index.KPs76GKZ.js";
+import { useLocalStorage as g, Panel as oe, DropdownMenu as ie, DropdownMenuGroupLabel as ce, DropdownMenuItem as G, DropdownMenuSub as de, ButtonCancel as Te, pluralize as D } from "./App.Ck18sHiX.js";
 import { useRef as ue, useState as U, Suspense as Ee, lazy as Se } from "react";
 const a = [0, 3, 6, 9], s = {
   TOKEN: "token",
@@ -16,7 +16,7 @@ const a = [0, 3, 6, 9], s = {
 ], Ae = Se(
   () => import(
     /* webpackChunkName: "chart-highcharts" */
-    "./Chart.Bhit-mtQ.js"
+    "./Chart.BIy5YDm2.js"
   )
 ), Ne = ({
   open: v,