@pisell/private-materials 6.6.2 → 6.6.4

package/lib/components/authentication/admin/ChannelAuthSetting/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { PageSettingValue } from './PageSetting/types';
+import { AuthenticationMethodsValue } from './AuthenticationMethods/types';
+import { CollectInfoValue } from './CollectInfo/types';
+export declare type TabKey = 'pageSetting' | 'authenticationMethods' | 'collectInfo';
+export interface ChannelAuthSettingValue {
+    pageSetting?: PageSettingValue;
+    authenticationMethods?: AuthenticationMethodsValue;
+    collectInfo?: CollectInfoValue;
+}
+export interface ChannelAuthSettingSaveParams {
+    value: ChannelAuthSettingValue;
+    currentTab: TabKey;
+}
+export interface ChannelAuthSettingProps {
+    className?: string;
+    style?: React.CSSProperties;
+    value?: ChannelAuthSettingValue;
+    /**
+     * 默认激活的Tab
+     */
+    defaultActiveTab?: TabKey;
+    /**
+     * 可见的Tab列表，如果不传则显示所有Tab
+     * @example ['pageSetting', 'authenticationMethods'] // 只显示页面设置和身份验证方法
+     */
+    visibleTabs?: TabKey[];
+    /**
+     * 是否显示注册页面配置
+     */
+    showRegisterPage?: boolean;
+    /**
+     * 保存按钮回调
+     */
+    onSave?: (params: ChannelAuthSettingSaveParams) => void;
+}

package/lib/components/authentication/admin/ChannelAuthSetting/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/authentication/admin/ChannelAuthSetting/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/authentication/admin/CustomerAuth/CustomerAuth.less

@@ -0,0 +1,104 @@
+.customer-auth {
+  padding: 24px;
+  background: #fff;
+  min-height: 100vh;
+}
+
+/* 页面标题 */
+.customer-auth-header {
+  margin-bottom: 32px;
+}
+
+.customer-auth-title {
+  font-size: 24px !important;
+  font-weight: 600 !important;
+  color: #262626 !important;
+  margin: 0 0 8px 0 !important;
+  line-height: 1.4 !important;
+}
+
+.customer-auth-description {
+  font-size: 14px !important;
+  color: #8c8c8c !important;
+  margin: 0 !important;
+  line-height: 1.6 !important;
+}
+
+/* 区域样式 */
+.customer-auth-section {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 24px;
+  margin-bottom: 24px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
+}
+
+/* 左右布局容器 */
+.customer-auth-section-layout {
+  display: flex;
+  gap: 48px;
+  align-items: flex-start;
+}
+
+.customer-auth-section-header {
+  flex: 0 0 320px;
+  min-width: 280px;
+}
+
+.customer-auth-section-title {
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  color: #262626 !important;
+  margin: 0 0 8px 0 !important;
+  line-height: 1.4 !important;
+}
+
+.customer-auth-section-description {
+  font-size: 14px !important;
+  color: #8c8c8c !important;
+  margin: 0 !important;
+  line-height: 1.6 !important;
+}
+
+.customer-auth-section-content {
+  flex: 1;
+  min-width: 0;
+}
+
+/* 底部按钮 */
+.customer-auth-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 24px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
+}
+
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .customer-auth {
+    padding: 16px;
+  }
+
+  .customer-auth-section {
+    padding: 16px;
+  }
+
+  .customer-auth-section-layout {
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  .customer-auth-section-header {
+    flex: 1;
+    min-width: auto;
+  }
+
+  .customer-auth-footer {
+    padding: 16px;
+  }
+}
+

package/lib/components/authentication/admin/CustomerAuth/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CustomerAuthProps } from './types';
+import './CustomerAuth.less';
+export type { CustomerAuthProps } from './types';
+declare const CustomerAuth: React.FC<CustomerAuthProps>;
+export default CustomerAuth;

package/lib/components/authentication/admin/CustomerAuth/index.js

@@ -0,0 +1,507 @@
+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/components/authentication/admin/CustomerAuth/index.tsx
+var CustomerAuth_exports = {};
+__export(CustomerAuth_exports, {
+  default: () => CustomerAuth_default
+});
+module.exports = __toCommonJS(CustomerAuth_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_AuthMethods = __toESM(require("../AuthMethods"));
+var import_AuthMethods2 = require("../AuthMethods");
+var import_SettingsDrawer = __toESM(require("../AuthMethods/SettingsDrawer"));
+var import_constants = require("../AuthMethods/constants");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_CustomerAuth = require("./CustomerAuth.less");
+var { Title, Paragraph } = import_antd.Typography;
+var getCustomerAuthMethods = () => (0, import_constants.getDefaultAuthMethods)();
+var convertApiDataToComponent = (apiData) => {
+  const methodsArray = Object.entries(apiData.method).map(([key, value]) => ({
+    key,
+    sort: value.sort,
+    enabled: value.enabled,
+    setting: value.setting
+  }));
+  methodsArray.sort((a, b) => a.sort - b.sort);
+  const authMethods = [];
+  const settingsMap = {};
+  const processedKeys = /* @__PURE__ */ new Set();
+  methodsArray.forEach(({ key, enabled, setting }) => {
+    processedKeys.add(key);
+    if (key === "email" && setting) {
+      const loginMethodsArray = Object.entries(setting.login_method).map(([methodKey, methodValue]) => ({
+        methodKey,
+        enabled: methodValue.enabled,
+        sort: methodValue.sort
+      }));
+      loginMethodsArray.sort((a, b) => a.sort - b.sort);
+      const loginMethods = loginMethodsArray.map(({ methodKey, enabled: enabled2 }) => {
+        const methodMap = {
+          password: {
+            id: "password",
+            title: import_utils.locales.getText("auth.login.method.password.title") || "Password",
+            description: import_utils.locales.getText("auth.login.method.password.email.description") || "Log in using email and password"
+          }
+          // link: {
+          //     id: 'magic-link',
+          //     title: locales.getText('auth.login.method.magic-link.title') || 'Magic Link',
+          //     description: locales.getText('auth.login.method.magic-link.description') || 'Send a magic link to email',
+          // },
+          // code: {
+          //     id: 'verification-code',
+          //     title: locales.getText('auth.login.method.verification-code.title') || 'Verification Code',
+          //     description: locales.getText('auth.login.method.verification-code.description') || 'Send a verification code to email',
+          // },
+        };
+        const method = methodMap[methodKey];
+        return {
+          id: method.id,
+          title: method.title,
+          description: method.description,
+          enabled: enabled2
+        };
+      });
+      const emailMethod = getCustomerAuthMethods().find((m) => m.id === "email");
+      authMethods.push({
+        ...emailMethod,
+        enabled
+      });
+      settingsMap["email"] = {
+        enableRegistration: (setting == null ? void 0 : setting.register_enabled) || false,
+        verificationType: (setting == null ? void 0 : setting.register_method) || "link",
+        loginMethods
+      };
+    } else if (key === "phone" && setting) {
+      const loginMethodsArray = Object.entries(setting.login_method).map(([methodKey, methodValue]) => ({
+        methodKey,
+        enabled: methodValue.enabled,
+        sort: methodValue.sort
+      }));
+      loginMethodsArray.sort((a, b) => a.sort - b.sort);
+      const loginMethods = loginMethodsArray.map(({ methodKey, enabled: enabled2 }) => {
+        const methodMap = {
+          password: {
+            id: "password",
+            title: import_utils.locales.getText("auth.login.method.password.title") || "Password",
+            description: import_utils.locales.getText("auth.login.method.password.phone.description") || "Log in using phone and password"
+          },
+          code: {
+            id: "sms",
+            title: import_utils.locales.getText("auth.login.method.sms.title") || "SMS Code",
+            description: import_utils.locales.getText("auth.login.method.sms.description") || "Send a verification code via SMS"
+          }
+        };
+        const method = methodMap[methodKey];
+        return {
+          id: method.id,
+          title: method.title,
+          description: method.description,
+          enabled: enabled2
+        };
+      });
+      const phoneMethod = getCustomerAuthMethods().find((m) => m.id === "phone");
+      authMethods.push({
+        ...phoneMethod,
+        enabled
+      });
+      settingsMap["phone"] = {
+        enableRegistration: (setting == null ? void 0 : setting.register_enabled) || false,
+        verificationType: "sms",
+        loginMethods
+      };
+    } else {
+      const method = getCustomerAuthMethods().find((m) => m.id === key);
+      if (method) {
+        authMethods.push({
+          ...method,
+          enabled
+        });
+      }
+    }
+  });
+  getCustomerAuthMethods().forEach((defaultMethod) => {
+    if (!processedKeys.has(defaultMethod.id)) {
+      authMethods.push({
+        ...defaultMethod,
+        enabled: false
+        // 默认未启用
+      });
+    }
+  });
+  const passwordSettings = {
+    minLength: apiData.password.min_length,
+    requireUppercase: apiData.password.require_uppercase_letters,
+    requireLowercase: apiData.password.require_lowercase_letters,
+    requireNumbers: apiData.password.require_numbers,
+    requireSpecialChars: apiData.password.require_special_characters
+  };
+  return { authMethods, settingsMap, passwordSettings };
+};
+var convertComponentDataToApi = (authMethods, settingsMap, passwordSettings) => {
+  console.log("convertComponentDataToApi 被调用");
+  console.log("authMethods:", authMethods);
+  console.log("settingsMap:", settingsMap);
+  const method = {};
+  authMethods.forEach((authMethod, index) => {
+    console.log(`处理 authMethod: ${authMethod.id}, index: ${index}`);
+    if (authMethod.id === "email") {
+      const emailSettings = settingsMap["email"];
+      console.log("email settings:", emailSettings);
+      if (emailSettings) {
+        const loginMethod = {};
+        emailSettings.loginMethods.forEach((loginMethodItem, loginIndex) => {
+          const methodKeyMap = {
+            "password": "password",
+            "magic-link": "link",
+            "verification-code": "code"
+          };
+          const apiKey = methodKeyMap[loginMethodItem.id];
+          loginMethod[apiKey] = {
+            enabled: loginMethodItem.enabled,
+            sort: loginIndex + 1
+          };
+        });
+        method["email"] = {
+          sort: index + 1,
+          enabled: authMethod.enabled,
+          setting: {
+            register_enabled: emailSettings.enableRegistration,
+            register_method: emailSettings.verificationType,
+            login_method: loginMethod
+          }
+        };
+        console.log("添加了 email 到 method");
+      } else {
+        console.log("email settings 不存在，跳过");
+      }
+    } else if (authMethod.id === "phone") {
+      const phoneSettings = settingsMap["phone"];
+      console.log("phone settings:", phoneSettings);
+      if (phoneSettings) {
+        const loginMethod = {};
+        phoneSettings.loginMethods.forEach((loginMethodItem, loginIndex) => {
+          const methodKeyMap = {
+            "password": "password",
+            "sms": "code"
+          };
+          const apiKey = methodKeyMap[loginMethodItem.id];
+          loginMethod[apiKey] = {
+            enabled: loginMethodItem.enabled,
+            sort: loginIndex + 1
+          };
+        });
+        method["phone"] = {
+          sort: index + 1,
+          enabled: authMethod.enabled,
+          setting: {
+            register_enabled: phoneSettings.enableRegistration,
+            register_method: "code",
+            login_method: loginMethod
+          }
+        };
+        console.log("添加了 phone 到 method");
+      } else {
+        console.log("phone settings 不存在，跳过");
+      }
+    } else {
+      method[authMethod.id] = {
+        sort: index + 1,
+        enabled: authMethod.enabled
+      };
+    }
+  });
+  console.log("最终的 method 对象:", method);
+  return {
+    method,
+    password: {
+      min_length: passwordSettings.minLength,
+      require_uppercase_letters: passwordSettings.requireUppercase,
+      require_lowercase_letters: passwordSettings.requireLowercase,
+      require_numbers: passwordSettings.requireNumbers,
+      require_special_characters: passwordSettings.requireSpecialChars
+    }
+  };
+};
+var CustomerAuth = ({ className, style, onSave }) => {
+  const context = (0, import_useEngineContext.default)();
+  const app = context.appHelper.utils.getApp();
+  const { request, data, history } = context.appHelper.utils.getApp();
+  const dataKey = "auth.customer";
+  const [tenantId, setTenantId] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [authMethods, setAuthMethods] = (0, import_react.useState)([]);
+  const [settingsMap, setSettingsMap] = (0, import_react.useState)({});
+  const [passwordSettings, setPasswordSettings] = (0, import_react.useState)({
+    minLength: 8,
+    requireUppercase: false,
+    requireLowercase: false,
+    requireNumbers: false,
+    requireSpecialChars: false
+  });
+  const [localesInitialized, setLocalesInitialized] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    console.log("app_init_customer_auth", app, context, data.storage);
+    import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+    setLocalesInitialized(true);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const coreData = data.storage.getStorage("core");
+    if (coreData) {
+      try {
+        const coreDataJson = JSON.parse(coreData);
+        if ((_a = coreDataJson == null ? void 0 : coreDataJson.tenant) == null ? void 0 : _a.id) {
+          setTenantId(coreDataJson.tenant.id);
+        }
+      } catch (error) {
+        console.error("Error parsing core data:", error);
+      }
+    }
+  }, [data.storage]);
+  const checkOAuthConfigStatus = async (providerId) => {
+    var _a, _b;
+    if (!tenantId) return false;
+    const dataKey2 = `auth.oauth.${providerId}`;
+    try {
+      const res = await request.get(`/tenant/core/meta?key=${dataKey2}&metable_type=tenant&metable_id=${tenantId}`);
+      if (((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.length) > 0 && ((_b = res.data[0]) == null ? void 0 : _b.value)) {
+        const configData = res.data[0].value;
+        if (typeof configData === "object" && configData !== null) {
+          const hasValidValue = Object.values(configData).some(
+            (val) => val !== null && val !== void 0 && val !== ""
+          );
+          return hasValidValue;
+        }
+        return !!configData;
+      }
+      return false;
+    } catch (error) {
+      console.error(`Error checking ${providerId} OAuth config:`, error);
+      return false;
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (tenantId) {
+      setLoading(true);
+      request.get(`/tenant/core/meta?key=${dataKey}&metable_type=tenant&metable_id=${tenantId}`).then(async (res) => {
+        var _a, _b;
+        console.log("res_customer_auth_methods", res);
+        if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.length) {
+          const data2 = (_b = res.data[0]) == null ? void 0 : _b.value;
+          const { authMethods: convertedAuthMethods, settingsMap: convertedSettingsMap, passwordSettings: convertedPasswordSettings } = convertApiDataToComponent(data2);
+          const updatedAuthMethods = await Promise.all(
+            convertedAuthMethods.map(async (method) => {
+              if (method.requiresOAuthConfig) {
+                const isConfigured = await checkOAuthConfigStatus(method.id);
+                return {
+                  ...method,
+                  enabled: isConfigured ? method.enabled : false
+                };
+              }
+              return method;
+            })
+          );
+          setAuthMethods(updatedAuthMethods);
+          setSettingsMap(convertedSettingsMap);
+          setPasswordSettings(convertedPasswordSettings);
+          console.log("Converted data:", { authMethods: updatedAuthMethods, convertedSettingsMap, convertedPasswordSettings });
+        } else {
+          setAuthMethods(getCustomerAuthMethods());
+        }
+        setLoading(false);
+      }).catch((error) => {
+        console.error("Error fetching tenant data:", error);
+        setAuthMethods(getCustomerAuthMethods());
+        setLoading(false);
+      });
+    }
+  }, [tenantId, request]);
+  const [drawerOpen, setDrawerOpen] = (0, import_react.useState)(false);
+  const [selectedMethod, setSelectedMethod] = (0, import_react.useState)(null);
+  const handleAuthMethodsOrderChange = (methods) => {
+    setAuthMethods(methods);
+  };
+  const handleAuthMethodToggle = (method, enabled) => {
+    console.log("Auth method toggled:", method.id, enabled);
+    setAuthMethods(
+      (prevMethods) => prevMethods.map(
+        (m) => m.id === method.id ? { ...m, enabled } : m
+      )
+    );
+  };
+  const handleAuthMethodSettings = (method) => {
+    setSelectedMethod(method);
+    setDrawerOpen(true);
+  };
+  const handlePasswordSettings = (method) => {
+    setSelectedMethod(method);
+    setDrawerOpen(true);
+  };
+  const handleConfigClick = (method) => {
+    console.log("Config link clicked:", method.id);
+    history.push("/system-settings/auth/oauth-config");
+  };
+  const handleDrawerClose = () => {
+    setDrawerOpen(false);
+    setSelectedMethod(null);
+  };
+  const saveToApi = (currentAuthMethods, currentSettingsMap, currentPasswordSettings) => {
+    console.log("=== 开始保存到接口 ===");
+    console.log("authMethods:", currentAuthMethods);
+    console.log("settingsMap:", currentSettingsMap);
+    const completeSettingsMap = { ...currentSettingsMap };
+    currentAuthMethods.forEach((method) => {
+      console.log(`检查 method: ${method.id}, 当前有设置: ${!!completeSettingsMap[method.id]}`);
+      if (!completeSettingsMap[method.id]) {
+        if (method.id === "email") {
+          console.log("添加 email 默认设置");
+          completeSettingsMap["email"] = {
+            enableRegistration: true,
+            verificationType: "link",
+            loginMethods: [
+              {
+                id: "password",
+                title: import_utils.locales.getText("auth.login.method.password.title") || "Password",
+                description: import_utils.locales.getText("auth.login.method.password.email.description") || "Log in using email and password",
+                enabled: true
+              }
+              // { 
+              //     id: 'magic-link', 
+              //     title: locales.getText('auth.login.method.magic-link.title') || 'Magic Link', 
+              //     description: locales.getText('auth.login.method.magic-link.description') || 'Send a magic link to email', 
+              //     enabled: true 
+              // },
+              // { 
+              //     id: 'verification-code', 
+              //     title: locales.getText('auth.login.method.verification-code.title') || 'Verification Code', 
+              //     description: locales.getText('auth.login.method.verification-code.description') || 'Send a verification code to email', 
+              //     enabled: false 
+              // },
+            ]
+          };
+        } else if (method.id === "phone") {
+          console.log("添加 phone 默认设置");
+          completeSettingsMap["phone"] = {
+            enableRegistration: true,
+            verificationType: "sms",
+            loginMethods: [
+              {
+                id: "password",
+                title: import_utils.locales.getText("auth.login.method.password.title") || "Password",
+                description: import_utils.locales.getText("auth.login.method.password.phone.description") || "Log in using phone and password",
+                enabled: true
+              },
+              {
+                id: "sms",
+                title: import_utils.locales.getText("auth.login.method.sms.title") || "SMS Code",
+                description: import_utils.locales.getText("auth.login.method.sms.description") || "Send a verification code via SMS",
+                enabled: true
+              }
+            ]
+          };
+        }
+      }
+    });
+    console.log("完整的 settingsMap:", completeSettingsMap);
+    const apiData = convertComponentDataToApi(currentAuthMethods, completeSettingsMap, currentPasswordSettings);
+    console.log("=== 保存的接口数据 ===");
+    console.log(JSON.stringify(apiData, null, 2));
+    onSave == null ? void 0 : onSave(currentAuthMethods, {});
+    request.post(`/tenant/core/meta/tenant/${tenantId}`, {
+      [dataKey]: apiData
+    }).then((res) => {
+      console.log("res_customer_auth_save", res);
+      import_antd.message.success(import_utils.locales.getText("auth.save.success") || "保存成功");
+    }).catch((error) => {
+      console.error("Error saving tenant data:", error);
+      import_antd.message.error(import_utils.locales.getText("auth.save.error") || "保存失败");
+    });
+  };
+  const handleSettingsSave = (settings) => {
+    console.log("Settings saved:", settings);
+    let updatedSettingsMap = { ...settingsMap };
+    let updatedPasswordSettings = { ...passwordSettings };
+    if (selectedMethod) {
+      if (selectedMethod.id === "email") {
+        updatedSettingsMap = {
+          ...updatedSettingsMap,
+          email: settings
+        };
+        setSettingsMap(updatedSettingsMap);
+      } else if (selectedMethod.id === "phone") {
+        updatedSettingsMap = {
+          ...updatedSettingsMap,
+          phone: settings
+        };
+        setSettingsMap(updatedSettingsMap);
+      } else if (selectedMethod.id === "customer_password_rules") {
+        updatedPasswordSettings = settings;
+        setPasswordSettings(updatedPasswordSettings);
+      }
+    }
+    saveToApi(authMethods, updatedSettingsMap, updatedPasswordSettings);
+  };
+  const handleSave = () => {
+    saveToApi(authMethods, settingsMap, passwordSettings);
+  };
+  if (loading) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `customer-auth ${className || ""}`, style: { ...style, display: "flex", justifyContent: "center", alignItems: "center", minHeight: "400px" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "large" }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `customer-auth ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 1, className: "customer-auth-title" }, import_utils.locales.getText("customer.auth.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "customer-auth-description" }, import_utils.locales.getText("customer.auth.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-layout" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "customer-auth-section-title" }, import_utils.locales.getText("customer.auth.methods.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "customer-auth-section-description" }, import_utils.locales.getText("customer.auth.methods.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_AuthMethods.default,
+    {
+      methods: authMethods,
+      onOrderChange: handleAuthMethodsOrderChange,
+      onToggle: handleAuthMethodToggle,
+      onSettings: handleAuthMethodSettings,
+      onConfigClick: handleConfigClick
+    }
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-layout" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "customer-auth-section-title" }, import_utils.locales.getText("customer.password.settings.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "customer-auth-section-description" }, import_utils.locales.getText("customer.password.settings.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-section-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_AuthMethods2.SettingList,
+    {
+      methods: (0, import_constants.getPasswordRulesSetting)("customer_password_rules"),
+      onSettings: handlePasswordSettings
+    }
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-auth-footer" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", size: "large", onClick: handleSave }, import_utils.locales.getText("auth.button.save"))), /* @__PURE__ */ import_react.default.createElement(
+    import_SettingsDrawer.default,
+    {
+      open: drawerOpen,
+      method: selectedMethod,
+      onClose: handleDrawerClose,
+      onSave: handleSettingsSave,
+      mode: "auth-methods",
+      initialSettings: selectedMethod ? selectedMethod.id === "customer_password_rules" ? passwordSettings : settingsMap[selectedMethod.id] : void 0
+    }
+  ));
+};
+var CustomerAuth_default = CustomerAuth;