@pisell/private-materials 6.6.5 → 6.6.7

package/lib/plus/saasRegister/components/GoLogin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRProps } from '../types';
 import '../index.less';
 declare const GoLogin: (props: SRProps) => JSX.Element;

package/lib/plus/saasRegister/components/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRProps } from '../types';
 import '../index.less';
 export declare const Header: (props: SRProps) => JSX.Element;

package/lib/plus/saasRegister/components/VerifyError.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {

package/lib/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;

package/lib/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/lib/plus/walletEditor/WalletEditor.js

@@ -44,6 +44,7 @@ var import_sortableWalletPassTypes = __toESM(require("./components/sortableWalle
 var import_ValidityPeriodSelector = __toESM(require("./components/ValidityPeriodSelector"));
 var import_relationProduct = __toESM(require("./components/relationProduct"));
 var import_WalletEditor = require("./WalletEditor.less");
+var import_useComponents = __toESM(require("../../hooks/useComponents"));
 var WalletEditor = (0, import_react.forwardRef)(
   (props, ref) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -60,6 +61,10 @@ var WalletEditor = (0, import_react.forwardRef)(
     const [previewVisible, setPreviewVisible] = (0, import_react.useState)(false);
     const [form] = import_antd.Form.useForm();
     const isControlled = value !== void 0;
+    const [HolderSelector] = (0, import_useComponents.default)({
+      components: ["HolderSelector"]
+    });
+    const holderSelectorRef = (0, import_react.useRef)(null);
     const defaultValue = (0, import_react.useMemo)(
       () => ({
         status: "enable",
@@ -69,6 +74,9 @@ var WalletEditor = (0, import_react.forwardRef)(
           type: "normal"
         },
         metadata: {
+          holder: {
+            type: "customer"
+          },
           showcaseWalletPassNew: import_sortableWalletPassTypes.DEFAULT_WALLET_PASS_TYPES_CONFIG.map(
             (item) => ({
               ...item,
@@ -202,6 +210,51 @@ var WalletEditor = (0, import_react.forwardRef)(
           },
           /* @__PURE__ */ import_react.default.createElement(import_relationProduct.default, null)
         ),
+        HolderSelector && /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.wallet-editor.holder"),
+            name: ["metadata", "holder"],
+            initialValue: {
+              type: "customer"
+            },
+            rules: [
+              {
+                validator: async (_, value2) => {
+                  var _a2, _b2, _c2;
+                  if ((value2 == null ? void 0 : value2.type) === "custom") {
+                    if (!((_a2 = value2 == null ? void 0 : value2.custom) == null ? void 0 : _a2.custom_id)) {
+                      return Promise.reject(
+                        new Error(
+                          import_utils.locales.getText(
+                            "pisell2.wallet-editor.holder.required"
+                          )
+                        )
+                      );
+                    }
+                    const options = ((_c2 = (_b2 = holderSelectorRef.current) == null ? void 0 : _b2.getOptions) == null ? void 0 : _c2.call(_b2)) || [];
+                    if (!(options == null ? void 0 : options.find(
+                      (item) => {
+                        var _a3;
+                        return item.value === ((_a3 = value2 == null ? void 0 : value2.custom) == null ? void 0 : _a3.custom_id);
+                      }
+                    ))) {
+                      return Promise.reject(
+                        new Error(
+                          import_utils.locales.getText(
+                            "pisell2.wallet-editor.holder.invalid"
+                          )
+                        )
+                      );
+                    }
+                  }
+                  return Promise.resolve();
+                }
+              }
+            ]
+          },
+          /* @__PURE__ */ import_react.default.createElement(HolderSelector, { ref: holderSelectorRef })
+        ),
         /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: import_utils.locales.getText("sort"), name: "sort" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, { style: { width: "100%" } })),
         /* @__PURE__ */ import_react.default.createElement(
           import_antd.Form.Item,

package/lib/plus/walletEditor/locales.js

@@ -68,7 +68,10 @@ var locales_default = {
     enterJSONConfig: 'Enter JSON config, e.g. {"type": "register"}',
     selectValidityPeriod: "Select validity period",
     selectCustomDate: "Select custom date",
-    registerToIssue: "Register to issue"
+    registerToIssue: "Register to issue",
+    "pisell2.wallet-editor.holder": "Holder",
+    "pisell2.wallet-editor.holder.required": "Please select a holder",
+    "pisell2.wallet-editor.holder.invalid": "Invalid holder. Please select again"
   },
   "zh-CN": {
     // 表单标签
@@ -115,7 +118,10 @@ var locales_default = {
     enterJSONConfig: '输入JSON配置，例如 {"type": "register"}',
     selectValidityPeriod: "选择有效期",
     selectCustomDate: "选择自定义日期",
-    registerToIssue: "注册即发放"
+    registerToIssue: "注册即发放",
+    "pisell2.wallet-editor.holder": "持有人",
+    "pisell2.wallet-editor.holder.required": "请选择持有人",
+    "pisell2.wallet-editor.holder.invalid": "无效持有人，请重新选择"
   },
   "zh-HK": {
     // 表單標籤
@@ -162,6 +168,9 @@ var locales_default = {
     enterJSONConfig: '輸入JSON配置，例如 {"type": "register"}',
     selectValidityPeriod: "選擇有效期",
     selectCustomDate: "選擇自定義日期",
-    registerToIssue: "註冊即發放"
+    registerToIssue: "註冊即發放",
+    "pisell2.wallet-editor.holder": "持有人",
+    "pisell2.wallet-editor.holder.required": "請選擇持有人",
+    "pisell2.wallet-editor.holder.invalid": "無效持有人，請重新選擇"
   }
 };

package/lib/plus/walletPassGallery/components/footerButton/index.js

@@ -160,13 +160,13 @@ var FooterButtons = ({
         )
       );
     }
-    const buttonCount = buttons.length;
-    const className = `pisell-wallet-pass-gallery_footer-buttons pisell-wallet-pass-gallery_footer-buttons-count-${buttonCount}`;
+    const className = `pisell-wallet-pass-gallery_footer-buttons`;
     return buttons.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className }, buttons) : null;
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_footer" }, renderButtons()), /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
+      destroyOnClose: true,
       platform,
       mobileModalHeight: "auto",
       headerDivider: false,

package/lib/plus/walletPassGallery/components/footerButton/index.less

@@ -1,83 +1,38 @@
 .pisell-wallet-pass-gallery_footer {
   position: relative;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: #fff;
   padding: 24px;
   z-index: 100;
   border-top: 1px solid #d0d5de;
-  margin-left: -20px;
-  margin-right: -20px;
+  margin-left: -24px;
+  margin-right: -24px;
   &-buttons {
     display: flex;
     gap: 12px;
     width: 100%;
 
-
-.pisell-wallet-pass-gallery_footer-buttons-item-secondary{
-    overflow: hidden;
-    display: flex;
-    >span{
-      display: block;
-      // width: 100%;
-      flex:1;
+    .pisell-wallet-pass-gallery_footer-buttons-item-secondary {
+      overflow: hidden;
+      display: inline-block;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       text-wrap: nowrap;
-    }
-}
-
-
-    // 按钮数量样式
-    // 单个按钮占满宽度
-    &-count-1 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: 100%;
-      }
-    }
-    
-    // 两个按钮各占一半
-    &-count-2 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(50% - 6px);
+      > span {
+        display: inline;
       }
     }
-    
-    // 三个按钮各占三分之一
-    &-count-3 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(33.33% - 8px);
-      }
-    }
-    
-    // 四个按钮各占四分之一
-    &-count-4 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(25% - 9px);
-      }
-    }
-    
-    // Ant Design按钮覆盖样式
-    :global(.ant-btn) {
-      height: 48px;
-      border-radius: 6px;
-      font-size: 16px;
-      font-weight: 500;
-      width: 100%;
+
+    .pisell-wallet-pass-gallery_footer-buttons-item {
+      flex-grow: 1;
     }
-    
+
     &-item {
       // 修饰符：主按钮
       &-primary {
-        background-color: var(--theme-color, #7F56D9);
+        background-color: var(--theme-color, #7f56d9);
       }
-      
+
       // 修饰符：次按钮
       &-secondary {
         background-color: #fff;
@@ -90,4 +45,4 @@
 
 .pisell-wallet-pass-gallery_footer:empty {
   display: none;
-}
+}

package/lib/plus/walletPassGallery/components/passDetail/index.js

@@ -238,7 +238,10 @@ var PassDetail = (props) => {
     {
       className: (0, import_classnames.default)(
         `pisell-wallet-pass-gallery_detail`,
-        `pisell-wallet-pass-gallery_detail-${platform}`
+        `pisell-wallet-pass-gallery_detail-${platform}`,
+        {
+          [`pisell-wallet-pass-gallery_detail-with-footer`]: platform === "h5" && tag === "gift_card"
+        }
       )
     },
     /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/components/passDetail/index.less

@@ -18,6 +18,10 @@
     padding: 20px 0px;
   }
 
+  &-with-footer {
+    height: calc(100% - 90px);
+  }
+
   .pisell-wallet-pass-gallery_detail-content {
     overflow-y: auto;
     height: 100%;

package/lib/plus/walletPassGallery/components/passList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IPassListProps {
     dataSource: any[];
     value?: string | number;
@@ -7,6 +6,7 @@ interface IPassListProps {
     hasMore?: boolean;
     onLoadMore?: () => void;
     loading?: boolean;
+    onEditHolder?: (info: any) => void;
 }
 declare const PassList: (props: IPassListProps) => JSX.Element;
 export default PassList;

package/lib/plus/walletPassGallery/components/passList/index.js

@@ -44,7 +44,8 @@ var PassList = (props) => {
     valuePropName = "id",
     hasMore,
     onLoadMore,
-    loading
+    loading,
+    onEditHolder
   } = props;
   const _loadMore = /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -66,7 +67,7 @@ var PassList = (props) => {
       import_utils.locales.getText("wallet-pass-gallery.allLoaded")
     )
   );
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.List,
     {
       className: "pisell-wallet-pass-gallery_list",
@@ -89,6 +90,8 @@ var PassList = (props) => {
           product_cover = "",
           par_value = "",
           unified_messages = {},
+          holder,
+          metadata,
           ...rest
         } = item;
         const itemValue = item == null ? void 0 : item[valuePropName];
@@ -125,12 +128,21 @@ var PassList = (props) => {
               discount: isDiscountCard ? Number(par_value) : void 0,
               showDiscount: isDiscountCard,
               code: encoded,
-              validDate: expire_date
+              validDate: expire_date,
+              holder,
+              onSetHolder: () => {
+                var _a;
+                onEditHolder == null ? void 0 : onEditHolder({
+                  wallet_pass_detail_id: id,
+                  customer_id: holder == null ? void 0 : holder.customer_id,
+                  form_id: (_a = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a.custom_id
+                });
+              }
             }
           )
         ));
       }
     }
-  );
+  ));
 };
 var passList_default = PassList;

package/lib/plus/walletPassGallery/components/recharge/index.js

@@ -51,6 +51,7 @@ var Recharge = ({
   const { action, storage } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const dvaStore = (_e = (_d = (_c = (_b = context.appHelper) == null ? void 0 : _b.utils) == null ? void 0 : _c.getStore) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.getState();
   const shop = ((_g = (_f = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _f.core) == null ? void 0 : _g.shop) || {};
+  const [loading, setLoading] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     if (detailData) {
       setChargeItem(((detailData == null ? void 0 : detailData.gift_option) || [])[0]);
@@ -59,6 +60,7 @@ var Recharge = ({
   const handleRecharge = async () => {
     var _a2;
     try {
+      setLoading(true);
       const params = {
         voucher_id: (detailData == null ? void 0 : detailData.id) || "",
         product_id: (detailData == null ? void 0 : detailData.product_id) || "",
@@ -87,11 +89,14 @@ var Recharge = ({
         import_utils.locales.getText("wallet-pass-gallery.log.rechargeOrderFailed"),
         error
       );
+    } finally {
+      setLoading(false);
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,
     {
+      destroyOnClose: true,
       title: import_utils.locales.getText("wallet-pass-gallery.rechargeOptions"),
       open,
       zIndex: 999,
@@ -105,7 +110,8 @@ var Recharge = ({
           block: true,
           size: "large",
           onClick: handleRecharge,
-          disabled: !(chargeItem == null ? void 0 : chargeItem.id)
+          disabled: !(chargeItem == null ? void 0 : chargeItem.id),
+          loading
         },
         import_utils.locales.getText("wallet-pass-gallery.recharge")
       )

package/lib/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface TimelineSectionProps {
     code: string;