@hanwenbo/x-taro-ui 0.0.1

package/lib/auth/components.js

@@ -0,0 +1,932 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auth/components.tsx
+var components_exports = {};
+__export(components_exports, {
+  AccountSecurity: () => AccountSecurity,
+  BindEmail: () => BindEmail,
+  BindPhone: () => BindPhone,
+  ChangeEmail: () => ChangeEmail,
+  ChangePassword: () => ChangePassword,
+  ChangePhone: () => ChangePhone,
+  ForgotPassword: () => ForgotPassword,
+  IdentifierBinding: () => IdentifierBinding,
+  QuickSignIn: () => QuickSignIn,
+  QuickSignInDialog: () => QuickSignInDialog,
+  SignIn: () => SignIn,
+  SignUp: () => SignUp,
+  ThirdPartySignIn: () => ThirdPartySignIn
+});
+module.exports = __toCommonJS(components_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@tarojs/components");
+var import_identifier = require("@hanwenbo/x-auth-core/identifier");
+var import_react2 = require("@hanwenbo/x-auth-core/react");
+var import_button = require("../components/button");
+var import_checkbox = require("../components/checkbox");
+var import_icon = require("../components/icon");
+var import_inputItem = require("../components/inputItem/index");
+var import_modal = require("../components/modal");
+var import_internal = require("./internal");
+var import_provider = require("./provider");
+var import_theme = require("./theme");
+var import_styles = require("./styles.css");
+function useAuthStyle(tokens, style) {
+  return { ...(0, import_theme.authThemeTokensToStyle)((0, import_provider.useAuthTheme)(tokens)), ...style };
+}
+function InlineFooter({ children }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-panel__footer" }, children);
+}
+function ThirdPartySignIn({
+  className,
+  config,
+  onAuthError,
+  onProviderSignIn,
+  onReauthenticationRequired,
+  onResult,
+  onSuccess,
+  providers,
+  services,
+  style,
+  testID,
+  tokens
+}) {
+  const controller = (0, import_react2.useThirdPartySignInController)({
+    config,
+    onAuthError,
+    onProviderSignIn,
+    onReauthenticationRequired,
+    onResult,
+    onSuccess,
+    providers,
+    services
+  });
+  if (!controller.providers.length) return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: `x-taro-auth-third-party ${className ?? ""}`,
+      "data-testid": testID,
+      style: useAuthStyle(tokens, style)
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error),
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-divider" }, /* @__PURE__ */ import_react.default.createElement(import_components.View, null), /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, "其他方式登录"), /* @__PURE__ */ import_react.default.createElement(import_components.View, null)),
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-third-party__items" }, controller.providers.map((provider) => /* @__PURE__ */ import_react.default.createElement(
+      import_button.Button,
+      {
+        ariaLabel: provider.ariaLabel ?? `${String(provider.label)}登录`,
+        block: true,
+        disabled: provider.disabled || Boolean(controller.loadingProviderId),
+        icon: provider.icon,
+        key: provider.id,
+        loading: provider.loading || controller.loadingProviderId === provider.id,
+        onClick: () => void controller.signIn(provider),
+        size: "large",
+        type: "outline"
+      },
+      provider.label
+    )))
+  );
+}
+function SignIn({
+  className,
+  config,
+  contextFields = [],
+  defaultMethod,
+  description = "使用账号密码、验证码或第三方方式登录",
+  logo,
+  methods,
+  onAuthError,
+  onForgotPassword,
+  onMethodChange,
+  onProviderResult,
+  onProviderSignIn,
+  onReauthenticationRequired,
+  onSignUp,
+  onSuccess,
+  providers,
+  services,
+  showFieldLabels = false,
+  showRemember = true,
+  style,
+  surface,
+  testID,
+  title = "登录",
+  tokens
+}) {
+  const controller = (0, import_react2.useSignInController)({
+    config,
+    contextFields,
+    defaultMethod,
+    methods,
+    onAuthError,
+    onMethodChange,
+    onReauthenticationRequired,
+    onSuccess,
+    services
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      description,
+      logo,
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID,
+      title
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form" }, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.AuthSelector,
+      {
+        onChange: controller.selectCredentialType,
+        options: controller.credentialOptions.map((value) => ({
+          value,
+          label: value === "password" ? "密码登录" : "验证码登录"
+        })),
+        value: controller.credentialType
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.AuthSelector,
+      {
+        onChange: controller.selectIdentifierType,
+        options: controller.identifierOptions.map((value) => ({
+          value,
+          label: (0, import_identifier.identifierLabel)(value, controller.config)
+        })),
+        value: controller.identifierType
+      }
+    ), contextFields.map((field) => /* @__PURE__ */ import_react.default.createElement(
+      import_internal.AuthField,
+      {
+        error: controller.contextFieldErrors[field.name],
+        key: field.name,
+        label: showFieldLabels ? field.label : void 0
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_inputItem.InputItem,
+        {
+          error: controller.contextFieldErrors[field.name],
+          maxLength: field.maxLength,
+          onChange: (value) => controller.setContextValue(field.name, value),
+          placeholder: field.placeholder ?? `请输入${field.label}`,
+          prefix: field.prefix,
+          size: "large",
+          testID: testID ? `${testID}-context-${field.name}` : void 0,
+          type: field.type ?? "text",
+          value: controller.contextValues[field.name] ?? field.defaultValue ?? ""
+        }
+      )
+    )), controller.identifierType ? /* @__PURE__ */ import_react.default.createElement(
+      import_internal.IdentifierInput,
+      {
+        config: controller.config,
+        error: controller.fieldErrors.identifier,
+        onChange: controller.setIdentifierValue,
+        showLabel: showFieldLabels,
+        type: controller.identifierType,
+        value: controller.identifierValue
+      }
+    ) : null, controller.credentialType === "password" ? /* @__PURE__ */ import_react.default.createElement(
+      import_internal.AuthField,
+      {
+        error: controller.fieldErrors.password,
+        label: showFieldLabels ? "密码" : void 0
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_inputItem.InputItem,
+        {
+          error: controller.fieldErrors.password,
+          onChange: controller.setPassword,
+          placeholder: "请输入密码",
+          prefix: /* @__PURE__ */ import_react.default.createElement(import_icon.Icon, { name: "Lock", size: 18 }),
+          size: "large",
+          type: "password",
+          value: controller.password
+        }
+      )
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_internal.VerificationCodeInput,
+      {
+        codeLength: controller.config.code.length,
+        countdown: controller.countdown,
+        disabled: controller.submitting,
+        error: controller.fieldErrors.code,
+        onChange: controller.setCode,
+        onSend: () => void controller.sendCode(),
+        sending: controller.sendingCode,
+        showLabel: showFieldLabels,
+        value: controller.code
+      }
+    ), showRemember || onForgotPassword ? /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form__meta" }, showRemember ? /* @__PURE__ */ import_react.default.createElement(import_checkbox.Checkbox, { checked: controller.remember, onChange: controller.setRemember }, "记住我") : /* @__PURE__ */ import_react.default.createElement(import_components.View, null), onForgotPassword && controller.credentialType === "password" ? /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: onForgotPassword, size: "small", type: "link" }, "忘记密码？") : null) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_button.Button,
+      {
+        ariaLabel: "登录",
+        block: true,
+        disabled: !controller.method || controller.submitting,
+        loading: controller.submitting,
+        onClick: () => void controller.submit(),
+        size: "large",
+        testID: testID ? `${testID}-submit` : void 0
+      },
+      "登录"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      ThirdPartySignIn,
+      {
+        config,
+        onAuthError,
+        onProviderSignIn,
+        onReauthenticationRequired,
+        onResult: onProviderResult,
+        onSuccess,
+        providers,
+        services
+      }
+    ), onSignUp ? /* @__PURE__ */ import_react.default.createElement(InlineFooter, null, /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, "还没有账号？"), /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: onSignUp, size: "small", type: "link" }, "立即注册")) : null)
+  );
+}
+function SignUp({
+  className,
+  config,
+  defaultIdentifier,
+  description = "验证手机号或邮箱后创建账号",
+  identifiers,
+  logo,
+  onAuthError,
+  onReauthenticationRequired,
+  onSignIn,
+  onSuccess,
+  services,
+  style,
+  surface,
+  testID,
+  title = "注册",
+  tokens
+}) {
+  const controller = (0, import_react2.useSignUpController)({
+    config,
+    defaultIdentifier,
+    identifiers,
+    onAuthError,
+    onReauthenticationRequired,
+    onSuccess,
+    services
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      description,
+      logo,
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID,
+      title
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form" }, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.AuthSelector,
+      {
+        onChange: controller.setIdentifierType,
+        options: (0, import_internal.contactOptions)(controller.identifiers),
+        value: controller.identifierType
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.IdentifierInput,
+      {
+        config: controller.config,
+        error: controller.fieldErrors.identifier,
+        onChange: controller.setIdentifierValue,
+        type: controller.identifierType,
+        value: controller.identifierValue
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.VerificationCodeInput,
+      {
+        codeLength: controller.config.code.length,
+        countdown: controller.countdown,
+        disabled: controller.submitting,
+        error: controller.fieldErrors.code,
+        onChange: controller.setCode,
+        onSend: () => void controller.sendCode(),
+        sending: controller.sendingCode,
+        value: controller.code
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.password, label: "密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.password,
+        onChange: controller.setPassword,
+        placeholder: `至少 ${controller.config.password.minLength} 位`,
+        size: "large",
+        type: "password",
+        value: controller.password
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.confirmPassword, label: "确认密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.confirmPassword,
+        onChange: controller.setConfirmPassword,
+        placeholder: "请再次输入密码",
+        size: "large",
+        type: "password",
+        value: controller.confirmPassword
+      }
+    )), controller.config.signUp.agreements.length ? /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.agreement }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-agreements" }, controller.config.signUp.agreements.map((agreement) => /* @__PURE__ */ import_react.default.createElement(
+      import_checkbox.Checkbox,
+      {
+        checked: controller.acceptedAgreementIds.includes(agreement.id),
+        key: agreement.id,
+        onChange: (checked) => controller.toggleAgreement(agreement.id, checked)
+      },
+      agreement.href ? /* @__PURE__ */ import_react.default.createElement(import_button.Button, { href: agreement.href, size: "small", type: "link" }, agreement.label) : agreement.label
+    )))) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_button.Button,
+      {
+        block: true,
+        loading: controller.submitting,
+        onClick: () => void controller.submit(),
+        size: "large"
+      },
+      "注册"
+    ), onSignIn ? /* @__PURE__ */ import_react.default.createElement(InlineFooter, null, /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, "已有账号？"), /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: onSignIn, size: "small", type: "link" }, "去登录")) : null)
+  );
+}
+function ForgotPassword({
+  className,
+  config,
+  defaultIdentifier,
+  identifiers,
+  onAuthError,
+  onBackToSignIn,
+  onReauthenticationRequired,
+  onSuccess,
+  services,
+  style,
+  surface,
+  testID,
+  title = "找回密码",
+  tokens
+}) {
+  const controller = (0, import_react2.useForgotPasswordController)({
+    config,
+    defaultIdentifier,
+    identifiers,
+    onAuthError,
+    onReauthenticationRequired,
+    onSuccess,
+    services
+  });
+  const activeStep = controller.step === "verify" ? 0 : controller.step === "reset" ? 1 : 2;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      description: "验证账号身份后重新设置密码",
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID,
+      title
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { ariaLabel: "找回密码步骤", className: "x-taro-auth-steps" }, ["验证身份", "设置密码", "完成"].map((label, index) => /* @__PURE__ */ import_react.default.createElement(import_components.View, { "data-active": index === activeStep ? "true" : "false", key: label }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, index + 1), /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, label)))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        className: "x-taro-auth-form x-taro-auth-step-screen",
+        "data-direction": controller.direction,
+        key: controller.revision
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error),
+      controller.step === "verify" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_internal.AuthSelector,
+        {
+          onChange: controller.setIdentifierType,
+          options: (0, import_internal.contactOptions)(controller.identifiers),
+          value: controller.identifierType
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_internal.IdentifierInput,
+        {
+          config: controller.config,
+          error: controller.fieldErrors.identifier,
+          onChange: controller.setIdentifierValue,
+          type: controller.identifierType,
+          value: controller.identifierValue
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_internal.VerificationCodeInput,
+        {
+          codeLength: controller.config.code.length,
+          countdown: controller.countdown,
+          error: controller.fieldErrors.code,
+          onChange: controller.setCode,
+          onSend: () => void controller.sendCode(),
+          sending: controller.sendingCode,
+          value: controller.code
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          block: true,
+          loading: controller.submitting,
+          onClick: () => void controller.submitVerify(),
+          size: "large"
+        },
+        "下一步"
+      )) : controller.step === "reset" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.newPassword, label: "新密码" }, /* @__PURE__ */ import_react.default.createElement(
+        import_inputItem.InputItem,
+        {
+          error: controller.fieldErrors.newPassword,
+          onChange: controller.setNewPassword,
+          placeholder: `至少 ${controller.config.password.minLength} 位`,
+          size: "large",
+          type: "password",
+          value: controller.newPassword
+        }
+      )), /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.confirmPassword, label: "确认新密码" }, /* @__PURE__ */ import_react.default.createElement(
+        import_inputItem.InputItem,
+        {
+          error: controller.fieldErrors.confirmPassword,
+          onChange: controller.setConfirmPassword,
+          placeholder: "请再次输入新密码",
+          size: "large",
+          type: "password",
+          value: controller.confirmPassword
+        }
+      )), /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form__actions" }, /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: controller.back, size: "small", type: "outline" }, "上一步"), /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          loading: controller.submitting,
+          onClick: () => void controller.submitReset(),
+          size: "small"
+        },
+        "重置密码"
+      ))) : /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-success" }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-success__title" }, "密码已重置"), /* @__PURE__ */ import_react.default.createElement(import_components.Text, null, "现在可以使用新密码登录"), onBackToSignIn ? /* @__PURE__ */ import_react.default.createElement(import_button.Button, { block: true, onClick: onBackToSignIn, size: "large" }, "返回登录") : null)
+    )
+  );
+}
+function QuickSignIn({
+  autoSubmitCode = true,
+  className,
+  config,
+  description = "输入手机号，验证后继续当前操作",
+  footer,
+  identifierSubmitText = "继续",
+  identifierType = "phone",
+  initialIdentifier,
+  onAuthError,
+  onClose,
+  onReauthenticationRequired,
+  onStepChange,
+  onSuccess,
+  services,
+  showHeader = true,
+  style,
+  submitText = "继续",
+  surface = "plain",
+  testID,
+  title = "输入手机号",
+  tokens
+}) {
+  const controller = (0, import_react2.useQuickSignInController)({
+    config,
+    defaultIdentifier: identifierType,
+    identifiers: [identifierType],
+    initialIdentifier,
+    onAuthError,
+    onReauthenticationRequired,
+    onStepChange,
+    onSuccess,
+    services
+  });
+  const submittedCodeRef = (0, import_react.useRef)("");
+  (0, import_react.useEffect)(() => {
+    if (autoSubmitCode && controller.step === "code" && controller.code.length === controller.config.code.length && submittedCodeRef.current !== controller.code) {
+      submittedCodeRef.current = controller.code;
+      void controller.submitCode();
+    }
+  }, [autoSubmitCode, controller]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_components.View,
+      {
+        className: "x-taro-auth-quick x-taro-auth-step-screen",
+        "data-direction": controller.direction,
+        key: controller.revision
+      },
+      controller.step === "code" ? /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          ariaLabel: "返回修改账号",
+          className: "x-taro-auth-quick__back",
+          onClick: controller.back,
+          shape: "round",
+          size: "small",
+          type: "ghost"
+        },
+        "←"
+      ) : onClose ? /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          ariaLabel: "关闭",
+          className: "x-taro-auth-quick__close",
+          onClick: onClose,
+          shape: "round",
+          size: "small",
+          type: "ghost"
+        },
+        "×"
+      ) : null,
+      showHeader ? /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-quick__header" }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-quick__title" }, controller.step === "identifier" ? title : `输入 ${controller.config.code.length} 位验证码`), /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-quick__description" }, controller.step === "identifier" ? description : `验证码已发送至 ${controller.identifierValue}`)) : null,
+      /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form" }, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error), controller.step === "identifier" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_internal.IdentifierInput,
+        {
+          config: controller.config,
+          error: controller.fieldErrors.identifier,
+          onChange: controller.setIdentifierValue,
+          type: controller.identifierType,
+          value: controller.identifierValue
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          block: true,
+          loading: controller.submitting,
+          onClick: () => void controller.continueWithIdentifier(),
+          size: "large"
+        },
+        identifierSubmitText
+      )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_internal.VerificationCodeInput,
+        {
+          codeLength: controller.config.code.length,
+          countdown: controller.countdown,
+          error: controller.fieldErrors.code,
+          onChange: (value) => {
+            submittedCodeRef.current = "";
+            controller.setCode(value);
+          },
+          onSend: () => void controller.resend(),
+          sending: controller.sendingCode,
+          value: controller.code
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_button.Button,
+        {
+          block: true,
+          loading: controller.submitting,
+          onClick: () => void controller.submitCode(),
+          size: "large"
+        },
+        submitText
+      ))),
+      controller.step === "identifier" && footer ? /* @__PURE__ */ import_react.default.createElement(InlineFooter, null, footer) : null
+    )
+  );
+}
+function QuickSignInDialog({
+  closeOnSuccess = true,
+  modalProps,
+  onClose,
+  onSuccess,
+  visible,
+  ...props
+}) {
+  const [mounted, setMounted] = (0, import_react.useState)(visible);
+  const [flowKey, setFlowKey] = (0, import_react.useState)(0);
+  const previousVisible = (0, import_react.useRef)(visible);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setMounted(true);
+      if (!previousVisible.current) setFlowKey((value) => value + 1);
+    }
+    previousVisible.current = visible;
+  }, [visible]);
+  const handleSuccess = (0, import_react.useCallback)(
+    (session) => {
+      onSuccess == null ? void 0 : onSuccess(session);
+      if (closeOnSuccess) onClose();
+    },
+    [closeOnSuccess, onClose, onSuccess]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_modal.Modal,
+    {
+      ...modalProps,
+      afterClose: () => {
+        var _a;
+        setMounted(false);
+        (_a = modalProps == null ? void 0 : modalProps.afterClose) == null ? void 0 : _a.call(modalProps);
+      },
+      body: mounted ? /* @__PURE__ */ import_react.default.createElement(
+        QuickSignIn,
+        {
+          ...props,
+          key: flowKey,
+          onClose,
+          onSuccess: handleSuccess,
+          showHeader: true,
+          surface: "plain"
+        }
+      ) : null,
+      closeIcon: false,
+      onClose,
+      size: (modalProps == null ? void 0 : modalProps.size) ?? "small",
+      visible
+    }
+  );
+}
+function IdentifierBinding({
+  action = "bind",
+  className,
+  config,
+  currentDisplayValue,
+  identifierType,
+  onAuthError,
+  onCancel,
+  onReauthenticationRequired,
+  onSuccess,
+  requireReauthentication,
+  services,
+  style,
+  surface,
+  testID,
+  title,
+  tokens
+}) {
+  const controller = (0, import_react2.useIdentifierBindingController)({
+    action,
+    config,
+    identifierType,
+    onAuthError,
+    onReauthenticationRequired,
+    onSuccess,
+    requireReauthentication,
+    services
+  });
+  const label = (0, import_identifier.identifierLabel)(identifierType);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      description: action === "change" && currentDisplayValue ? `当前${label}：${currentDisplayValue}` : `验证新的${label}后完成${action === "bind" ? "绑定" : "更换"}`,
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID,
+      title: title ?? `${action === "bind" ? "绑定" : "更换"}${label}`
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form" }, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error), controller.shouldReauthenticate ? /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.currentPassword, label: "当前密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.currentPassword,
+        onChange: controller.setCurrentPassword,
+        placeholder: "请输入当前密码",
+        size: "large",
+        type: "password",
+        value: controller.currentPassword
+      }
+    )) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_internal.IdentifierInput,
+      {
+        config: controller.config,
+        error: controller.fieldErrors.identifier,
+        onChange: controller.setIdentifierValue,
+        type: identifierType,
+        value: controller.identifierValue
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_internal.VerificationCodeInput,
+      {
+        codeLength: controller.config.code.length,
+        countdown: controller.countdown,
+        error: controller.fieldErrors.code,
+        onChange: controller.setCode,
+        onSend: () => void controller.sendCode(),
+        sending: controller.sendingCode,
+        value: controller.code
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form__actions" }, onCancel ? /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: onCancel, size: "small", type: "outline" }, "取消") : null, /* @__PURE__ */ import_react.default.createElement(
+      import_button.Button,
+      {
+        loading: controller.submitting,
+        onClick: () => void controller.submit(),
+        size: "small"
+      },
+      "确认",
+      action === "bind" ? "绑定" : "更换"
+    )))
+  );
+}
+function ChangePassword({
+  className,
+  config,
+  description = "更新当前账号的登录密码",
+  onAuthError,
+  onCancel,
+  onReauthenticationRequired,
+  onSuccess,
+  requireCurrentPassword,
+  services,
+  style,
+  surface,
+  testID,
+  title = "修改密码",
+  tokens
+}) {
+  const controller = (0, import_react2.useChangePasswordController)({
+    config,
+    onAuthError,
+    onReauthenticationRequired,
+    onSuccess,
+    requireCurrentPassword,
+    services
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_internal.AuthPanel,
+    {
+      className,
+      description,
+      style: useAuthStyle(tokens, style),
+      surface,
+      testID,
+      title
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form" }, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error), controller.requireCurrentPassword ? /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.currentPassword, label: "当前密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.currentPassword,
+        onChange: controller.setCurrentPassword,
+        placeholder: "请输入当前密码",
+        size: "large",
+        type: "password",
+        value: controller.currentPassword
+      }
+    )) : null, /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.newPassword, label: "新密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.newPassword,
+        onChange: controller.setNewPassword,
+        placeholder: `至少 ${controller.config.password.minLength} 位`,
+        size: "large",
+        type: "password",
+        value: controller.newPassword
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_internal.AuthField, { error: controller.fieldErrors.confirmPassword, label: "确认新密码" }, /* @__PURE__ */ import_react.default.createElement(
+      import_inputItem.InputItem,
+      {
+        error: controller.fieldErrors.confirmPassword,
+        onChange: controller.setConfirmPassword,
+        placeholder: "请再次输入新密码",
+        size: "large",
+        type: "password",
+        value: controller.confirmPassword
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-form__actions" }, onCancel ? /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: onCancel, size: "small", type: "outline" }, "取消") : null, /* @__PURE__ */ import_react.default.createElement(
+      import_button.Button,
+      {
+        loading: controller.submitting,
+        onClick: () => void controller.submit(),
+        size: "small"
+      },
+      "确认修改"
+    )))
+  );
+}
+function AccountSecurity({
+  className,
+  config,
+  description = "管理可用于登录和找回账号的安全信息",
+  onAuthError,
+  onReauthenticationRequired,
+  onStateChange,
+  services,
+  state,
+  style,
+  testID,
+  title = "账号安全",
+  tokens
+}) {
+  var _a, _b;
+  const controller = (0, import_react2.useAccountSecurityController)({
+    config,
+    onAuthError,
+    onReauthenticationRequired,
+    onStateChange,
+    services,
+    state
+  });
+  const [dialog, setDialog] = (0, import_react.useState)();
+  const close = () => setDialog(void 0);
+  const complete = async () => {
+    close();
+    await controller.reload();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_components.View,
+    {
+      className: `x-taro-auth-security ${className ?? ""}`,
+      "data-testid": testID,
+      style: useAuthStyle(tokens, style)
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__header" }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__title" }, title), /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__description" }, description)),
+    /* @__PURE__ */ import_react.default.createElement(import_internal.AuthError, null, controller.error),
+    controller.loading ? /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__loading" }, "正在加载…") : null,
+    /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__list" }, controller.config.accountSecurity.identifiers.map((type) => {
+      var _a2;
+      const binding = (_a2 = controller.state) == null ? void 0 : _a2[type];
+      const action = (binding == null ? void 0 : binding.bound) ? "change" : "bind";
+      return /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__row", key: type }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__content" }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__label" }, (0, import_identifier.identifierLabel)(type)), /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__value" }, (binding == null ? void 0 : binding.bound) ? `已绑定${binding.displayValue ? `，${binding.displayValue}` : ""}` : "未绑定，绑定后可用于登录")), /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: () => setDialog({ action, type }), size: "small", type: "outline" }, action === "bind" ? "绑定" : "更换"));
+    }), /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__row" }, /* @__PURE__ */ import_react.default.createElement(import_components.View, { className: "x-taro-auth-security__content" }, /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__label" }, "密码"), /* @__PURE__ */ import_react.default.createElement(import_components.Text, { className: "x-taro-auth-security__value" }, ((_a = controller.state) == null ? void 0 : _a.password.set) ? "已设置，可通过密码登录" : "未设置")), /* @__PURE__ */ import_react.default.createElement(import_button.Button, { onClick: () => setDialog({ action: "password" }), size: "small", type: "outline" }, "修改"))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_modal.Modal,
+      {
+        body: (dialog == null ? void 0 : dialog.action) === "password" ? /* @__PURE__ */ import_react.default.createElement(
+          ChangePassword,
+          {
+            config,
+            onCancel: close,
+            onSuccess: () => void complete(),
+            services,
+            surface: "plain"
+          }
+        ) : (dialog == null ? void 0 : dialog.type) ? /* @__PURE__ */ import_react.default.createElement(
+          IdentifierBinding,
+          {
+            action: dialog.action,
+            config,
+            currentDisplayValue: (_b = controller.state) == null ? void 0 : _b[dialog.type].displayValue,
+            identifierType: dialog.type,
+            onCancel: close,
+            onSuccess: () => void complete(),
+            services,
+            surface: "plain"
+          }
+        ) : null,
+        closeIcon: true,
+        onClose: close,
+        size: "small",
+        visible: Boolean(dialog)
+      }
+    )
+  );
+}
+function BindPhone(props) {
+  return /* @__PURE__ */ import_react.default.createElement(IdentifierBinding, { ...props, action: "bind", identifierType: "phone" });
+}
+function BindEmail(props) {
+  return /* @__PURE__ */ import_react.default.createElement(IdentifierBinding, { ...props, action: "bind", identifierType: "email" });
+}
+function ChangePhone(props) {
+  return /* @__PURE__ */ import_react.default.createElement(IdentifierBinding, { ...props, action: "change", identifierType: "phone" });
+}
+function ChangeEmail(props) {
+  return /* @__PURE__ */ import_react.default.createElement(IdentifierBinding, { ...props, action: "change", identifierType: "email" });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountSecurity,
+  BindEmail,
+  BindPhone,
+  ChangeEmail,
+  ChangePassword,
+  ChangePhone,
+  ForgotPassword,
+  IdentifierBinding,
+  QuickSignIn,
+  QuickSignInDialog,
+  SignIn,
+  SignUp,
+  ThirdPartySignIn
+});