@pisell/private-materials 6.6.1 → 6.7.1

package/lib/components/authentication/admin/ChannelAuthSetting/PageSettingItem/index.js

@@ -0,0 +1,206 @@
+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/ChannelAuthSetting/PageSettingItem/index.tsx
+var PageSettingItem_exports = {};
+__export(PageSettingItem_exports, {
+  default: () => PageSettingItem_default
+});
+module.exports = __toCommonJS(PageSettingItem_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_PageSettingItem = require("./PageSettingItem.less");
+var PageSettingItem = (0, import_react.forwardRef)(({
+  className,
+  style,
+  value,
+  onChange,
+  showImageUpload = true
+}, ref) => {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  const appHelper = context == null ? void 0 : context.appHelper;
+  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();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    validateFields: () => form.validateFields()
+  }));
+  const previousValueRef = (0, import_react.useRef)(value);
+  (0, import_react.useEffect)(() => {
+    const prevValue = previousValueRef.current;
+    const hasValueChanged = (value == null ? void 0 : value.backgroundImage) !== (prevValue == null ? void 0 : prevValue.backgroundImage) || JSON.stringify(value == null ? void 0 : value.termsConditions) !== JSON.stringify(prevValue == null ? void 0 : prevValue.termsConditions);
+    if (hasValueChanged) {
+      const defaultName = {
+        en: "",
+        "zh-CN": "",
+        "zh-HK": "",
+        original: ""
+      };
+      form.setFieldsValue({
+        backgroundImage: (value == null ? void 0 : value.backgroundImage) || "",
+        termsConditions: (value == null ? void 0 : value.termsConditions) || [
+          {
+            name: {
+              en: "Terms of Service",
+              "zh-CN": "服务条款",
+              "zh-HK": "服務條款",
+              original: "Terms of Service"
+            },
+            url: "https://example.com/terms"
+          },
+          {
+            name: {
+              en: "Privacy Policy",
+              "zh-CN": "隐私政策",
+              "zh-HK": "隱私政策",
+              original: "Privacy Policy"
+            },
+            url: "https://example.com/privacy"
+          }
+        ]
+      });
+      previousValueRef.current = value;
+    }
+  }, [value, form]);
+  const handleFormChange = () => {
+    const formValues = form.getFieldsValue();
+    const newValue = {
+      backgroundImage: formValues.backgroundImage || "",
+      termsConditions: formValues.termsConditions || []
+    };
+    onChange == null ? void 0 : onChange(newValue);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("page-setting-item", className), style }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, onValuesChange: handleFormChange }, showImageUpload && /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section page-setting-item-background" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section-title" }, import_utils.locales.getText("page.setting.item.background.title")), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "backgroundImage", style: { margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.FormItemUpload,
+    {
+      renderMode: "edit",
+      mediaUploadUrl: (_c = appHelper == null ? void 0 : appHelper.constants) == null ? void 0 : _c.mediaUploadUrl,
+      getHeaders: (_d = appHelper == null ? void 0 : appHelper.constants) == null ? void 0 : _d.getHeaders,
+      maxCount: 1,
+      multiple: false,
+      enableCustomType: true,
+      customType: [".png", ".jpg", ".jpeg"],
+      allowPreview: true
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section page-setting-item-terms" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section-title" }, import_utils.locales.getText("page.setting.item.terms.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-section-subtitle" }, import_utils.locales.getText("page.setting.item.terms.subtitle"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table-header" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("page.setting.item.terms.table.name")), /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("page.setting.item.terms.table.url")), /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center" } }, import_utils.locales.getText("page.setting.item.terms.table.action"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.List, { name: "termsConditions" }, (fields, { add, remove }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table-body" }, fields.map((field) => /* @__PURE__ */ import_react.default.createElement("div", { key: field.key, className: "page-setting-item-terms-table-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table-cell" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      ...field,
+      name: [field.name, "name"],
+      validateTrigger: ["onChange", "onBlur"],
+      rules: [
+        {
+          validator: (_, value2) => {
+            if (!value2 || !value2.original || !value2.original.trim()) {
+              return Promise.reject(
+                new Error(import_utils.locales.getText("page.setting.item.terms.error.name.required"))
+              );
+            }
+            return Promise.resolve();
+          }
+        }
+      ],
+      style: { margin: 0, flex: 1 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.BaseTranslation,
+      {
+        renderMode: "edit",
+        placeholder: import_utils.locales.getText(
+          "page.setting.item.terms.table.name.placeholder"
+        )
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table-cell" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      ...field,
+      name: [field.name, "url"],
+      validateTrigger: ["onChange", "onBlur"],
+      rules: [
+        {
+          validator: (_, value2) => {
+            if (!value2 || !value2.trim()) {
+              return Promise.reject(
+                new Error(import_utils.locales.getText("page.setting.item.terms.error.url.required"))
+              );
+            }
+            return Promise.resolve();
+          }
+        },
+        {
+          type: "url",
+          message: import_utils.locales.getText("page.setting.item.terms.error.url.invalid")
+        }
+      ],
+      style: { margin: 0, flex: 1 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        placeholder: import_utils.locales.getText(
+          "page.setting.item.terms.table.url.placeholder"
+        )
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-table-actions" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "text",
+      danger: true,
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
+      size: "small",
+      onClick: () => remove(field.name)
+    }
+  ))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-item-terms-add-row" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
+      onClick: () => add({
+        name: {
+          en: "",
+          "zh-CN": "",
+          "zh-HK": "",
+          original: ""
+        },
+        url: ""
+      }),
+      className: "page-setting-item-terms-add-button"
+    },
+    import_utils.locales.getText("page.setting.item.terms.button.add")
+  ))))))));
+});
+PageSettingItem.displayName = "PageSettingItem";
+var PageSettingItem_default = PageSettingItem;

package/lib/components/authentication/admin/ChannelAuthSetting/PageSettingItem/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+    'zh-CN': {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+    'zh-HK': {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+};
+export default _default;

package/lib/components/authentication/admin/ChannelAuthSetting/PageSettingItem/locales.js

@@ -0,0 +1,95 @@
+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/ChannelAuthSetting/PageSettingItem/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    // Background Image section
+    "page.setting.item.background.title": "Background Image",
+    "page.setting.item.background.upload.text": "Click or drag file to upload",
+    "page.setting.item.background.upload.hint": "Support JPG, PNG format, max 2MB",
+    "page.setting.item.background.description": "Background image for registration page",
+    "page.setting.item.background.usage": "Used for brand display and visual enhancement",
+    "page.setting.item.background.error.format": "Only JPG and PNG formats are supported",
+    "page.setting.item.background.error.size": "File size must not exceed 2MB",
+    // Terms & Conditions section
+    "page.setting.item.terms.title": "Terms & Conditions",
+    "page.setting.item.terms.subtitle": "Legal agreements and policy links displayed on registration page",
+    "page.setting.item.terms.usage": "Support adding terms of service, privacy policy, etc.",
+    "page.setting.item.terms.table.name": "Name",
+    "page.setting.item.terms.table.url": "URL",
+    "page.setting.item.terms.table.action": "Action",
+    "page.setting.item.terms.table.name.placeholder": "Terms of Service",
+    "page.setting.item.terms.table.url.placeholder": "https://example.com/terms",
+    "page.setting.item.terms.button.add": "Add",
+    "page.setting.item.terms.error.name.required": "Name is required",
+    "page.setting.item.terms.error.url.required": "URL is required",
+    "page.setting.item.terms.error.url.invalid": "Please enter a valid URL"
+  },
+  "zh-CN": {
+    // Background Image section
+    "page.setting.item.background.title": "背景图片",
+    "page.setting.item.background.upload.text": "点击或拖拽文件上传",
+    "page.setting.item.background.upload.hint": "支持 JPG、PNG 格式，最大 2MB",
+    "page.setting.item.background.description": "注册页面的背景图片",
+    "page.setting.item.background.usage": "用于品牌展示和视觉美化",
+    "page.setting.item.background.error.format": "只支持 JPG 和 PNG 格式",
+    "page.setting.item.background.error.size": "文件大小不能超过 2MB",
+    // Terms & Conditions section
+    "page.setting.item.terms.title": "条款与条件",
+    "page.setting.item.terms.subtitle": "注册页面展示的法律协议和政策链接",
+    "page.setting.item.terms.usage": "支持添加服务条款、隐私政策等",
+    "page.setting.item.terms.table.name": "名称",
+    "page.setting.item.terms.table.url": "URL",
+    "page.setting.item.terms.table.action": "操作",
+    "page.setting.item.terms.table.name.placeholder": "服务条款",
+    "page.setting.item.terms.table.url.placeholder": "https://example.com/terms",
+    "page.setting.item.terms.button.add": "添加",
+    "page.setting.item.terms.error.name.required": "名称不能为空",
+    "page.setting.item.terms.error.url.required": "URL不能为空",
+    "page.setting.item.terms.error.url.invalid": "请输入有效的URL"
+  },
+  "zh-HK": {
+    // Background Image section
+    "page.setting.item.background.title": "背景圖片",
+    "page.setting.item.background.upload.text": "點擊或拖拽文件上傳",
+    "page.setting.item.background.upload.hint": "支持 JPG、PNG 格式，最大 2MB",
+    "page.setting.item.background.description": "註冊頁面的背景圖片",
+    "page.setting.item.background.usage": "用於品牌展示和視覺美化",
+    "page.setting.item.background.error.format": "只支持 JPG 和 PNG 格式",
+    "page.setting.item.background.error.size": "文件大小不能超過 2MB",
+    // Terms & Conditions section
+    "page.setting.item.terms.title": "條款與條件",
+    "page.setting.item.terms.subtitle": "註冊頁面展示的法律協議和政策鏈接",
+    "page.setting.item.terms.usage": "支持添加服務條款、隱私政策等",
+    "page.setting.item.terms.table.name": "名稱",
+    "page.setting.item.terms.table.url": "URL",
+    "page.setting.item.terms.table.action": "操作",
+    "page.setting.item.terms.table.name.placeholder": "服務條款",
+    "page.setting.item.terms.table.url.placeholder": "https://example.com/terms",
+    "page.setting.item.terms.button.add": "添加",
+    "page.setting.item.terms.error.name.required": "名稱不能為空",
+    "page.setting.item.terms.error.url.required": "URL不能為空",
+    "page.setting.item.terms.error.url.invalid": "請輸入有效的URL"
+  }
+};

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export interface TranslationValue {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    original: string;
+}
+export interface TermsCondition {
+    name: TranslationValue;
+    url: string;
+}
+export interface PageSettingItemValue {
+    backgroundImage?: string;
+    termsConditions: TermsCondition[];
+}
+export interface PageSettingItemProps {
+    className?: string;
+    style?: React.CSSProperties;
+    value?: PageSettingItemValue;
+    onChange?: (value: PageSettingItemValue) => void;
+    /**
+     * 是否显示图片上传组件
+     * 默认为true，设置为false时隐藏背景图片上传功能
+     */
+    showImageUpload?: boolean;
+}

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

package/lib/components/authentication/admin/ChannelAuthSetting/SaaSManagermentAuth/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ChannelAuthSettingProps } from '../types';
+import './index.less';
+declare const SaaSManagermentAuth: React.FC<ChannelAuthSettingProps>;
+export default SaaSManagermentAuth;
+export type { ChannelAuthSettingProps, ChannelAuthSettingValue, ChannelAuthSettingSaveParams, TabKey } from '../types';