@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/plus/saasLogin/utils.js

@@ -1,29 +0,0 @@
-//#region src/plus/saasLogin/utils.ts
-const mergeData = (locales, props) => {
-	return {
-		...props,
-		logo: props.logo || "",
-		logoSize: props.logoSize || {
-			width: 48,
-			height: 48
-		},
-		logoPosition: props.logoPosition ?? "center",
-		welcomeMessage: props.welcomeMessage ?? locales.getText("pisell-saas-login-welcome-message"),
-		welcomeMessageAlign: props.welcomeMessageAlign ?? "center",
-		title: props.title ?? locales.getText("pisell-saas-login-title"),
-		titleAlign: props.titleAlign ?? "center",
-		subtitle: props.subtitle ?? locales.getText("pisell-saas-login-subtitle"),
-		subtitleAlign: props.subtitleAlign ?? "center",
-		emailLabel: props.emailLabel ?? locales.getText("pisell-saas-login-email-label"),
-		emailPlaceholder: props.emailPlaceholder ?? locales.getText("pisell-saas-login-email-placeholder"),
-		passwordLabel: props.passwordLabel ?? locales.getText("pisell-saas-login-password-label"),
-		passwordPlaceholder: props.passwordPlaceholder ?? locales.getText("pisell-saas-login-password-placeholder"),
-		buttonText: props.buttonText ?? locales.getText("pisell-saas-login-button"),
-		registerText: props.registerText ?? locales.getText("pisell-saas-login-register-text"),
-		registerLinkText: props.registerLinkText ?? locales.getText("pisell-saas-login-register-link"),
-		registerAlign: props.registerAlign ?? "center"
-	};
-};
-
-//#endregion
-export { mergeData };

package/dist/es/plus/saasRegister/components/EntryEmail.js

@@ -1,48 +0,0 @@
-import React, { useState } from "react";
-import { Button, Form, Input } from "antd";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/EntryEmail.tsx
-const EntryEmail = (props) => {
-	const [loading, setLoading] = useState(false);
-	const { emailLabel = locales.getText("pisell-saas-register-email-label"), emailPlaceholder = locales.getText("pisell-saas-register-email-placeholder"), onVerifyEmail, buttonText = locales.getText("pisell-saas-register-button"), form } = props;
-	const emailRules = [{
-		required: true,
-		message: locales.getText("pisell-saas-register-email-error")
-	}, {
-		type: "email",
-		message: locales.getText("pisell-saas-register-email-error-valid")
-	}];
-	const _onClick = async () => {
-		try {
-			setLoading(true);
-			const values = await form.validateFields();
-			const result = await onVerifyEmail?.(values.email);
-			props.handleVerifyEmail(!!result);
-		} catch (error) {
-			console.error("handleVerifyEmail failed:", error);
-		} finally {
-			setLoading(false);
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ React.createElement("div", { className: "form-item-label" }, emailLabel), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "email",
-		rules: emailRules
-	}, /* @__PURE__ */ React.createElement(Input, {
-		placeholder: emailPlaceholder,
-		size: "large",
-		className: "pisell-saas-register-input"
-	})), /* @__PURE__ */ React.createElement(Button, {
-		type: "primary",
-		block: true,
-		size: "large",
-		loading,
-		className: "pisell-saas-register-button",
-		onClick: _onClick
-	}, buttonText));
-};
-var EntryEmail_default = EntryEmail;
-
-//#endregion
-export { EntryEmail_default as default };

package/dist/es/plus/saasRegister/components/EntryInfo.js

@@ -1,66 +0,0 @@
-import React, { useState } from "react";
-import { Button, Form, Input } from "antd";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/EntryInfo.tsx
-const EntryInfo = (props) => {
-	const { passwordLabel = locales.getText("pisell-saas-register-password-label"), passwordPlaceholder = locales.getText("pisell-saas-register-password-placeholder"), showDivider = true, dividerText = locales.getText("pisell-saas-register-divider-text"), showFirstName = true, showLastName = true, form } = props;
-	const [loading, setLoading] = useState(false);
-	const _handleEntryInfo = async () => {
-		if (loading) return;
-		setLoading(true);
-		try {
-			const values = await form.validateFields() || {};
-			await props?.onEntryInfo?.({
-				...values,
-				token: props.emailToken
-			});
-		} catch (error) {
-			console.error("handleEntryInfo_failed:", error);
-		} finally {
-			setLoading(false);
-		}
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-saas-register-form-email",
-		style: { marginTop: "12px" }
-	}, form.getFieldValue("email")), /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ React.createElement("div", { className: "form-item-label" }, passwordLabel), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "password",
-		rules: [{
-			required: true,
-			message: locales.getText("pisell-saas-register-password-required")
-		}]
-	}, /* @__PURE__ */ React.createElement(Input.Password, {
-		placeholder: passwordPlaceholder,
-		size: "large",
-		className: "pisell-saas-register-input"
-	})), showDivider && /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-divider" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-divider-text" }, dividerText)), /* @__PURE__ */ React.createElement("div", null, showFirstName && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "form-item-label" }, locales.getText("pisell-saas-register-first-name-label")), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "firstName",
-		rules: [{ required: false }]
-	}, /* @__PURE__ */ React.createElement(Input, {
-		placeholder: locales.getText("pisell-saas-register-first-name-placeholder"),
-		size: "large",
-		className: "pisell-saas-register-input",
-		maxLength: 50
-	}))), showLastName && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "form-item-label" }, locales.getText("pisell-saas-register-last-name-label")), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "lastName",
-		rules: [{ required: false }]
-	}, /* @__PURE__ */ React.createElement(Input, {
-		placeholder: locales.getText("pisell-saas-register-last-name-placeholder"),
-		size: "large",
-		className: "pisell-saas-register-input",
-		maxLength: 50
-	}))), /* @__PURE__ */ React.createElement(Button, {
-		type: "primary",
-		block: true,
-		size: "large",
-		className: "pisell-saas-register-button",
-		loading,
-		onClick: _handleEntryInfo
-	}, locales.getText("pisell-saas-register-button")))));
-};
-var EntryInfo_default = EntryInfo;
-
-//#endregion
-export { EntryInfo_default as default };

package/dist/es/plus/saasRegister/components/GoLogin.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/GoLogin.tsx
-const GoLogin = (props) => {
-	const { showLogin = true, loginAlign = "center", showLoginText = true, loginText = locales.getText("pisell-saas-register-login-text"), loginLinkText = locales.getText("pisell-saas-register-login-link-text"), showLoginLinkText = true, onGoLogin } = props;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, showLogin && /* @__PURE__ */ React.createElement("p", {
-		className: "pisell-saas-register-action",
-		style: { textAlign: loginAlign }
-	}, showLoginText ? loginText : "", showLoginLinkText && /* @__PURE__ */ React.createElement("a", { onClick: onGoLogin }, loginLinkText || "")));
-};
-var GoLogin_default = GoLogin;
-
-//#endregion
-export { GoLogin_default as default };

package/dist/es/plus/saasRegister/components/Header.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/Header.tsx
-const Header = (props) => {
-	const { showLogo = true, logo = "", logoSize = {
-		width: 48,
-		height: 48
-	}, logoPosition = "center", showWelcomeMessage = true, welcomeMessage = locales.getText("pisell-saas-register-welcome-message"), welcomeMessageAlign = "center", showTitle = true, title = locales.getText("pisell-saas-register-title"), titleAlign = "center", showSubtitle = true, subtitle = locales.getText("pisell-saas-register-subtitle"), subtitleAlign = "center" } = props;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, showLogo && /* @__PURE__ */ React.createElement("div", {
-		className: `pisell-saas-register-logo ${logoPosition}`,
-		style: {
-			width: logoSize.width,
-			height: logoSize.height
-		}
-	}, logo && /* @__PURE__ */ React.createElement("img", {
-		src: logo,
-		alt: "logo",
-		style: { height: logoSize?.height || 48 }
-	})), showWelcomeMessage && /* @__PURE__ */ React.createElement("h1", {
-		className: "pisell-saas-register-welcome-message",
-		style: { textAlign: welcomeMessageAlign }
-	}, welcomeMessage || ""), showTitle && /* @__PURE__ */ React.createElement("h1", {
-		className: "pisell-saas-register-title",
-		style: { textAlign: titleAlign }
-	}, title || ""), showSubtitle && /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-saas-register-subtitle",
-		style: { textAlign: subtitleAlign }
-	}, subtitle || ""));
-};
-
-//#endregion
-export { Header };

package/dist/es/plus/saasRegister/components/VerifyError.js

@@ -1,54 +0,0 @@
-import GoLogin_default from "./GoLogin.js";
-import { SRStepStatus } from "../types.js";
-import React from "react";
-import { Button } from "antd";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/VerifyError.tsx
-const VerifyErrorContent = (props) => {
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-title" }, props.title), props.subtitle ? /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-subtitle" }, props.subtitle) : null), /* @__PURE__ */ React.createElement(Button, {
-		type: "primary",
-		block: true,
-		size: "large",
-		className: "pisell-saas-register-button margin-top-32",
-		onClick: props.onClick
-	}, props.buttonText), props.showGoLogin ? /* @__PURE__ */ React.createElement(GoLogin_default, { onGoLogin: props.onGoLogin }) : null);
-};
-const VerifyError = (props) => {
-	const { status, onBackToRegister } = props;
-	if (status === SRStepStatus.FAILED_EMAIL_REGISTERED) return /* @__PURE__ */ React.createElement(VerifyErrorContent, {
-		title: locales.getText("pisell-saas-register-failed-email-registered-title"),
-		buttonText: locales.getText("pisell-saas-register-failed-button-text"),
-		onClick: onBackToRegister,
-		showGoLogin: true,
-		onGoLogin: props.onGoLogin
-	});
-	if (status === SRStepStatus.FAILED_LINK_EXPIRED) return /* @__PURE__ */ React.createElement(VerifyErrorContent, {
-		title: locales.getText("pisell-saas-register-failed-link-expired-title"),
-		subtitle: locales.getText("pisell-saas-register-failed-link-expired-subtitle"),
-		buttonText: locales.getText("pisell-saas-register-failed-button-text"),
-		onClick: onBackToRegister,
-		showGoLogin: true,
-		onGoLogin: props.onGoLogin
-	});
-	if (status === SRStepStatus.FAILED_LINK_EMAIL_REGISTERED) return /* @__PURE__ */ React.createElement(VerifyErrorContent, {
-		title: locales.getText("pisell-saas-register-failed-link-email-registered-title"),
-		subtitle: locales.getText("pisell-saas-register-failed-link-email-registered-subtitle"),
-		buttonText: locales.getText("pisell-saas-register-failed-link-email-registered-button-text"),
-		onClick: props.onGoLogin
-	});
-	if (status === SRStepStatus.FAILED_LINK_INVALID) return /* @__PURE__ */ React.createElement(VerifyErrorContent, {
-		title: locales.getText("pisell-saas-register-failed-link-invalid-title"),
-		subtitle: locales.getText("pisell-saas-register-failed-link-invalid-subtitle"),
-		buttonText: locales.getText("pisell-saas-register-failed-button-text"),
-		onClick: onBackToRegister,
-		showGoLogin: true,
-		onGoLogin: props.onGoLogin
-	});
-	return null;
-};
-var VerifyError_default = VerifyError;
-
-//#endregion
-export { VerifyError_default as default };

package/dist/es/plus/saasRegister/components/VerifyingLink.js

@@ -1,15 +0,0 @@
-import React, { useEffect } from "react";
-import { locales } from "@pisell/utils";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/VerifyingLink.tsx
-const VerifyingEmailLink = (props) => {
-	useEffect(() => {
-		props.onVerifyLink();
-	}, []);
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-title" }, locales.getText("pisell-saas-register-verifying-email-title"))));
-};
-var VerifyingLink_default = VerifyingEmailLink;
-
-//#endregion
-export { VerifyingLink_default as default };

package/dist/es/plus/saasRegister/components/VertifyEmail.js

@@ -1,66 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { locales } from "@pisell/utils";
-import { Button, Iconfont } from "@pisell/materials";
-import "../index.less";
-
-//#region src/plus/saasRegister/components/VertifyEmail.tsx
-const COUNTDOWN_NUM = 60;
-const VertifyEmail = (props) => {
-	const [loading, setLoading] = useState(false);
-	const [countdown, setCountdown] = useState(0);
-	const countdownRef = useRef(0);
-	const timerRef = useRef(null);
-	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 () => {
-		if (countdownRef.current > 0 || loading) return;
-		setLoading(true);
-		try {
-			await props?.onSendEmail?.();
-			_startCountdown();
-		} catch (error) {
-			console.error("onResend failed:", error);
-		} finally {
-			setLoading(false);
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-main" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-title" }, locales.getText("pisell-saas-register-verify-email-title")), /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-subtitle" }, locales.getText("pisell-saas-register-verify-email-subtitle")), /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-form-email" }, props.email, /* @__PURE__ */ React.createElement(Iconfont, {
-		type: "pisell2-edit-05",
-		className: "pisell-saas-register-form-email-icon",
-		onClick: props.onEditEmail
-	}))), /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-saas-register-action",
-		style: {
-			marginTop: "32px",
-			textAlign: "center"
-		}
-	}, locales.getText("pisell-saas-register-resend-text"), /* @__PURE__ */ React.createElement(Button, {
-		type: "link",
-		onClick: _onSendEmail,
-		disabled: countdown > 0 || loading,
-		className: "pisell-saas-register-link-button"
-	}, locales.getText("pisell-saas-register-resend-button-text"), /* @__PURE__ */ React.createElement("span", { style: { marginLeft: "4px" } }, countdown > 0 && `(${countdown})`))));
-};
-var VertifyEmail_default = VertifyEmail;
-
-//#endregion
-export { VertifyEmail_default as default };

package/dist/es/plus/saasRegister/index.d.ts

@@ -1,8 +0,0 @@
-import { SRProps } from "./types.js";
-import React from "react";
-import "./index.less";
-
-//#region src/plus/saasRegister/index.d.ts
-declare const _default: React.ForwardRefExoticComponent<SRProps & React.RefAttributes<any>>;
-//#endregion
-export { _default };

package/dist/es/plus/saasRegister/index.js

@@ -1,130 +0,0 @@
-import useEngineContext_default from "../../hooks/useEngineContext.js";
-import { Header } from "./components/Header.js";
-import EntryEmail_default from "./components/EntryEmail.js";
-import GoLogin_default from "./components/GoLogin.js";
-import VertifyEmail_default from "./components/VertifyEmail.js";
-import VerifyingLink_default from "./components/VerifyingLink.js";
-import { SRStepKey, SRStepStatus, SRVerifyCode } from "./types.js";
-import VerifyError_default from "./components/VerifyError.js";
-import EntryInfo_default from "./components/EntryInfo.js";
-import locales_default from "./locales.js";
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from "react";
-import { Form } from "antd";
-import { locales } from "@pisell/utils";
-import { PisellToast } from "@pisell/materials";
-import "./index.less";
-
-//#region src/plus/saasRegister/index.tsx
-const SaasRegister = (props, ref) => {
-	const context = useEngineContext_default();
-	locales.init(locales_default, context?.engine?.props?.locale || "en");
-	const [form] = Form.useForm();
-	const [step, setStep] = useState({ key: SRStepKey.ENTRY_EMAIL });
-	const init = (emailToken) => {
-		if (emailToken) setStep({
-			key: SRStepKey.VERIFYING_EMAIL,
-			params: { emailToken }
-		});
-	};
-	useImperativeHandle(ref, () => ({ init }));
-	useEffect(() => {
-		props.onStepChange?.(step);
-	}, [step]);
-	useEffect(() => {
-		if (step.params?.documentTitle) document.title = step.params?.documentTitle;
-		if (step.params?.documentDescription) {
-			const metaDescription = document.querySelector("meta[name=\"description\"]");
-			if (metaDescription) metaDescription.setAttribute("content", step.params?.documentDescription);
-			else {
-				const meta = document.createElement("meta");
-				meta.name = "description";
-				meta.content = step.params?.documentDescription;
-				document.head.appendChild(meta);
-			}
-		}
-	}, [step]);
-	const handleVerifyEmail = async (result) => {
-		if (result) setStep({ key: SRStepKey.WAIT_VERIFY_EMAIL });
-		else setStep({
-			key: SRStepKey.VERIFY_FAILED,
-			status: SRStepStatus.FAILED_EMAIL_REGISTERED
-		});
-	};
-	const handleEditEmail = () => {
-		setStep({ key: SRStepKey.ENTRY_EMAIL });
-	};
-	const handleSendEmail = async () => {
-		const email = form.getFieldValue("email");
-		await props.onSendEmail?.(email);
-	};
-	const handleVerifyLink = async () => {
-		try {
-			const emailToken = step.params?.emailToken;
-			const result = await props.onVerifyLink?.(emailToken);
-			console.log("result>>>>>>>", result);
-			if (result?.code === SRVerifyCode.SUCCESS) setStep({
-				key: SRStepKey.ENTRY_INFO,
-				params: {
-					emailToken,
-					documentTitle: locales.getText("pisell-saas-register-entry-info-document-title"),
-					documentDescription: locales.getText("pisell-saas-register-entry-info-document-description")
-				}
-			});
-		} catch (error) {
-			if (error?.code === SRVerifyCode.LINK_EXPIRED) setStep({
-				key: SRStepKey.VERIFY_FAILED,
-				status: SRStepStatus.FAILED_LINK_EXPIRED
-			});
-			else if (error?.code === SRVerifyCode.EMAIL_REGISTERED) setStep({
-				key: SRStepKey.VERIFY_FAILED,
-				status: SRStepStatus.FAILED_LINK_EMAIL_REGISTERED
-			});
-			else PisellToast({
-				content: error?.message,
-				duration: 2
-			});
-			console.error("handleVerifyLink_failed:", error);
-		}
-	};
-	const handleBackToRegister = () => {
-		setStep({ key: SRStepKey.ENTRY_EMAIL });
-	};
-	const customHeaderProps = useMemo(() => {
-		if (step.key === SRStepKey.ENTRY_INFO) return {
-			showLogo: false,
-			showWelcomeMessage: false,
-			showTitle: true,
-			title: locales.getText("pisell-saas-register-entry-info-title"),
-			showSubtitle: true,
-			subtitle: locales.getText("pisell-saas-register-entry-info-subtitle")
-		};
-		return {};
-	}, [step.key]);
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-main" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-saas-register-container" }, /* @__PURE__ */ React.createElement(Header, {
-		...props,
-		...customHeaderProps
-	}), /* @__PURE__ */ React.createElement(Form, {
-		form,
-		preserve: true
-	}, step.key === SRStepKey.ENTRY_EMAIL && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EntryEmail_default, {
-		...props,
-		form,
-		handleVerifyEmail
-	}), /* @__PURE__ */ React.createElement(GoLogin_default, props)), step.key === SRStepKey.WAIT_VERIFY_EMAIL && /* @__PURE__ */ React.createElement(VertifyEmail_default, {
-		email: form.getFieldValue("email"),
-		onSendEmail: handleSendEmail,
-		onEditEmail: handleEditEmail
-	}), step.key === SRStepKey.VERIFYING_EMAIL && /* @__PURE__ */ React.createElement(VerifyingLink_default, { onVerifyLink: handleVerifyLink }), step.key === SRStepKey.VERIFY_FAILED && /* @__PURE__ */ React.createElement(VerifyError_default, {
-		status: step.status,
-		onBackToRegister: handleBackToRegister,
-		onGoLogin: props?.onGoLogin
-	}), step.key === SRStepKey.ENTRY_INFO && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EntryInfo_default, {
-		...props,
-		form,
-		emailToken: step.params?.emailToken
-	}), /* @__PURE__ */ React.createElement(GoLogin_default, props)))));
-};
-var saasRegister_default = forwardRef(SaasRegister);
-
-//#endregion
-export { saasRegister_default as default };