@wow-two-beta/fe-identity 0.0.0-stage → 0.0.2

package/dist/kit/index.js

@@ -0,0 +1,1197 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, shallowRef, onMounted, createElementBlock, Fragment, createVNode, createElementVNode } from "vue";
+import { Button } from "@wow-two-beta/fe/presentation/actions";
+import { AlertSimple } from "@wow-two-beta/fe/presentation/feedback";
+import { Field, PasswordInput, TextInput, EmailInput, PhoneInput } from "@wow-two-beta/fe/presentation/forms";
+import { A as AccountRouteConstants, P as PasswordChangeConfirmationType } from "../chunks/PasswordChangeConfirmationType-xUIFj0b9.js";
+import { createApiClient, ApiFailureFactory, ApiFailureExtensions } from "@wow-two-beta/fe/foundation/http";
+import { ResultExtensions, AppErrorType, AppErrorFactory } from "@wow-two-beta/fe/foundation/results";
+import { useLocale } from "@wow-two-beta/fe/foundation/i18n";
+import { useAppForm } from "@wow-two-beta/fe/forms-engine/house";
+const protocolFailure = () => ResultExtensions.fail(ApiFailureFactory.create("protocol"));
+function record(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function decodeRegistered(value) {
+  const body = record(value);
+  if (body && typeof body.userId === "string") {
+    return ResultExtensions.ok({ userId: body.userId, isConfirmationSent: body.isConfirmationSent === true });
+  }
+  return protocolFailure();
+}
+function decodeAccountInfo(value) {
+  const body = record(value);
+  if (body && typeof body.userId === "string") {
+    return ResultExtensions.ok({
+      userId: body.userId,
+      userName: typeof body.userName === "string" ? body.userName : null,
+      email: typeof body.email === "string" ? body.email : null,
+      isEmailConfirmed: body.isEmailConfirmed === true,
+      isTwoFactorEnabled: body.isTwoFactorEnabled === true
+    });
+  }
+  return protocolFailure();
+}
+const confirmationTypes = Object.values(PasswordChangeConfirmationType);
+function confirmationOf(value) {
+  return typeof value === "string" ? confirmationTypes.find((type) => type.toLowerCase() === value.toLowerCase()) : void 0;
+}
+function decodeConfirmation(value) {
+  const body = record(value);
+  const confirmation = confirmationOf(body?.confirmation);
+  if (body && confirmation) return ResultExtensions.ok({ confirmation, isSent: body.isSent === true });
+  return protocolFailure();
+}
+function decodeCodeSent(value) {
+  const body = record(value);
+  if (!body) return protocolFailure();
+  const link = typeof body.telegramLinkUrl === "string" && body.telegramLinkUrl.length > 0 ? body.telegramLinkUrl : null;
+  return ResultExtensions.ok({ isCodeSent: body.isCodeSent === true, telegramLinkUrl: link });
+}
+function text(value) {
+  return typeof value === "string" ? value : null;
+}
+function strings(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string") ? value : null;
+}
+function list(value, decode) {
+  if (!Array.isArray(value)) return null;
+  const items = value.map(decode);
+  return items.every((item) => item !== null) ? items : null;
+}
+function decodeRule(value) {
+  const body = record(value);
+  const code = text(body?.code);
+  const message = text(body?.message);
+  return body && code && message !== null ? { code, params: record(body.params), message } : null;
+}
+function decodeField(value) {
+  const body = record(value);
+  const name = text(body?.name);
+  const kind = text(body?.kind);
+  const rules = list(body?.rules, decodeRule);
+  return body && name && kind && rules ? { name, kind, countries: strings(body.countries), rules } : null;
+}
+function decodeMethod(value) {
+  const body = record(value);
+  const id = text(body?.id);
+  const fields = list(body?.fields, decodeField);
+  if (!body || !id || !fields) return null;
+  const passwordRules = body.passwordRules == null ? null : list(body.passwordRules, decodeRule);
+  if (body.passwordRules != null && passwordRules === null) return null;
+  return { id, channels: strings(body.channels) ?? [], fields, passwordRules };
+}
+function decodeSignInOptions(value) {
+  const body = record(value);
+  const brandName = text(body?.brandName);
+  const theme = text(body?.theme);
+  const methods = list(body?.methods, decodeMethod);
+  if (!body || !brandName || !theme || !methods) return protocolFailure();
+  const requirements = record(body.requirements);
+  return ResultExtensions.ok({
+    brandName,
+    theme,
+    backgroundUrl: text(body.backgroundUrl) || null,
+    isSignUpEnabled: body.isSignUpEnabled === true,
+    locale: text(body.locale) ?? "en",
+    locales: strings(body.locales) ?? [],
+    methods,
+    requirements: {
+      isConfirmedEmailRequired: requirements?.isConfirmedEmailRequired === true,
+      isConfirmedPhoneNumberRequired: requirements?.isConfirmedPhoneNumberRequired === true,
+      isSecondFactorRequired: requirements?.isSecondFactorRequired === true
+    }
+  });
+}
+function decodeSignedIn(text2) {
+  if (text2.trim() === "") return ResultExtensions.ok(null);
+  let parsed;
+  try {
+    parsed = JSON.parse(text2);
+  } catch {
+    return protocolFailure();
+  }
+  const outer = record(parsed);
+  const body = record(outer?.data) ?? outer;
+  if (body?.isPasswordChangeRequired !== true) return body ? ResultExtensions.ok(null) : protocolFailure();
+  if (typeof body.ticket !== "string" || body.ticket === "") return protocolFailure();
+  return ResultExtensions.ok({
+    isPasswordChangeRequired: true,
+    confirmation: confirmationOf(body.confirmation) ?? PasswordChangeConfirmationType.None,
+    ticket: body.ticket
+  });
+}
+function createAccountClient(options = {}) {
+  const baseUrl = options.baseUrl?.replace(/\/+$/, "") ?? "";
+  const credentials = options.credentials ?? (baseUrl ? "include" : void 0);
+  const client = createApiClient({
+    baseUrl: `${baseUrl}${AccountRouteConstants.base}`,
+    ...credentials !== void 0 ? { credentials } : {},
+    ...options.fetch !== void 0 ? { fetch: options.fetch } : {}
+  });
+  const signInQuery = (clientId) => ({
+    [AccountRouteConstants.useCookiesParameter]: true,
+    ...clientId ? { [AccountRouteConstants.clientIdParameter]: clientId } : {}
+  });
+  const send = (path, body, signal) => client.post(path, { body, response: "empty", signal });
+  return {
+    getSignInOptions: ({ clientId, locale, signal } = {}) => client.get(AccountRouteConstants.signInOptions, {
+      query: {
+        ...clientId ? { [AccountRouteConstants.clientIdParameter]: clientId } : {},
+        ...locale ? { [AccountRouteConstants.localeParameter]: locale } : {}
+      },
+      signal,
+      decode: decodeSignInOptions
+    }),
+    register: (request, signal) => client.post(AccountRouteConstants.register, { body: request, signal, decode: decodeRegistered }),
+    async signIn(request, { clientId, signal } = {}) {
+      const answered = await client.post(AccountRouteConstants.login, {
+        query: signInQuery(clientId),
+        body: request,
+        response: "text",
+        signal
+      });
+      return answered.ok ? decodeSignedIn(answered.value) : answered;
+    },
+    confirmEmail: (request, signal) => client.get(AccountRouteConstants.confirmEmail, { query: { ...request }, response: "empty", signal }),
+    resendConfirmationEmail: (request, signal) => send(AccountRouteConstants.resendConfirmationEmail, request, signal),
+    forgotPassword: (request, signal) => send(AccountRouteConstants.forgotPassword, request, signal),
+    resetPassword: (request, signal) => send(AccountRouteConstants.resetPassword, request, signal),
+    getAccountInfo: (signal) => client.get(AccountRouteConstants.manageInfo, { signal, decode: decodeAccountInfo }),
+    startPasswordChange: (request, signal) => client.post(AccountRouteConstants.managePasswordConfirmation, {
+      body: request ?? {},
+      signal,
+      decode: decodeConfirmation
+    }),
+    changePassword: (request, signal) => send(AccountRouteConstants.managePassword, request, signal),
+    changePasswordWithLink: (request, signal) => send(AccountRouteConstants.passwordChange, request, signal),
+    sendPhoneSignInCode: (request, signal) => client.post(AccountRouteConstants.phoneSignInSend, { body: request, signal, decode: decodeCodeSent }),
+    signInWithPhone: (request, { clientId, signal } = {}) => client.post(AccountRouteConstants.phoneSignIn, {
+      query: signInQuery(clientId),
+      body: request,
+      response: "empty",
+      signal
+    }),
+    signOut: (signal) => client.post(AccountRouteConstants.logout, { response: "empty", signal })
+  };
+}
+function useAccountClient(source) {
+  return source.client ?? createAccountClient(source.baseUrl ? { baseUrl: source.baseUrl } : {});
+}
+function useAccountText() {
+  const locale = useLocale();
+  return (key, fallback, values) => locale.t(`IdentityKit.${key}`, values, fallback);
+}
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{ name: "FailureAlert" },
+  __name: "FailureAlert",
+  props: {
+    failure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const reason = computed(
+      () => props.failure && props.failure.type !== AppErrorType.Cancelled ? ApiFailureExtensions.reason(props.failure) : ""
+    );
+    return (_ctx, _cache) => {
+      return reason.value ? (openBlock(), createBlock(unref(AlertSimple), {
+        key: 0,
+        severity: "danger"
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(reason.value), 1)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const ChangePasswordStage = {
+  /** Refers to the change not started: the instance has not said how it is confirmed. */
+  Idle: "idle",
+  /** Refers to the change form, with the code field under the `Code` confirmation. */
+  Form: "form",
+  /** Refers to the `Link` confirmation: only the emailed link opens the form. */
+  LinkSent: "link-sent",
+  /** Refers to the password changed. */
+  Done: "done"
+};
+const _hoisted_1$4 = { class: "flex flex-col gap-4" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ChangePasswordForm" },
+  __name: "ChangePasswordForm",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    token: { default: null },
+    ticket: { default: null },
+    confirmation: { default: null }
+  },
+  emits: ["changed"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const isOpenAtOnce = Boolean(props.ticket) && props.confirmation === PasswordChangeConfirmationType.None;
+    const stage = shallowRef(
+      props.token || isOpenAtOnce ? ChangePasswordStage.Form : ChangePasswordStage.Idle
+    );
+    const started = shallowRef(
+      isOpenAtOnce ? { confirmation: PasswordChangeConfirmationType.None, isSent: false } : null
+    );
+    const isStarting = shallowRef(false);
+    const startFailure = shallowRef(null);
+    const isCodeRequired = computed(() => started.value?.confirmation === PasswordChangeConfirmationType.Code);
+    const form = useAppForm({
+      defaultValues: { currentPassword: "", newPassword: "", code: "" },
+      onSubmit: async (values, { signal }) => {
+        const result = props.token ? await client.changePasswordWithLink({ token: props.token, newPassword: values.newPassword }, signal) : await client.changePassword(
+          {
+            ...props.ticket ? { ticket: props.ticket } : { currentPassword: values.currentPassword },
+            newPassword: values.newPassword,
+            ...isCodeRequired.value ? { code: values.code.trim() } : {}
+          },
+          signal
+        );
+        if (result.ok) {
+          stage.value = ChangePasswordStage.Done;
+          emit("changed");
+        }
+        return result;
+      }
+    });
+    async function start() {
+      isStarting.value = true;
+      startFailure.value = null;
+      const result = await client.startPasswordChange(props.ticket ? { ticket: props.ticket } : void 0);
+      isStarting.value = false;
+      if (!result.ok) {
+        startFailure.value = result.failure;
+        return;
+      }
+      started.value = result.value;
+      stage.value = result.value.confirmation === PasswordChangeConfirmationType.Link ? ChangePasswordStage.LinkSent : ChangePasswordStage.Form;
+    }
+    onMounted(() => {
+      if (props.ticket && !isOpenAtOnce) void start();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        __props.ticket && stage.value !== unref(ChangePasswordStage).Done ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(unref(t)(
+          "ChangePasswordForm.required",
+          "Your password no longer meets the rules here. Choose a new one, then sign in with it."
+        )), 1)) : createCommentVNode("", true),
+        stage.value === unref(ChangePasswordStage).Idle ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(unref(_sfc_main$6), { failure: startFailure.value }, null, 8, ["failure"]),
+          createVNode(unref(Button), {
+            type: "button",
+            "is-full-width": "",
+            "is-loading": isStarting.value,
+            onClick: start
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.start", "Change the password")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"])
+        ], 64)) : stage.value === unref(ChangePasswordStage).LinkSent ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          started.value?.isSent ? (openBlock(), createBlock(unref(AlertSimple), {
+            key: 0,
+            severity: "info"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.linkSent", "We sent you a link to change the password. Open it to continue.")), 1)
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(unref(AlertSimple), {
+            key: 1,
+            severity: "warning"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.linkNotSent", "We could not send the link. Try again in a minute.")), 1)
+            ]),
+            _: 1
+          })),
+          createVNode(unref(_sfc_main$6), { failure: startFailure.value }, null, 8, ["failure"]),
+          createVNode(unref(Button), {
+            type: "button",
+            variant: "outline",
+            tone: "neutral",
+            "is-loading": isStarting.value,
+            onClick: start
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.resendLink", "Send the link again")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"])
+        ], 64)) : stage.value === unref(ChangePasswordStage).Form ? (openBlock(), createElementBlock("form", {
+          key: 3,
+          class: "flex flex-col gap-4",
+          novalidate: "",
+          onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => unref(form).handleSubmit && unref(form).handleSubmit(...args))
+        }, [
+          isCodeRequired.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            started.value?.isSent ? (openBlock(), createBlock(unref(AlertSimple), {
+              key: 0,
+              severity: "info"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.codeSent", "We sent you a code. Enter it beside the new password.")), 1)
+              ]),
+              _: 1
+            })) : (openBlock(), createBlock(unref(AlertSimple), {
+              key: 1,
+              severity: "warning"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.codeNotSent", "We could not send a code. Try again in a minute.")), 1)
+              ]),
+              _: 1
+            }))
+          ], 64)) : createCommentVNode("", true),
+          !__props.token && !__props.ticket ? (openBlock(), createBlock(unref(form).Field, {
+            key: 1,
+            name: "currentPassword",
+            "is-required": ""
+          }, {
+            default: withCtx((field) => [
+              createVNode(unref(Field), {
+                label: unref(t)("ChangePasswordForm.currentPassword", "Current password")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PasswordInput), {
+                    modelValue: field.value,
+                    "onUpdate:modelValue": ($event) => field.value = $event,
+                    name: "currentPassword",
+                    autocomplete: "current-password",
+                    onBlur: field.onBlur
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+                ]),
+                _: 2
+              }, 1032, ["label"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(unref(form).Field, {
+            name: "newPassword",
+            "is-required": ""
+          }, {
+            default: withCtx((field) => [
+              createVNode(unref(Field), {
+                label: unref(t)("ChangePasswordForm.newPassword", "New password")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PasswordInput), {
+                    modelValue: field.value,
+                    "onUpdate:modelValue": ($event) => field.value = $event,
+                    name: "newPassword",
+                    autocomplete: "new-password",
+                    onBlur: field.onBlur
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+                ]),
+                _: 2
+              }, 1032, ["label"])
+            ]),
+            _: 1
+          }),
+          isCodeRequired.value ? (openBlock(), createBlock(unref(form).Field, {
+            key: 2,
+            name: "code",
+            "is-required": ""
+          }, {
+            default: withCtx((field) => [
+              createVNode(unref(Field), {
+                label: unref(t)("ChangePasswordForm.code", "Code")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(TextInput), {
+                    modelValue: field.value,
+                    "onUpdate:modelValue": ($event) => field.value = $event,
+                    name: "code",
+                    inputmode: "numeric",
+                    autocomplete: "one-time-code",
+                    onBlur: field.onBlur
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+                ]),
+                _: 2
+              }, 1032, ["label"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(unref(_sfc_main$6), {
+            failure: unref(form).state.submitError
+          }, null, 8, ["failure"]),
+          createVNode(unref(_sfc_main$6), { failure: startFailure.value }, null, 8, ["failure"]),
+          createVNode(unref(Button), {
+            type: "submit",
+            "is-full-width": "",
+            "is-loading": unref(form).state.isSubmitting
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.submit", "Change the password")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"]),
+          isCodeRequired.value ? (openBlock(), createBlock(unref(Button), {
+            key: 3,
+            type: "button",
+            variant: "ghost",
+            tone: "neutral",
+            "is-loading": isStarting.value,
+            onClick: start
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.resendCode", "Send a new code")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"])) : createCommentVNode("", true)
+        ], 32)) : (openBlock(), createBlock(unref(AlertSimple), {
+          key: 4,
+          severity: "success"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ChangePasswordForm.done", "Your password is changed.")), 1)
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ForgotPasswordForm" },
+  __name: "ForgotPasswordForm",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    initialEmail: { default: "" }
+  },
+  emits: ["sent"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const sentTo = shallowRef(null);
+    const form = useAppForm({
+      defaultValues: { email: props.initialEmail },
+      onSubmit: async (values, { signal }) => {
+        const result = await client.forgotPassword(values, signal);
+        if (result.ok) {
+          sentTo.value = values.email;
+          emit("sent", values.email);
+        }
+        return result;
+      }
+    });
+    return (_ctx, _cache) => {
+      return sentTo.value ? (openBlock(), createBlock(unref(AlertSimple), {
+        key: 0,
+        severity: "success"
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(t)("ForgotPasswordForm.sent", "If an account uses {email}, we sent it a link to reset the password.", {
+            email: sentTo.value
+          })), 1)
+        ]),
+        _: 1
+      })) : (openBlock(), createElementBlock("form", {
+        key: 1,
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(form).handleSubmit && unref(form).handleSubmit(...args))
+      }, [
+        createVNode(unref(form).Field, {
+          name: "email",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("ForgotPasswordForm.email", "Email")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(EmailInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "email",
+                  autocomplete: "email",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(form).state.submitError
+        }, null, 8, ["failure"]),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(form).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ForgotPasswordForm.submit", "Send the reset link")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ], 32));
+    };
+  }
+});
+const _hoisted_1$3 = ["href"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{ name: "PasswordSignIn" },
+  __name: "PasswordSignIn",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    clientId: { default: null },
+    forgotPasswordHref: { default: void 0 },
+    initialLogin: { default: "" }
+  },
+  emits: ["signedIn", "passwordChangeRequired"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const unconfirmedEmail = shallowRef(null);
+    const isResent = shallowRef(false);
+    const isResending = shallowRef(false);
+    const form = useAppForm({
+      defaultValues: { login: props.initialLogin, password: "" },
+      onSubmit: async (values, { signal }) => {
+        unconfirmedEmail.value = null;
+        isResent.value = false;
+        const result = await client.signIn(values, { clientId: props.clientId, signal });
+        if (result.ok) {
+          if (result.value) emit("passwordChangeRequired", result.value);
+          else emit("signedIn");
+        } else if (result.failure.status === 403 && values.login.includes("@")) unconfirmedEmail.value = values.login;
+        return result;
+      }
+    });
+    async function resendConfirmation() {
+      if (!unconfirmedEmail.value) return;
+      isResending.value = true;
+      const result = await client.resendConfirmationEmail({ email: unconfirmedEmail.value });
+      isResending.value = false;
+      isResent.value = result.ok;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(form).handleSubmit && unref(form).handleSubmit(...args))
+      }, [
+        createVNode(unref(form).Field, {
+          name: "login",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("PasswordSignIn.login", "Email or user name")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(TextInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "login",
+                  autocomplete: "username",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(form).Field, {
+          name: "password",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("PasswordSignIn.password", "Password")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(PasswordInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "password",
+                  autocomplete: "current-password",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        __props.forgotPasswordHref ? (openBlock(), createElementBlock("a", {
+          key: 0,
+          href: __props.forgotPasswordHref,
+          class: "-mt-2 self-end text-sm text-primary underline-offset-4 hover:underline"
+        }, toDisplayString(unref(t)("PasswordSignIn.forgotPassword", "Forgot your password?")), 9, _hoisted_1$3)) : createCommentVNode("", true),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(form).state.submitError
+        }, null, 8, ["failure"]),
+        unconfirmedEmail.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          isResent.value ? (openBlock(), createBlock(unref(AlertSimple), {
+            key: 0,
+            severity: "success"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("PasswordSignIn.confirmationResent", "We sent the confirmation link to {email} again.", {
+                email: unconfirmedEmail.value
+              })), 1)
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(unref(Button), {
+            key: 1,
+            type: "button",
+            variant: "outline",
+            tone: "neutral",
+            "is-loading": isResending.value,
+            onClick: resendConfirmation
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("PasswordSignIn.resendConfirmation", "Send the confirmation email again")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"]))
+        ], 64)) : createCommentVNode("", true),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(form).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PasswordSignIn.submit", "Sign in")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ], 32);
+    };
+  }
+});
+const PhoneSignInStep = {
+  /** Refers to entering the phone a code goes to. */
+  Phone: "phone",
+  /** Refers to opening the Telegram bot and sharing the contact, after which the bot sends the code. */
+  Telegram: "telegram",
+  /** Refers to entering the code. */
+  Code: "code"
+};
+const _hoisted_1$2 = {
+  key: 1,
+  class: "flex flex-col gap-4"
+};
+const _hoisted_2$2 = { class: "text-sm text-muted-foreground" };
+const _hoisted_3$1 = ["href"];
+const _hoisted_4 = { class: "text-sm text-muted-foreground" };
+const _hoisted_5 = ["href"];
+const _hoisted_6 = { class: "flex flex-wrap justify-between gap-2" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "PhoneCodeSignIn" },
+  __name: "PhoneCodeSignIn",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    clientId: { default: null },
+    countries: { default: void 0 },
+    defaultCountry: { default: void 0 }
+  },
+  emits: ["signedIn"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const step = shallowRef(PhoneSignInStep.Phone);
+    const phone = shallowRef("");
+    const telegramLinkUrl = shallowRef(null);
+    const isResending = shallowRef(false);
+    const isResent = shallowRef(false);
+    const resendFailure = shallowRef(null);
+    const notSent = () => ResultExtensions.fail({
+      ...AppErrorFactory.unavailable(),
+      message: t("PhoneCodeSignIn.notSent", "We could not send a code. Try again in a minute.")
+    });
+    async function send(value, signal) {
+      const result = await client.sendPhoneSignInCode({ phone: value }, signal);
+      if (!result.ok) return result;
+      if (!result.value.isCodeSent && !result.value.telegramLinkUrl) return notSent();
+      phone.value = value;
+      telegramLinkUrl.value = result.value.telegramLinkUrl;
+      return result;
+    }
+    const phoneForm = useAppForm({
+      defaultValues: { phone: "" },
+      onSubmit: async (values, { signal }) => {
+        const result = await send(values.phone, signal);
+        if (result.ok) {
+          codeForm.reset();
+          isResent.value = false;
+          resendFailure.value = null;
+          step.value = telegramLinkUrl.value ? PhoneSignInStep.Telegram : PhoneSignInStep.Code;
+        }
+        return result;
+      }
+    });
+    const codeForm = useAppForm({
+      defaultValues: { code: "" },
+      onSubmit: async (values, { signal }) => {
+        const result = await client.signInWithPhone(
+          { phone: phone.value, code: values.code.trim() },
+          { clientId: props.clientId, signal }
+        );
+        if (result.ok) emit("signedIn");
+        return result;
+      }
+    });
+    async function resend() {
+      isResending.value = true;
+      isResent.value = false;
+      resendFailure.value = null;
+      const result = await send(phone.value);
+      isResending.value = false;
+      if (result.ok) isResent.value = true;
+      else resendFailure.value = result.failure;
+    }
+    function useAnotherPhone() {
+      step.value = PhoneSignInStep.Phone;
+      telegramLinkUrl.value = null;
+    }
+    return (_ctx, _cache) => {
+      return step.value === unref(PhoneSignInStep).Phone ? (openBlock(), createElementBlock("form", {
+        key: 0,
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(phoneForm).handleSubmit && unref(phoneForm).handleSubmit(...args))
+      }, [
+        createVNode(unref(phoneForm).Field, {
+          name: "phone",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("PhoneCodeSignIn.phone", "Phone number")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(PhoneInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "phone",
+                  class: "w-full [&>span]:shrink-0 [&>span]:whitespace-nowrap",
+                  countries: __props.countries,
+                  placeholder: unref(t)("PhoneCodeSignIn.phonePlaceholder", ""),
+                  "default-country": __props.defaultCountry,
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "countries", "placeholder", "default-country", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(phoneForm).state.submitError
+        }, null, 8, ["failure"]),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(phoneForm).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.send", "Send a code")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ], 32)) : step.value === unref(PhoneSignInStep).Telegram ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createElementVNode("p", _hoisted_2$2, toDisplayString(unref(t)(
+          "PhoneCodeSignIn.telegramIntro",
+          "Open our Telegram bot, press Start and share your contact. The bot then sends your code for {phone}.",
+          { phone: phone.value }
+        )), 1),
+        createVNode(unref(Button), {
+          "as-child": "",
+          "is-full-width": ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("a", {
+              href: telegramLinkUrl.value ?? void 0,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: _cache[1] || (_cache[1] = ($event) => step.value = unref(PhoneSignInStep).Code)
+            }, toDisplayString(unref(t)("PhoneCodeSignIn.openTelegram", "Open Telegram")), 9, _hoisted_3$1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(Button), {
+          type: "button",
+          variant: "outline",
+          tone: "neutral",
+          "is-full-width": "",
+          onClick: _cache[2] || (_cache[2] = ($event) => step.value = unref(PhoneSignInStep).Code)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.haveCode", "I have the code")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(Button), {
+          type: "button",
+          variant: "ghost",
+          tone: "neutral",
+          onClick: useAnotherPhone
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.otherPhone", "Use another number")), 1)
+          ]),
+          _: 1
+        })
+      ])) : (openBlock(), createElementBlock("form", {
+        key: 2,
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[3] || (_cache[3] = //@ts-ignore
+        (...args) => unref(codeForm).handleSubmit && unref(codeForm).handleSubmit(...args))
+      }, [
+        createElementVNode("p", _hoisted_4, [
+          telegramLinkUrl.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.codeFromTelegram", "Enter the code the bot sent you in Telegram.")) + " ", 1),
+            createElementVNode("a", {
+              href: telegramLinkUrl.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "text-primary underline-offset-4 hover:underline"
+            }, toDisplayString(unref(t)("PhoneCodeSignIn.openTelegramAgain", "Open Telegram")), 9, _hoisted_5)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.codeSent", "We sent a code to {phone}.", { phone: phone.value })), 1)
+          ], 64))
+        ]),
+        createVNode(unref(codeForm).Field, {
+          name: "code",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("PhoneCodeSignIn.code", "Code")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(TextInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "code",
+                  inputmode: "numeric",
+                  autocomplete: "one-time-code",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(codeForm).state.submitError
+        }, null, 8, ["failure"]),
+        createVNode(unref(_sfc_main$6), { failure: resendFailure.value }, null, 8, ["failure"]),
+        isResent.value ? (openBlock(), createBlock(unref(AlertSimple), {
+          key: 0,
+          severity: "success"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.resent", "We sent a new code.")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(codeForm).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.submit", "Sign in")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(unref(Button), {
+            type: "button",
+            variant: "ghost",
+            tone: "neutral",
+            "is-loading": isResending.value,
+            onClick: resend
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.resend", "Send a new code")), 1)
+            ]),
+            _: 1
+          }, 8, ["is-loading"]),
+          createVNode(unref(Button), {
+            type: "button",
+            variant: "ghost",
+            tone: "neutral",
+            onClick: useAnotherPhone
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("PhoneCodeSignIn.otherPhone", "Use another number")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 32));
+    };
+  }
+});
+const _hoisted_1$1 = {
+  key: 0,
+  class: "flex flex-col gap-4"
+};
+const _hoisted_2$1 = ["href"];
+const _hoisted_3 = { class: "text-sm text-muted-foreground" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ResetPasswordForm" },
+  __name: "ResetPasswordForm",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    email: {},
+    token: {},
+    signInHref: { default: void 0 }
+  },
+  emits: ["reset"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const isReset = shallowRef(false);
+    const form = useAppForm({
+      defaultValues: { newPassword: "" },
+      onSubmit: async (values, { signal }) => {
+        const result = await client.resetPassword(
+          { email: props.email, resetToken: props.token, newPassword: values.newPassword },
+          signal
+        );
+        if (result.ok) {
+          isReset.value = true;
+          emit("reset");
+        }
+        return result;
+      }
+    });
+    return (_ctx, _cache) => {
+      return isReset.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(AlertSimple), { severity: "success" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ResetPasswordForm.done", "Your password is changed.")), 1)
+          ]),
+          _: 1
+        }),
+        __props.signInHref ? (openBlock(), createBlock(unref(Button), {
+          key: 0,
+          "as-child": "",
+          "is-full-width": ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("a", { href: __props.signInHref }, toDisplayString(unref(t)("ResetPasswordForm.signIn", "Sign in")), 9, _hoisted_2$1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("form", {
+        key: 1,
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(form).handleSubmit && unref(form).handleSubmit(...args))
+      }, [
+        createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("ResetPasswordForm.intro", "Choose a new password for {email}.", { email: __props.email })), 1),
+        createVNode(unref(form).Field, {
+          name: "newPassword",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("ResetPasswordForm.newPassword", "New password")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(PasswordInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "newPassword",
+                  autocomplete: "new-password",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(form).state.submitError
+        }, null, 8, ["failure"]),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(form).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ResetPasswordForm.submit", "Set the password")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ], 32));
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-4"
+};
+const _hoisted_2 = ["href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "SignUpForm" },
+  __name: "SignUpForm",
+  props: {
+    client: { default: void 0 },
+    baseUrl: { default: void 0 },
+    signInHref: { default: void 0 }
+  },
+  emits: ["signedUp"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const client = useAccountClient(props);
+    const t = useAccountText();
+    const registered = shallowRef(null);
+    const form = useAppForm({
+      defaultValues: { email: "", password: "" },
+      onSubmit: async (values, { signal }) => {
+        const result = await client.register(values, signal);
+        if (result.ok) {
+          registered.value = { account: result.value, email: values.email };
+          emit("signedUp", result.value);
+        }
+        return result;
+      }
+    });
+    return (_ctx, _cache) => {
+      return registered.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(AlertSimple), { severity: "success" }, {
+          default: withCtx(() => [
+            registered.value.account.isConfirmationSent ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(unref(t)("SignUpForm.confirmationSent", "Check your inbox: we sent a link to {email} to confirm the address.", {
+                email: registered.value.email
+              })), 1)
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref(t)("SignUpForm.created", "Your account is ready.")), 1)
+            ], 64))
+          ]),
+          _: 1
+        }),
+        __props.signInHref ? (openBlock(), createBlock(unref(Button), {
+          key: 0,
+          "as-child": "",
+          "is-full-width": ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("a", { href: __props.signInHref }, toDisplayString(unref(t)("SignUpForm.signIn", "Sign in")), 9, _hoisted_2)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("form", {
+        key: 1,
+        class: "flex flex-col gap-4",
+        novalidate: "",
+        onSubmit: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(form).handleSubmit && unref(form).handleSubmit(...args))
+      }, [
+        createVNode(unref(form).Field, {
+          name: "email",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("SignUpForm.email", "Email")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(EmailInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "email",
+                  autocomplete: "email",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(form).Field, {
+          name: "password",
+          "is-required": ""
+        }, {
+          default: withCtx((field) => [
+            createVNode(unref(Field), {
+              label: unref(t)("SignUpForm.password", "Password")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(PasswordInput), {
+                  modelValue: field.value,
+                  "onUpdate:modelValue": ($event) => field.value = $event,
+                  name: "password",
+                  autocomplete: "new-password",
+                  onBlur: field.onBlur
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]),
+              _: 2
+            }, 1032, ["label"])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(_sfc_main$6), {
+          failure: unref(form).state.submitError
+        }, null, 8, ["failure"]),
+        createVNode(unref(Button), {
+          type: "submit",
+          "is-full-width": "",
+          "is-loading": unref(form).state.isSubmitting
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("SignUpForm.submit", "Create the account")), 1)
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ], 32));
+    };
+  }
+});
+export {
+  _sfc_main$5 as ChangePasswordForm,
+  ChangePasswordStage,
+  _sfc_main$4 as ForgotPasswordForm,
+  _sfc_main$3 as PasswordSignIn,
+  _sfc_main$2 as PhoneCodeSignIn,
+  PhoneSignInStep,
+  _sfc_main$1 as ResetPasswordForm,
+  _sfc_main as SignUpForm,
+  createAccountClient,
+  useAccountText
+};
+//# sourceMappingURL=index.js.map