@pisell/private-materials 6.6.3 → 6.6.4

package/es/plus/walletEditor/components/sortableWalletPassTypes/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import './index.less';
+export declare type WalletPassType = 'rechargeable' | 'point' | 'voucher' | 'discount';
+export interface MultiLanguageTitle {
+    original?: string;
+    en?: string;
+    'zh-CN'?: string;
+    'zh-HK'?: string;
+}
+export interface WalletPassItem {
+    /** 钱包通行证类型 */
+    type: WalletPassType;
+    /** 是否显示，1表示显示，0表示隐藏 */
+    display: 0 | 1;
+    /** 自定义标题，支持多语言 */
+    custom_title?: MultiLanguageTitle;
+}
+export interface SortableWalletPassTypesProps {
+    /** 当前值，包含各种钱包通行证类型的配置 */
+    value?: WalletPassItem[];
+    /** 值变化时的回调函数 */
+    onChange?: (value: WalletPassItem[]) => void;
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 组件类名 */
+    className?: string;
+    /** 组件样式 */
+    style?: React.CSSProperties;
+}
+/** 默认的钱包通行证类型配置 */
+export interface WalletPassTypeInfo {
+    type: WalletPassType;
+    custom_title: MultiLanguageTitle;
+}
+export declare const DEFAULT_WALLET_PASS_TYPES_CONFIG: WalletPassTypeInfo[];
+declare const SortableWalletPassTypes: React.FC<SortableWalletPassTypesProps>;
+export default SortableWalletPassTypes;

package/es/plus/walletEditor/components/sortableWalletPassTypes/index.js

@@ -0,0 +1,193 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { useMemo, useCallback } from 'react';
+import { EyeOutlined, EyeInvisibleOutlined, HolderOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import { PisellText, SortableList } from '@pisell/materials';
+import "./index.less";
+var Editable = PisellText.Editable;
+// import Editable from '@pisell/materials/src/components/pisellText/components/Editable';
+
+// Types
+
+/** 默认的钱包通行证类型配置 */
+
+var WALLET_PASS_TYPES = ['rechargeable', 'point', 'voucher', 'discount'];
+
+// 默认的钱包通行证类型配置
+export var DEFAULT_WALLET_PASS_TYPES_CONFIG = [{
+  type: 'rechargeable',
+  custom_title: {
+    original: 'Balance',
+    en: 'Balance',
+    'zh-CN': '余额',
+    'zh-HK': '餘額'
+  }
+}, {
+  type: 'point',
+  custom_title: {
+    original: 'Points',
+    en: 'Points',
+    'zh-CN': '积分',
+    'zh-HK': '積分'
+  }
+}, {
+  type: 'voucher',
+  custom_title: {
+    original: 'Voucher',
+    en: 'Voucher',
+    'zh-CN': '代金券',
+    'zh-HK': '代金券'
+  }
+}, {
+  type: 'discount',
+  custom_title: {
+    original: 'Discount',
+    en: 'Discount',
+    'zh-CN': '折扣券',
+    'zh-HK': '折扣券'
+  }
+}];
+var SortableWalletPassTypes = function SortableWalletPassTypes(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    className = props.className,
+    style = props.style;
+
+  // 生成完整的数据源，确保四种类型都存在，保持外部传入的顺序
+  var dataSource = useMemo(function () {
+    var result = [];
+    var processedTypes = new Set();
+
+    // 首先按照 value 的顺序添加已存在的项
+    value.forEach(function (item) {
+      if (WALLET_PASS_TYPES.includes(item.type) && !processedTypes.has(item.type)) {
+        result.push(item);
+        processedTypes.add(item.type);
+      }
+    });
+
+    // 然后添加缺失的默认类型
+    DEFAULT_WALLET_PASS_TYPES_CONFIG.forEach(function (defaultType) {
+      if (!processedTypes.has(defaultType.type)) {
+        result.push({
+          type: defaultType.type,
+          display: 0,
+          custom_title: defaultType.custom_title
+        });
+      }
+    });
+    return result;
+  }, [value]);
+
+  // 处理排序变化
+  var handleSortChange = useCallback(function (newList) {
+    if (!onChange || disabled) return;
+    onChange(newList);
+  }, [onChange, disabled]);
+
+  // 处理显示/隐藏切换
+  var handleToggleDisplay = useCallback(function (index) {
+    if (!onChange || disabled) return;
+    var newList = _toConsumableArray(dataSource);
+    newList[index] = _objectSpread(_objectSpread({}, newList[index]), {}, {
+      display: newList[index].display === 1 ? 0 : 1
+    });
+    onChange(newList);
+  }, [dataSource, onChange, disabled]);
+
+  // 处理标题编辑
+  var handleTitleChange = useCallback(function (index, newTitle) {
+    if (!onChange || disabled) return;
+    var newList = _toConsumableArray(dataSource);
+    newList[index] = _objectSpread(_objectSpread({}, newList[index]), {}, {
+      custom_title: typeof newTitle === 'string' ? {
+        original: newTitle,
+        en: newTitle
+      } : newTitle
+    });
+    onChange(newList);
+  }, [dataSource, onChange, disabled]);
+
+  // 获取显示标题
+  var getDisplayTitle = useCallback(function (item) {
+    var defaultType = DEFAULT_WALLET_PASS_TYPES_CONFIG.find(function (t) {
+      return t.type === item.type;
+    });
+    return item.custom_title || (defaultType === null || defaultType === void 0 ? void 0 : defaultType.custom_title) || {
+      original: item.type,
+      en: item.type
+    };
+  }, []);
+
+  // 渲染单个项
+  var renderItem = useCallback(function (item, index) {
+    var displayTitle = getDisplayTitle(item);
+    var isVisible = item.display === 1;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('sortable-wallet-pass-item', {
+        'sortable-wallet-pass-item-disabled': disabled,
+        'sortable-wallet-pass-item-hidden': !isVisible
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sortable-wallet-pass-drag-handle"
+    }, /*#__PURE__*/React.createElement(HolderOutlined, {
+      className: "drag-dots",
+      size: 20
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "sortable-wallet-pass-title"
+    }, /*#__PURE__*/React.createElement(Editable, {
+      value: displayTitle,
+      editable: !disabled && {
+        maxLength: 10
+      },
+      onChange: function onChange(newValue) {
+        return handleTitleChange(index, newValue);
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "sortable-wallet-pass-toggle"
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      style: {
+        cursor: 'pointer',
+        border: 'none',
+        background: 'transparent'
+      },
+      onClick: function onClick() {
+        return handleToggleDisplay(index);
+      }
+    }, isVisible ? /*#__PURE__*/React.createElement(EyeOutlined, {
+      className: "eye-icon eye-icon-visible"
+    }) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, {
+      className: "eye-icon eye-icon-hidden"
+    }))));
+  }, [disabled, getDisplayTitle, handleTitleChange, handleToggleDisplay]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('sortable-wallet-pass-types', className, {
+      'sortable-wallet-pass-types-disabled': disabled
+    }),
+    style: style
+  }, /*#__PURE__*/React.createElement(SortableList, {
+    dataSource: dataSource,
+    onChange: handleSortChange,
+    rowKey: "type",
+    renderItem: renderItem,
+    activationConstraint: {
+      distance: 5
+    }
+  }));
+};
+export default SortableWalletPassTypes;

package/es/plus/walletEditor/components/sortableWalletPassTypes/index.less

@@ -0,0 +1,110 @@
+.sortable-wallet-pass-types {
+  background: #fff;
+  border-radius: 8px;
+
+  &-disabled {
+    pointer-events: none;
+    opacity: 0.6;
+  }
+}
+
+.sortable-wallet-pass-item {
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  border-bottom: 1px solid #f0f0f0;
+  background: #fff;
+  transition: all 0.2s ease;
+  cursor: grab;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+
+  &-disabled {
+    cursor: not-allowed;
+
+    &:hover {
+      background: #fff;
+    }
+  }
+
+  &-hidden {
+    .sortable-wallet-pass-title {
+      opacity: 0.5;
+    }
+  }
+}
+
+.sortable-wallet-pass-drag-handle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+  font-size: 18px;
+  cursor: grab;
+  line-height: 1;
+
+  .drag-dots {
+    display: inline-block;
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+}
+
+.sortable-wallet-pass-title {
+  flex: 1;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  min-height: 36px;
+  font-weight: bold;
+
+  .pisell-text-editable {
+    min-width: 120px;
+  }
+}
+
+.sortable-wallet-pass-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: #f5f5f5;
+  }
+
+  .eye-icon {
+    font-size: 16px;
+  }
+}
+
+// 拖拽时的样式
+.sortable-wallet-pass-item[data-dnd-dragging='true'] {
+  background: #e6f7ff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border-radius: 6px;
+  transform: rotate(3deg);
+}
+
+// 拖拽占位符样式
+.sortable-wallet-pass-item[data-dnd-placeholder='true'] {
+  background: #f0f2f5;
+  border: 2px dashed #d9d9d9;
+  opacity: 0.6;
+}

package/es/plus/walletEditor/index.d.ts

@@ -0,0 +1,3 @@
+import WalletEditor from './WalletEditor';
+export default WalletEditor;
+export * from './types';

package/es/plus/walletEditor/index.js

@@ -0,0 +1,3 @@
+import WalletEditor from "./WalletEditor";
+export default WalletEditor;
+export * from "./types";

package/es/plus/walletEditor/locales.d.ts

@@ -0,0 +1,126 @@
+declare const _default: {
+    en: {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+    'zh-CN': {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+    'zh-HK': {
+        walletName: string;
+        validityPeriod: string;
+        linkedPasses: string;
+        linkedPassesDesc: string;
+        sort: string;
+        status: string;
+        distributionConditions: string;
+        selectPasses: string;
+        backgroundImage: string;
+        advancedSettings: string;
+        sendConfig: string;
+        displaySettings: string;
+        viewPreview: string;
+        coverImage: string;
+        icon: string;
+        upload: string;
+        enable: string;
+        disable: string;
+        barCode: string;
+        qrCode: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
+        forever: string;
+        custom: string;
+        balance: string;
+        point: string;
+        voucher: string;
+        discount: string;
+        rechargeable: string;
+        pleaseInputWalletName: string;
+        enterCoverImageURL: string;
+        enterJSONConfig: string;
+        selectValidityPeriod: string;
+        selectCustomDate: string;
+        registerToIssue: string;
+    };
+};
+export default _default;

package/es/plus/walletEditor/locales.js

@@ -0,0 +1,143 @@
+export default {
+  en: {
+    // Form Labels
+    walletName: 'Wallet name',
+    validityPeriod: 'Validity Period',
+    linkedPasses: 'Linked passes',
+    linkedPassesDesc: 'Select the passes that will be available in this Wallet.',
+    sort: 'Sort',
+    status: 'Status',
+    distributionConditions: 'Issuance conditions',
+    selectPasses: 'Select passes',
+    backgroundImage: 'Background image',
+    advancedSettings: 'Advanced Settings',
+    sendConfig: 'Send Config',
+    displaySettings: 'Display settings',
+    viewPreview: 'View Preview',
+    coverImage: 'Cover Image',
+    icon: 'Icon',
+    upload: 'Upload',
+    // Status Options
+    enable: 'Enable',
+    disable: 'Disable',
+    // Barcode Types
+    barCode: 'Barcode',
+    qrCode: 'QR Code',
+    // Validity Period Options
+    day: 'day',
+    days: 'days',
+    month: 'month',
+    months: 'months',
+    year: 'year',
+    years: 'years',
+    forever: 'Forever',
+    custom: 'Custom',
+    // Wallet Pass Types
+    balance: 'Balance',
+    point: 'Points',
+    voucher: 'Voucher',
+    discount: 'Discount',
+    rechargeable: 'Rechargeable',
+    // Messages
+    pleaseInputWalletName: 'Please input wallet name!',
+    enterCoverImageURL: 'Enter cover image URL',
+    enterJSONConfig: 'Enter JSON config, e.g. {"type": "register"}',
+    selectValidityPeriod: 'Select validity period',
+    selectCustomDate: 'Select custom date',
+    registerToIssue: 'Register to issue'
+  },
+  'zh-CN': {
+    // 表单标签
+    walletName: '钱包名称',
+    validityPeriod: '有效期',
+    linkedPasses: '包含的卡券',
+    linkedPassesDesc: '选择此 Wallet 中可展示与使用的卡券。',
+    sort: '排序',
+    status: '状态',
+    distributionConditions: '发放条件',
+    selectPasses: '选择卡券',
+    backgroundImage: '背景图',
+    advancedSettings: '高级设置',
+    sendConfig: '发送配置',
+    displaySettings: '显示设置',
+    viewPreview: '查看预览',
+    coverImage: '封面图片',
+    icon: '图标',
+    upload: '上传',
+    // 状态选项
+    enable: '启用',
+    disable: '禁用',
+    // 条形码类型
+    barCode: '条形码',
+    qrCode: '二维码',
+    // 有效期选项
+    day: '天',
+    days: '天',
+    month: '个月',
+    months: '个月',
+    year: '年',
+    years: '年',
+    forever: '永久',
+    custom: '自定义',
+    // 钱包通行证类型
+    balance: '余额',
+    point: '积分',
+    voucher: '代金券',
+    discount: '折扣券',
+    rechargeable: '充值卡',
+    // 消息
+    pleaseInputWalletName: '请输入钱包名称！',
+    enterCoverImageURL: '输入封面图片URL',
+    enterJSONConfig: '输入JSON配置，例如 {"type": "register"}',
+    selectValidityPeriod: '选择有效期',
+    selectCustomDate: '选择自定义日期',
+    registerToIssue: '注册即发放'
+  },
+  'zh-HK': {
+    // 表單標籤
+    walletName: '錢包名稱',
+    validityPeriod: '有效期',
+    linkedPasses: '包含的卡券',
+    linkedPassesDesc: '選擇此 Wallet 中可展示與使用的卡券。',
+    sort: '排序',
+    status: '狀態',
+    distributionConditions: '發放條件',
+    selectPasses: '選擇卡券',
+    backgroundImage: '背景圖',
+    advancedSettings: '高級設置',
+    sendConfig: '發送配置',
+    displaySettings: '顯示設置',
+    viewPreview: '查看預覽',
+    coverImage: '封面圖片',
+    icon: '圖標',
+    upload: '上傳',
+    // 狀態選項
+    enable: '啟用',
+    disable: '禁用',
+    // 條形碼類型
+    barCode: '條形碼',
+    qrCode: '二維碼',
+    // 有效期選項
+    day: '天',
+    days: '天',
+    month: '個月',
+    months: '個月',
+    year: '年',
+    years: '年',
+    forever: '永久',
+    custom: '自定義',
+    // 錢包通行證類型
+    balance: '餘額',
+    point: '積分',
+    voucher: '代金券',
+    discount: '折扣券',
+    rechargeable: '充值卡',
+    // 消息
+    pleaseInputWalletName: '請輸入錢包名稱！',
+    enterCoverImageURL: '輸入封面圖片URL',
+    enterJSONConfig: '輸入JSON配置，例如 {"type": "register"}',
+    selectValidityPeriod: '選擇有效期',
+    selectCustomDate: '選擇自定義日期',
+    registerToIssue: '註冊即發放'
+  }
+};

package/es/plus/walletEditor/types.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { FormInstance } from 'antd';
+export interface MultiLanguageTitle {
+    original?: string;
+    'zh-CN'?: string;
+    'zh-HK'?: string;
+    en?: string;
+}
+export interface ValidForConfig {
+    unit: string;
+    unit_type: 'day' | 'month' | 'year';
+    type: 'normal' | 'custom' | 'forever';
+    custom_date?: string;
+}
+export declare type WalletPassType = 'balance' | 'point' | 'voucher' | 'discount' | 'rechargeable';
+export interface ShowcaseWalletPassItem {
+    type: WalletPassType;
+    display: 0 | 1;
+    name?: MultiLanguageTitle;
+    custom_title?: MultiLanguageTitle;
+}
+export interface SendConfig {
+    type: string;
+    [key: string]: any;
+}
+export interface WalletMetadata {
+    showcaseWalletPass?: string[];
+    showcaseWalletPassNew?: ShowcaseWalletPassItem[];
+    welcomeText?: string;
+    customerName?: string;
+    coverImage?: string;
+    send_config?: SendConfig;
+}
+export interface WalletEditorValue {
+    name?: MultiLanguageTitle;
+    status: 'enable' | 'disable';
+    valid_for: ValidForConfig;
+    metadata: WalletMetadata;
+}
+export interface WalletEditorRef {
+    form: FormInstance;
+    setInitialValues: (values: WalletEditorValue) => void;
+    getValues: () => WalletEditorValue;
+}
+export interface WalletEditorProps {
+    value?: WalletEditorValue;
+    onChange?: (value: WalletEditorValue) => void;
+    onValuesChange?: (changedValue: any, values: WalletEditorValue) => void;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/plus/walletEditor/types.js

@@ -0,0 +1 @@
+export {};

package/es/plus/walletPassGallery/components/footerButton/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+export interface FooterButtonsProps {
+    onRechargeClick?: () => void;
+    platform?: 'pc' | 'h5';
+    appleWalletUrl?: string;
+    googleWalletUrl?: string;
+}
+/**
+ * 通用底部按钮组件
+ * 根据step不同显示不同的按钮组
+ */
+declare const FooterButtons: React.FC<FooterButtonsProps>;
+export default FooterButtons;