@pisell/private-materials 6.6.2 → 6.7.2

package/lib/pro/Login2.0/steps/SetPassword.js

@@ -0,0 +1,131 @@
+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/pro/Login2.0/steps/SetPassword.tsx
+var SetPassword_exports = {};
+__export(SetPassword_exports, {
+  default: () => SetPassword_default
+});
+module.exports = __toCommonJS(SetPassword_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var import_usePasswordValidationRules = __toESM(require("../hooks/usePasswordValidationRules"));
+function SetPassword({
+  flowData,
+  onSubmit,
+  onBack,
+  loading = false,
+  passwordRules = {
+    minLength: 8,
+    requireNumber: true
+  },
+  scenario = "create"
+}) {
+  const [form] = import_antd.Form.useForm();
+  const [showPassword, setShowPassword] = (0, import_react.useState)(false);
+  const [showConfirmPassword, setShowConfirmPassword] = (0, import_react.useState)(false);
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+      await (onSubmit == null ? void 0 : onSubmit(values.password, values.confirmPassword));
+    } catch (error) {
+      if (error.errorFields) {
+        return;
+      }
+      import_antd.message.error((error == null ? void 0 : error.message) || import_utils.locales.getText("pisell-set-password-failed"));
+    }
+  };
+  const passwordValidationRules = (0, import_usePasswordValidationRules.default)(passwordRules, {
+    translate: import_utils.locales.getText,
+    fallbackMinLength: 8,
+    messageKeys: {
+      required: import_utils.locales.getText("pisell-set-password-required"),
+      minLength: import_utils.locales.getText("pisell-set-password-min-length"),
+      requireUppercase: import_utils.locales.getText("pisell-set-password-require-uppercase"),
+      requireLowercase: import_utils.locales.getText("pisell-set-password-require-lowercase"),
+      requireNumber: import_utils.locales.getText("pisell-set-password-require-number"),
+      requireSpecialCharacters: import_utils.locales.getText("pisell-set-password-require-special"),
+      summary: import_utils.locales.getText("pisell-set-password-must-contain")
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "register-step-title" }, scenario === "create" ? import_utils.locales.getText("pisell-set-password-create-title") : import_utils.locales.getText("pisell-set-password-reset-title")), /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", className: "password-set-form" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "password", rules: passwordValidationRules }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Input.Password,
+    {
+      size: "large",
+      placeholder: import_utils.locales.getText("pisell-set-password-placeholder"),
+      className: "password-input",
+      autoComplete: "new-password",
+      iconRender: (visible) => visible ? /* @__PURE__ */ import_react.default.createElement(import_icons.EyeOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.EyeInvisibleOutlined, null)
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: "confirmPassword",
+      dependencies: ["password"],
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText("pisell-set-password-confirm-required")
+        },
+        ({ getFieldValue }) => ({
+          validator(_, value) {
+            if (!value || getFieldValue("password") === value) {
+              return Promise.resolve();
+            }
+            return Promise.reject(new Error(import_utils.locales.getText("pisell-set-password-not-match")));
+          }
+        })
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input.Password,
+      {
+        size: "large",
+        placeholder: import_utils.locales.getText("pisell-set-password-confirm-placeholder"),
+        className: "password-input",
+        autoComplete: "new-password",
+        iconRender: (visible) => visible ? /* @__PURE__ */ import_react.default.createElement(import_icons.EyeOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.EyeInvisibleOutlined, null)
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "primary",
+      size: "large",
+      block: true,
+      onClick: handleSubmit,
+      loading,
+      className: "register-submit-btn"
+    },
+    scenario === "create" ? import_utils.locales.getText("pisell-set-password-submit") : import_utils.locales.getText("pisell-common-confirm")
+  ))));
+}
+var SetPassword_default = SetPassword;

package/lib/pro/Login2.0/steps/VerificationSuccess.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { RegisterFlowData } from '../shared/registerFlow';
+export interface VerificationSuccessProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+}
+declare function VerificationSuccess({ flowData }: VerificationSuccessProps): JSX.Element;
+export default VerificationSuccess;

package/lib/pro/Login2.0/steps/VerificationSuccess.js

@@ -0,0 +1,49 @@
+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/pro/Login2.0/steps/VerificationSuccess.tsx
+var VerificationSuccess_exports = {};
+__export(VerificationSuccess_exports, {
+  default: () => VerificationSuccess_default
+});
+module.exports = __toCommonJS(VerificationSuccess_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+function VerificationSuccess({ flowData }) {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "success-icon-wrapper" }, /* @__PURE__ */ import_react.default.createElement("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "32", cy: "32", r: "32", fill: "#10B981", fillOpacity: "0.1" }), /* @__PURE__ */ import_react.default.createElement(
+    "path",
+    {
+      d: "M22 32L28 38L42 24",
+      stroke: "#10B981",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("h2", { className: "register-step-title" }, import_utils.locales.getText("pisell-verification-success-title"))));
+}
+var VerificationSuccess_default = VerificationSuccess;

package/lib/pro/Login2.0/steps/VerifyingEmailLink.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface VerifyingEmailLinkProps {
+    /** 加载提示文本（可选，不传则使用国际化默认文本） */
+    loadingText?: string;
+}
+declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): JSX.Element;
+export default VerifyingEmailLink;

package/lib/pro/Login2.0/steps/VerifyingEmailLink.js

@@ -0,0 +1,41 @@
+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/pro/Login2.0/steps/VerifyingEmailLink.tsx
+var VerifyingEmailLink_exports = {};
+__export(VerifyingEmailLink_exports, {
+  default: () => VerifyingEmailLink_default
+});
+module.exports = __toCommonJS(VerifyingEmailLink_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+function VerifyingEmailLink({ loadingText }) {
+  const text = loadingText || import_utils.locales.getText("pisell-register2-verifying-email");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container verifying-email-link-page" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("p", { className: "verifying-text" }, text)));
+}
+var VerifyingEmailLink_default = VerifyingEmailLink;

package/lib/pro/Login2.0/steps/WaitEmailLink.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { RegisterFlowData, VerificationMethod } from '../shared/registerFlow';
+export interface WaitEmailLinkProps {
+    /** 流程数据 */
+    flowData: RegisterFlowData;
+    /** 重新发送 */
+    onResend?: () => void;
+    /** 返回 */
+    onBack?: () => void;
+    /** 编辑邮箱 */
+    onEditEmail?: () => void;
+    /** 倒计时秒数 */
+    countdown?: number;
+    /** 验证方式 */
+    verificationMethod?: VerificationMethod;
+}
+declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): JSX.Element;
+export default WaitEmailLink;

package/lib/pro/Login2.0/steps/WaitEmailLink.js

@@ -0,0 +1,67 @@
+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/pro/Login2.0/steps/WaitEmailLink.tsx
+var WaitEmailLink_exports = {};
+__export(WaitEmailLink_exports, {
+  default: () => WaitEmailLink_default
+});
+module.exports = __toCommonJS(WaitEmailLink_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("@pisell/materials/src/components/iconfont"));
+function WaitEmailLink({
+  flowData,
+  onResend,
+  onBack,
+  onEditEmail,
+  countdown = 0,
+  verificationMethod
+}) {
+  const canResend = countdown === 0;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container" }, onBack && /* @__PURE__ */ import_react.default.createElement("button", { className: "back-button-top", onClick: onBack, "aria-label": "Go back" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-arrow-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-title-verify-email" }, import_utils.locales.getText("pisell-register2-verify-email-title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-desc-verify-email" }, import_utils.locales.getText("pisell-register2-verify-email-desc")), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-email-display" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "email-text" }, flowData.account), onEditEmail && /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className: "edit-email-btn",
+      onClick: onEditEmail,
+      "aria-label": "Edit email"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-edit-05", style: { fontSize: "20px", color: "#7F56D9" } })
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-resend-section" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "resend-text" }, import_utils.locales.getText("pisell-register2-no-link-received"), " "), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className: "resend-link",
+      onClick: onResend,
+      disabled: !canResend
+    },
+    import_utils.locales.getText("pisell-common-resend"),
+    " ",
+    countdown > 0 && `(${countdown} s)`
+  ))));
+}
+var WaitEmailLink_default = WaitEmailLink;

package/lib/pro/Login2.0/steps/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 注册流程步骤组件导出
+ */
+export { default as WaitEmailLink } from './WaitEmailLink';
+export { default as EmailAlreadyRegistered } from './EmailAlreadyRegistered';
+export { default as CodeInput } from './CodeInput';
+export { default as VerificationSuccess } from './VerificationSuccess';
+export { default as SetPassword } from './SetPassword';
+export { default as VerifyingEmailLink } from './VerifyingEmailLink';
+export { default as EmailLinkExpired } from './EmailLinkExpired';
+export { default as EmailLinkAlreadyUsed } from './EmailLinkAlreadyUsed';
+export type { WaitEmailLinkProps } from './WaitEmailLink';
+export type { EmailAlreadyRegisteredProps } from './EmailAlreadyRegistered';
+export type { CodeInputProps } from './CodeInput';
+export type { VerificationSuccessProps } from './VerificationSuccess';
+export type { SetPasswordProps } from './SetPassword';
+export type { VerifyingEmailLinkProps } from './VerifyingEmailLink';
+export type { EmailLinkExpiredProps } from './EmailLinkExpired';
+export type { EmailLinkAlreadyUsedProps } from './EmailLinkAlreadyUsed';

package/lib/pro/Login2.0/steps/index.js

@@ -0,0 +1,60 @@
+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/pro/Login2.0/steps/index.ts
+var steps_exports = {};
+__export(steps_exports, {
+  CodeInput: () => import_CodeInput.default,
+  EmailAlreadyRegistered: () => import_EmailAlreadyRegistered.default,
+  EmailLinkAlreadyUsed: () => import_EmailLinkAlreadyUsed.default,
+  EmailLinkExpired: () => import_EmailLinkExpired.default,
+  SetPassword: () => import_SetPassword.default,
+  VerificationSuccess: () => import_VerificationSuccess.default,
+  VerifyingEmailLink: () => import_VerifyingEmailLink.default,
+  WaitEmailLink: () => import_WaitEmailLink.default
+});
+module.exports = __toCommonJS(steps_exports);
+var import_WaitEmailLink = __toESM(require("./WaitEmailLink"));
+var import_EmailAlreadyRegistered = __toESM(require("./EmailAlreadyRegistered"));
+var import_CodeInput = __toESM(require("./CodeInput"));
+var import_VerificationSuccess = __toESM(require("./VerificationSuccess"));
+var import_SetPassword = __toESM(require("./SetPassword"));
+var import_VerifyingEmailLink = __toESM(require("./VerifyingEmailLink"));
+var import_EmailLinkExpired = __toESM(require("./EmailLinkExpired"));
+var import_EmailLinkAlreadyUsed = __toESM(require("./EmailLinkAlreadyUsed"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeInput,
+  EmailAlreadyRegistered,
+  EmailLinkAlreadyUsed,
+  EmailLinkExpired,
+  SetPassword,
+  VerificationSuccess,
+  VerifyingEmailLink,
+  WaitEmailLink
+});