@pisell/private-materials 6.3.29 → 6.3.31

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

@@ -0,0 +1,213 @@
+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/components/ForgotPasswordFlow.tsx
+var ForgotPasswordFlow_exports = {};
+__export(ForgotPasswordFlow_exports, {
+  default: () => ForgotPasswordFlow_default
+});
+module.exports = __toCommonJS(ForgotPasswordFlow_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_LoginCodeInput = __toESM(require("./LoginCodeInput"));
+var import_SetPassword = __toESM(require("../steps/SetPassword"));
+var import_PhoneInput = __toESM(require("./PhoneInput"));
+var import_phoneValidation = require("./phoneValidation");
+var import_iconfont = __toESM(require("@pisell/materials/src/components/iconfont"));
+function ForgotPasswordFlow({
+  initialEmail = "",
+  accountType,
+  onSendCode,
+  onVerifyCode,
+  onResetPassword,
+  onSendResetLink,
+  onBack,
+  loading = false,
+  countdown = 0,
+  countries = []
+}) {
+  const [form] = import_antd.Form.useForm();
+  const [step, setStep] = (0, import_react.useState)("confirm_email");
+  const initialAccountString = typeof initialEmail === "object" && initialEmail && "phone" in initialEmail ? `+${initialEmail.country_calling_code}${initialEmail.phone}` : initialEmail || "";
+  const [account, setAccount] = (0, import_react.useState)(initialAccountString);
+  const [originalAccountData, setOriginalAccountData] = (0, import_react.useState)(initialEmail || "");
+  const [verificationCode, setVerificationCode] = (0, import_react.useState)("");
+  const handleSendResetLink = async () => {
+    try {
+      const values = await form.validateFields();
+      const emailToSend = values.account || account;
+      if (!emailToSend) {
+        import_antd.message.error(import_utils.locales.getText("pisell-login2-email-required"));
+        return;
+      }
+      await (onSendResetLink == null ? void 0 : onSendResetLink(emailToSend));
+      onBack == null ? void 0 : onBack();
+    } catch (error) {
+    }
+  };
+  const handleSendCode = async () => {
+    try {
+      const values = await form.validateFields();
+      const accountToSend = values.account || originalAccountData;
+      if (!accountToSend) {
+        const errorMessage = accountType === "email" ? import_utils.locales.getText("pisell-login2-email-required") : import_utils.locales.getText("pisell-login2-phone-required");
+        import_antd.message.error(errorMessage);
+        return;
+      }
+      await (onSendCode == null ? void 0 : onSendCode(accountToSend));
+      setOriginalAccountData(accountToSend);
+      const accountForState = typeof accountToSend === "object" && "phone" in accountToSend ? `+${accountToSend.country_calling_code}${accountToSend.phone}` : accountToSend;
+      setAccount(accountForState);
+      setStep("input_code");
+    } catch (error) {
+    }
+  };
+  const handleVerifyCode = async (code) => {
+    try {
+      await (onVerifyCode == null ? void 0 : onVerifyCode(originalAccountData, code));
+      setVerificationCode(code);
+      setStep("set_password");
+    } catch (error) {
+    }
+  };
+  const handleSetPassword = async (password, confirmPassword) => {
+    try {
+      await (onResetPassword == null ? void 0 : onResetPassword(originalAccountData, password, verificationCode));
+      import_antd.message.success(import_utils.locales.getText("pisell-forgot-password-success"));
+      onBack == null ? void 0 : onBack();
+    } catch (error) {
+    }
+  };
+  const handleBackStep = () => {
+    if (step === "input_code") {
+      setStep("confirm_email");
+    } else if (step === "set_password") {
+      setStep("input_code");
+    } else {
+      onBack == null ? void 0 : onBack();
+    }
+  };
+  if (step === "confirm_email") {
+    const isEmail = accountType === "email";
+    const accountLabel = isEmail ? import_utils.locales.getText("pisell-login2-email-label") : import_utils.locales.getText("pisell-login2-phone-label");
+    const accountPlaceholder = isEmail ? import_utils.locales.getText("pisell-login2-email-placeholder") : import_utils.locales.getText("pisell-login2-phone-placeholder");
+    const accountRules = isEmail ? [
+      { required: true, message: import_utils.locales.getText("pisell-login2-email-required") },
+      { type: "email", message: import_utils.locales.getText("pisell-login2-email-invalid") }
+    ] : (0, import_phoneValidation.createPhoneValidationRules)(import_utils.locales.getText, true);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container" }, /* @__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" }, import_utils.locales.getText("pisell-forgot-password-title")), /* @__PURE__ */ import_react.default.createElement("p", { className: "register-step-desc" }, accountType === "email" ? import_utils.locales.getText("pisell-forgot-password-desc") : import_utils.locales.getText("pisell-forgot-password-desc-phone")), /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", size: "large", initialValues: { account: initialEmail } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "account", rules: accountRules, initialValue: initialEmail, style: { marginBottom: "12px" } }, accountType === "email" ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        size: "large",
+        placeholder: accountPlaceholder,
+        className: "login2-input"
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_PhoneInput.default,
+      {
+        size: "large",
+        placeholder: accountPlaceholder,
+        className: "login2-input",
+        countries,
+        valueFormat: "object"
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        size: "large",
+        block: true,
+        loading,
+        onClick: handleSendCode,
+        className: "register-submit-btn"
+      },
+      import_utils.locales.getText("pisell-forgot-password-send-code")
+    ), accountType === "email" && /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        size: "large",
+        block: true,
+        loading,
+        onClick: handleSendResetLink,
+        className: "register-submit-btn",
+        style: { marginTop: "12px" }
+      },
+      import_utils.locales.getText("pisell-forgot-password-send-link")
+    ), /* @__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-login2-back")
+    ))));
+  }
+  if (step === "input_code") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_LoginCodeInput.default,
+      {
+        account,
+        accountType,
+        codeLength: 4,
+        onSubmit: handleVerifyCode,
+        onResend: () => onSendCode == null ? void 0 : onSendCode(account),
+        onBack: handleBackStep,
+        countdown,
+        loading,
+        submitButtonText: import_utils.locales.getText("pisell-forgot-password-verify")
+      }
+    );
+  }
+  if (step === "set_password") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_SetPassword.default,
+      {
+        flowData: {
+          currentStep: "set_password",
+          accountType,
+          account,
+          verificationMethod: "email_code",
+          verificationCode,
+          password: "",
+          extraData: {}
+        },
+        onSubmit: handleSetPassword,
+        onBack: handleBackStep,
+        loading
+      }
+    );
+  }
+  return null;
+}
+var ForgotPasswordFlow_default = ForgotPasswordFlow;

package/lib/pro/Login2.0/components/LegalTerms.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LegalTermsConfig } from '../shared/types';
+import './LegalTerms.less';
+interface LegalTermsProps {
+    config: LegalTermsConfig;
+}
+declare const LegalTerms: React.FC<LegalTermsProps>;
+export default LegalTerms;

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

@@ -0,0 +1,76 @@
+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/components/LegalTerms.tsx
+var LegalTerms_exports = {};
+__export(LegalTerms_exports, {
+  default: () => LegalTerms_default
+});
+module.exports = __toCommonJS(LegalTerms_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_locales = require("../../../utils/locales");
+var import_LegalTerms = require("./LegalTerms.less");
+var LegalTerms = ({ config }) => {
+  var _a;
+  if (!(config == null ? void 0 : config.enabled) || !((_a = config == null ? void 0 : config.terms) == null ? void 0 : _a.length)) {
+    return null;
+  }
+  const getTextByMode = () => {
+    const mode = config.mode || "register";
+    if (mode === "login") {
+      return import_utils.locales.getText("pisell-legal-terms-login-text");
+    } else {
+      return import_utils.locales.getText("pisell-legal-terms-register-text");
+    }
+  };
+  const renderTerms = () => {
+    var _a2;
+    return (_a2 = config.terms) == null ? void 0 : _a2.map((term, index) => {
+      let termName = "";
+      if (typeof term.name === "string") {
+        termName = term.name;
+      } else if (typeof term.name === "object") {
+        const locale = (0, import_locales.getLocale)() || "zh-CN";
+        termName = term.name[locale] || term.name.original || "";
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, index > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "legal-terms-separator" }, import_utils.locales.getText("pisell-legal-terms-and")), /* @__PURE__ */ import_react.default.createElement(
+        "a",
+        {
+          href: term.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "legal-terms-link"
+        },
+        termName
+      ));
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "legal-terms" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "legal-terms-text" }, getTextByMode()), renderTerms());
+};
+var LegalTerms_default = LegalTerms;

package/lib/pro/Login2.0/components/LegalTerms.less

@@ -0,0 +1,74 @@
+/* 法律条款组件样式 */
+.legal-terms {
+  position: relative;
+  margin-top: 0;
+  border-top: 1px solid #e5e7eb;
+  padding: 12px 24px;
+  text-align: center;
+  background-color: #fff;
+  width: 100%;
+  
+  /* 在弹窗模式下的特殊处理 - 使用固定定位但不遮挡内容 */
+  .pisell-lowcode-modal-body &, .login-lm-drawer-popover & {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    margin-top: 16px;
+    border-top: none;
+    padding: 8px 0;
+    z-index: 1000;
+    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
+  }
+}
+
+.legal-terms-content {
+  text-align: center;
+  font-size: 12px;
+  color: #151624;
+  line-height: 1.5;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.legal-terms-link {
+  color: inherit;
+  cursor: pointer;
+  transition: none;
+  text-decoration: underline;
+  
+  &:focus {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+    border-radius: 2px;
+  }
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .legal-terms {
+    padding: 8px 16px;
+  }
+  
+  .legal-terms-content {
+    font-size: 11px;
+  }
+}
+
+/* 深色主题支持 */
+@media (prefers-color-scheme: dark) {
+  .legal-terms {
+    border-top-color: #e5e7eb;
+  }
+  
+  .legal-terms-content {
+    color: #151624;
+  }
+  
+  .legal-term-link {
+    color: #151624;
+    
+    &:hover {
+      color: #151624;
+    }
+  }
+}

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

@@ -0,0 +1,161 @@
+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/components/LoginCodeInput.tsx
+var LoginCodeInput_exports = {};
+__export(LoginCodeInput_exports, {
+  default: () => LoginCodeInput_default
+});
+module.exports = __toCommonJS(LoginCodeInput_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 LoginCodeInput({
+  account,
+  accountType,
+  codeLength = 4,
+  onSubmit,
+  onResend,
+  onBack,
+  countdown = 0,
+  loading = false,
+  submitButtonText,
+  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 = accountType === "email" ? import_utils.locales.getText("pisell-login2-check-email-title") : import_utils.locales.getText("pisell-login2-check-phone-title");
+  const description = accountType === "email" ? import_utils.locales.getText("pisell-login2-check-email-desc") : import_utils.locales.getText("pisell-login2-check-phone-desc");
+  const noReceiveText = accountType === "email" ? import_utils.locales.getText("pisell-login2-no-email-received") : import_utils.locales.getText("pisell-login2-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), account), /* @__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"
+    },
+    submitButtonText || import_utils.locales.getText("pisell-login2-login-button")
+  ), /* @__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-login2-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-login2-resend-code"),
+    countdown > 0 && ` (${countdown} s)`
+  ))));
+}
+var LoginCodeInput_default = LoginCodeInput;

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

@@ -0,0 +1,87 @@
+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/components/OAuthButtonGroup.tsx
+var OAuthButtonGroup_exports = {};
+__export(OAuthButtonGroup_exports, {
+  default: () => OAuthButtonGroup_default
+});
+module.exports = __toCommonJS(OAuthButtonGroup_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_materials = require("@pisell/materials");
+var OAuthButtonGroup = ({
+  providers,
+  layout = "vertical",
+  size = "large",
+  block = true,
+  wrapperClassName,
+  buttonClassName,
+  gap = 12
+}) => {
+  if (!providers.length) {
+    return null;
+  }
+  const isVertical = layout === "vertical";
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("oauth-button-group", wrapperClassName, {
+        "oauth-button-group-vertical": isVertical,
+        "oauth-button-group-horizontal": !isVertical
+      }),
+      style: isVertical ? { display: "grid", rowGap: gap } : { display: "flex", columnGap: gap, flexWrap: "wrap" }
+    },
+    providers.map(
+      ({
+        key,
+        label,
+        icon,
+        onClick,
+        disabled,
+        className,
+        badge,
+        badgeClassName
+      }) => /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Button,
+        {
+          key,
+          size,
+          block,
+          disabled,
+          className: (0, import_classnames.default)(buttonClassName, className),
+          icon,
+          onClick
+        },
+        badge && /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)("oauth-button-badge", badgeClassName) }, badge),
+        label
+      )
+    )
+  );
+};
+var OAuthButtonGroup_default = OAuthButtonGroup;