@hexclave/next 1.0.0 → 1.0.1

package/dist/components-page/account-settings/email-and-auth/password-section.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../../chunk-BE-pF4vm.js');
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
-let _stackframe_stack_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_hook_form = require("react-hook-form");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _stackframe_stack_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
+let _hexclave_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
 let yup = require("yup");
 yup = require_chunk.__toESM(yup);
 let _________lib_hooks_js = require("../../../lib/hooks.js");
@@ -23,7 +23,7 @@ function PasswordSection(props) {
 	if (props?.mockMode && !user) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
 		title: t("Password"),
 		description: t("Password management is not available in demo mode."),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 			variant: "secondary",
 			children: t("Password management is not available in demo mode.")
 		})
@@ -33,17 +33,17 @@ function PasswordSection(props) {
 	const [changingPassword, setChangingPassword] = (0, react.useState)(false);
 	const [loading, setLoading] = (0, react.useState)(false);
 	const project = (0, _________index_js.useStackApp)().useProject();
-	const { register, handleSubmit, setError, formState: { errors }, clearErrors, reset } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
-		oldPassword: user.hasPassword ? _stackframe_stack_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your old password")) : (0, _stackframe_stack_shared_dist_schema_fields.yupString)(),
-		newPassword: _stackframe_stack_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your password")).test({
+	const { register, handleSubmit, setError, formState: { errors }, clearErrors, reset } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _hexclave_shared_dist_schema_fields.yupObject)({
+		oldPassword: user.hasPassword ? _hexclave_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your old password")) : (0, _hexclave_shared_dist_schema_fields.yupString)(),
+		newPassword: _hexclave_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your password")).test({
 			name: "is-valid-password",
 			test: (value, ctx) => {
-				const error = (0, _stackframe_stack_shared_dist_helpers_password.getPasswordError)(value);
+				const error = (0, _hexclave_shared_dist_helpers_password.getPasswordError)(value);
 				if (error) return ctx.createError({ message: error.message });
 				else return true;
 			}
 		}),
-		newPasswordRepeat: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().nullable().oneOf([
+		newPasswordRepeat: (0, _hexclave_shared_dist_schema_fields.yupString)().nullable().oneOf([
 			yup.ref("newPassword"),
 			"",
 			null
@@ -77,25 +77,25 @@ function PasswordSection(props) {
 		description: user.hasPassword ? t("Update your password") : t("Set a password for your account"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex flex-col gap-4",
-			children: !changingPassword ? hasValidEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+			children: !changingPassword ? hasValidEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 				variant: "secondary",
 				onClick: () => setChangingPassword(true),
 				children: user.hasPassword ? t("Update password") : t("Set password")
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				variant: "secondary",
 				type: "label",
 				children: t("To set a password, please add a sign-in email.")
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-				onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+				onSubmit: (e) => (0, _hexclave_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
 				noValidate: true,
 				children: [
 					user.hasPassword && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 							htmlFor: "old-password",
 							className: "mb-1",
 							children: t("Old password")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Input, {
 							id: "old-password",
 							type: "password",
 							autoComplete: "current-password",
@@ -103,45 +103,45 @@ function PasswordSection(props) {
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_form_warning_js.FormWarningText, { text: errors.oldPassword?.message?.toString() })
 					] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 						htmlFor: "new-password",
 						className: "mt-4 mb-1",
 						children: t("New password")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.PasswordInput, {
 						id: "new-password",
 						autoComplete: "new-password",
 						...registerPassword,
 						onChange: (e) => {
 							clearErrors("newPassword");
 							clearErrors("newPasswordRepeat");
-							(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(registerPassword.onChange(e));
+							(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(registerPassword.onChange(e));
 						}
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_form_warning_js.FormWarningText, { text: errors.newPassword?.message?.toString() }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 						htmlFor: "repeat-password",
 						className: "mt-4 mb-1",
 						children: t("Repeat new password")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.PasswordInput, {
 						id: "repeat-password",
 						autoComplete: "new-password",
 						...registerPasswordRepeat,
 						onChange: (e) => {
 							clearErrors("newPassword");
 							clearErrors("newPasswordRepeat");
-							(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(registerPasswordRepeat.onChange(e));
+							(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(registerPasswordRepeat.onChange(e));
 						}
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_form_warning_js.FormWarningText, { text: errors.newPasswordRepeat?.message?.toString() }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "mt-6 flex gap-4",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 							type: "submit",
 							loading,
 							children: user.hasPassword ? t("Update Password") : t("Set Password")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 							variant: "secondary",
 							onClick: () => {
 								setChangingPassword(false);

package/dist/components-page/account-settings/email-and-auth/password-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-section.js","names":["Section","Typography","schemaFieldsPasswordSchema","Button","Label","Input","FormWarningText","PasswordInput"],"sources":["../../../../src/components-page/account-settings/email-and-auth/password-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { getPasswordError } from '@stackframe/stack-shared/dist/helpers/password';\nimport { passwordSchema as schemaFieldsPasswordSchema, yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput, Typography } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from '../../..';\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\n\nexport function PasswordSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props?.mockMode ? 'return-null' : \"throw\" });\n\n  // In mock mode, show a placeholder message\n  if (props?.mockMode && !user) {\n    return (\n      <Section\n        title={t(\"Password\")}\n        description={t(\"Password management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"Password management is not available in demo mode.\")}</Typography>\n      </Section>\n    );\n  }\n\n  if (!user) {\n    return null; // This shouldn't happen in non-mock mode due to throw\n  }\n  const contactChannels = user.useContactChannels();\n  const [changingPassword, setChangingPassword] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const project = useStackApp().useProject();\n\n  const passwordSchema = yupObject({\n    oldPassword: user.hasPassword ? schemaFieldsPasswordSchema.defined().nonEmpty(t('Please enter your old password')) : yupString(),\n    newPassword: schemaFieldsPasswordSchema.defined().nonEmpty(t('Please enter your password')).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    newPasswordRepeat: yupString().nullable().oneOf([yup.ref('newPassword'), \"\", null], t('Passwords do not match')).defined().nonEmpty(t('Please repeat your password'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors, reset } = useForm({\n    resolver: yupResolver(passwordSchema)\n  });\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.usedForAuth).length > 0;\n\n  const onSubmit = async (data: yup.InferType<typeof passwordSchema>) => {\n    setLoading(true);\n    try {\n      const { oldPassword, newPassword } = data;\n      const error = user.hasPassword\n        ? await user.updatePassword({ oldPassword: oldPassword!, newPassword })\n        : await user.setPassword({ password: newPassword! });\n      if (error) {\n        setError('oldPassword', { type: 'manual', message: t('Incorrect password') });\n      } else {\n        reset();\n        setChangingPassword(false);\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const registerPassword = register('newPassword');\n  const registerPasswordRepeat = register('newPasswordRepeat');\n\n  if (!project.config.credentialEnabled) {\n    return null;\n  }\n\n  return (\n    <Section\n      title={t(\"Password\")}\n      description={user.hasPassword ? t(\"Update your password\") : t(\"Set a password for your account\")}\n    >\n      <div className='flex flex-col gap-4'>\n        {!changingPassword ? (\n          hasValidEmail ? (\n            <Button\n              variant='secondary'\n              onClick={() => setChangingPassword(true)}\n            >\n              {user.hasPassword ? t(\"Update password\") : t(\"Set password\")}\n            </Button>\n          ) : (\n            <Typography variant='secondary' type='label'>{t(\"To set a password, please add a sign-in email.\")}</Typography>\n          )\n        ) : (\n          <form\n            onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n            noValidate\n          >\n            {user.hasPassword && (\n              <>\n                <Label htmlFor=\"old-password\" className=\"mb-1\">{t(\"Old password\")}</Label>\n                <Input\n                  id=\"old-password\"\n                  type=\"password\"\n                  autoComplete=\"current-password\"\n                  {...register(\"oldPassword\")}\n                />\n                <FormWarningText text={errors.oldPassword?.message?.toString()} />\n              </>\n            )}\n\n            <Label htmlFor=\"new-password\" className=\"mt-4 mb-1\">{t(\"New password\")}</Label>\n            <PasswordInput\n              id=\"new-password\"\n              autoComplete=\"new-password\"\n              {...registerPassword}\n              onChange={(e) => {\n                clearErrors('newPassword');\n                clearErrors('newPasswordRepeat');\n                runAsynchronously(registerPassword.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.newPassword?.message?.toString()} />\n\n            <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t(\"Repeat new password\")}</Label>\n            <PasswordInput\n              id=\"repeat-password\"\n              autoComplete=\"new-password\"\n              {...registerPasswordRepeat}\n              onChange={(e) => {\n                clearErrors('newPassword');\n                clearErrors('newPasswordRepeat');\n                runAsynchronously(registerPasswordRepeat.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.newPasswordRepeat?.message?.toString()} />\n\n            <div className=\"mt-6 flex gap-4\">\n              <Button type=\"submit\" loading={loading}>\n                {user.hasPassword ? t(\"Update Password\") : t(\"Set Password\")}\n              </Button>\n              <Button\n                variant=\"secondary\"\n                onClick={() => {\n                  setChangingPassword(false);\n                  reset();\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n          </form>\n        )}\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"password-section.js","names":["Section","Typography","schemaFieldsPasswordSchema","Button","Label","Input","FormWarningText","PasswordInput"],"sources":["../../../../src/components-page/account-settings/email-and-auth/password-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { getPasswordError } from '@hexclave/shared/dist/helpers/password';\nimport { passwordSchema as schemaFieldsPasswordSchema, yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from '../../..';\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\n\nexport function PasswordSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props?.mockMode ? 'return-null' : \"throw\" });\n\n  // In mock mode, show a placeholder message\n  if (props?.mockMode && !user) {\n    return (\n      <Section\n        title={t(\"Password\")}\n        description={t(\"Password management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"Password management is not available in demo mode.\")}</Typography>\n      </Section>\n    );\n  }\n\n  if (!user) {\n    return null; // This shouldn't happen in non-mock mode due to throw\n  }\n  const contactChannels = user.useContactChannels();\n  const [changingPassword, setChangingPassword] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const project = useStackApp().useProject();\n\n  const passwordSchema = yupObject({\n    oldPassword: user.hasPassword ? schemaFieldsPasswordSchema.defined().nonEmpty(t('Please enter your old password')) : yupString(),\n    newPassword: schemaFieldsPasswordSchema.defined().nonEmpty(t('Please enter your password')).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    newPasswordRepeat: yupString().nullable().oneOf([yup.ref('newPassword'), \"\", null], t('Passwords do not match')).defined().nonEmpty(t('Please repeat your password'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors, reset } = useForm({\n    resolver: yupResolver(passwordSchema)\n  });\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.usedForAuth).length > 0;\n\n  const onSubmit = async (data: yup.InferType<typeof passwordSchema>) => {\n    setLoading(true);\n    try {\n      const { oldPassword, newPassword } = data;\n      const error = user.hasPassword\n        ? await user.updatePassword({ oldPassword: oldPassword!, newPassword })\n        : await user.setPassword({ password: newPassword! });\n      if (error) {\n        setError('oldPassword', { type: 'manual', message: t('Incorrect password') });\n      } else {\n        reset();\n        setChangingPassword(false);\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const registerPassword = register('newPassword');\n  const registerPasswordRepeat = register('newPasswordRepeat');\n\n  if (!project.config.credentialEnabled) {\n    return null;\n  }\n\n  return (\n    <Section\n      title={t(\"Password\")}\n      description={user.hasPassword ? t(\"Update your password\") : t(\"Set a password for your account\")}\n    >\n      <div className='flex flex-col gap-4'>\n        {!changingPassword ? (\n          hasValidEmail ? (\n            <Button\n              variant='secondary'\n              onClick={() => setChangingPassword(true)}\n            >\n              {user.hasPassword ? t(\"Update password\") : t(\"Set password\")}\n            </Button>\n          ) : (\n            <Typography variant='secondary' type='label'>{t(\"To set a password, please add a sign-in email.\")}</Typography>\n          )\n        ) : (\n          <form\n            onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n            noValidate\n          >\n            {user.hasPassword && (\n              <>\n                <Label htmlFor=\"old-password\" className=\"mb-1\">{t(\"Old password\")}</Label>\n                <Input\n                  id=\"old-password\"\n                  type=\"password\"\n                  autoComplete=\"current-password\"\n                  {...register(\"oldPassword\")}\n                />\n                <FormWarningText text={errors.oldPassword?.message?.toString()} />\n              </>\n            )}\n\n            <Label htmlFor=\"new-password\" className=\"mt-4 mb-1\">{t(\"New password\")}</Label>\n            <PasswordInput\n              id=\"new-password\"\n              autoComplete=\"new-password\"\n              {...registerPassword}\n              onChange={(e) => {\n                clearErrors('newPassword');\n                clearErrors('newPasswordRepeat');\n                runAsynchronously(registerPassword.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.newPassword?.message?.toString()} />\n\n            <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t(\"Repeat new password\")}</Label>\n            <PasswordInput\n              id=\"repeat-password\"\n              autoComplete=\"new-password\"\n              {...registerPasswordRepeat}\n              onChange={(e) => {\n                clearErrors('newPassword');\n                clearErrors('newPasswordRepeat');\n                runAsynchronously(registerPasswordRepeat.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.newPasswordRepeat?.message?.toString()} />\n\n            <div className=\"mt-6 flex gap-4\">\n              <Button type=\"submit\" loading={loading}>\n                {user.hasPassword ? t(\"Update Password\") : t(\"Set Password\")}\n              </Button>\n              <Button\n                variant=\"secondary\"\n                onClick={() => {\n                  setChangingPassword(false);\n                  reset();\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n          </form>\n        )}\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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"}

package/dist/components-page/account-settings/notifications/notifications-page.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
@@ -10,24 +10,24 @@ let ___page_layout_js = require("../page-layout.js");
 function NotificationsPage() {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
 	const notificationCategories = (0, _________lib_hooks_js.useUser)({ or: "redirect" }).useNotificationCategories();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___page_layout_js.PageLayout, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Separator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___page_layout_js.PageLayout, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Separator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "sm:flex-1 flex flex-col justify-center pb-2",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				className: "font-medium",
 				children: t("Choose which emails you want to receive")
 			})
 		}), notificationCategories.map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex justify-start gap-4 items-center",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Switch, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Switch, {
 					checked: category.enabled,
 					onCheckedChange: (value) => void category.setEnabled(value),
 					disabled: !category.canDisable
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: category.name }),
-				!category.canDisable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: category.name }),
+				!category.canDisable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					variant: "secondary",
 					type: "footnote",
 					children: "(cannot be disabled)"

package/dist/components-page/account-settings/notifications/notifications-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifications-page.js","names":["PageLayout","Separator","Typography","Switch"],"sources":["../../../../src/components-page/account-settings/notifications/notifications-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\nimport { Switch } from \"@stackframe/stack-ui\";\nimport { Separator, Typography } from \"@stackframe/stack-ui\";\n\n\nexport function NotificationsPage() {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const notificationCategories = user.useNotificationCategories();\n\n  return (\n    <PageLayout>\n      <Separator />\n      <div className='flex flex-col gap-2'>\n        <div className='sm:flex-1 flex flex-col justify-center pb-2'>\n          <Typography className=\"font-medium\">\n            {t('Choose which emails you want to receive')}\n          </Typography>\n        </div>\n        {notificationCategories.map((category) => (\n          <div key={category.id} className=\"flex justify-start gap-4 items-center\">\n            <Switch\n              checked={category.enabled}\n              onCheckedChange={(value) => void category.setEnabled(value)}\n              disabled={!category.canDisable}\n            />\n            <Typography>{category.name}</Typography>\n            {!category.canDisable && (\n              <Typography variant='secondary' type='footnote'>\n                (cannot be disabled)\n              </Typography>\n            )}\n          </div>\n        ))}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,wDAAsB;CAE9B,MAAM,4DADe,EAAE,IAAI,YAAY,CAAC,CACJ,2BAA2B;AAE/D,QACE,4CAACA,2CACC,2CAACC,mCAAY,EACb,4CAAC;EAAI,WAAU;aACb,2CAAC;GAAI,WAAU;aACb,2CAACC;IAAW,WAAU;cACnB,EAAE,0CAA0C;KAClC;IACT,EACL,uBAAuB,KAAK,aAC3B,4CAAC;GAAsB,WAAU;;IAC/B,2CAACC;KACC,SAAS,SAAS;KAClB,kBAAkB,UAAU,KAAK,SAAS,WAAW,MAAM;KAC3D,UAAU,CAAC,SAAS;MACpB;IACF,2CAACD,6CAAY,SAAS,OAAkB;IACvC,CAAC,SAAS,cACT,2CAACA;KAAW,SAAQ;KAAY,MAAK;eAAW;MAEnC;;KAVP,SAAS,GAYb,CACN;GACE,IACK"}
+{"version":3,"file":"notifications-page.js","names":["PageLayout","Separator","Typography","Switch"],"sources":["../../../../src/components-page/account-settings/notifications/notifications-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\nimport { Switch } from \"@hexclave/ui\";\nimport { Separator, Typography } from \"@hexclave/ui\";\n\n\nexport function NotificationsPage() {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const notificationCategories = user.useNotificationCategories();\n\n  return (\n    <PageLayout>\n      <Separator />\n      <div className='flex flex-col gap-2'>\n        <div className='sm:flex-1 flex flex-col justify-center pb-2'>\n          <Typography className=\"font-medium\">\n            {t('Choose which emails you want to receive')}\n          </Typography>\n        </div>\n        {notificationCategories.map((category) => (\n          <div key={category.id} className=\"flex justify-start gap-4 items-center\">\n            <Switch\n              checked={category.enabled}\n              onCheckedChange={(value) => void category.setEnabled(value)}\n              disabled={!category.canDisable}\n            />\n            <Typography>{category.name}</Typography>\n            {!category.canDisable && (\n              <Typography variant='secondary' type='footnote'>\n                (cannot be disabled)\n              </Typography>\n            )}\n          </div>\n        ))}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,wDAAsB;CAE9B,MAAM,4DADe,EAAE,IAAI,YAAY,CAAC,CACJ,2BAA2B;AAE/D,QACE,4CAACA,2CACC,2CAACC,2BAAY,EACb,4CAAC;EAAI,WAAU;aACb,2CAAC;GAAI,WAAU;aACb,2CAACC;IAAW,WAAU;cACnB,EAAE,0CAA0C;KAClC;IACT,EACL,uBAAuB,KAAK,aAC3B,4CAAC;GAAsB,WAAU;;IAC/B,2CAACC;KACC,SAAS,SAAS;KAClB,kBAAkB,UAAU,KAAK,SAAS,WAAW,MAAM;KAC3D,UAAU,CAAC,SAAS;MACpB;IACF,2CAACD,qCAAY,SAAS,OAAkB;IACvC,CAAC,SAAS,cACT,2CAACA;KAAW,SAAQ;KAAY,MAAK;eAAW;MAEnC;;KAVP,SAAS,GAYb,CACN;GACE,IACK"}

package/dist/components-page/account-settings/payments/payments-panel.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../../chunk-BE-pF4vm.js');
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _stackframe_stack_shared = require("@hexclave/shared");
+let _hexclave_shared = require("@hexclave/shared");
+let _hexclave_shared_dist_utils_results = require("@hexclave/shared/dist/utils/results");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let _stackframe_stack_shared_dist_utils_results = require("@hexclave/shared/dist/utils/results");
 let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
 let _stripe_react_stripe_js = require("@stripe/react-stripe-js");
@@ -60,7 +60,7 @@ function SetDefaultPaymentMethodForm(props) {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					className: "font-medium",
 					children: "Card details"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -71,12 +71,12 @@ function SetDefaultPaymentMethodForm(props) {
 					} })
 				})]
 			}),
-			errorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			errorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				variant: "secondary",
 				type: "footnote",
 				children: errorMessage
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 				onClick: async () => {
 					if (!stripe || !elements) {
 						setErrorMessage("Stripe is still loading. Please try again.");
@@ -117,20 +117,20 @@ function MockPaymentsPanel(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
-			props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				className: "font-medium",
 				children: props.title
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___section_js.Section, {
 				title: t("Payment method"),
 				description: t("Manage the default payment method used for subscriptions and invoices."),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: formatPaymentMethod({
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: formatPaymentMethod({
 					id: "pm_mock",
 					brand: "visa",
 					last4: "4242",
 					exp_month: 12,
 					exp_year: 2030
-				}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 					disabled: true,
 					children: t("Update payment method")
 				})]
@@ -144,15 +144,15 @@ function MockPaymentsPanel(props) {
 						className: "flex items-start justify-between gap-4",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 								className: "truncate",
 								children: t("Pro")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Typography, {
 								variant: "secondary",
 								type: "footnote",
 								children: [t("Renews on"), " Jan 1, 2030"]
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 							disabled: true,
 							variant: "secondary",
 							color: "neutral",
@@ -162,10 +162,10 @@ function MockPaymentsPanel(props) {
 						className: "flex items-start justify-between gap-4",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 								className: "truncate",
 								children: t("Credits pack")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 								variant: "secondary",
 								type: "footnote",
 								children: t("One-time purchase")
@@ -197,8 +197,8 @@ function RealPaymentsPanel(props) {
 		return (0, _stripe_stripe_js.loadStripe)(publishableKey, { stripeAccount: setupIntentStripeAccountId });
 	}, [setupIntentStripeAccountId]);
 	const handleAsyncError = (error) => {
-		if (error instanceof _stackframe_stack_shared.KnownErrors.DefaultPaymentMethodRequired) {
-			(0, _stackframe_stack_ui.toast)({
+		if (error instanceof _hexclave_shared.KnownErrors.DefaultPaymentMethodRequired) {
+			(0, _hexclave_ui.toast)({
 				title: t("No default payment method"),
 				description: t("Add a payment method before switching plans."),
 				variant: "destructive"
@@ -208,7 +208,7 @@ function RealPaymentsPanel(props) {
 		alert(`An unhandled error occurred. Please ${_________lib_env_js.envVars.NODE_ENV === "development" ? "check the browser console for the full error." : "report this to the developer."}\n\n${error}`);
 	};
 	const openPaymentDialog = () => {
-		(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(async () => {
+		(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(async () => {
 			setPaymentDialogOpen(true);
 			const res = await props.customer.createPaymentMethodSetupIntent();
 			setSetupIntentClientSecret(res.clientSecret);
@@ -234,7 +234,7 @@ function RealPaymentsPanel(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
-			props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				className: "font-medium",
 				children: props.title
 			}),
@@ -242,19 +242,19 @@ function RealPaymentsPanel(props) {
 				title: t("Payment method"),
 				description: t("Manage the default payment method used for subscriptions and invoices."),
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: formatPaymentMethod(defaultPaymentMethod) }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: formatPaymentMethod(defaultPaymentMethod) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 						onClick: openPaymentDialog,
 						children: t("Update payment method")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.ActionDialog, {
 						open: paymentDialogOpen,
 						onOpenChange: (open) => {
 							if (!open) closePaymentDialog();
 							else setPaymentDialogOpen(true);
 						},
 						title: t("Update payment method"),
-						children: !setupIntentClientSecret || !setupIntentStripeAccountId || !stripePromise ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Skeleton, { className: "h-10 w-full" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stripe_react_stripe_js.Elements, {
+						children: !setupIntentClientSecret || !setupIntentStripeAccountId || !stripePromise ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Skeleton, { className: "h-10 w-full" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stripe_react_stripe_js.Elements, {
 							stripe: stripePromise,
 							options: { clientSecret: setupIntentClientSecret },
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetDefaultPaymentMethodForm, {
@@ -289,22 +289,22 @@ function RealPaymentsPanel(props) {
 								className: "flex items-start justify-between gap-4",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Typography, {
 										className: "truncate",
 										children: [product.displayName, quantitySuffix]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 										variant: "secondary",
 										type: "footnote",
 										children: subtitle
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col items-end gap-2",
-									children: [canSwitchPlans && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+									children: [canSwitchPlans && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 										variant: "secondary",
 										color: "neutral",
 										onClick: () => openSwitchDialog(product.id, product.switchOptions?.[0]?.productId ?? null),
 										children: t("Change plan")
-									}), isCancelable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+									}), isCancelable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 										variant: "secondary",
 										color: "neutral",
 										onClick: () => setCancelTarget({
@@ -317,7 +317,7 @@ function RealPaymentsPanel(props) {
 							}, product.id ?? `${product.displayName}-${index}`);
 						})
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.ActionDialog, {
 						open: cancelTarget !== null,
 						onOpenChange: (open) => {
 							if (!open) setCancelTarget(null);
@@ -344,7 +344,7 @@ function RealPaymentsPanel(props) {
 							}
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.ActionDialog, {
 						open: switchFromProductId !== null,
 						onOpenChange: (open) => {
 							if (!open) closeSwitchDialog();
@@ -359,7 +359,7 @@ function RealPaymentsPanel(props) {
 								const toProductId = switchToProductId;
 								if (!fromProductId || !toProductId) return;
 								if (!selectedPriceId) return;
-								const result = await _stackframe_stack_shared_dist_utils_results.Result.fromThrowingAsync(() => props.customer.switchSubscription({
+								const result = await _hexclave_shared_dist_utils_results.Result.fromThrowingAsync(() => props.customer.switchSubscription({
 									fromProductId,
 									toProductId,
 									priceId: selectedPriceId
@@ -374,20 +374,20 @@ function RealPaymentsPanel(props) {
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "space-y-2",
-							children: switchOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+							children: switchOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 								variant: "secondary",
 								type: "footnote",
 								children: t("No other plans available for this subscription.")
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 								type: "footnote",
 								children: t("Choose a plan")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Select, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Select, {
 								value: switchToProductId ?? void 0,
 								onValueChange: (value) => setSwitchToProductId(value || null),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.SelectTrigger, {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.SelectTrigger, {
 									className: "w-full",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.SelectValue, { placeholder: t("Choose a plan") })
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.SelectContent, { children: switchOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.SelectItem, {
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.SelectValue, { placeholder: t("Choose a plan") })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.SelectContent, { children: switchOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.SelectItem, {
 									value: option.productId,
 									children: option.displayName
 								}, option.productId)) })]
@@ -396,47 +396,47 @@ function RealPaymentsPanel(props) {
 					})
 				]
 			}),
-			invoices.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Separator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			invoices.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Separator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 						className: "font-medium",
 						children: t("Invoices")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 						variant: "secondary",
 						type: "footnote",
 						children: t("Review past invoices and receipts.")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "border rounded-md",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.TableRow, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableHead, {
 							className: "w-[140px]",
 							children: t("Date")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableHead, {
 							className: "w-[120px]",
 							children: t("Status")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableHead, {
 							className: "w-[120px]",
 							children: t("Amount")
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableHead, {
 							className: "w-[120px] text-right",
 							children: t("Invoice")
 						})
-					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableBody, { children: invoices.map((invoice, index) => {
+					] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableBody, { children: invoices.map((invoice, index) => {
 						const createdAtTime = invoice.createdAt.getTime();
 						const invoiceKey = Number.isNaN(createdAtTime) ? `invoice-${index}` : `invoice-${createdAtTime}-${index}`;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: formatInvoiceDate(invoice.createdAt, t) }) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: formatInvoiceStatus(invoice.status, t) }) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: formatInvoiceAmount(invoice.amountTotal, t) }) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, {
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.TableRow, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: formatInvoiceDate(invoice.createdAt, t) }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: formatInvoiceStatus(invoice.status, t) }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: formatInvoiceAmount(invoice.amountTotal, t) }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.TableCell, {
 								align: "right",
-								children: invoice.hostedInvoiceUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+								children: invoice.hostedInvoiceUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 									asChild: true,
 									variant: "secondary",
 									color: "neutral",
@@ -447,7 +447,7 @@ function RealPaymentsPanel(props) {
 										rel: "noreferrer",
 										children: t("View")
 									})
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 									variant: "secondary",
 									type: "footnote",
 									children: t("Unavailable")