@pisell/private-materials 6.3.29 → 6.3.31

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

@@ -0,0 +1,160 @@
+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/CodeInput.tsx
+var CodeInput_exports = {};
+__export(CodeInput_exports, {
+  default: () => CodeInput_default
+});
+module.exports = __toCommonJS(CodeInput_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("@pisell/materials/src/components/iconfont"));
+function CodeInput({
+  flowData,
+  codeLength = 4,
+  onSubmit,
+  onResend,
+  onBack,
+  countdown = 0,
+  loading = false,
+  error,
+  onClearError
+}) {
+  const [code, setCode] = (0, import_react.useState)(Array(codeLength).fill(""));
+  const inputRefs = (0, import_react.useRef)([]);
+  const canResend = countdown === 0;
+  (0, import_react.useEffect)(() => {
+    var _a;
+    (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (error) {
+      setCode(Array(codeLength).fill(""));
+      (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
+    }
+  }, [error, codeLength]);
+  const handleInputChange = (index, value) => {
+    var _a;
+    if (!/^\d*$/.test(value)) return;
+    if (value && error && onClearError) {
+      onClearError();
+    }
+    const newCode = [...code];
+    newCode[index] = value.slice(-1);
+    setCode(newCode);
+    if (value && index < codeLength - 1) {
+      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+    }
+    if (newCode.every((digit) => digit !== "")) {
+      const fullCode = newCode.join("");
+      onSubmit == null ? void 0 : onSubmit(fullCode);
+    }
+  };
+  const handleKeyDown = (index, e) => {
+    var _a;
+    if (e.key === "Backspace" && !code[index] && index > 0) {
+      (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
+    }
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const pastedData = e.clipboardData.getData("text").trim();
+    if (!/^\d+$/.test(pastedData)) return;
+    if (pastedData && error && onClearError) {
+      onClearError();
+    }
+    const newCode = pastedData.slice(0, codeLength).split("");
+    while (newCode.length < codeLength) {
+      newCode.push("");
+    }
+    setCode(newCode);
+    if (newCode.every((digit) => digit !== "")) {
+      onSubmit == null ? void 0 : onSubmit(newCode.join(""));
+    }
+  };
+  const handleSubmit = () => {
+    const fullCode = code.join("");
+    if (fullCode.length === codeLength) {
+      onSubmit == null ? void 0 : onSubmit(fullCode);
+    }
+  };
+  const title = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-title") : import_utils.locales.getText("pisell-register2-check-phone-title");
+  const description = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-desc") : import_utils.locales.getText("pisell-register2-check-phone-desc");
+  const displayAccount = typeof flowData.account === "object" && "phone" in flowData.account ? `+${flowData.account.country_calling_code}${flowData.account.phone}` : flowData.account;
+  const noReceiveText = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-no-email-received") : import_utils.locales.getText("pisell-register2-no-message-received");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container code-input-page" }, /* @__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("h2", { className: "register-step-title" }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: "register-step-desc" }, description, /* @__PURE__ */ import_react.default.createElement("br", null), displayAccount), /* @__PURE__ */ import_react.default.createElement("div", { className: "code-input-group", onPaste: handlePaste }, code.map((digit, index) => /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      key: index,
+      ref: (el) => inputRefs.current[index] = el,
+      type: "text",
+      inputMode: "numeric",
+      maxLength: 1,
+      className: `code-input-box ${digit ? "has-value" : ""} ${error ? "has-error" : ""}`,
+      value: digit,
+      onChange: (e) => handleInputChange(index, e.target.value),
+      onKeyDown: (e) => handleKeyDown(index, e),
+      disabled: loading
+    }
+  ))), error && /* @__PURE__ */ import_react.default.createElement("div", { className: "code-input-error" }, error), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "primary",
+      size: "large",
+      block: true,
+      onClick: handleSubmit,
+      loading,
+      disabled: code.some((digit) => !digit),
+      className: "register-submit-btn"
+    },
+    import_utils.locales.getText("pisell-common-verify")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "default",
+      size: "large",
+      block: true,
+      onClick: onBack,
+      className: "register-back-btn"
+    },
+    import_utils.locales.getText("pisell-common-back")
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-resend-section" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "resend-text" }, noReceiveText, " "), /* @__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 CodeInput_default = CodeInput;

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

@@ -0,0 +1,46 @@
+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/EmailAlreadyRegistered.tsx
+var EmailAlreadyRegistered_exports = {};
+__export(EmailAlreadyRegistered_exports, {
+  default: () => EmailAlreadyRegistered_default
+});
+module.exports = __toCommonJS(EmailAlreadyRegistered_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("@pisell/materials/src/components/iconfont"));
+function EmailAlreadyRegistered({
+  flowData,
+  onGoToLogin,
+  onBack
+}) {
+  const message = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-email-already-registered") : import_utils.locales.getText("pisell-register2-phone-already-registered");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container email-already-registered-page" }, /* @__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("p", { className: "email-already-registered-message" }, message), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-login-prompt" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "prompt-text" }, import_utils.locales.getText("pisell-register2-have-account"), " "), /* @__PURE__ */ import_react.default.createElement("button", { className: "login-link", onClick: onGoToLogin }, import_utils.locales.getText("pisell-register2-login-link")))));
+}
+var EmailAlreadyRegistered_default = EmailAlreadyRegistered;

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

@@ -0,0 +1,51 @@
+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/EmailLinkAlreadyUsed.tsx
+var EmailLinkAlreadyUsed_exports = {};
+__export(EmailLinkAlreadyUsed_exports, {
+  default: () => EmailLinkAlreadyUsed_default
+});
+module.exports = __toCommonJS(EmailLinkAlreadyUsed_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+function EmailLinkAlreadyUsed({ onGoToLogin }) {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container email-link-already-used-page" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "email-link-result-title" }, import_utils.locales.getText("pisell-register2-link-already-used-title")), /* @__PURE__ */ import_react.default.createElement("p", { className: "email-link-result-desc" }, import_utils.locales.getText("pisell-register2-link-already-used-desc")), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "primary",
+      size: "large",
+      block: true,
+      onClick: onGoToLogin,
+      className: "register-submit-btn"
+    },
+    import_utils.locales.getText("pisell-register2-login-button")
+  )));
+}
+var EmailLinkAlreadyUsed_default = EmailLinkAlreadyUsed;

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

@@ -0,0 +1,51 @@
+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/EmailLinkExpired.tsx
+var EmailLinkExpired_exports = {};
+__export(EmailLinkExpired_exports, {
+  default: () => EmailLinkExpired_default
+});
+module.exports = __toCommonJS(EmailLinkExpired_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+function EmailLinkExpired({ onBackToRegistration, onGoToLogin }) {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container email-link-expired-page" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "email-link-result-title" }, import_utils.locales.getText("pisell-register2-link-expired-title")), /* @__PURE__ */ import_react.default.createElement("p", { className: "email-link-result-desc" }, import_utils.locales.getText("pisell-register2-link-expired-desc")), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "primary",
+      size: "large",
+      block: true,
+      onClick: onBackToRegistration,
+      className: "register-submit-btn"
+    },
+    import_utils.locales.getText("pisell-register2-back-to-registration")
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-footer-prompt" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "prompt-text" }, import_utils.locales.getText("pisell-register2-have-account"), " "), /* @__PURE__ */ import_react.default.createElement("button", { className: "prompt-link", onClick: onGoToLogin }, import_utils.locales.getText("pisell-register2-login-link")))));
+}
+var EmailLinkExpired_default = EmailLinkExpired;

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: "pisell-set-password-required",
+      minLength: "pisell-set-password-min-length",
+      requireUppercase: "pisell-set-password-require-uppercase",
+      requireLowercase: "pisell-set-password-require-lowercase",
+      requireNumber: "pisell-set-password-require-number",
+      requireSpecialCharacters: "pisell-set-password-require-special",
+      summary: "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.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.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.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;