@pisell/private-materials 6.6.3 → 6.6.4

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

@@ -0,0 +1,148 @@
+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/PageSetting/index.tsx
+var PageSetting_exports = {};
+__export(PageSetting_exports, {
+  default: () => PageSetting_default
+});
+module.exports = __toCommonJS(PageSetting_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+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_PageSettingItem = __toESM(require("../PageSettingItem"));
+var import_PageSetting = require("./PageSetting.less");
+var { Title, Paragraph } = import_antd.Typography;
+var PageSetting = (0, import_react.forwardRef)(({
+  className,
+  style,
+  value,
+  onChange,
+  showRegisterPage = true,
+  showImageUpload = true
+}, ref) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  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 registerPageRef = (0, import_react.useRef)(null);
+  const loginPageRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    validateFields: async () => {
+      const promises = [];
+      if (showRegisterPage && registerPageRef.current) {
+        promises.push(registerPageRef.current.validateFields());
+      }
+      if ((!sameAsRegister || !showRegisterPage) && loginPageRef.current) {
+        promises.push(loginPageRef.current.validateFields());
+      }
+      return Promise.all(promises);
+    }
+  }));
+  const [registerPageValue, setRegisterPageValue] = (0, import_react.useState)({
+    backgroundImage: void 0,
+    termsConditions: []
+  });
+  const [sameAsRegister, setSameAsRegister] = (0, import_react.useState)(true);
+  const [loginPageValue, setLoginPageValue] = (0, import_react.useState)({
+    backgroundImage: void 0,
+    termsConditions: []
+  });
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (value) {
+      setRegisterPageValue(value.registerPage || {
+        backgroundImage: void 0,
+        termsConditions: []
+      });
+      setSameAsRegister(((_a2 = value.loginPage) == null ? void 0 : _a2.sameAsRegister) ?? true);
+      setTimeout(() => {
+        var _a3;
+        setLoginPageValue(((_a3 = value.loginPage) == null ? void 0 : _a3.settings) || {
+          backgroundImage: void 0,
+          termsConditions: []
+        });
+      }, 0);
+    }
+  }, [value]);
+  const handleRegisterPageChange = (val) => {
+    onChange == null ? void 0 : onChange({
+      registerPage: val,
+      loginPage: {
+        sameAsRegister,
+        settings: loginPageValue
+      }
+    });
+  };
+  const handleLoginPageChange = (val) => {
+    onChange == null ? void 0 : onChange({
+      registerPage: registerPageValue,
+      loginPage: {
+        sameAsRegister,
+        settings: val
+      }
+    });
+  };
+  const handleSameAsRegisterChange = (checked) => {
+    onChange == null ? void 0 : onChange({
+      registerPage: registerPageValue,
+      loginPage: {
+        sameAsRegister: checked,
+        settings: loginPageValue
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("page-setting", className), style }, showRegisterPage && /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "page-setting-group-title" }, import_utils.locales.getText("page.setting.register.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "page-setting-group-description" }, import_utils.locales.getText("page.setting.register.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_PageSettingItem.default,
+    {
+      ref: registerPageRef,
+      value: registerPageValue,
+      onChange: handleRegisterPageChange,
+      showImageUpload
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group-header" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, className: "page-setting-group-title" }, import_utils.locales.getText("page.setting.login.title")), /* @__PURE__ */ import_react.default.createElement(Paragraph, { className: "page-setting-group-description" }, import_utils.locales.getText("page.setting.login.description"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-group-content" }, showRegisterPage && /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-checkbox" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Checkbox,
+    {
+      checked: sameAsRegister,
+      onChange: (e) => handleSameAsRegisterChange(e.target.checked)
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "page-setting-checkbox-label" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "page-setting-checkbox-label-text" }, import_utils.locales.getText("page.setting.login.sameAsRegister")), /* @__PURE__ */ import_react.default.createElement("span", { className: "page-setting-checkbox-label-description" }, import_utils.locales.getText("page.setting.login.sameAsRegister.description")))
+  )), (!sameAsRegister || !showRegisterPage) && /* @__PURE__ */ import_react.default.createElement(
+    import_PageSettingItem.default,
+    {
+      ref: loginPageRef,
+      value: loginPageValue,
+      onChange: handleLoginPageChange,
+      showImageUpload
+    }
+  ))));
+});
+PageSetting.displayName = "PageSetting";
+var PageSetting_default = PageSetting;

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'page.setting.register.title': string;
+        'page.setting.register.description': string;
+        'page.setting.login.title': string;
+        'page.setting.login.description': string;
+        'page.setting.login.sameAsRegister': string;
+        'page.setting.login.sameAsRegister.description': string;
+    };
+    'zh-CN': {
+        'page.setting.register.title': string;
+        'page.setting.register.description': string;
+        'page.setting.login.title': string;
+        'page.setting.login.description': string;
+        'page.setting.login.sameAsRegister': string;
+        'page.setting.login.sameAsRegister.description': string;
+    };
+    'zh-HK': {
+        'page.setting.register.title': string;
+        'page.setting.register.description': string;
+        'page.setting.login.title': string;
+        'page.setting.login.description': string;
+        'page.setting.login.sameAsRegister': string;
+        'page.setting.login.sameAsRegister.description': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,56 @@
+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/PageSetting/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    // Register Page
+    "page.setting.register.title": "Register Page",
+    "page.setting.register.description": "Configure registration page appearance and terms.",
+    // Login Page
+    "page.setting.login.title": "Login Page",
+    "page.setting.login.description": "Configure login page appearance and terms.",
+    "page.setting.login.sameAsRegister": "Same as Register Page Settings",
+    "page.setting.login.sameAsRegister.description": "Use the same settings from register page"
+  },
+  "zh-CN": {
+    // Register Page
+    "page.setting.register.title": "注册页面",
+    "page.setting.register.description": "配置注册页面外观和条款。",
+    // Login Page
+    "page.setting.login.title": "登录页面",
+    "page.setting.login.description": "配置登录页面外观和条款。",
+    "page.setting.login.sameAsRegister": "与注册页面设置相同",
+    "page.setting.login.sameAsRegister.description": "使用与注册页面相同的设置"
+  },
+  "zh-HK": {
+    // Register Page
+    "page.setting.register.title": "註冊頁面",
+    "page.setting.register.description": "配置註冊頁面外觀和條款。",
+    // Login Page
+    "page.setting.login.title": "登錄頁面",
+    "page.setting.login.description": "配置登錄頁面外觀和條款。",
+    "page.setting.login.sameAsRegister": "與註冊頁面設置相同",
+    "page.setting.login.sameAsRegister.description": "使用與註冊頁面相同的設置"
+  }
+};

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { PageSettingItemValue } from '../PageSettingItem/types';
+export interface PageSettingValue {
+    registerPage: PageSettingItemValue;
+    loginPage: {
+        sameAsRegister: boolean;
+        settings?: PageSettingItemValue;
+    };
+}
+export interface PageSettingProps {
+    className?: string;
+    style?: React.CSSProperties;
+    value?: PageSettingValue;
+    onChange?: (value: PageSettingValue) => void;
+    /**
+     * 是否显示注册页面配置
+     * 某些渠道(如POS)不支持注册页面，此时不显示"Same as Register Page Settings"选项
+     */
+    showRegisterPage?: boolean;
+    /**
+     * 是否显示图片上传组件
+     * 默认为true，设置为false时隐藏背景图片上传功能
+     */
+    showImageUpload?: boolean;
+}

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

package/lib/components/authentication/admin/ChannelAuthSetting/PageSettingItem/PageSettingItem.less

@@ -0,0 +1,272 @@
+.page-setting-item {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  padding: 24px;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #e0e0e0;
+}
+
+.page-setting-item-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.page-setting-item-section-header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.page-setting-item-section-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: rgba(0, 0, 0, 0.88);
+  margin: 0;
+}
+
+.page-setting-item-section-subtitle {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+  margin: 0;
+}
+
+.page-setting-item-section-description {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  margin: 8px 0 0;
+  line-height: 1.5;
+}
+
+/* Background Image Section */
+.page-setting-item-background {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.page-setting-item-background-upload {
+  width: 200px;
+  height: 200px;
+}
+
+.page-setting-item-background-upload .ant-upload {
+  width: 100%;
+  height: 100%;
+}
+
+.page-setting-item-background-upload-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 16px;
+  text-align: center;
+}
+
+.page-setting-item-background-upload-icon {
+  font-size: 48px;
+  color: rgba(0, 0, 0, 0.25);
+  margin-bottom: 8px;
+}
+
+.page-setting-item-background-upload-text {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  margin-bottom: 4px;
+}
+
+.page-setting-item-background-upload-hint {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.page-setting-item-background-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.page-setting-item-background-info-item {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.page-setting-item-background-info-item::before {
+  content: '•';
+  color: rgba(0, 0, 0, 0.45);
+  margin-right: 4px;
+}
+
+/* Terms & Conditions Section */
+.page-setting-item-terms {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.page-setting-item-terms-table {
+  display: flex;
+  flex-direction: column;
+}
+
+.page-setting-item-terms-table-header {
+  display: grid;
+  grid-template-columns: 1fr 1fr 120px;
+  gap: 16px;
+  padding: 12px 16px;
+  background: #fafafa;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px 8px 0 0;
+  font-weight: 600;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.page-setting-item-terms-table-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.page-setting-item-terms-table-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr 120px;
+  gap: 16px;
+  align-items: start;
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-top: none;
+  background: #ffffff;
+  position: relative;
+}
+
+.page-setting-item-terms-table-row:last-child {
+  border-radius: 0 0 8px 8px;
+}
+
+.page-setting-item-terms-table-cell {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: 8px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+  overflow: visible;
+  position: relative;
+  min-height: 32px;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item {
+  position: relative;
+  margin-bottom: 0 !important;
+  width: 100%;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-label {
+  display: none;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-control {
+  position: relative;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-explain-error {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 4px;
+  white-space: normal;
+  overflow: visible;
+  z-index: 10;
+  line-height: 1.4;
+  font-size: 12px;
+}
+
+.page-setting-item-terms-table-cell-icon {
+  flex-shrink: 0;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.page-setting-item-terms-table-cell-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.page-setting-item-terms-table-cell-url {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.page-setting-item-terms-table-actions {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding-top: 4px;
+}
+
+
+.page-setting-item-terms-add-row {
+  display: flex;
+  justify-content: flex-start;
+  padding-top: 16px;
+}
+
+.page-setting-item-terms-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 8px;
+}
+
+.page-setting-item-terms-info-item {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.page-setting-item-terms-info-item::before {
+  content: '•';
+  color: rgba(0, 0, 0, 0.45);
+  margin-right: 4px;
+}
+
+/* Empty State */
+.page-setting-item-terms-empty {
+  padding: 32px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+
+/* Input Error States */
+.page-setting-item-terms-table-row.has-error .ant-input {
+  border-color: #ff4d4f;
+}
+
+.page-setting-item-terms-table-row.has-error .ant-input:focus {
+  border-color: #ff4d4f;
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.1);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .page-setting-item {
+    padding: 16px;
+  }
+
+  .page-setting-item-terms-table-row {
+    padding: 12px;
+  }
+}
+

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PageSettingItemProps } from './types';
+import './PageSettingItem.less';
+declare const PageSettingItem: React.ForwardRefExoticComponent<PageSettingItemProps & React.RefAttributes<{
+    validateFields: () => Promise<any>;
+}>>;
+export default PageSettingItem;
+export type { PageSettingItemProps, PageSettingItemValue, TermsCondition, TranslationValue } from './types';