@pisell/private-materials 6.6.2 → 6.6.4

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

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

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

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

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

@@ -0,0 +1,254 @@
+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/DeviceAuth/index.tsx
+var DeviceAuth_exports = {};
+__export(DeviceAuth_exports, {
+  default: () => DeviceAuth_default
+});
+module.exports = __toCommonJS(DeviceAuth_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_AuthMethods = __toESM(require("../AuthMethods"));
+var import_SettingsDrawer = __toESM(require("../AuthMethods/SettingsDrawer"));
+var import_types = require("../AuthMethods/types");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_DeviceAuth = require("./DeviceAuth.less");
+var { Title, Paragraph } = import_antd.Typography;
+var getDeviceAuthMethods = () => [
+  {
+    id: "team_member",
+    type: import_types.AuthMethodType.TEAM_MEMBER,
+    title: import_utils.locales.getText("device.auth.method.team-member.title") || "Team Member",
+    category: import_types.AuthMethodCategory.GENERAL,
+    description: import_utils.locales.getText("device.auth.method.team-member.description") || "Use Team Member authentication methods",
+    inheritMessage: import_utils.locales.getText("device.auth.method.team-member.inherit") || "Inherits from Team Member authentication settings",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, { style: { fontSize: 20, color: "#4096ff" } }),
+    enabled: true,
+    hasSettings: false
+  }
+  // {
+  //   id: 'device_passcode',
+  //   type: AuthMethodType.DEVICE_PASSCODE,
+  //   title: locales.getText('device.auth.method.device-passcode.title') || 'Device Passcode',
+  //   category: AuthMethodCategory.PASSWORD_FREE,
+  //   description: locales.getText('device.auth.method.device-passcode.description') || 'Password-free login with dynamic device passcode authentication',
+  //   icon: <KeyOutlined style={{ fontSize: 20, color: '#52c41a' }} />,
+  //   enabled: false,
+  //   hasSettings: true,
+  // },
+];
+var DEVICE_AUTH_METHODS = getDeviceAuthMethods();
+var convertApiDataToComponent = (apiData, currentMethods) => {
+  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);
+    const defaultMethod = currentMethods.find((m) => m.id === key);
+    if (defaultMethod) {
+      authMethods.push({
+        ...defaultMethod,
+        enabled
+      });
+      if (setting) {
+        settingsMap[key] = setting;
+      }
+    }
+  });
+  currentMethods.forEach((defaultMethod) => {
+    if (!processedKeys.has(defaultMethod.id)) {
+      authMethods.push({
+        ...defaultMethod,
+        enabled: false
+      });
+    }
+  });
+  return { authMethods, settingsMap };
+};
+var convertComponentDataToApi = (authMethods, settingsMap) => {
+  console.log("convertComponentDataToApi 被调用");
+  console.log("authMethods:", authMethods);
+  console.log("settingsMap:", settingsMap);
+  const method = {};
+  authMethods.forEach((authMethod, index) => {
+    console.log(`处理 authMethod: ${authMethod.id}, index: ${index}`);
+    const setting = settingsMap[authMethod.id];
+    method[authMethod.id] = {
+      sort: index + 1,
+      enabled: authMethod.enabled,
+      ...setting && { setting }
+    };
+  });
+  console.log("最终的 method 对象:", method);
+  return { method };
+};
+var DeviceAuth = ({ className, style, onSave }) => {
+  const context = (0, import_useEngineContext.default)();
+  const app = context.appHelper.utils.getApp();
+  const { request, data } = context.appHelper.utils.getApp();
+  const dataKey = "auth.device";
+  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 [drawerOpen, setDrawerOpen] = (0, import_react.useState)(false);
+  const [selectedMethod, setSelectedMethod] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    console.log("app_init_device_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");
+    setAuthMethods(getDeviceAuthMethods());
+  }, []);
+  (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]);
+  (0, import_react.useEffect)(() => {
+    if (tenantId) {
+      setLoading(true);
+      request.get(`/tenant/core/meta?key=${dataKey}&metable_type=tenant&metable_id=${tenantId}`).then((res) => {
+        var _a, _b;
+        console.log("res_device_auth_methods", res);
+        if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.length) {
+          const apiData = (_b = res.data[0]) == null ? void 0 : _b.value;
+          const currentDeviceMethods = getDeviceAuthMethods();
+          const { authMethods: convertedAuthMethods, settingsMap: convertedSettingsMap } = convertApiDataToComponent(apiData, currentDeviceMethods);
+          setAuthMethods(convertedAuthMethods);
+          setSettingsMap(convertedSettingsMap);
+          console.log("Converted data:", { convertedAuthMethods, convertedSettingsMap });
+        } else {
+          setAuthMethods(getDeviceAuthMethods());
+        }
+        setLoading(false);
+      }).catch((error) => {
+        console.error("Error fetching tenant data:", error);
+        setAuthMethods(getDeviceAuthMethods());
+        setLoading(false);
+      });
+    }
+  }, [tenantId, request]);
+  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 handleDrawerClose = () => {
+    setDrawerOpen(false);
+    setSelectedMethod(null);
+  };
+  const saveToApi = (currentAuthMethods, currentSettingsMap) => {
+    console.log("=== 开始保存到接口 ===");
+    console.log("authMethods:", currentAuthMethods);
+    console.log("settingsMap:", currentSettingsMap);
+    const apiData = convertComponentDataToApi(currentAuthMethods, currentSettingsMap);
+    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_device_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 };
+    if (selectedMethod) {
+      updatedSettingsMap = {
+        ...updatedSettingsMap,
+        [selectedMethod.id]: settings
+      };
+      setSettingsMap(updatedSettingsMap);
+    }
+    saveToApi(authMethods, updatedSettingsMap);
+  };
+  const handleSave = () => {
+    saveToApi(authMethods, settingsMap);
+  };
+  const handleCancel = () => {
+    console.log("Settings cancelled");
+  };
+  if (loading) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `device-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: `device-auth ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 1, className: "device-auth-title" }, import_utils.locales.getText("device.auth.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "device-auth-description" }, import_utils.locales.getText("device.auth.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-section-layout" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-section-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "device-auth-section-title" }, import_utils.locales.getText("device.auth.methods.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "device-auth-section-description" }, import_utils.locales.getText("device.auth.methods.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-section-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_AuthMethods.default,
+    {
+      methods: authMethods,
+      onOrderChange: handleAuthMethodsOrderChange,
+      onToggle: handleAuthMethodToggle,
+      onSettings: handleAuthMethodSettings
+    }
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "device-auth-footer" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: handleCancel }, import_utils.locales.getText("auth.button.cancel")), /* @__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 ? settingsMap[selectedMethod.id] : void 0
+    }
+  ));
+};
+var DeviceAuth_default = DeviceAuth;

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

@@ -0,0 +1,57 @@
+declare const _default: {
+    en: {
+        'device.auth.title': string;
+        'device.auth.description': string;
+        'device.auth.methods.title': string;
+        'device.auth.methods.description': string;
+        'device.auth.method.team-member.title': string;
+        'device.auth.method.team-member.description': string;
+        'device.auth.method.team-member.inherit': string;
+        'device.auth.method.device-passcode.title': string;
+        'device.auth.method.device-passcode.description': string;
+        'auth.button.cancel': string;
+        'auth.button.save': string;
+        'auth.button.settings': string;
+        'auth.save.success': string;
+        'auth.save.error': string;
+        'auth.category.general': string;
+        'auth.category.passwordFree': string;
+    };
+    'zh-CN': {
+        'device.auth.title': string;
+        'device.auth.description': string;
+        'device.auth.methods.title': string;
+        'device.auth.methods.description': string;
+        'device.auth.method.team-member.title': string;
+        'device.auth.method.team-member.description': string;
+        'device.auth.method.team-member.inherit': string;
+        'device.auth.method.device-passcode.title': string;
+        'device.auth.method.device-passcode.description': string;
+        'auth.button.cancel': string;
+        'auth.button.save': string;
+        'auth.button.settings': string;
+        'auth.save.success': string;
+        'auth.save.error': string;
+        'auth.category.general': string;
+        'auth.category.passwordFree': string;
+    };
+    'zh-HK': {
+        'device.auth.title': string;
+        'device.auth.description': string;
+        'device.auth.methods.title': string;
+        'device.auth.methods.description': string;
+        'device.auth.method.team-member.title': string;
+        'device.auth.method.team-member.description': string;
+        'device.auth.method.team-member.inherit': string;
+        'device.auth.method.device-passcode.title': string;
+        'device.auth.method.device-passcode.description': string;
+        'auth.button.cancel': string;
+        'auth.button.save': string;
+        'auth.button.settings': string;
+        'auth.save.success': string;
+        'auth.save.error': string;
+        'auth.category.general': string;
+        'auth.category.passwordFree': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,98 @@
+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/DeviceAuth/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    // Page title and description
+    "device.auth.title": "Device Authentication",
+    "device.auth.description": "Configure authentication methods for device authorization including POS terminals and kiosks.",
+    // Auth Methods section
+    "device.auth.methods.title": "Auth Methods",
+    "device.auth.methods.description": "Configure authentication methods for device authorization including POS terminals and kiosks. Drag to reorder by priority.",
+    // Device auth method titles and descriptions
+    "device.auth.method.team-member.title": "Team Member",
+    "device.auth.method.team-member.description": "Use Team Member authentication methods",
+    "device.auth.method.team-member.inherit": "Inherits from Team Member authentication settings",
+    "device.auth.method.device-passcode.title": "Device Passcode",
+    "device.auth.method.device-passcode.description": "Password-free login with dynamic device passcode authentication",
+    // Buttons
+    "auth.button.cancel": "Cancel",
+    "auth.button.save": "Save",
+    "auth.button.settings": "Settings",
+    // Messages
+    "auth.save.success": "Settings saved successfully",
+    "auth.save.error": "Failed to save settings",
+    // Category badges
+    "auth.category.general": "General",
+    "auth.category.passwordFree": "Password-free"
+  },
+  "zh-CN": {
+    // Page title and description
+    "device.auth.title": "设备认证",
+    "device.auth.description": "配置设备授权的认证方法，包括POS终端和自助服务机。",
+    // Auth Methods section
+    "device.auth.methods.title": "认证方法",
+    "device.auth.methods.description": "配置设备授权的认证方法，包括POS终端和自助服务机。拖动以调整优先级。",
+    // Device auth method titles and descriptions
+    "device.auth.method.team-member.title": "团队成员",
+    "device.auth.method.team-member.description": "使用团队成员认证方法",
+    "device.auth.method.team-member.inherit": "继承自团队成员认证设置",
+    "device.auth.method.device-passcode.title": "设备密码",
+    "device.auth.method.device-passcode.description": "使用动态设备密码进行免密登录认证",
+    // Buttons
+    "auth.button.cancel": "取消",
+    "auth.button.save": "保存",
+    "auth.button.settings": "设置",
+    // Messages
+    "auth.save.success": "保存成功",
+    "auth.save.error": "保存失败",
+    // Category badges
+    "auth.category.general": "通用",
+    "auth.category.passwordFree": "免密码"
+  },
+  "zh-HK": {
+    // Page title and description
+    "device.auth.title": "設備認證",
+    "device.auth.description": "配置設備授權的認證方法，包括POS終端和自助服務機。",
+    // Auth Methods section
+    "device.auth.methods.title": "認證方法",
+    "device.auth.methods.description": "配置設備授權的認證方法，包括POS終端和自助服務機。拖動以調整優先級。",
+    // Device auth method titles and descriptions
+    "device.auth.method.team-member.title": "團隊成員",
+    "device.auth.method.team-member.description": "使用團隊成員認證方法",
+    "device.auth.method.team-member.inherit": "繼承自團隊成員認證設置",
+    "device.auth.method.device-passcode.title": "設備密碼",
+    "device.auth.method.device-passcode.description": "使用動態設備密碼進行免密登錄認證",
+    // Buttons
+    "auth.button.cancel": "取消",
+    "auth.button.save": "保存",
+    "auth.button.settings": "設置",
+    // Messages
+    "auth.save.success": "保存成功",
+    "auth.save.error": "保存失敗",
+    // Category badges
+    "auth.category.general": "通用",
+    "auth.category.passwordFree": "免密碼"
+  }
+};

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { AuthMethod } from '../AuthMethods/types';
+export interface DeviceAuthProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 保存回调
+     */
+    onSave?: (authMethods: AuthMethod[]) => void;
+}

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