@pisell/private-materials 3.4.101 → 3.4.103

package/lib/plus/orderList/components/Toolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/lib/plus/skuOptionsSelection/components/TitleExtra/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const TitleExtra: (props: any) => JSX.Element;
 export default TitleExtra;

package/lib/plus/skuOptionsSelection/components/VariantCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const VariantCard: (props: any) => JSX.Element;
 export default VariantCard;

package/lib/plus/walletEditor/components/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const RelationProduct: ({ value, onChange, }: {
     value?: string[] | undefined;

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

@@ -694,56 +694,6 @@ var Login2 = ({
     leading: true,
     trailing: false
   });
-  const oauthProviders = (0, import_react.useMemo)(() => {
-    return loginMethods.filter(
-      (method) => ["google", "facebook", "apple", "guest"].includes(method.type)
-    ).map((method) => {
-      const isLast = isLastLoginMethod(method.type);
-      const commonConfig = {
-        className: (0, import_classnames.default)("login2-oauth-button", method.type, {
-          "has-last-login-badge": isLast
-        }),
-        badge: isLast ? import_utils.locales.getText("pisell-login2-last-login-badge") : void 0,
-        badgeClassName: "last-login-badge"
-      };
-      switch (method.type) {
-        case "google":
-          return {
-            key: "google",
-            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Google"),
-            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-google" }),
-            onClick: () => handleOAuthClick("google"),
-            ...commonConfig
-          };
-        case "facebook":
-          return {
-            key: "facebook",
-            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Facebook"),
-            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-facebook" }),
-            onClick: () => handleOAuthClick("facebook"),
-            ...commonConfig
-          };
-        case "apple":
-          return {
-            key: "apple",
-            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Apple"),
-            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-apple" }),
-            onClick: () => handleOAuthClick("apple"),
-            ...commonConfig
-          };
-        case "guest":
-          return {
-            key: "guest",
-            label: import_utils.locales.getText("pisell-login2-login-as-guest"),
-            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-user-01" }),
-            onClick: handleGuestLogin,
-            ...commonConfig
-          };
-        default:
-          return null;
-      }
-    }).filter(Boolean);
-  }, [handleGuestLogin, handleOAuthClick, isLastLoginMethod, loginMethods]);
   const handleLoginInternal = async () => {
     var _a2;
     try {
@@ -881,6 +831,56 @@ var Login2 = ({
     leading: true,
     trailing: false
   });
+  const oauthProviders = (0, import_react.useMemo)(() => {
+    return loginMethods.filter(
+      (method) => ["google", "facebook", "apple", "guest"].includes(method.type)
+    ).map((method) => {
+      const isLast = isLastLoginMethod(method.type);
+      const commonConfig = {
+        className: (0, import_classnames.default)("login2-oauth-button", method.type, {
+          "has-last-login-badge": isLast
+        }),
+        badge: isLast ? import_utils.locales.getText("pisell-login2-last-login-badge") : void 0,
+        badgeClassName: "last-login-badge"
+      };
+      switch (method.type) {
+        case "google":
+          return {
+            key: "google",
+            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Google"),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-google" }),
+            onClick: () => handleOAuthClick("google"),
+            ...commonConfig
+          };
+        case "facebook":
+          return {
+            key: "facebook",
+            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Facebook"),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-facebook" }),
+            onClick: () => handleOAuthClick("facebook"),
+            ...commonConfig
+          };
+        case "apple":
+          return {
+            key: "apple",
+            label: /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-login2-continue-with"), " Apple"),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-apple" }),
+            onClick: () => handleOAuthClick("apple"),
+            ...commonConfig
+          };
+        case "guest":
+          return {
+            key: "guest",
+            label: import_utils.locales.getText("pisell-login2-login-as-guest"),
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-user-01" }),
+            onClick: handleGuestLogin,
+            ...commonConfig
+          };
+        default:
+          return null;
+      }
+    }).filter(Boolean);
+  }, [handleGuestLogin, handleOAuthClick, isLastLoginMethod, loginMethods]);
   const renderMainLoginForm = () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     if (!currentLoginMethod) return null;

package/lib/pro/Login2.0/components/PhoneInput.js

@@ -137,6 +137,7 @@ function PhoneInput({
   const effectivePlaceholder = placeholder || import_utils.locales.getText("pisell-phone-input-placeholder");
   const normalizedValue = (0, import_react.useMemo)(() => {
     if (!value) return "";
+    console.log("value", value);
     if (typeof value === "object" && "phone" in value) {
       const { phone, country_calling_code } = value;
       return `+${country_calling_code}${phone}`;

package/lib/pro/Login2.0/shared/registerFlow.d.ts

@@ -2,6 +2,7 @@
  * 注册流程配置和状态管理
  * 支持多种验证方式的不同步骤流程
  */
+import type { PhoneValueObject } from './types';
 /** 注册步骤类型 */
 export declare enum RegisterStep {
     /** 初始表单 - 输入账号密码 */
@@ -66,8 +67,8 @@ export interface RegisterStepDefinition {
 export interface RegisterFlowData {
     /** 当前步骤 */
     currentStep: RegisterStep;
-    /** 账号（邮箱或手机号） */
-    account: string;
+    /** 账号（邮箱字符串或手机号对象） */
+    account: string | PhoneValueObject;
     /** 账号类型 */
     accountType: 'email' | 'phone';
     /** 密码（如果在第一步就输入了） */

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

@@ -36,6 +36,11 @@ 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 formatDisplayAccount(account) {
+  if (!account) return "";
+  if (typeof account === "string") return account;
+  return `+${account.country_calling_code}${account.phone}`;
+}
 function CodeInput({
   flowData,
   codeLength = 4,
@@ -125,7 +130,7 @@ function CodeInput({
   };
   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 = flowData.account;
+  const displayAccount = formatDisplayAccount(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",

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

@@ -44,7 +44,8 @@ function WaitEmailLink({
   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(
+  const displayEmail = typeof flowData.account === "string" ? flowData.account : "";
+  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" }, displayEmail), onEditEmail && /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       className: "edit-email-btn",

package/lib/pro/Selector/demo.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectorDemo: () => JSX.Element;
 export default SelectorDemo;

package/lib/pro/pisellPaymentList/example.d.ts

@@ -4,7 +4,6 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-/// <reference types="react" />
 export declare const BasicExample: () => JSX.Element;
 export declare const ChildrenExample: () => JSX.Element;
 export declare const CustomItemExample: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.4.101",
+  "version": "3.4.103",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",