@acmekit/dashboard 2.13.7 → 2.13.8

package/dist/profile-detail-SJWODS2K.mjs

@@ -0,0 +1,96 @@
+import {
+  SingleColumnPage
+} from "./chunk-22YYMH6M.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  useMe
+} from "./chunk-YRWSG3YM.mjs";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-ITNQKZQQ.mjs";
+import {
+  languages
+} from "./chunk-535OVBXR.mjs";
+import {
+  ActionMenu
+} from "./chunk-S3REQHPQ.mjs";
+import "./chunk-OAHCJFG3.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-DTY37DDZ.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/profile/profile-detail/components/profile-general-section/profile-general-section.tsx
+import { PencilSquare } from "@acmekit/icons";
+import { Container, Heading, Text } from "@acmekit/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProfileGeneralSection = ({ user }) => {
+  const { i18n, t } = useTranslation();
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Heading, { children: t("profile.domain") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("profile.manageYourProfileDetails") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.name") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: name || "-" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-center px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("profile.fields.languageLabel") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: languages.find((lang) => lang.code === i18n.language)?.display_name || "-" })
+    ] })
+  ] });
+};
+
+// src/routes/profile/profile-detail/profile-detail.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ProfileDetail = () => {
+  const { user, isPending: isLoading, isError, error } = useMe();
+  const { getWidgets } = useExtension();
+  if (isLoading || !user) {
+    return /* @__PURE__ */ jsx2(SingleColumnPageSkeleton, { sections: 1 });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    SingleColumnPage,
+    {
+      widgets: {
+        after: getWidgets("profile.details.after"),
+        before: getWidgets("profile.details.before")
+      },
+      children: /* @__PURE__ */ jsx2(ProfileGeneralSection, { user })
+    }
+  );
+};
+export {
+  ProfileDetail as Component
+};

package/dist/profile-edit-HSGF4UXZ.mjs

@@ -0,0 +1,173 @@
+import "./chunk-IUCDCPJU.mjs";
+import {
+  useMe,
+  useUpdateUser
+} from "./chunk-YRWSG3YM.mjs";
+import {
+  KeyboundForm,
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-2U3RK3JG.mjs";
+import {
+  Form
+} from "./chunk-ND3ODI36.mjs";
+import {
+  languages
+} from "./chunk-535OVBXR.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-DTY37DDZ.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/profile/profile-edit/profile-edit.tsx
+import { Heading } from "@acmekit/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/routes/profile/profile-edit/components/edit-profile-form/edit-profile-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Select, toast } from "@acmekit/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProfileSchema = zod.object({
+  first_name: zod.string().optional(),
+  last_name: zod.string().optional(),
+  language: zod.string()
+  // usage_insights: zod.boolean(),
+});
+var EditProfileForm = ({ user }) => {
+  const { t, i18n } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: {
+      first_name: user.first_name ?? "",
+      last_name: user.last_name ?? "",
+      language: i18n.language
+      // usage_insights: usageInsights,
+    },
+    resolver: zodResolver(EditProfileSchema)
+  });
+  const changeLanguage = async (code) => {
+    await i18n.changeLanguage(code);
+  };
+  const sortedLanguages = languages.sort(
+    (a, b) => a.display_name.localeCompare(b.display_name)
+  );
+  const { mutateAsync, isPending } = useUpdateUser(user.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        first_name: values.first_name,
+        last_name: values.last_name
+      },
+      {
+        onError: (error) => {
+          toast.error(error.message);
+          return;
+        }
+      }
+    );
+    await changeLanguage(values.language);
+    toast.success(t("profile.toast.edit"));
+    handleSuccess();
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "first_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.firstName") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "last_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.lastName") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "language",
+          render: ({ field: { ref, ...field } }) => /* @__PURE__ */ jsxs(Form.Item, { className: "gap-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("profile.fields.languageLabel") }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: t("profile.edit.languageHint") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  dir: direction,
+                  ...field,
+                  onValueChange: field.onChange,
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref, className: "py-1 text-[13px]", children: /* @__PURE__ */ jsx(
+                      Select.Value,
+                      {
+                        placeholder: t("profile.edit.languagePlaceholder"),
+                        children: sortedLanguages.find(
+                          (language) => language.code === field.value
+                        )?.display_name
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Select.Content, { children: languages.map((language) => /* @__PURE__ */ jsx(
+                      Select.Item,
+                      {
+                        value: language.code,
+                        children: language.display_name
+                      },
+                      language.code
+                    )) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          ] })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+
+// src/routes/profile/profile-edit/profile-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProfileEdit = () => {
+  const { user, isPending: isLoading, isError, error } = useMe();
+  const { t } = useTranslation2();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { className: "capitalize", children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("profile.edit.header") }) }) }),
+    !isLoading && user && /* @__PURE__ */ jsx2(EditProfileForm, { user })
+  ] });
+};
+export {
+  ProfileEdit as Component
+};

package/dist/{reset-password-UQPRHMB3.mjs → reset-password-RQ5M7HQC.mjs}

@@ -1,13 +1,17 @@
+import "./chunk-RREPQMYC.mjs";
+import "./chunk-G2VJOHHV.mjs";
 import {
   i18n
 } from "./chunk-W3WS3HKB.mjs";
-import "./chunk-C5P5PL3E.mjs";
-import "./chunk-JSJZMTQG.mjs";
 import {
-  Form,
   useResetPasswordForEmailPass,
   useUpdateProviderForEmailPass
-} from "./chunk-4VYJHIB3.mjs";
+} from "./chunk-GBFVWROS.mjs";
+import "./chunk-C5P5PL3E.mjs";
+import {
+  Form
+} from "./chunk-ND3ODI36.mjs";
+import "./chunk-DTY37DDZ.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/reset-password/reset-password.tsx