@pisell/private-materials 6.6.1 → 6.7.1

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

@@ -0,0 +1,331 @@
+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/CustomerOAuthConfig/index.tsx
+var CustomerOAuthConfig_exports = {};
+__export(CustomerOAuthConfig_exports, {
+  default: () => CustomerOAuthConfig_default
+});
+module.exports = __toCommonJS(CustomerOAuthConfig_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+var import_types = require("../AuthMethods/types");
+var import_SettingList = __toESM(require("../AuthMethods/SettingList"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_CustomerOAuthConfig = require("./CustomerOAuthConfig.less");
+var { Title, Paragraph } = import_antd.Typography;
+var CustomerOAuthConfig = ({ className, style, onSave }) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const app = context.appHelper.utils.getApp();
+  const { request, data } = context.appHelper.utils.getApp();
+  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");
+  const [form] = import_antd.Form.useForm();
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [drawerOpen, setDrawerOpen] = (0, import_react.useState)(false);
+  const [currentProvider, setCurrentProvider] = (0, import_react.useState)(null);
+  const [tenantId, setTenantId] = (0, import_react.useState)(null);
+  const initialProviders = [
+    // 暂时注释 google
+    // {
+    //   id: 'google',
+    //   name: locales.getText('oauth.provider.google'),
+    //   description: locales.getText('oauth.provider.google.description'),
+    //   icon: <GoogleOutlined style={{ fontSize: 24, color: '#4285F4' }} />,
+    //   configured: false,
+    // },
+    {
+      id: "apple",
+      name: import_utils.locales.getText("oauth.provider.apple"),
+      description: import_utils.locales.getText("oauth.provider.apple.description"),
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.AppleOutlined, { style: { fontSize: 24, color: "#000000" } }),
+      configured: false
+    },
+    {
+      id: "facebook",
+      name: import_utils.locales.getText("oauth.provider.facebook"),
+      description: import_utils.locales.getText("oauth.provider.facebook.description"),
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.FacebookOutlined, { style: { fontSize: 24, color: "#1877F2" } }),
+      configured: false
+    }
+  ];
+  const [providers, setProviders] = (0, import_react.useState)(initialProviders);
+  (0, import_react.useEffect)(() => {
+    console.log("app_init_customer_oauth_config", app, context, data.storage);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const coreData = data.storage.getStorage("core");
+    console.log("coreData from storage:", coreData);
+    if (coreData) {
+      try {
+        const coreDataJson = JSON.parse(coreData);
+        console.log("parsed coreDataJson:", coreDataJson);
+        if ((_a2 = coreDataJson == null ? void 0 : coreDataJson.tenant) == null ? void 0 : _a2.id) {
+          console.log("setting tenantId:", coreDataJson.tenant.id);
+          setTenantId(coreDataJson.tenant.id);
+        } else {
+          console.log("tenant.id not found in coreData");
+        }
+      } catch (error) {
+        console.error("Error parsing core data:", error);
+      }
+    } else {
+      console.log("No coreData found in storage");
+    }
+  }, [data.storage]);
+  const checkAllProvidersStatus = async () => {
+    console.log("checkAllProvidersStatus called, tenantId:", tenantId);
+    if (!tenantId) {
+      console.log("No tenantId, skipping status check");
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    console.log("Starting to check providers status...");
+    const updatedProviders = await Promise.all(
+      initialProviders.map(async (provider) => {
+        var _a2, _b2;
+        const dataKey = `auth.oauth.${provider.id}`;
+        console.log(`Checking ${provider.id} with dataKey:`, dataKey);
+        try {
+          const url = `/tenant/core/meta?key=${dataKey}&metable_type=tenant&metable_id=${tenantId}`;
+          console.log(`Requesting URL:`, url);
+          const res = await request.get(url);
+          console.log(`check_status_${provider.id}`, res);
+          let hasConfig = false;
+          if (((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.length) > 0 && ((_b2 = res.data[0]) == null ? void 0 : _b2.value)) {
+            const configData = res.data[0].value;
+            console.log(`${provider.id} configData:`, configData);
+            if (typeof configData === "object" && configData !== null) {
+              const hasValidValue = Object.values(configData).some(
+                (val) => val !== null && val !== void 0 && val !== ""
+              );
+              hasConfig = hasValidValue;
+              console.log(`${provider.id} hasValidValue:`, hasValidValue);
+            } else {
+              hasConfig = !!configData;
+            }
+          }
+          console.log(`${provider.id} hasConfig:`, hasConfig);
+          return {
+            ...provider,
+            configured: hasConfig
+          };
+        } catch (error) {
+          console.error(`Error checking ${provider.id} status:`, error);
+          return {
+            ...provider,
+            configured: false
+          };
+        }
+      })
+    );
+    console.log("Updated providers:", updatedProviders);
+    setProviders(updatedProviders);
+    setLoading(false);
+  };
+  (0, import_react.useEffect)(() => {
+    console.log("tenantId useEffect triggered, tenantId:", tenantId);
+    if (tenantId) {
+      console.log("tenantId is valid, calling checkAllProvidersStatus");
+      checkAllProvidersStatus();
+    } else {
+      console.log("tenantId is null or undefined");
+    }
+  }, [tenantId]);
+  const authMethods = (0, import_react.useMemo)(() => {
+    return providers.map((provider) => ({
+      id: provider.id,
+      type: provider.id.toUpperCase(),
+      title: provider.name,
+      category: import_types.AuthMethodCategory.OAUTH,
+      description: provider.description,
+      icon: provider.icon,
+      enabled: provider.configured,
+      hasSettings: true
+    }));
+  }, [providers]);
+  const renderMethodTitle = (method) => {
+    const getStatusTag = () => {
+      if (method.enabled) {
+        return null;
+      }
+      const tagStyle = {
+        display: "inline-block",
+        padding: "2px 8px",
+        borderRadius: "4px",
+        fontSize: "12px",
+        fontWeight: 500,
+        lineHeight: "20px"
+      };
+      return /* @__PURE__ */ import_react.default.createElement("span", { style: {
+        ...tagStyle,
+        backgroundColor: "#fff7e6",
+        color: "#fa8c16",
+        border: "1px solid #ffd591"
+      } }, import_utils.locales.getText("oauth.status.not.configured"));
+    };
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react.default.createElement("span", null, method.title), getStatusTag());
+  };
+  const loadProviderConfig = async (providerId) => {
+    var _a2, _b2;
+    if (!tenantId) {
+      console.log("No tenantId, cannot load provider config");
+      return;
+    }
+    const dataKey = `auth.oauth.${providerId}`;
+    console.log(`Loading config for ${providerId} with dataKey:`, dataKey);
+    try {
+      const url = `/tenant/core/meta?key=${dataKey}&metable_type=tenant&metable_id=${tenantId}`;
+      console.log(`Loading from URL:`, url);
+      const res = await request.get(url);
+      console.log(`load_config_${providerId}`, res);
+      if (((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.length) > 0 && ((_b2 = res.data[0]) == null ? void 0 : _b2.value)) {
+        const configData = res.data[0].value;
+        console.log(`${providerId} loaded configData:`, configData);
+        if (configData && typeof configData === "object") {
+          form.setFieldsValue(configData);
+          console.log("Form fields set with:", configData);
+        }
+      } else {
+        console.log(`No config data found for ${providerId}`);
+        form.resetFields();
+      }
+    } catch (error) {
+      console.error(`Error loading ${providerId} config:`, error);
+      form.resetFields();
+    }
+  };
+  const handleSettings = async (method) => {
+    console.log("handleSettings called for method:", method);
+    const provider = providers.find((p) => p.id === method.id);
+    console.log("Found provider:", provider);
+    if (provider) {
+      setCurrentProvider(provider);
+      setDrawerOpen(true);
+      await loadProviderConfig(provider.id);
+    }
+  };
+  const handleDrawerClose = () => {
+    setDrawerOpen(false);
+    setCurrentProvider(null);
+    form.resetFields();
+  };
+  const handleSaveSettings = async () => {
+    if (!currentProvider || !tenantId) return;
+    try {
+      const values = await form.validateFields();
+      console.log("Saving settings:", values);
+      const dataKey = `auth.oauth.${currentProvider.id}`;
+      let configData = {};
+      if (currentProvider.id === "facebook") {
+        configData = {
+          appid: values.appid,
+          secret_key: values.secret_key
+        };
+      } else if (currentProvider.id === "apple") {
+        configData = {
+          identifier: values.identifier
+        };
+      } else if (currentProvider.id === "google") {
+        configData = {
+          clientId: values.clientId,
+          clientSecret: values.clientSecret
+        };
+      }
+      console.log("Saving to API:", { dataKey, configData });
+      await request.post(`/tenant/core/meta/tenant/${tenantId}`, {
+        [dataKey]: configData
+      });
+      import_antd.message.success(import_utils.locales.getText("oauth.save.success") || "保存成功");
+      await checkAllProvidersStatus();
+      handleDrawerClose();
+    } catch (error) {
+      console.error("Validation failed or save error:", error);
+      import_antd.message.error(import_utils.locales.getText("oauth.save.error") || "保存失败");
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `customer-oauth-config ${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-oauth-config ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-oauth-config-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 1, className: "customer-oauth-config-title" }, import_utils.locales.getText("oauth.config.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "customer-oauth-config-description" }, import_utils.locales.getText("oauth.config.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-oauth-config-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-oauth-config-section-layout" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-oauth-config-section-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "customer-oauth-config-section-title" }, import_utils.locales.getText("oauth.providers.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "customer-oauth-config-section-description" }, import_utils.locales.getText("oauth.providers.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "customer-oauth-config-section-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_SettingList.default,
+    {
+      methods: authMethods,
+      onSettings: handleSettings,
+      enableSetting: true,
+      renderTitle: renderMethodTitle
+    }
+  )))), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Drawer,
+    {
+      title: currentProvider ? `${currentProvider.name} ${import_utils.locales.getText("oauth.drawer.title")}` : "",
+      placement: "right",
+      width: 500,
+      open: drawerOpen,
+      onClose: handleDrawerClose
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", height: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, (currentProvider == null ? void 0 : currentProvider.id) === "apple" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("oauth.apple.identifier"),
+        name: "identifier",
+        rules: [{ required: true, message: import_utils.locales.getText("oauth.apple.identifier.required") }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: import_utils.locales.getText("oauth.apple.identifier.placeholder") })
+    )), (currentProvider == null ? void 0 : currentProvider.id) === "facebook" && /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("oauth.facebook.appId"),
+        name: "appid",
+        rules: [{ required: true, message: import_utils.locales.getText("oauth.facebook.appId.required") }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: import_utils.locales.getText("oauth.facebook.appId.placeholder") })
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: import_utils.locales.getText("oauth.facebook.appSecret"),
+        name: "secret_key",
+        rules: [{ required: true, message: import_utils.locales.getText("oauth.facebook.appSecret.required") }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Password, { placeholder: import_utils.locales.getText("oauth.facebook.appSecret.placeholder") })
+    ))), /* @__PURE__ */ import_react.default.createElement("div", { style: {
+      display: "flex",
+      gap: "8px",
+      justifyContent: "flex-end",
+      padding: "16px 0",
+      borderTop: "1px solid #f0f0f0",
+      marginTop: "auto"
+    } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleDrawerClose }, import_utils.locales.getText("oauth.button.cancel")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: handleSaveSettings }, import_utils.locales.getText("oauth.button.save"))))
+  ));
+};
+var CustomerOAuthConfig_default = CustomerOAuthConfig;

package/lib/components/authentication/admin/CustomerOAuthConfig/locales.d.ts

@@ -0,0 +1,108 @@
+declare const _default: {
+    en: {
+        'oauth.config.title': string;
+        'oauth.config.description': string;
+        'oauth.providers.title': string;
+        'oauth.providers.description': string;
+        'oauth.provider.google': string;
+        'oauth.provider.google.description': string;
+        'oauth.provider.apple': string;
+        'oauth.provider.apple.description': string;
+        'oauth.provider.facebook': string;
+        'oauth.provider.facebook.description': string;
+        'oauth.status.configured': string;
+        'oauth.status.not.configured': string;
+        'oauth.button.settings': string;
+        'oauth.button.save': string;
+        'oauth.button.cancel': string;
+        'oauth.drawer.title': string;
+        'oauth.apple.identifier': string;
+        'oauth.apple.identifier.required': string;
+        'oauth.apple.identifier.placeholder': string;
+        'oauth.facebook.appId': string;
+        'oauth.facebook.appId.required': string;
+        'oauth.facebook.appId.placeholder': string;
+        'oauth.facebook.appSecret': string;
+        'oauth.facebook.appSecret.required': string;
+        'oauth.facebook.appSecret.placeholder': string;
+        'oauth.google.clientId': string;
+        'oauth.google.clientId.required': string;
+        'oauth.google.clientId.placeholder': string;
+        'oauth.google.clientSecret': string;
+        'oauth.google.clientSecret.required': string;
+        'oauth.google.clientSecret.placeholder': string;
+        'oauth.save.success': string;
+        'oauth.save.error': string;
+    };
+    'zh-CN': {
+        'oauth.config.title': string;
+        'oauth.config.description': string;
+        'oauth.providers.title': string;
+        'oauth.providers.description': string;
+        'oauth.provider.google': string;
+        'oauth.provider.google.description': string;
+        'oauth.provider.apple': string;
+        'oauth.provider.apple.description': string;
+        'oauth.provider.facebook': string;
+        'oauth.provider.facebook.description': string;
+        'oauth.status.configured': string;
+        'oauth.status.not.configured': string;
+        'oauth.button.settings': string;
+        'oauth.button.save': string;
+        'oauth.button.cancel': string;
+        'oauth.drawer.title': string;
+        'oauth.apple.identifier': string;
+        'oauth.apple.identifier.required': string;
+        'oauth.apple.identifier.placeholder': string;
+        'oauth.facebook.appId': string;
+        'oauth.facebook.appId.required': string;
+        'oauth.facebook.appId.placeholder': string;
+        'oauth.facebook.appSecret': string;
+        'oauth.facebook.appSecret.required': string;
+        'oauth.facebook.appSecret.placeholder': string;
+        'oauth.google.clientId': string;
+        'oauth.google.clientId.required': string;
+        'oauth.google.clientId.placeholder': string;
+        'oauth.google.clientSecret': string;
+        'oauth.google.clientSecret.required': string;
+        'oauth.google.clientSecret.placeholder': string;
+        'oauth.save.success': string;
+        'oauth.save.error': string;
+    };
+    'zh-HK': {
+        'oauth.config.title': string;
+        'oauth.config.description': string;
+        'oauth.providers.title': string;
+        'oauth.providers.description': string;
+        'oauth.provider.google': string;
+        'oauth.provider.google.description': string;
+        'oauth.provider.apple': string;
+        'oauth.provider.apple.description': string;
+        'oauth.provider.facebook': string;
+        'oauth.provider.facebook.description': string;
+        'oauth.status.configured': string;
+        'oauth.status.not.configured': string;
+        'oauth.button.settings': string;
+        'oauth.button.save': string;
+        'oauth.button.cancel': string;
+        'oauth.drawer.title': string;
+        'oauth.apple.identifier': string;
+        'oauth.apple.identifier.required': string;
+        'oauth.apple.identifier.placeholder': string;
+        'oauth.facebook.appId': string;
+        'oauth.facebook.appId.required': string;
+        'oauth.facebook.appId.placeholder': string;
+        'oauth.facebook.appSecret': string;
+        'oauth.facebook.appSecret.required': string;
+        'oauth.facebook.appSecret.placeholder': string;
+        'oauth.google.clientId': string;
+        'oauth.google.clientId.required': string;
+        'oauth.google.clientId.placeholder': string;
+        'oauth.google.clientSecret': string;
+        'oauth.google.clientSecret.required': string;
+        'oauth.google.clientSecret.placeholder': string;
+        'oauth.save.success': string;
+        'oauth.save.error': string;
+    };
+};
+export default _default;

package/lib/components/authentication/admin/CustomerOAuthConfig/locales.js

@@ -0,0 +1,161 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/authentication/admin/CustomerOAuthConfig/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    // Page title and description
+    "oauth.config.title": "OAuth Configuration",
+    "oauth.config.description": "Configure third-party OAuth providers for quick login.",
+    // OAuth Providers section
+    "oauth.providers.title": "OAuth Providers",
+    "oauth.providers.description": "Configure third-party OAuth providers.",
+    // Provider names and descriptions
+    "oauth.provider.google": "Google",
+    "oauth.provider.google.description": "Sign in with Google account",
+    "oauth.provider.apple": "Apple",
+    "oauth.provider.apple.description": "Sign in with Apple ID",
+    "oauth.provider.facebook": "Facebook",
+    "oauth.provider.facebook.description": "Sign in with Facebook account",
+    // Status
+    "oauth.status.configured": "Configured",
+    "oauth.status.not.configured": "Not Configured",
+    // Buttons
+    "oauth.button.settings": "Settings",
+    "oauth.button.save": "Save",
+    "oauth.button.cancel": "Cancel",
+    // Drawer
+    "oauth.drawer.title": "Settings",
+    // Apple OAuth
+    "oauth.apple.identifier": "Identifier",
+    "oauth.apple.identifier.required": "Please enter the identifier",
+    "oauth.apple.identifier.placeholder": "Please enter the identifier",
+    // Facebook OAuth
+    "oauth.facebook.appId": "AppId",
+    "oauth.facebook.appId.required": "Please enter the AppId",
+    "oauth.facebook.appId.placeholder": "Please enter the AppId",
+    "oauth.facebook.appSecret": "AppSecret",
+    "oauth.facebook.appSecret.required": "Please enter the AppSecret",
+    "oauth.facebook.appSecret.placeholder": "Please enter the AppSecret",
+    // Google OAuth
+    "oauth.google.clientId": "Client ID",
+    "oauth.google.clientId.required": "Please enter the Client ID",
+    "oauth.google.clientId.placeholder": "Please enter the Client ID",
+    "oauth.google.clientSecret": "Client Secret",
+    "oauth.google.clientSecret.required": "Please enter the Client Secret",
+    "oauth.google.clientSecret.placeholder": "Please enter the Client Secret",
+    // Messages
+    "oauth.save.success": "Saved successfully",
+    "oauth.save.error": "Failed to save"
+  },
+  "zh-CN": {
+    // Page title and description
+    "oauth.config.title": "OAuth 配置",
+    "oauth.config.description": "配置第三方 OAuth 提供商以实现快速登录。",
+    // OAuth Providers section
+    "oauth.providers.title": "OAuth 提供商",
+    "oauth.providers.description": "配置第三方 OAuth 提供商。",
+    // Provider names and descriptions
+    "oauth.provider.google": "Google",
+    "oauth.provider.google.description": "使用 Google 账号登录",
+    "oauth.provider.apple": "Apple",
+    "oauth.provider.apple.description": "使用 Apple ID 登录",
+    "oauth.provider.facebook": "Facebook",
+    "oauth.provider.facebook.description": "使用 Facebook 账号登录",
+    // Status
+    "oauth.status.configured": "已配置",
+    "oauth.status.not.configured": "未配置",
+    // Buttons
+    "oauth.button.settings": "设置",
+    "oauth.button.save": "保存",
+    "oauth.button.cancel": "取消",
+    // Drawer
+    "oauth.drawer.title": "设置",
+    // Apple OAuth
+    "oauth.apple.identifier": "标识符",
+    "oauth.apple.identifier.required": "请输入标识符",
+    "oauth.apple.identifier.placeholder": "请输入标识符",
+    // Facebook OAuth
+    "oauth.facebook.appId": "应用ID",
+    "oauth.facebook.appId.required": "请输入应用ID",
+    "oauth.facebook.appId.placeholder": "请输入应用ID",
+    "oauth.facebook.appSecret": "应用密钥",
+    "oauth.facebook.appSecret.required": "请输入应用密钥",
+    "oauth.facebook.appSecret.placeholder": "请输入应用密钥",
+    // Google OAuth
+    "oauth.google.clientId": "客户端ID",
+    "oauth.google.clientId.required": "请输入客户端ID",
+    "oauth.google.clientId.placeholder": "请输入客户端ID",
+    "oauth.google.clientSecret": "客户端密钥",
+    "oauth.google.clientSecret.required": "请输入客户端密钥",
+    "oauth.google.clientSecret.placeholder": "请输入客户端密钥",
+    // Messages
+    "oauth.save.success": "保存成功",
+    "oauth.save.error": "保存失败"
+  },
+  "zh-HK": {
+    // Page title and description
+    "oauth.config.title": "OAuth 配置",
+    "oauth.config.description": "配置第三方 OAuth 提供商以實現快速登錄。",
+    // OAuth Providers section
+    "oauth.providers.title": "OAuth 提供商",
+    "oauth.providers.description": "配置第三方 OAuth 提供商。",
+    // Provider names and descriptions
+    "oauth.provider.google": "Google",
+    "oauth.provider.google.description": "使用 Google 賬號登錄",
+    "oauth.provider.apple": "Apple",
+    "oauth.provider.apple.description": "使用 Apple ID 登錄",
+    "oauth.provider.facebook": "Facebook",
+    "oauth.provider.facebook.description": "使用 Facebook 賬號登錄",
+    // Status
+    "oauth.status.configured": "已配置",
+    "oauth.status.not.configured": "未配置",
+    // Buttons
+    "oauth.button.settings": "設置",
+    "oauth.button.save": "保存",
+    "oauth.button.cancel": "取消",
+    // Drawer
+    "oauth.drawer.title": "設置",
+    // Apple OAuth
+    "oauth.apple.identifier": "標識符",
+    "oauth.apple.identifier.required": "請輸入標識符",
+    "oauth.apple.identifier.placeholder": "請輸入標識符",
+    // Facebook OAuth
+    "oauth.facebook.appId": "應用ID",
+    "oauth.facebook.appId.required": "請輸入應用ID",
+    "oauth.facebook.appId.placeholder": "請輸入應用ID",
+    "oauth.facebook.appSecret": "應用密鑰",
+    "oauth.facebook.appSecret.required": "請輸入應用密鑰",
+    "oauth.facebook.appSecret.placeholder": "請輸入應用密鑰",
+    // Google OAuth
+    "oauth.google.clientId": "客戶端ID",
+    "oauth.google.clientId.required": "請輸入客戶端ID",
+    "oauth.google.clientId.placeholder": "請輸入客戶端ID",
+    "oauth.google.clientSecret": "客戶端密鑰",
+    "oauth.google.clientSecret.required": "請輸入客戶端密鑰",
+    "oauth.google.clientSecret.placeholder": "請輸入客戶端密鑰",
+    // Messages
+    "oauth.save.success": "保存成功",
+    "oauth.save.error": "保存失敗"
+  }
+};

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface CustomerOAuthProvider {
+    id: string;
+    name: string;
+    description: string;
+    icon: React.ReactNode;
+    configured: boolean;
+}
+export interface CustomerOAuthConfigProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 保存回调
+     */
+    onSave?: (providers: CustomerOAuthProvider[]) => void;
+}

package/lib/components/authentication/admin/CustomerOAuthConfig/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/CustomerOAuthConfig/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);