@hexclave/next 1.0.40 → 1.0.42

package/dist/components-page/account-settings/editable-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"editable-text.js","names":["Input","Button","Typography","Edit"],"sources":["../../../src/components-page/account-settings/editable-text.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Input, Typography } from \"@hexclave/ui\";\nimport { Edit } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"../../lib/translations\";\n\n\nexport function EditableText(props: { value: string, onSave?: (value: string) => void | Promise<void> }) {\n  const [editing, setEditing] = useState(false);\n  const [editingValue, setEditingValue] = useState(props.value);\n  const { t } = useTranslation();\n\n  return (\n    <div className='flex items-center gap-2'>\n      {editing ? (\n        <>\n          <Input\n            value={editingValue}\n            onChange={(e) => setEditingValue(e.target.value)}\n          />\n          <Button\n            size='sm'\n            onClick={async () => {\n              await props.onSave?.(editingValue);\n              setEditing(false);\n            }}\n          >\n            {t(\"Save\")}\n          </Button>\n          <Button\n            size='sm'\n            variant='secondary'\n            onClick={() => {\n              setEditingValue(props.value);\n              setEditing(false);\n            }}>\n            {t(\"Cancel\")}\n          </Button>\n        </>\n      ) : (\n        <>\n          <Typography>{props.value}</Typography>\n          <Button onClick={() => setEditing(true)} size='icon' variant='ghost'>\n            <Edit className=\"w-4 h-4\" />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,aAAa,OAA4E;CACvG,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,CAAC,cAAc,uCAA4B,MAAM,MAAM;CAC7D,MAAM,EAAE,qDAAsB;AAE9B,QACE,2CAAC;EAAI,WAAU;YACZ,UACC;GACE,2CAACA;IACC,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;KAChD;GACF,2CAACC;IACC,MAAK;IACL,SAAS,YAAY;AACnB,WAAM,MAAM,SAAS,aAAa;AAClC,gBAAW,MAAM;;cAGlB,EAAE,OAAO;KACH;GACT,2CAACA;IACC,MAAK;IACL,SAAQ;IACR,eAAe;AACb,qBAAgB,MAAM,MAAM;AAC5B,gBAAW,MAAM;;cAElB,EAAE,SAAS;KACL;MACR,GAEH,qFACE,2CAACC,qCAAY,MAAM,QAAmB,EACtC,2CAACD;GAAO,eAAe,WAAW,KAAK;GAAE,MAAK;GAAO,SAAQ;aAC3D,2CAACE,qBAAK,WAAU,YAAY;IACrB,IACR;GAED"}
+{"version":3,"file":"editable-text.js","names":["Input","Button","Typography","Edit"],"sources":["../../../src/components-page/account-settings/editable-text.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Input, Typography } from \"@hexclave/ui\";\nimport { Edit } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"../../lib/translations\";\n\n\nexport function EditableText(props: { value: string, onSave?: (value: string) => void | Promise<void> }) {\n  const [editing, setEditing] = useState(false);\n  const [editingValue, setEditingValue] = useState(props.value);\n  const { t } = useTranslation();\n\n  return (\n    <div className='flex items-center gap-2'>\n      {editing ? (\n        <>\n          <Input\n            value={editingValue}\n            onChange={(e) => setEditingValue(e.target.value)}\n          />\n          <Button\n            size='sm'\n            onClick={async () => {\n              await props.onSave?.(editingValue);\n              setEditing(false);\n            }}\n          >\n            {t(\"Save\")}\n          </Button>\n          <Button\n            size='sm'\n            variant='secondary'\n            onClick={() => {\n              setEditingValue(props.value);\n              setEditing(false);\n            }}>\n            {t(\"Cancel\")}\n          </Button>\n        </>\n      ) : (\n        <>\n          <Typography>{props.value}</Typography>\n          <Button onClick={() => setEditing(true)} size='icon' variant='ghost'>\n            <Edit className=\"w-4 h-4\" />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,aAAa,OAA4E;CACvG,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAC5C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAA4B,MAAM,KAAK;CAC5D,MAAM,EAAE,OAAA,GAAA,0BAAA,eAAA,CAAqB;CAE7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;YACZ,UACC,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,OAAD;IACE,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,KAAK;GAChD,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,QAAD;IACE,MAAK;IACL,SAAS,YAAY;KACnB,MAAM,MAAM,SAAS,YAAY;KACjC,WAAW,KAAK;IAClB;cAEC,EAAE,MAAM;GACH,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,QAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe;KACb,gBAAgB,MAAM,KAAK;KAC3B,WAAW,KAAK;IAClB;cACC,EAAE,QAAQ;GACL,CAAA;EACR,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,EAAA,UAAa,MAAM,MAAkB,CAAA,GACrC,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,QAAD;GAAQ,eAAe,WAAW,IAAI;GAAG,MAAK;GAAO,SAAQ;aAC3D,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,MAAD,EAAM,WAAU,UAAW,CAAA;EACrB,CAAA,CACR,EAAA,CAAA;CAED,CAAA;AAET"}

package/dist/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts
 declare function EmailsAndAuthPage(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { EmailsAndAuthPage };
 //# sourceMappingURL=email-and-auth-page.d.ts.map

package/dist/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"email-and-auth-page.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"mappings":";;;iBAWgB,iBAAA,CAAkB,KAAA;EAChC,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"email-and-auth-page.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"mappings":";iBAWgB,iBAAA,CAAkB,KAAA;EAChC,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,4 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___page_layout_js = require("../page-layout.js");
 let __emails_section_js = require("./emails-section.js");
@@ -7,7 +6,6 @@ let __mfa_section_js = require("./mfa-section.js");
 let __otp_section_js = require("./otp-section.js");
 let __passkey_section_js = require("./passkey-section.js");
 let __password_section_js = require("./password-section.js");
-
 //#region src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx
 function EmailsAndAuthPage(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___page_layout_js.PageLayout, { children: [
@@ -18,7 +16,7 @@ function EmailsAndAuthPage(props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mfa_section_js.MfaSection, { mockMode: props?.mockMode })
 	] });
 }
-
 //#endregion
 exports.EmailsAndAuthPage = EmailsAndAuthPage;
+
 //# sourceMappingURL=email-and-auth-page.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"email-and-auth-page.js","names":["PageLayout","EmailsSection","PasswordSection","PasskeySection","OtpSection","MfaSection"],"sources":["../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { PageLayout } from \"../page-layout\";\nimport { EmailsSection } from \"./emails-section\";\nimport { MfaSection } from \"./mfa-section\";\nimport { OtpSection } from \"./otp-section\";\nimport { PasskeySection } from \"./passkey-section\";\nimport { PasswordSection } from \"./password-section\";\n\nexport function EmailsAndAuthPage(props?: {\n  mockMode?: boolean,\n}) {\n  return (\n    <PageLayout>\n      <EmailsSection mockMode={props?.mockMode}/>\n      <PasswordSection mockMode={props?.mockMode} />\n      <PasskeySection mockMode={props?.mockMode} />\n      <OtpSection mockMode={props?.mockMode} />\n      <MfaSection mockMode={props?.mockMode} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,kBAAkB,OAE/B;AACD,QACE,4CAACA;EACC,2CAACC,qCAAc,UAAU,OAAO,WAAW;EAC3C,2CAACC,yCAAgB,UAAU,OAAO,WAAY;EAC9C,2CAACC,uCAAe,UAAU,OAAO,WAAY;EAC7C,2CAACC,+BAAW,UAAU,OAAO,WAAY;EACzC,2CAACC,+BAAW,UAAU,OAAO,WAAY;KAC9B"}
+{"version":3,"file":"email-and-auth-page.js","names":["PageLayout","EmailsSection","PasswordSection","PasskeySection","OtpSection","MfaSection"],"sources":["../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { PageLayout } from \"../page-layout\";\nimport { EmailsSection } from \"./emails-section\";\nimport { MfaSection } from \"./mfa-section\";\nimport { OtpSection } from \"./otp-section\";\nimport { PasskeySection } from \"./passkey-section\";\nimport { PasswordSection } from \"./password-section\";\n\nexport function EmailsAndAuthPage(props?: {\n  mockMode?: boolean,\n}) {\n  return (\n    <PageLayout>\n      <EmailsSection mockMode={props?.mockMode}/>\n      <PasswordSection mockMode={props?.mockMode} />\n      <PasskeySection mockMode={props?.mockMode} />\n      <OtpSection mockMode={props?.mockMode} />\n      <MfaSection mockMode={props?.mockMode} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,kBAAkB,OAE/B;CACD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,YAAD,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,eAAD,EAAe,UAAU,OAAO,SAAU,CAAA;EAC1C,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD,EAAiB,UAAU,OAAO,SAAW,CAAA;EAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,gBAAD,EAAgB,UAAU,OAAO,SAAW,CAAA;EAC5C,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,YAAD,EAAY,UAAU,OAAO,SAAW,CAAA;EACxC,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,YAAD,EAAY,UAAU,OAAO,SAAW,CAAA;CAC9B,EAAA,CAAA;AAEhB"}

package/dist/components-page/account-settings/email-and-auth/emails-section.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/emails-section.d.ts
 declare function EmailsSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { EmailsSection };
 //# sourceMappingURL=emails-section.d.ts.map

package/dist/components-page/account-settings/email-and-auth/emails-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emails-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"mappings":";;;iBAgBgB,aAAA,CAAc,KAAA;EAC5B,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"emails-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"mappings":";iBAgBgB,aAAA,CAAc,KAAA;EAC5B,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,4 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
@@ -11,7 +10,6 @@ let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let _hexclave_shared_dist_known_errors = require("@hexclave/shared/dist/known-errors");
 let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
-
 //#region src/components-page/account-settings/email-and-auth/emails-section.tsx
 function EmailsSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -175,7 +173,7 @@ function EmailsSection(props) {
 		})] }, x.id)) }) })
 	}) : null] });
 }
-
 //#endregion
 exports.EmailsSection = EmailsSection;
+
 //# sourceMappingURL=emails-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"emails-section.js","names":["Typography","Input","Button","FormWarningText","Table","TableBody","TableRow","TableCell","Badge","ActionCell","KnownErrors"],"sources":["../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared/dist/known-errors\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\n\nexport function EmailsSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props?.mockMode ? 'return-null' : 'redirect' });\n\n  // In mock mode, show a placeholder message\n  if (props?.mockMode && !user) {\n    return (\n      <div>\n        <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n          <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n        </div>\n        <Typography variant='secondary'>{t(\"Email management is not available in demo mode.\")}</Typography>\n      </div>\n    );\n  }\n\n  if (!user) {\n    return null; // This shouldn't happen in non-mock mode due to redirect\n  }\n\n  const contactChannels = user.useContactChannels();\n  const [addingEmail, setAddingEmail] = useState(contactChannels.length === 0);\n  const [addingEmailLoading, setAddingEmailLoading] = useState(false);\n  const [addedEmail, setAddedEmail] = useState<string | null>(null);\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const isLastEmailUsedForAuth = contactChannels.filter(x => x.usedForAuth && x.type === 'email').length === 1;\n\n  useEffect(() => {\n    if (addedEmail) {\n      runAsynchronously(async () => {\n        const cc = contactChannels.find(x => x.value === addedEmail);\n        if (cc && !cc.isVerified) {\n          await cc.sendVerificationEmail();\n        }\n        setAddedEmail(null);\n      });\n    }\n  }, [contactChannels, addedEmail]);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .notOneOf(contactChannels.map(x => x.value), t('Email already exists'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setAddingEmailLoading(true);\n    try {\n      await user.createContactChannel({ type: 'email', value: data.email, usedForAuth: false });\n      setAddedEmail(data.email);\n    } finally {\n      setAddingEmailLoading(false);\n    }\n    setAddingEmail(false);\n    reset();\n  };\n\n  return (\n    <div>\n      <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n        <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n        {addingEmail ? (\n          <form\n            onSubmit={(e) => {\n              e.preventDefault();\n              runAsynchronously(handleSubmit(onSubmit));\n            }}\n            className='flex flex-col'\n          >\n            <div className='flex gap-2'>\n              <Input\n                {...register(\"email\")}\n                placeholder={t(\"Enter email\")}\n              />\n              <Button type=\"submit\" loading={addingEmailLoading}>\n                {t(\"Add\")}\n              </Button>\n              <Button\n                variant='secondary'\n                onClick={() => {\n                  setAddingEmail(false);\n                  reset();\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n            {errors.email && <FormWarningText text={errors.email.message} />}\n          </form>\n        ) : (\n          <div className='flex md:justify-end'>\n            <Button variant='secondary' onClick={() => setAddingEmail(true)}>{t(\"Add an email\")}</Button>\n          </div>\n        )}\n      </div>\n\n      {contactChannels.length > 0 ? (\n        <div className='border rounded-md'>\n          <Table>\n            <TableBody>\n              {/*eslint-disable-next-line @typescript-eslint/no-unnecessary-condition*/}\n              {contactChannels.filter(x => x.type === 'email')\n                .sort((a, b) => {\n                  if (a.isPrimary !== b.isPrimary) return a.isPrimary ? -1 : 1;\n                  if (a.isVerified !== b.isVerified) return a.isVerified ? -1 : 1;\n                  return 0;\n                })\n                .map(x => (\n                  <TableRow key={x.id}>\n                    <TableCell>\n                      <div className='flex flex-col md:flex-row gap-2 md:gap-4'>\n                        {x.value}\n                        <div className='flex gap-2'>\n                          {x.isPrimary ? <Badge>{t(\"Primary\")}</Badge> : null}\n                          {!x.isVerified ? <Badge variant='destructive'>{t(\"Unverified\")}</Badge> : null}\n                          {x.usedForAuth ? <Badge variant='outline'>{t(\"Used for sign-in\")}</Badge> : null}\n                        </div>\n                      </div>\n                    </TableCell>\n                    <TableCell className=\"flex justify-end\">\n                      <ActionCell items={[\n                        ...(!x.isVerified ? [{\n                          item: t(\"Send verification email\"),\n                          onClick: async () => { await x.sendVerificationEmail(); },\n                        }] : []),\n                        ...(!x.isPrimary && x.isVerified ? [{\n                          item: t(\"Set as primary\"),\n                          onClick: async () => { await x.update({ isPrimary: true }); },\n                        }] :\n                          !x.isPrimary ? [{\n                            item: t(\"Set as primary\"),\n                            onClick: async () => {},\n                            disabled: true,\n                            disabledTooltip: t(\"Please verify your email first\"),\n                          }] : []),\n                        ...(!x.usedForAuth && x.isVerified ? [{\n                          item: t(\"Use for sign-in\"),\n                          onClick: async () => {\n                            try {\n                              await x.update({ usedForAuth: true });\n                            } catch (e) {\n                              if (KnownErrors.ContactChannelAlreadyUsedForAuthBySomeoneElse.isInstance(e)) {\n                                alert(t(\"This email is already used for sign-in by another user.\"));\n                              }\n                            }\n                          }\n                        }] : []),\n                        ...(x.usedForAuth && !isLastEmailUsedForAuth ? [{\n                          item: t(\"Stop using for sign-in\"),\n                          onClick: async () => { await x.update({ usedForAuth: false }); },\n                        }] : x.usedForAuth ? [{\n                          item: t(\"Stop using for sign-in\"),\n                          onClick: async () => {},\n                          disabled: true,\n                          disabledTooltip: t(\"You can not remove your last sign-in email\"),\n                        }] : []),\n                        // Determine if this email can be removed\n                        ...(!isLastEmailUsedForAuth || !x.usedForAuth ? [{\n                          item: t(\"Remove\"),\n                          onClick: async () => { await x.delete(); },\n                          danger: true,\n                        }] : [{\n                          item: t(\"Remove\"),\n                          onClick: async () => {},\n                          disabled: true,\n                          disabledTooltip: t(\"You can not remove your last sign-in email\"),\n                        }]),\n                      ]}/>\n                    </TableCell>\n                  </TableRow>\n                ))}\n            </TableBody>\n          </Table>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"emails-section.js","names":["Typography","Input","Button","FormWarningText","Table","TableBody","TableRow","TableCell","Badge","ActionCell","KnownErrors"],"sources":["../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared/dist/known-errors\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\n\nexport function EmailsSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props?.mockMode ? 'return-null' : 'redirect' });\n\n  // In mock mode, show a placeholder message\n  if (props?.mockMode && !user) {\n    return (\n      <div>\n        <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n          <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n        </div>\n        <Typography variant='secondary'>{t(\"Email management is not available in demo mode.\")}</Typography>\n      </div>\n    );\n  }\n\n  if (!user) {\n    return null; // This shouldn't happen in non-mock mode due to redirect\n  }\n\n  const contactChannels = user.useContactChannels();\n  const [addingEmail, setAddingEmail] = useState(contactChannels.length === 0);\n  const [addingEmailLoading, setAddingEmailLoading] = useState(false);\n  const [addedEmail, setAddedEmail] = useState<string | null>(null);\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const isLastEmailUsedForAuth = contactChannels.filter(x => x.usedForAuth && x.type === 'email').length === 1;\n\n  useEffect(() => {\n    if (addedEmail) {\n      runAsynchronously(async () => {\n        const cc = contactChannels.find(x => x.value === addedEmail);\n        if (cc && !cc.isVerified) {\n          await cc.sendVerificationEmail();\n        }\n        setAddedEmail(null);\n      });\n    }\n  }, [contactChannels, addedEmail]);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .notOneOf(contactChannels.map(x => x.value), t('Email already exists'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setAddingEmailLoading(true);\n    try {\n      await user.createContactChannel({ type: 'email', value: data.email, usedForAuth: false });\n      setAddedEmail(data.email);\n    } finally {\n      setAddingEmailLoading(false);\n    }\n    setAddingEmail(false);\n    reset();\n  };\n\n  return (\n    <div>\n      <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n        <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n        {addingEmail ? (\n          <form\n            onSubmit={(e) => {\n              e.preventDefault();\n              runAsynchronously(handleSubmit(onSubmit));\n            }}\n            className='flex flex-col'\n          >\n            <div className='flex gap-2'>\n              <Input\n                {...register(\"email\")}\n                placeholder={t(\"Enter email\")}\n              />\n              <Button type=\"submit\" loading={addingEmailLoading}>\n                {t(\"Add\")}\n              </Button>\n              <Button\n                variant='secondary'\n                onClick={() => {\n                  setAddingEmail(false);\n                  reset();\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n            {errors.email && <FormWarningText text={errors.email.message} />}\n          </form>\n        ) : (\n          <div className='flex md:justify-end'>\n            <Button variant='secondary' onClick={() => setAddingEmail(true)}>{t(\"Add an email\")}</Button>\n          </div>\n        )}\n      </div>\n\n      {contactChannels.length > 0 ? (\n        <div className='border rounded-md'>\n          <Table>\n            <TableBody>\n              {/*eslint-disable-next-line @typescript-eslint/no-unnecessary-condition*/}\n              {contactChannels.filter(x => x.type === 'email')\n                .sort((a, b) => {\n                  if (a.isPrimary !== b.isPrimary) return a.isPrimary ? -1 : 1;\n                  if (a.isVerified !== b.isVerified) return a.isVerified ? -1 : 1;\n                  return 0;\n                })\n                .map(x => (\n                  <TableRow key={x.id}>\n                    <TableCell>\n                      <div className='flex flex-col md:flex-row gap-2 md:gap-4'>\n                        {x.value}\n                        <div className='flex gap-2'>\n                          {x.isPrimary ? <Badge>{t(\"Primary\")}</Badge> : null}\n                          {!x.isVerified ? <Badge variant='destructive'>{t(\"Unverified\")}</Badge> : null}\n                          {x.usedForAuth ? <Badge variant='outline'>{t(\"Used for sign-in\")}</Badge> : null}\n                        </div>\n                      </div>\n                    </TableCell>\n                    <TableCell className=\"flex justify-end\">\n                      <ActionCell items={[\n                        ...(!x.isVerified ? [{\n                          item: t(\"Send verification email\"),\n                          onClick: async () => { await x.sendVerificationEmail(); },\n                        }] : []),\n                        ...(!x.isPrimary && x.isVerified ? [{\n                          item: t(\"Set as primary\"),\n                          onClick: async () => { await x.update({ isPrimary: true }); },\n                        }] :\n                          !x.isPrimary ? [{\n                            item: t(\"Set as primary\"),\n                            onClick: async () => {},\n                            disabled: true,\n                            disabledTooltip: t(\"Please verify your email first\"),\n                          }] : []),\n                        ...(!x.usedForAuth && x.isVerified ? [{\n                          item: t(\"Use for sign-in\"),\n                          onClick: async () => {\n                            try {\n                              await x.update({ usedForAuth: true });\n                            } catch (e) {\n                              if (KnownErrors.ContactChannelAlreadyUsedForAuthBySomeoneElse.isInstance(e)) {\n                                alert(t(\"This email is already used for sign-in by another user.\"));\n                              }\n                            }\n                          }\n                        }] : []),\n                        ...(x.usedForAuth && !isLastEmailUsedForAuth ? [{\n                          item: t(\"Stop using for sign-in\"),\n                          onClick: async () => { await x.update({ usedForAuth: false }); },\n                        }] : x.usedForAuth ? [{\n                          item: t(\"Stop using for sign-in\"),\n                          onClick: async () => {},\n                          disabled: true,\n                          disabledTooltip: t(\"You can not remove your last sign-in email\"),\n                        }] : []),\n                        // Determine if this email can be removed\n                        ...(!isLastEmailUsedForAuth || !x.usedForAuth ? [{\n                          item: t(\"Remove\"),\n                          onClick: async () => { await x.delete(); },\n                          danger: true,\n                        }] : [{\n                          item: t(\"Remove\"),\n                          onClick: async () => {},\n                          disabled: true,\n                          disabledTooltip: t(\"You can not remove your last sign-in email\"),\n                        }]),\n                      ]}/>\n                    </TableCell>\n                  </TableRow>\n                ))}\n            </TableBody>\n          </Table>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components-page/account-settings/email-and-auth/mfa-section.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/mfa-section.d.ts
 declare function MfaSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { MfaSection };
 //# sourceMappingURL=mfa-section.d.ts.map

package/dist/components-page/account-settings/email-and-auth/mfa-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mfa-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"mappings":";;;iBAiBgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"mfa-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"mappings":";iBAiBgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,5 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../../rolldown-runtime-D6vf50IK.js");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
 let _hexclave_ui = require("@hexclave/ui");
@@ -11,9 +11,8 @@ let _oslojs_otp = require("@oslojs/otp");
 let _hexclave_shared_dist_hooks_use_async_callback = require("@hexclave/shared/dist/hooks/use-async-callback");
 let _hexclave_shared_dist_utils_crypto = require("@hexclave/shared/dist/utils/crypto");
 let qrcode = require("qrcode");
-qrcode = require_chunk.__toESM(qrcode);
+qrcode = require_rolldown_runtime.__toESM(qrcode);
 let ___section_js = require("../section.js");
-
 //#region src/components-page/account-settings/email-and-auth/mfa-section.tsx
 function MfaSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -101,7 +100,7 @@ function MfaSection(props) {
 				}) : !generatedSecret && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 					variant: "secondary",
 					onClick: async () => {
-						const secret = (0, _hexclave_shared_dist_utils_crypto.generateRandomValues)(new Uint8Array(20));
+						const secret = (0, _hexclave_shared_dist_utils_crypto.generateRandomValues)(/* @__PURE__ */ new Uint8Array(20));
 						setQrCodeUrl(await generateTotpQrCode(project, user, secret));
 						setGeneratedSecret(secret);
 					},
@@ -115,7 +114,7 @@ async function generateTotpQrCode(project, user, secret) {
 	const uri = (0, _oslojs_otp.createTOTPKeyURI)(project.displayName, user.primaryEmail ?? user.id, secret, 30, 6);
 	return await qrcode.toDataURL(uri);
 }
-
 //#endregion
 exports.MfaSection = MfaSection;
+
 //# sourceMappingURL=mfa-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mfa-section.js","names":["Section","Typography","Input","Button","QRCode"],"sources":["../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { createTOTPKeyURI, verifyTOTP } from \"@oslojs/otp\";\nimport { useAsyncCallback } from '@hexclave/shared/dist/hooks/use-async-callback';\nimport { generateRandomValues } from '@hexclave/shared/dist/utils/crypto';\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@hexclave/ui\";\nimport * as QRCode from 'qrcode';\nimport { useEffect, useState } from \"react\";\nimport { CurrentUser, Project } from '../../..';\nimport { useStackApp, useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function MfaSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const project = useStackApp().useProject();\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(\"Multi-factor authentication\")}\n        description={t(\"MFA management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"MFA 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 [generatedSecret, setGeneratedSecret] = useState<Uint8Array | null>(null);\n  const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);\n  const [mfaCode, setMfaCode] = useState<string>(\"\");\n  const [isMaybeWrong, setIsMaybeWrong] = useState(false);\n  const isEnabled = user.isMultiFactorRequired;\n\n  const [handleSubmit, isLoading] = useAsyncCallback(async () => {\n    await user.update({\n      totpMultiFactorSecret: generatedSecret,\n    });\n    setGeneratedSecret(null);\n    setQrCodeUrl(null);\n    setMfaCode(\"\");\n  }, [generatedSecret, user]);\n\n  useEffect(() => {\n    setIsMaybeWrong(false);\n    runAsynchronouslyWithAlert(async () => {\n      if (generatedSecret && verifyTOTP(generatedSecret, 30, 6, mfaCode)) {\n        await handleSubmit();\n      }\n      setIsMaybeWrong(true);\n    });\n  }, [mfaCode, generatedSecret, handleSubmit]);\n\n  return (\n    <Section\n      title={t(\"Multi-factor authentication\")}\n      description={isEnabled\n        ? t(\"Multi-factor authentication is currently enabled.\")\n        : t(\"Multi-factor authentication is currently disabled.\")}\n    >\n      <div className='flex flex-col gap-4'>\n        {!isEnabled && generatedSecret && (\n          <>\n            <Typography>{t(\"Scan this QR code with your authenticator app:\")}</Typography>\n            <img width={200} height={200} src={qrCodeUrl ?? throwErr(\"TOTP QR code failed to generate\")} alt={t(\"TOTP multi-factor authentication QR code\")} />\n            <Typography>{t(\"Then, enter your six-digit MFA code:\")}</Typography>\n            <Input\n              value={mfaCode}\n              onChange={(e) => {\n                setIsMaybeWrong(false);\n                setMfaCode(e.target.value);\n              }}\n              placeholder=\"123456\"\n              maxLength={6}\n              disabled={isLoading}\n            />\n            {isMaybeWrong && mfaCode.length === 6 && (\n              <Typography variant=\"destructive\">{t(\"Incorrect code. Please try again.\")}</Typography>\n            )}\n            <div className='flex'>\n              <Button\n                variant='secondary'\n                onClick={() => {\n                  setGeneratedSecret(null);\n                  setQrCodeUrl(null);\n                  setMfaCode(\"\");\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n          </>\n        )}\n        <div className='flex gap-2'>\n          {isEnabled ? (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                await user.update({\n                  totpMultiFactorSecret: null,\n                });\n              }}\n            >\n              {t(\"Disable MFA\")}\n            </Button>\n          ) : !generatedSecret && (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                const secret = generateRandomValues(new Uint8Array(20));\n                setQrCodeUrl(await generateTotpQrCode(project, user, secret));\n                setGeneratedSecret(secret);\n              }}\n            >\n              {t(\"Enable MFA\")}\n            </Button>\n          )}\n        </div>\n      </div>\n    </Section>\n  );\n}\n\n\nasync function generateTotpQrCode(project: Project, user: CurrentUser, secret: Uint8Array) {\n  const uri = createTOTPKeyURI(project.displayName, user.primaryEmail ?? user.id, secret, 30, 6);\n  return await QRCode.toDataURL(uri) as any;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,SAAgB,WAAW,OAExB;CACD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,kDAAuB,CAAC,YAAY;CAC1C,MAAM,0CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,SAAS,CAAC;AAGvE,KAAI,OAAO,YAAY,CAAC,KACtB,QACE,2CAACA;EACC,OAAO,EAAE,8BAA8B;EACvC,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GAAW,SAAQ;aAAa,EAAE,gDAAgD;IAAc;GACzF;AAId,KAAI,CAAC,KACH,QAAO;CAET,MAAM,CAAC,iBAAiB,0CAAkD,KAAK;CAC/E,MAAM,CAAC,WAAW,oCAAwC,KAAK;CAC/D,MAAM,CAAC,SAAS,kCAA+B,GAAG;CAClD,MAAM,CAAC,cAAc,uCAA4B,MAAM;CACvD,MAAM,YAAY,KAAK;CAEvB,MAAM,CAAC,cAAc,kFAA8B,YAAY;AAC7D,QAAM,KAAK,OAAO,EAChB,uBAAuB,iBACxB,CAAC;AACF,qBAAmB,KAAK;AACxB,eAAa,KAAK;AAClB,aAAW,GAAG;IACb,CAAC,iBAAiB,KAAK,CAAC;AAE3B,4BAAgB;AACd,kBAAgB,MAAM;AACtB,uEAA2B,YAAY;AACrC,OAAI,+CAA8B,iBAAiB,IAAI,GAAG,QAAQ,CAChE,OAAM,cAAc;AAEtB,mBAAgB,KAAK;IACrB;IACD;EAAC;EAAS;EAAiB;EAAa,CAAC;AAE5C,QACE,2CAACD;EACC,OAAO,EAAE,8BAA8B;EACvC,aAAa,YACT,EAAE,oDAAoD,GACtD,EAAE,qDAAqD;YAE3D,4CAAC;GAAI,WAAU;cACZ,CAAC,aAAa,mBACb;IACE,2CAACC,qCAAY,EAAE,iDAAiD,GAAc;IAC9E,2CAAC;KAAI,OAAO;KAAK,QAAQ;KAAK,KAAK,8DAAsB,kCAAkC;KAAE,KAAK,EAAE,2CAA2C;MAAI;IACnJ,2CAACA,qCAAY,EAAE,uCAAuC,GAAc;IACpE,2CAACC;KACC,OAAO;KACP,WAAW,MAAM;AACf,sBAAgB,MAAM;AACtB,iBAAW,EAAE,OAAO,MAAM;;KAE5B,aAAY;KACZ,WAAW;KACX,UAAU;MACV;IACD,gBAAgB,QAAQ,WAAW,KAClC,2CAACD;KAAW,SAAQ;eAAe,EAAE,oCAAoC;MAAc;IAEzF,2CAAC;KAAI,WAAU;eACb,2CAACE;MACC,SAAQ;MACR,eAAe;AACb,0BAAmB,KAAK;AACxB,oBAAa,KAAK;AAClB,kBAAW,GAAG;;gBAGf,EAAE,SAAS;OACL;MACL;OACL,EAEL,2CAAC;IAAI,WAAU;cACZ,YACC,2CAACA;KACC,SAAQ;KACR,SAAS,YAAY;AACnB,YAAM,KAAK,OAAO,EAChB,uBAAuB,MACxB,CAAC;;eAGH,EAAE,cAAc;MACV,GACP,CAAC,mBACH,2CAACA;KACC,SAAQ;KACR,SAAS,YAAY;MACnB,MAAM,sEAA8B,IAAI,WAAW,GAAG,CAAC;AACvD,mBAAa,MAAM,mBAAmB,SAAS,MAAM,OAAO,CAAC;AAC7D,yBAAmB,OAAO;;eAG3B,EAAE,aAAa;MACT;KAEP;IACF;GACE;;AAKd,eAAe,mBAAmB,SAAkB,MAAmB,QAAoB;CACzF,MAAM,wCAAuB,QAAQ,aAAa,KAAK,gBAAgB,KAAK,IAAI,QAAQ,IAAI,EAAE;AAC9F,QAAO,MAAMC,OAAO,UAAU,IAAI"}
+{"version":3,"file":"mfa-section.js","names":["Section","Typography","Input","Button","QRCode"],"sources":["../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { createTOTPKeyURI, verifyTOTP } from \"@oslojs/otp\";\nimport { useAsyncCallback } from '@hexclave/shared/dist/hooks/use-async-callback';\nimport { generateRandomValues } from '@hexclave/shared/dist/utils/crypto';\nimport { throwErr } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@hexclave/ui\";\nimport * as QRCode from 'qrcode';\nimport { useEffect, useState } from \"react\";\nimport { CurrentUser, Project } from '../../..';\nimport { useStackApp, useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function MfaSection(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const project = useStackApp().useProject();\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(\"Multi-factor authentication\")}\n        description={t(\"MFA management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"MFA 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 [generatedSecret, setGeneratedSecret] = useState<Uint8Array | null>(null);\n  const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);\n  const [mfaCode, setMfaCode] = useState<string>(\"\");\n  const [isMaybeWrong, setIsMaybeWrong] = useState(false);\n  const isEnabled = user.isMultiFactorRequired;\n\n  const [handleSubmit, isLoading] = useAsyncCallback(async () => {\n    await user.update({\n      totpMultiFactorSecret: generatedSecret,\n    });\n    setGeneratedSecret(null);\n    setQrCodeUrl(null);\n    setMfaCode(\"\");\n  }, [generatedSecret, user]);\n\n  useEffect(() => {\n    setIsMaybeWrong(false);\n    runAsynchronouslyWithAlert(async () => {\n      if (generatedSecret && verifyTOTP(generatedSecret, 30, 6, mfaCode)) {\n        await handleSubmit();\n      }\n      setIsMaybeWrong(true);\n    });\n  }, [mfaCode, generatedSecret, handleSubmit]);\n\n  return (\n    <Section\n      title={t(\"Multi-factor authentication\")}\n      description={isEnabled\n        ? t(\"Multi-factor authentication is currently enabled.\")\n        : t(\"Multi-factor authentication is currently disabled.\")}\n    >\n      <div className='flex flex-col gap-4'>\n        {!isEnabled && generatedSecret && (\n          <>\n            <Typography>{t(\"Scan this QR code with your authenticator app:\")}</Typography>\n            <img width={200} height={200} src={qrCodeUrl ?? throwErr(\"TOTP QR code failed to generate\")} alt={t(\"TOTP multi-factor authentication QR code\")} />\n            <Typography>{t(\"Then, enter your six-digit MFA code:\")}</Typography>\n            <Input\n              value={mfaCode}\n              onChange={(e) => {\n                setIsMaybeWrong(false);\n                setMfaCode(e.target.value);\n              }}\n              placeholder=\"123456\"\n              maxLength={6}\n              disabled={isLoading}\n            />\n            {isMaybeWrong && mfaCode.length === 6 && (\n              <Typography variant=\"destructive\">{t(\"Incorrect code. Please try again.\")}</Typography>\n            )}\n            <div className='flex'>\n              <Button\n                variant='secondary'\n                onClick={() => {\n                  setGeneratedSecret(null);\n                  setQrCodeUrl(null);\n                  setMfaCode(\"\");\n                }}\n              >\n                {t(\"Cancel\")}\n              </Button>\n            </div>\n          </>\n        )}\n        <div className='flex gap-2'>\n          {isEnabled ? (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                await user.update({\n                  totpMultiFactorSecret: null,\n                });\n              }}\n            >\n              {t(\"Disable MFA\")}\n            </Button>\n          ) : !generatedSecret && (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                const secret = generateRandomValues(new Uint8Array(20));\n                setQrCodeUrl(await generateTotpQrCode(project, user, secret));\n                setGeneratedSecret(secret);\n              }}\n            >\n              {t(\"Enable MFA\")}\n            </Button>\n          )}\n        </div>\n      </div>\n    </Section>\n  );\n}\n\n\nasync function generateTotpQrCode(project: Project, user: CurrentUser, secret: Uint8Array) {\n  const uri = createTOTPKeyURI(project.displayName, user.primaryEmail ?? user.id, secret, 30, 6);\n  return await QRCode.toDataURL(uri) as any;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,SAAgB,WAAW,OAExB;CACD,MAAM,EAAE,OAAA,GAAA,6BAAA,eAAA,CAAqB;CAC7B,MAAM,WAAA,GAAA,sBAAA,YAAA,CAAsB,CAAC,CAAC,WAAW;CACzC,MAAM,QAAA,GAAA,sBAAA,QAAA,CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,QAAQ,CAAC;CAGtE,IAAI,OAAO,YAAY,CAAC,MACtB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;EACE,OAAO,EAAE,6BAA6B;EACtC,aAAa,EAAE,+CAA+C;YAE9D,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD;GAAY,SAAQ;aAAa,EAAE,+CAA+C;EAAc,CAAA;CACzF,CAAA;CAIb,IAAI,CAAC,MACH,OAAO;CAET,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,SAAA,CAAkD,IAAI;CAC9E,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,SAAA,CAAwC,IAAI;CAC9D,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAA+B,EAAE;CACjD,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAA4B,KAAK;CACtD,MAAM,YAAY,KAAK;CAEvB,MAAM,CAAC,cAAc,cAAA,GAAA,+CAAA,iBAAA,CAA8B,YAAY;EAC7D,MAAM,KAAK,OAAO,EAChB,uBAAuB,gBACzB,CAAC;EACD,mBAAmB,IAAI;EACvB,aAAa,IAAI;EACjB,WAAW,EAAE;CACf,GAAG,CAAC,iBAAiB,IAAI,CAAC;CAE1B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,gBAAgB,KAAK;EACrB,CAAA,GAAA,qCAAA,2BAAA,CAA2B,YAAY;GACrC,IAAI,oBAAA,GAAA,YAAA,WAAA,CAA8B,iBAAiB,IAAI,GAAG,OAAO,GAC/D,MAAM,aAAa;GAErB,gBAAgB,IAAI;EACtB,CAAC;CACH,GAAG;EAAC;EAAS;EAAiB;CAAY,CAAC;CAE3C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,cAAAA,SAAD;EACE,OAAO,EAAE,6BAA6B;EACtC,aAAa,YACT,EAAE,mDAAmD,IACrD,EAAE,oDAAoD;YAE1D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;aAAf,CACG,CAAC,aAAa,mBACb,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,EAAA,UAAa,EAAE,gDAAgD,EAAc,CAAA;IAC7E,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,OAAO;KAAK,QAAQ;KAAK,KAAK,cAAA,GAAA,mCAAA,SAAA,CAAsB,iCAAiC;KAAG,KAAK,EAAE,0CAA0C;IAAI,CAAA;IAClJ,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,YAAD,EAAA,UAAa,EAAE,sCAAsC,EAAc,CAAA;IACnE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD;KACE,OAAO;KACP,WAAW,MAAM;MACf,gBAAgB,KAAK;MACrB,WAAW,EAAE,OAAO,KAAK;KAC3B;KACA,aAAY;KACZ,WAAW;KACX,UAAU;IACX,CAAA;IACA,gBAAgB,QAAQ,WAAW,KAClC,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,YAAD;KAAY,SAAQ;eAAe,EAAE,mCAAmC;IAAc,CAAA;IAExF,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,QAAD;MACE,SAAQ;MACR,eAAe;OACb,mBAAmB,IAAI;OACvB,aAAa,IAAI;OACjB,WAAW,EAAE;MACf;gBAEC,EAAE,QAAQ;KACL,CAAA;IACL,CAAA;GACL,EAAA,CAAA,GAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;cACZ,YACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,QAAD;KACE,SAAQ;KACR,SAAS,YAAY;MACnB,MAAM,KAAK,OAAO,EAChB,uBAAuB,KACzB,CAAC;KACH;eAEC,EAAE,aAAa;IACV,CAAA,IACN,CAAC,mBACH,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,QAAD;KACE,SAAQ;KACR,SAAS,YAAY;MACnB,MAAM,UAAA,GAAA,mCAAA,qBAAA,iBAA8B,IAAI,WAAW,EAAE,CAAC;MACtD,aAAa,MAAM,mBAAmB,SAAS,MAAM,MAAM,CAAC;MAC5D,mBAAmB,MAAM;KAC3B;eAEC,EAAE,YAAY;IACT,CAAA;GAEP,CAAA,CACF;;CACE,CAAA;AAEb;AAGA,eAAe,mBAAmB,SAAkB,MAAmB,QAAoB;CACzF,MAAM,OAAA,GAAA,YAAA,iBAAA,CAAuB,QAAQ,aAAa,KAAK,gBAAgB,KAAK,IAAI,QAAQ,IAAI,CAAC;CAC7F,OAAO,MAAMC,OAAO,UAAU,GAAG;AACnC"}

package/dist/components-page/account-settings/email-and-auth/otp-section.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/otp-section.d.ts
 declare function OtpSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { OtpSection };
 //# sourceMappingURL=otp-section.d.ts.map

package/dist/components-page/account-settings/email-and-auth/otp-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"otp-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/otp-section.tsx"],"mappings":";;;iBAUgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"otp-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/otp-section.tsx"],"mappings":";iBAUgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,12 +1,10 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let ___section_js = require("../section.js");
-
 //#region src/components-page/account-settings/email-and-auth/otp-section.tsx
 function OtpSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -74,7 +72,7 @@ function OtpSection(props) {
 		})
 	});
 }
-
 //#endregion
 exports.OtpSection = OtpSection;
+
 //# sourceMappingURL=otp-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"otp-section.js","names":["Section","Typography","Button"],"sources":["../../../../src/components-page/account-settings/email-and-auth/otp-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useStackApp, useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function OtpSection(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(\"One-Time Password\")}\n        description={t(\"OTP management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"OTP 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 project = useStackApp().useProject();\n  const contactChannels = user.useContactChannels();\n  const isLastAuth = user.otpAuthEnabled && !user.hasPassword && user.oauthProviders.length === 0 && !user.passkeyAuthEnabled;\n  const [disabling, setDisabling] = useState(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.isVerified && x.usedForAuth).length > 0;\n\n  if (!project.config.magicLinkEnabled) {\n    return null;\n  }\n\n  const handleDisableOTP = async () => {\n    await user.update({ otpAuthEnabled: false });\n    setDisabling(false);\n  };\n\n  return (\n    <Section title={t(\"OTP sign-in\")} description={user.otpAuthEnabled ? t(\"OTP/magic link sign-in is currently enabled.\") : t(\"Enable sign-in via magic link or OTP sent to your sign-in emails.\")}>\n      <div className='flex md:justify-end'>\n        {hasValidEmail ? (\n          user.otpAuthEnabled ? (\n            !isLastAuth ? (\n              !disabling ? (\n                <Button\n                  variant='secondary'\n                  onClick={() => setDisabling(true)}\n                >\n                  {t(\"Disable OTP\")}\n                </Button>\n              ) : (\n                <div className='flex flex-col gap-2'>\n                  <Typography variant='destructive'>\n                    {t(\"Are you sure you want to disable OTP sign-in? You will not be able to sign in with only emails anymore.\")}\n                  </Typography>\n                  <div className='flex gap-2'>\n                    <Button\n                      variant='destructive'\n                      onClick={handleDisableOTP}\n                    >\n                      {t(\"Disable\")}\n                    </Button>\n                    <Button\n                      variant='secondary'\n                      onClick={() => setDisabling(false)}\n                    >\n                      {t(\"Cancel\")}\n                    </Button>\n                  </div>\n                </div>\n              )\n            ) : (\n              <Typography variant='secondary' type='label'>{t(\"OTP sign-in is enabled and cannot be disabled as it is currently the only sign-in method\")}</Typography>\n            )\n          ) : (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                await user.update({ otpAuthEnabled: true });\n              }}\n            >\n              {t(\"Enable OTP\")}\n            </Button>\n          )\n        ) : (\n          <Typography variant='secondary' type='label'>{t(\"To enable OTP sign-in, please add a verified sign-in email.\")}</Typography>\n        )}\n      </div>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,WAAW,OAExB;CACD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,0CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,SAAS,CAAC;AAGvE,KAAI,OAAO,YAAY,CAAC,KACtB,QACE,2CAACA;EACC,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GAAW,SAAQ;aAAa,EAAE,gDAAgD;IAAc;GACzF;AAId,KAAI,CAAC,KACH,QAAO;CAET,MAAM,kDAAuB,CAAC,YAAY;CAC1C,MAAM,kBAAkB,KAAK,oBAAoB;CACjD,MAAM,aAAa,KAAK,kBAAkB,CAAC,KAAK,eAAe,KAAK,eAAe,WAAW,KAAK,CAAC,KAAK;CACzG,MAAM,CAAC,WAAW,oCAAyB,MAAM;CAGjD,MAAM,gBAAgB,gBAAgB,QAAO,MAAK,EAAE,SAAS,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,SAAS;AAEhH,KAAI,CAAC,QAAQ,OAAO,iBAClB,QAAO;CAGT,MAAM,mBAAmB,YAAY;AACnC,QAAM,KAAK,OAAO,EAAE,gBAAgB,OAAO,CAAC;AAC5C,eAAa,MAAM;;AAGrB,QACE,2CAACD;EAAQ,OAAO,EAAE,cAAc;EAAE,aAAa,KAAK,iBAAiB,EAAE,+CAA+C,GAAG,EAAE,oEAAoE;YAC7L,2CAAC;GAAI,WAAU;aACZ,gBACC,KAAK,iBACH,CAAC,aACC,CAAC,YACC,2CAACE;IACC,SAAQ;IACR,eAAe,aAAa,KAAK;cAEhC,EAAE,cAAc;KACV,GAET,4CAAC;IAAI,WAAU;eACb,2CAACD;KAAW,SAAQ;eACjB,EAAE,0GAA0G;MAClG,EACb,4CAAC;KAAI,WAAU;gBACb,2CAACC;MACC,SAAQ;MACR,SAAS;gBAER,EAAE,UAAU;OACN,EACT,2CAACA;MACC,SAAQ;MACR,eAAe,aAAa,MAAM;gBAEjC,EAAE,SAAS;OACL;MACL;KACF,GAGR,2CAACD;IAAW,SAAQ;IAAY,MAAK;cAAS,EAAE,2FAA2F;KAAc,GAG3J,2CAACC;IACC,SAAQ;IACR,SAAS,YAAY;AACnB,WAAM,KAAK,OAAO,EAAE,gBAAgB,MAAM,CAAC;;cAG5C,EAAE,aAAa;KACT,GAGX,2CAACD;IAAW,SAAQ;IAAY,MAAK;cAAS,EAAE,8DAA8D;KAAc;IAE1H;GACE"}
+{"version":3,"file":"otp-section.js","names":["Section","Typography","Button"],"sources":["../../../../src/components-page/account-settings/email-and-auth/otp-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useStackApp, useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function OtpSection(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(\"One-Time Password\")}\n        description={t(\"OTP management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"OTP 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 project = useStackApp().useProject();\n  const contactChannels = user.useContactChannels();\n  const isLastAuth = user.otpAuthEnabled && !user.hasPassword && user.oauthProviders.length === 0 && !user.passkeyAuthEnabled;\n  const [disabling, setDisabling] = useState(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.isVerified && x.usedForAuth).length > 0;\n\n  if (!project.config.magicLinkEnabled) {\n    return null;\n  }\n\n  const handleDisableOTP = async () => {\n    await user.update({ otpAuthEnabled: false });\n    setDisabling(false);\n  };\n\n  return (\n    <Section title={t(\"OTP sign-in\")} description={user.otpAuthEnabled ? t(\"OTP/magic link sign-in is currently enabled.\") : t(\"Enable sign-in via magic link or OTP sent to your sign-in emails.\")}>\n      <div className='flex md:justify-end'>\n        {hasValidEmail ? (\n          user.otpAuthEnabled ? (\n            !isLastAuth ? (\n              !disabling ? (\n                <Button\n                  variant='secondary'\n                  onClick={() => setDisabling(true)}\n                >\n                  {t(\"Disable OTP\")}\n                </Button>\n              ) : (\n                <div className='flex flex-col gap-2'>\n                  <Typography variant='destructive'>\n                    {t(\"Are you sure you want to disable OTP sign-in? You will not be able to sign in with only emails anymore.\")}\n                  </Typography>\n                  <div className='flex gap-2'>\n                    <Button\n                      variant='destructive'\n                      onClick={handleDisableOTP}\n                    >\n                      {t(\"Disable\")}\n                    </Button>\n                    <Button\n                      variant='secondary'\n                      onClick={() => setDisabling(false)}\n                    >\n                      {t(\"Cancel\")}\n                    </Button>\n                  </div>\n                </div>\n              )\n            ) : (\n              <Typography variant='secondary' type='label'>{t(\"OTP sign-in is enabled and cannot be disabled as it is currently the only sign-in method\")}</Typography>\n            )\n          ) : (\n            <Button\n              variant='secondary'\n              onClick={async () => {\n                await user.update({ otpAuthEnabled: true });\n              }}\n            >\n              {t(\"Enable OTP\")}\n            </Button>\n          )\n        ) : (\n          <Typography variant='secondary' type='label'>{t(\"To enable OTP sign-in, please add a verified sign-in email.\")}</Typography>\n        )}\n      </div>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,WAAW,OAExB;CACD,MAAM,EAAE,OAAA,GAAA,6BAAA,eAAA,CAAqB;CAC7B,MAAM,QAAA,GAAA,sBAAA,QAAA,CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,QAAQ,CAAC;CAGtE,IAAI,OAAO,YAAY,CAAC,MACtB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;EACE,OAAO,EAAE,mBAAmB;EAC5B,aAAa,EAAE,+CAA+C;YAE9D,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD;GAAY,SAAQ;aAAa,EAAE,+CAA+C;EAAc,CAAA;CACzF,CAAA;CAIb,IAAI,CAAC,MACH,OAAO;CAET,MAAM,WAAA,GAAA,sBAAA,YAAA,CAAsB,CAAC,CAAC,WAAW;CACzC,MAAM,kBAAkB,KAAK,mBAAmB;CAChD,MAAM,aAAa,KAAK,kBAAkB,CAAC,KAAK,eAAe,KAAK,eAAe,WAAW,KAAK,CAAC,KAAK;CACzG,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,SAAA,CAAyB,KAAK;CAGhD,MAAM,gBAAgB,gBAAgB,QAAO,MAAK,EAAE,SAAS,WAAW,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,SAAS;CAEhH,IAAI,CAAC,QAAQ,OAAO,kBAClB,OAAO;CAGT,MAAM,mBAAmB,YAAY;EACnC,MAAM,KAAK,OAAO,EAAE,gBAAgB,MAAM,CAAC;EAC3C,aAAa,KAAK;CACpB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,cAAAA,SAAD;EAAS,OAAO,EAAE,aAAa;EAAG,aAAa,KAAK,iBAAiB,EAAE,8CAA8C,IAAI,EAAE,mEAAmE;YAC5L,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;aACZ,gBACC,KAAK,iBACH,CAAC,aACC,CAAC,YACC,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,QAAD;IACE,SAAQ;IACR,eAAe,aAAa,IAAI;cAE/B,EAAE,aAAa;GACV,CAAA,IAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,YAAD;KAAY,SAAQ;eACjB,EAAE,yGAAyG;IAClG,CAAA,GACZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,QAAD;MACE,SAAQ;MACR,SAAS;gBAER,EAAE,SAAS;KACN,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,QAAD;MACE,SAAQ;MACR,eAAe,aAAa,KAAK;gBAEhC,EAAE,QAAQ;KACL,CAAA,CACL;MACF;QAGP,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,YAAD;IAAY,SAAQ;IAAY,MAAK;cAAS,EAAE,0FAA0F;GAAc,CAAA,IAG1J,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,QAAD;IACE,SAAQ;IACR,SAAS,YAAY;KACnB,MAAM,KAAK,OAAO,EAAE,gBAAgB,KAAK,CAAC;IAC5C;cAEC,EAAE,YAAY;GACT,CAAA,IAGV,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,YAAD;IAAY,SAAQ;IAAY,MAAK;cAAS,EAAE,6DAA6D;GAAc,CAAA;EAE1H,CAAA;CACE,CAAA;AAEb"}

package/dist/components-page/account-settings/email-and-auth/passkey-section.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/passkey-section.d.ts
 declare function PasskeySection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { PasskeySection };
 //# sourceMappingURL=passkey-section.d.ts.map

package/dist/components-page/account-settings/email-and-auth/passkey-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"passkey-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/passkey-section.tsx"],"mappings":";;;iBAWgB,cAAA,CAAe,KAAA;EAC7B,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"passkey-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/passkey-section.tsx"],"mappings":";iBAWgB,cAAA,CAAe,KAAA;EAC7B,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,4 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,7 +6,6 @@ let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
-
 //#region src/components-page/account-settings/email-and-auth/passkey-section.tsx
 function PasskeySection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -83,7 +81,7 @@ function PasskeySection(props) {
 		})
 	}) });
 }
-
 //#endregion
 exports.PasskeySection = PasskeySection;
+
 //# sourceMappingURL=passkey-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"passkey-section.js","names":["Section","Typography","Button"],"sources":["../../../../src/components-page/account-settings/email-and-auth/passkey-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useStackApp } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function PasskeySection(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(\"Passkey\")}\n        description={t(\"Passkey management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"Passkey 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 hexclaveApp = useStackApp();\n  const project = hexclaveApp.useProject();\n  const contactChannels = user.useContactChannels();\n\n\n  // passkey is enabled if there is a passkey\n  const hasPasskey = user.passkeyAuthEnabled;\n\n  const isLastAuth = user.passkeyAuthEnabled && !user.hasPassword && user.oauthProviders.length === 0 && !user.otpAuthEnabled;\n  const [showConfirmationModal, setShowConfirmationModal] = useState(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.isVerified && x.usedForAuth).length > 0;\n\n  if (!project.config.passkeyEnabled) {\n    return null;\n  }\n\n  const handleDeletePasskey = async () => {\n    await user.update({ passkeyAuthEnabled: false });\n    setShowConfirmationModal(false);\n  };\n\n\n  const handleAddNewPasskey = async () => {\n    await user.registerPasskey();\n  };\n\n  return (\n    <>\n      <Section title={t(\"Passkey\")} description={hasPasskey ? t(\"Passkey registered\") : t(\"Register a passkey\")}>\n        <div className='flex md:justify-end gap-2'>\n          {!hasValidEmail && (\n            <Typography variant='secondary' type='label'>{t(\"To enable Passkey sign-in, please add a verified sign-in email.\")}</Typography>\n          )}\n          {hasValidEmail && hasPasskey && isLastAuth && (\n            <Typography variant='secondary' type='label'>{t(\"Passkey sign-in is enabled and cannot be disabled as it is currently the only sign-in method\")}</Typography>\n          )}\n          {!hasPasskey && hasValidEmail && (\n            <div>\n              <Button onClick={handleAddNewPasskey} variant='secondary'>{t(\"Add new passkey\")}</Button>\n            </div>\n          )}\n          {hasValidEmail && hasPasskey && !isLastAuth && !showConfirmationModal && (\n            <Button\n              variant='secondary'\n              onClick={() => setShowConfirmationModal(true)}\n            >\n              {t(\"Delete Passkey\")}\n            </Button>\n          )}\n          {hasValidEmail && hasPasskey && !isLastAuth && showConfirmationModal && (\n            <div className='flex flex-col gap-2'>\n              <Typography variant='destructive'>\n                {t(\"Are you sure you want to disable Passkey sign-in? You will not be able to sign in with your passkey anymore.\")}\n              </Typography>\n              <div className='flex gap-2'>\n                <Button\n                  variant='destructive'\n                  onClick={handleDeletePasskey}\n                >\n                  {t(\"Disable\")}\n                </Button>\n                <Button\n                  variant='secondary'\n                  onClick={() => setShowConfirmationModal(false)}\n                >\n                  {t(\"Cancel\")}\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      </Section>\n\n\n    </>\n\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,eAAe,OAE5B;CACD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,0CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,SAAS,CAAC;AAGvE,KAAI,OAAO,YAAY,CAAC,KACtB,QACE,2CAACA;EACC,OAAO,EAAE,UAAU;EACnB,aAAa,EAAE,oDAAoD;YAEnE,2CAACC;GAAW,SAAQ;aAAa,EAAE,oDAAoD;IAAc;GAC7F;AAId,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,8CAD2B,CACL,YAAY;CACxC,MAAM,kBAAkB,KAAK,oBAAoB;CAIjD,MAAM,aAAa,KAAK;CAExB,MAAM,aAAa,KAAK,sBAAsB,CAAC,KAAK,eAAe,KAAK,eAAe,WAAW,KAAK,CAAC,KAAK;CAC7G,MAAM,CAAC,uBAAuB,gDAAqC,MAAM;CAGzE,MAAM,gBAAgB,gBAAgB,QAAO,MAAK,EAAE,SAAS,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,SAAS;AAEhH,KAAI,CAAC,QAAQ,OAAO,eAClB,QAAO;CAGT,MAAM,sBAAsB,YAAY;AACtC,QAAM,KAAK,OAAO,EAAE,oBAAoB,OAAO,CAAC;AAChD,2BAAyB,MAAM;;CAIjC,MAAM,sBAAsB,YAAY;AACtC,QAAM,KAAK,iBAAiB;;AAG9B,QACE,mFACE,2CAACD;EAAQ,OAAO,EAAE,UAAU;EAAE,aAAa,aAAa,EAAE,qBAAqB,GAAG,EAAE,qBAAqB;YACvG,4CAAC;GAAI,WAAU;;IACZ,CAAC,iBACA,2CAACC;KAAW,SAAQ;KAAY,MAAK;eAAS,EAAE,kEAAkE;MAAc;IAEjI,iBAAiB,cAAc,cAC9B,2CAACA;KAAW,SAAQ;KAAY,MAAK;eAAS,EAAE,+FAA+F;MAAc;IAE9J,CAAC,cAAc,iBACd,2CAAC,mBACC,2CAACC;KAAO,SAAS;KAAqB,SAAQ;eAAa,EAAE,kBAAkB;MAAU,GACrF;IAEP,iBAAiB,cAAc,CAAC,cAAc,CAAC,yBAC9C,2CAACA;KACC,SAAQ;KACR,eAAe,yBAAyB,KAAK;eAE5C,EAAE,iBAAiB;MACb;IAEV,iBAAiB,cAAc,CAAC,cAAc,yBAC7C,4CAAC;KAAI,WAAU;gBACb,2CAACD;MAAW,SAAQ;gBACjB,EAAE,+GAA+G;OACvG,EACb,4CAAC;MAAI,WAAU;iBACb,2CAACC;OACC,SAAQ;OACR,SAAS;iBAER,EAAE,UAAU;QACN,EACT,2CAACA;OACC,SAAQ;OACR,eAAe,yBAAyB,MAAM;iBAE7C,EAAE,SAAS;QACL;OACL;MACF;;IAEJ;GACE,GAGT"}
+{"version":3,"file":"passkey-section.js","names":["Section","Typography","Button"],"sources":["../../../../src/components-page/account-settings/email-and-auth/passkey-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useStackApp } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function PasskeySection(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(\"Passkey\")}\n        description={t(\"Passkey management is not available in demo mode.\")}\n      >\n        <Typography variant='secondary'>{t(\"Passkey 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 hexclaveApp = useStackApp();\n  const project = hexclaveApp.useProject();\n  const contactChannels = user.useContactChannels();\n\n\n  // passkey is enabled if there is a passkey\n  const hasPasskey = user.passkeyAuthEnabled;\n\n  const isLastAuth = user.passkeyAuthEnabled && !user.hasPassword && user.oauthProviders.length === 0 && !user.otpAuthEnabled;\n  const [showConfirmationModal, setShowConfirmationModal] = useState(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  const hasValidEmail = contactChannels.filter(x => x.type === 'email' && x.isVerified && x.usedForAuth).length > 0;\n\n  if (!project.config.passkeyEnabled) {\n    return null;\n  }\n\n  const handleDeletePasskey = async () => {\n    await user.update({ passkeyAuthEnabled: false });\n    setShowConfirmationModal(false);\n  };\n\n\n  const handleAddNewPasskey = async () => {\n    await user.registerPasskey();\n  };\n\n  return (\n    <>\n      <Section title={t(\"Passkey\")} description={hasPasskey ? t(\"Passkey registered\") : t(\"Register a passkey\")}>\n        <div className='flex md:justify-end gap-2'>\n          {!hasValidEmail && (\n            <Typography variant='secondary' type='label'>{t(\"To enable Passkey sign-in, please add a verified sign-in email.\")}</Typography>\n          )}\n          {hasValidEmail && hasPasskey && isLastAuth && (\n            <Typography variant='secondary' type='label'>{t(\"Passkey sign-in is enabled and cannot be disabled as it is currently the only sign-in method\")}</Typography>\n          )}\n          {!hasPasskey && hasValidEmail && (\n            <div>\n              <Button onClick={handleAddNewPasskey} variant='secondary'>{t(\"Add new passkey\")}</Button>\n            </div>\n          )}\n          {hasValidEmail && hasPasskey && !isLastAuth && !showConfirmationModal && (\n            <Button\n              variant='secondary'\n              onClick={() => setShowConfirmationModal(true)}\n            >\n              {t(\"Delete Passkey\")}\n            </Button>\n          )}\n          {hasValidEmail && hasPasskey && !isLastAuth && showConfirmationModal && (\n            <div className='flex flex-col gap-2'>\n              <Typography variant='destructive'>\n                {t(\"Are you sure you want to disable Passkey sign-in? You will not be able to sign in with your passkey anymore.\")}\n              </Typography>\n              <div className='flex gap-2'>\n                <Button\n                  variant='destructive'\n                  onClick={handleDeletePasskey}\n                >\n                  {t(\"Disable\")}\n                </Button>\n                <Button\n                  variant='secondary'\n                  onClick={() => setShowConfirmationModal(false)}\n                >\n                  {t(\"Cancel\")}\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      </Section>\n\n\n    </>\n\n  );\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/email-and-auth/password-section.d.ts
 declare function PasswordSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { PasswordSection };
 //# sourceMappingURL=password-section.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"password-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/password-section.tsx"],"mappings":";;;iBAmBgB,eAAA,CAAgB,KAAA;EAC9B,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"password-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/email-and-auth/password-section.tsx"],"mappings":";iBAmBgB,eAAA,CAAgB,KAAA;EAC9B,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,5 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../../rolldown-runtime-D6vf50IK.js");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
@@ -9,13 +9,12 @@ let react_hook_form = require("react-hook-form");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _hexclave_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
 let yup = require("yup");
-yup = require_chunk.__toESM(yup);
+yup = require_rolldown_runtime.__toESM(yup);
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
-
 //#region src/components-page/account-settings/email-and-auth/password-section.tsx
 function PasswordSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -155,7 +154,7 @@ function PasswordSection(props) {
 		})
 	});
 }
-
 //#endregion
 exports.PasswordSection = PasswordSection;
+
 //# sourceMappingURL=password-section.js.map

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 UNLESS YOU ALSO 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":";;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,gBAAgB,OAE7B;CACD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,0CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,SAAS,CAAC;AAGvE,KAAI,OAAO,YAAY,CAAC,KACtB,QACE,2CAACA;EACC,OAAO,EAAE,WAAW;EACpB,aAAa,EAAE,qDAAqD;YAEpE,2CAACC;GAAW,SAAQ;aAAa,EAAE,qDAAqD;IAAc;GAC9F;AAId,KAAI,CAAC,KACH,QAAO;CAET,MAAM,kBAAkB,KAAK,oBAAoB;CACjD,MAAM,CAAC,kBAAkB,2CAAgC,MAAM;CAC/D,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,8CAAuB,CAAC,YAAY;CAkB1C,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,UAAU,aAAa,uCAAkB,EAC9F,sGAjB+B;EAC/B,aAAa,KAAK,cAAcC,mDAA2B,SAAS,CAAC,SAAS,EAAE,iCAAiC,CAAC,uDAAc;EAChI,aAAaA,mDAA2B,SAAS,CAAC,SAAS,EAAE,6BAA6B,CAAC,CAAC,KAAK;GAC/F,MAAM;GACN,OAAO,OAAO,QAAQ;IACpB,MAAM,qEAAyB,MAAM;AACrC,QAAI,MACF,QAAO,IAAI,YAAY,EAAE,SAAS,MAAM,SAAS,CAAC;QAElD,QAAO;;GAGZ,CAAC;EACF,uEAA8B,CAAC,UAAU,CAAC,MAAM;GAAC,IAAI,IAAI,cAAc;GAAE;GAAI;GAAK,EAAE,EAAE,yBAAyB,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,8BAA8B,CAAC;EACtK,CAAC,CAGqC,EACtC,CAAC;CAGF,MAAM,gBAAgB,gBAAgB,QAAO,MAAK,EAAE,SAAS,WAAW,EAAE,YAAY,CAAC,SAAS;CAEhG,MAAM,WAAW,OAAO,SAA+C;AACrE,aAAW,KAAK;AAChB,MAAI;GACF,MAAM,EAAE,aAAa,gBAAgB;AAIrC,OAHc,KAAK,cACf,MAAM,KAAK,eAAe;IAAe;IAAc;IAAa,CAAC,GACrE,MAAM,KAAK,YAAY,EAAE,UAAU,aAAc,CAAC,CAEpD,UAAS,eAAe;IAAE,MAAM;IAAU,SAAS,EAAE,qBAAqB;IAAE,CAAC;QACxE;AACL,WAAO;AACP,wBAAoB,MAAM;;YAEpB;AACR,cAAW,MAAM;;;CAIrB,MAAM,mBAAmB,SAAS,cAAc;CAChD,MAAM,yBAAyB,SAAS,oBAAoB;AAE5D,KAAI,CAAC,QAAQ,OAAO,kBAClB,QAAO;AAGT,QACE,2CAACF;EACC,OAAO,EAAE,WAAW;EACpB,aAAa,KAAK,cAAc,EAAE,uBAAuB,GAAG,EAAE,kCAAkC;YAEhG,2CAAC;GAAI,WAAU;aACZ,CAAC,mBACA,gBACE,2CAACG;IACC,SAAQ;IACR,eAAe,oBAAoB,KAAK;cAEvC,KAAK,cAAc,EAAE,kBAAkB,GAAG,EAAE,eAAe;KACrD,GAET,2CAACF;IAAW,SAAQ;IAAY,MAAK;cAAS,EAAE,iDAAiD;KAAc,GAGjH,4CAAC;IACC,WAAU,2EAAgC,aAAa,SAAS,CAAC,EAAE,CAAC;IACpE;;KAEC,KAAK,eACJ;MACE,2CAACG;OAAM,SAAQ;OAAe,WAAU;iBAAQ,EAAE,eAAe;QAAS;MAC1E,2CAACC;OACC,IAAG;OACH,MAAK;OACL,cAAa;OACb,GAAI,SAAS,cAAc;QAC3B;MACF,2CAACC,gEAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;SACjE;KAGL,2CAACF;MAAM,SAAQ;MAAe,WAAU;gBAAa,EAAE,eAAe;OAAS;KAC/E,2CAACG;MACC,IAAG;MACH,cAAa;MACb,GAAI;MACJ,WAAW,MAAM;AACf,mBAAY,cAAc;AAC1B,mBAAY,oBAAoB;AAChC,mEAAkB,iBAAiB,SAAS,EAAE,CAAC;;OAEjD;KACF,2CAACD,gEAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAElE,2CAACF;MAAM,SAAQ;MAAkB,WAAU;gBAAa,EAAE,sBAAsB;OAAS;KACzF,2CAACG;MACC,IAAG;MACH,cAAa;MACb,GAAI;MACJ,WAAW,MAAM;AACf,mBAAY,cAAc;AAC1B,mBAAY,oBAAoB;AAChC,mEAAkB,uBAAuB,SAAS,EAAE,CAAC;;OAEvD;KACF,2CAACD,gEAAgB,MAAM,OAAO,mBAAmB,SAAS,UAAU,GAAI;KAExE,4CAAC;MAAI,WAAU;iBACb,2CAACH;OAAO,MAAK;OAAkB;iBAC5B,KAAK,cAAc,EAAE,kBAAkB,GAAG,EAAE,eAAe;QACrD,EACT,2CAACA;OACC,SAAQ;OACR,eAAe;AACb,4BAAoB,MAAM;AAC1B,eAAO;;iBAGR,EAAE,SAAS;QACL;OACL;;KACD;IAEL;GACE"}
+{"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 UNLESS YOU ALSO 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.d.ts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/account-settings/notifications/notifications-page.d.ts
-declare function NotificationsPage(): react_jsx_runtime0.JSX.Element;
+declare function NotificationsPage(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { NotificationsPage };
 //# sourceMappingURL=notifications-page.d.ts.map

package/dist/components-page/account-settings/notifications/notifications-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications-page.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/notifications/notifications-page.tsx"],"mappings":";;;iBAWgB,iBAAA,CAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"notifications-page.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/notifications/notifications-page.tsx"],"mappings":";iBAWgB,iBAAA,gCAAiB,GAAA,CAAA,OAAA"}