@pisell/private-materials 6.2.42 → 6.2.44

package/lib/plus/saasRegister/components/GoLogin.js

@@ -0,0 +1,58 @@
+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/plus/saasRegister/components/GoLogin.tsx
+var GoLogin_exports = {};
+__export(GoLogin_exports, {
+  default: () => GoLogin_default
+});
+module.exports = __toCommonJS(GoLogin_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import__ = require("../index.less");
+var GoLogin = (props) => {
+  const {
+    showLogin = true,
+    loginAlign = "center",
+    showLoginText = true,
+    loginText = import_utils.locales.getText("pisell-saas-register-login-text"),
+    loginLinkText = import_utils.locales.getText("pisell-saas-register-login-link-text"),
+    showLoginLinkText = true,
+    onGoLogin
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showLogin && /* @__PURE__ */ import_react.default.createElement(
+    "p",
+    {
+      className: "pisell-saas-register-action",
+      style: { textAlign: loginAlign }
+    },
+    showLoginText ? loginText : "",
+    showLoginLinkText && /* @__PURE__ */ import_react.default.createElement("a", { onClick: onGoLogin }, loginLinkText || "")
+  ));
+};
+var GoLogin_default = GoLogin;

package/lib/plus/saasRegister/components/Header.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SRProps } from '../types';
+import '../index.less';
+export declare const Header: (props: SRProps) => JSX.Element;

package/lib/plus/saasRegister/components/Header.js

@@ -0,0 +1,99 @@
+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/plus/saasRegister/components/Header.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  Header: () => Header
+});
+module.exports = __toCommonJS(Header_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import__ = require("../index.less");
+var Header = (props) => {
+  const {
+    showLogo = true,
+    logo = "",
+    logoSize = { width: 48, height: 48 },
+    logoPosition = "center",
+    showWelcomeMessage = true,
+    welcomeMessage = import_utils.locales.getText("pisell-saas-register-welcome-message"),
+    welcomeMessageAlign = "center",
+    showTitle = true,
+    title = import_utils.locales.getText("pisell-saas-register-title"),
+    titleAlign = "center",
+    showSubtitle = true,
+    subtitle = import_utils.locales.getText("pisell-saas-register-subtitle"),
+    subtitleAlign = "center"
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showLogo && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `pisell-saas-register-logo ${logoPosition}`,
+      style: {
+        width: logoSize.width,
+        height: logoSize.height
+      }
+    },
+    logo && /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: logo,
+        alt: "logo",
+        style: {
+          height: (logoSize == null ? void 0 : logoSize.height) || 48
+        }
+      }
+    )
+  ), showWelcomeMessage && /* @__PURE__ */ import_react.default.createElement(
+    "h1",
+    {
+      className: "pisell-saas-register-welcome-message",
+      style: { textAlign: welcomeMessageAlign }
+    },
+    welcomeMessage || ""
+  ), showTitle && /* @__PURE__ */ import_react.default.createElement(
+    "h1",
+    {
+      className: "pisell-saas-register-title",
+      style: { textAlign: titleAlign }
+    },
+    title || ""
+  ), showSubtitle && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-saas-register-subtitle",
+      style: { textAlign: subtitleAlign }
+    },
+    subtitle || ""
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Header
+});

package/lib/plus/saasRegister/components/VerifyError.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SRStepStatus } from '../types';
+import '../index.less';
+declare const VerifyError: (props: {
+    status?: SRStepStatus;
+    onBackToRegister?: () => void;
+    onGoLogin?: () => void;
+}) => JSX.Element | null;
+export default VerifyError;

package/lib/plus/saasRegister/components/VerifyError.js

@@ -0,0 +1,123 @@
+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/plus/saasRegister/components/VerifyError.tsx
+var VerifyError_exports = {};
+__export(VerifyError_exports, {
+  default: () => VerifyError_default
+});
+module.exports = __toCommonJS(VerifyError_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_GoLogin = __toESM(require("./GoLogin"));
+var import_types = require("../types");
+var import__ = require("../index.less");
+var VerifyErrorContent = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-title" }, props.title), props.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-subtitle" }, props.subtitle) : null), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "primary",
+      block: true,
+      size: "large",
+      className: "pisell-saas-register-button margin-top-32",
+      onClick: props.onClick
+    },
+    props.buttonText
+  ), props.showGoLogin ? /* @__PURE__ */ import_react.default.createElement(import_GoLogin.default, { onGoLogin: props.onGoLogin }) : null);
+};
+var VerifyError = (props) => {
+  const { status, onBackToRegister } = props;
+  if (status === import_types.SRStepStatus.FAILED_EMAIL_REGISTERED) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      VerifyErrorContent,
+      {
+        title: import_utils.locales.getText(
+          "pisell-saas-register-failed-email-registered-title"
+        ),
+        buttonText: import_utils.locales.getText("pisell-saas-register-failed-button-text"),
+        onClick: onBackToRegister,
+        showGoLogin: true,
+        onGoLogin: props.onGoLogin
+      }
+    );
+  }
+  if (status === import_types.SRStepStatus.FAILED_LINK_EXPIRED) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      VerifyErrorContent,
+      {
+        title: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-expired-title"
+        ),
+        subtitle: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-expired-subtitle"
+        ),
+        buttonText: import_utils.locales.getText("pisell-saas-register-failed-button-text"),
+        onClick: onBackToRegister,
+        showGoLogin: true,
+        onGoLogin: props.onGoLogin
+      }
+    );
+  }
+  if (status === import_types.SRStepStatus.FAILED_LINK_EMAIL_REGISTERED) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      VerifyErrorContent,
+      {
+        title: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-email-registered-title"
+        ),
+        subtitle: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-email-registered-subtitle"
+        ),
+        buttonText: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-email-registered-button-text"
+        ),
+        onClick: props.onGoLogin
+      }
+    );
+  }
+  if (status === import_types.SRStepStatus.FAILED_LINK_INVALID) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      VerifyErrorContent,
+      {
+        title: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-invalid-title"
+        ),
+        subtitle: import_utils.locales.getText(
+          "pisell-saas-register-failed-link-invalid-subtitle"
+        ),
+        buttonText: import_utils.locales.getText("pisell-saas-register-failed-button-text"),
+        onClick: onBackToRegister,
+        showGoLogin: true,
+        onGoLogin: props.onGoLogin
+      }
+    );
+  }
+  return null;
+};
+var VerifyError_default = VerifyError;

package/lib/plus/saasRegister/components/VerifyingLink.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import '../index.less';
+declare const VerifyingEmailLink: (props: {
+    onVerifyLink: () => Promise<void>;
+}) => JSX.Element;
+export default VerifyingEmailLink;

package/lib/plus/saasRegister/components/VerifyingLink.js

@@ -0,0 +1,44 @@
+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/plus/saasRegister/components/VerifyingLink.tsx
+var VerifyingLink_exports = {};
+__export(VerifyingLink_exports, {
+  default: () => VerifyingLink_default
+});
+module.exports = __toCommonJS(VerifyingLink_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import__ = require("../index.less");
+var VerifyingEmailLink = (props) => {
+  (0, import_react.useEffect)(() => {
+    props.onVerifyLink();
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-title" }, import_utils.locales.getText("pisell-saas-register-verifying-email-title"))));
+};
+var VerifyingLink_default = VerifyingEmailLink;

package/lib/plus/saasRegister/components/VertifyEmail.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../index.less';
+declare const VertifyEmail: (props: {
+    email: string;
+    onSendEmail: () => Promise<void>;
+    onEditEmail: () => void;
+}) => JSX.Element;
+export default VertifyEmail;

package/lib/plus/saasRegister/components/VertifyEmail.js

@@ -0,0 +1,110 @@
+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/plus/saasRegister/components/VertifyEmail.tsx
+var VertifyEmail_exports = {};
+__export(VertifyEmail_exports, {
+  default: () => VertifyEmail_default
+});
+module.exports = __toCommonJS(VertifyEmail_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import__ = require("../index.less");
+var COUNTDOWN_NUM = 60;
+var VertifyEmail = (props) => {
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [countdown, setCountdown] = (0, import_react.useState)(0);
+  const countdownRef = (0, import_react.useRef)(0);
+  const timerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    _onSendEmail();
+    return () => {
+      timerRef.current && clearInterval(timerRef.current);
+      timerRef.current = null;
+    };
+  }, []);
+  const _startCountdown = () => {
+    if (timerRef.current) {
+      return;
+    }
+    countdownRef.current = COUNTDOWN_NUM;
+    setCountdown(countdownRef.current);
+    timerRef.current = setInterval(() => {
+      if (countdownRef.current > 0) {
+        countdownRef.current = countdownRef.current - 1;
+        setCountdown(countdownRef.current);
+      } else {
+        clearInterval(timerRef.current);
+        timerRef.current = null;
+      }
+    }, 1e3);
+  };
+  const _onSendEmail = async () => {
+    var _a;
+    if (countdownRef.current > 0 || loading) {
+      return;
+    }
+    setLoading(true);
+    try {
+      await ((_a = props == null ? void 0 : props.onSendEmail) == null ? void 0 : _a.call(props));
+      _startCountdown();
+    } catch (error) {
+      console.error("onResend failed:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-title" }, import_utils.locales.getText("pisell-saas-register-verify-email-title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-subtitle" }, import_utils.locales.getText("pisell-saas-register-verify-email-subtitle")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-saas-register-form-email" }, props.email, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Iconfont,
+    {
+      type: "pisell2-edit-05",
+      className: "pisell-saas-register-form-email-icon",
+      onClick: props.onEditEmail
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-saas-register-action",
+      style: { marginTop: "32px", textAlign: "center" }
+    },
+    import_utils.locales.getText("pisell-saas-register-resend-text"),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "link",
+        onClick: _onSendEmail,
+        disabled: countdown > 0 || loading,
+        className: "pisell-saas-register-link-button"
+      },
+      import_utils.locales.getText("pisell-saas-register-resend-button-text"),
+      /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: "4px" } }, countdown > 0 && `(${countdown})`)
+    )
+  ));
+};
+var VertifyEmail_default = VertifyEmail;

package/lib/plus/saasRegister/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SRProps } from './types';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<SRProps & React.RefAttributes<any>>;
+export default _default;