@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/lib/components/eftposPay/windcave/windcave.js

@@ -0,0 +1,283 @@
+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/eftposPay/windcave/windcave.tsx
+var windcave_exports = {};
+__export(windcave_exports, {
+  default: () => windcave_default
+});
+module.exports = __toCommonJS(windcave_exports);
+var import_utils = require("@pisell/utils");
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var import_step = __toESM(require("../component/step/step"));
+var import_const = require("../const");
+var import_helper = require("../helper");
+var import_store = require("../store");
+var import_const2 = require("./const");
+var import_helper2 = require("./helper");
+var import_receiptAction = __toESM(require("./receiptAction"));
+var Minute = 1e3 * 60;
+var windcave_default = ({
+  api,
+  onChange,
+  formatAmount = (number, precision, symbol) => `${symbol}${number}`
+}) => {
+  const { custom, status } = (0, import_store.useContextData)();
+  const {
+    deviceRef,
+    payRef,
+    numRef,
+    orderIdRef,
+    modeRef,
+    statusRef,
+    netRef,
+    symbolRef,
+    amountRef,
+    eftposRef
+  } = (0, import_hooks.useStoreRef)();
+  const dispatch = (0, import_store.useDispatch)();
+  const fail = (0, import_helper2.useFail)();
+  const failRef = (0, import_react.useRef)(fail);
+  const unloadRef = (0, import_react.useRef)(false);
+  const stepRef = (0, import_react.useRef)(custom == null ? void 0 : custom.step);
+  const listRef = (0, import_react.useRef)(custom == null ? void 0 : custom.list);
+  const initRef = (0, import_react.useRef)(false);
+  const clearRef = (0, import_react.useRef)();
+  const isReceiptPage = (0, import_react.useMemo)(
+    () => (custom == null ? void 0 : custom.step) === import_const2.StepStatusEnum.Receipt,
+    [custom == null ? void 0 : custom.step]
+  );
+  const receiptPage = (0, import_react.useMemo)(
+    () => (custom == null ? void 0 : custom.step) !== import_const2.StepStatusEnum.Receipt ? "" : (custom == null ? void 0 : custom.receiptPage) || "receipt",
+    [custom == null ? void 0 : custom.step, custom == null ? void 0 : custom.receiptPage]
+  );
+  const [disabled, setDisabled] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    listRef.current = custom == null ? void 0 : custom.list;
+  }, [custom == null ? void 0 : custom.list]);
+  (0, import_react.useEffect)(() => {
+    stepRef.current = custom == null ? void 0 : custom.step;
+  }, [custom == null ? void 0 : custom.step]);
+  (0, import_react.useEffect)(() => {
+    failRef.current = fail;
+  }, [fail]);
+  const [run, validateRef] = (0, import_helper2.useValidate)(api.check, Minute, (res) => {
+    dispatch(
+      (0, import_store.updateCustom)({
+        list: listRef.current.map((item) => ({
+          ...item,
+          status: "resolve"
+        })),
+        card_reader_surcharge: (res == null ? void 0 : res.card_reader_surcharge) || 0
+      })
+    );
+    dispatch(
+      (0, import_store.updateState)({
+        status: "success",
+        title: import_utils.locales.getText("page.eftpos-pay.text.successful")(
+          modeRef.current
+        )
+      })
+    );
+    clearRef.current = setTimeout(() => {
+      var _a, _b;
+      const params = (0, import_helper.getPayParams)(
+        {
+          mode: modeRef.current,
+          amount: amountRef.current,
+          order_id: orderIdRef.current,
+          number: numRef.current,
+          device: deviceRef.current,
+          pay: payRef.current,
+          custom: {
+            card_reader_surcharge: (res == null ? void 0 : res.card_reader_surcharge) || 0
+          }
+        },
+        "success"
+      );
+      const receipt = Array.isArray(res.receipt) ? res.receipt : [res.receipt];
+      onChange("success", {
+        ...params,
+        receipt: ((_b = (_a = deviceRef.current) == null ? void 0 : _a.setting) == null ? void 0 : _b.receipts) ? [] : receipt
+      });
+    }, 1e3);
+  });
+  const controllerRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+    if (stepRef.current === import_const2.StepStatusEnum.Receipt) {
+      if (import_const.StatusEnum.Loading === statusRef.current) {
+        run();
+      } else {
+        run(-1);
+      }
+      return;
+    }
+    controllerRef.current = new AbortController();
+    if (numRef.current) {
+      run();
+      return;
+    }
+    console.log("modeRef.current = ", modeRef.current);
+    numRef.current = (0, import_helper.getUuid)();
+    dispatch(
+      (0, import_store.updateState)({
+        number: numRef.current
+      })
+    );
+    const resultPromise = modeRef.current === import_const.ModeEnum.Pay ? api.pay(
+      {
+        order_id: orderIdRef.current,
+        amount: payRef.current.total,
+        card_reader_type: eftposRef.current,
+        card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
+        number: numRef.current
+      },
+      { signal: controllerRef.current.signal }
+    ) : api.refund(
+      {
+        order_id: orderIdRef.current,
+        amount: amountRef.current,
+        card_reader_type: eftposRef.current,
+        card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
+        number: numRef.current
+      },
+      { signal: controllerRef.current.signal }
+    );
+    resultPromise.then((res) => {
+      var _a2, _b2;
+      if (unloadRef.current || !netRef.current) {
+        return;
+      }
+      if (res && `${res.code}` === "200" && res.data && res.data.txn_status_id) {
+        (_a2 = validateRef.current) == null ? void 0 : _a2.call(validateRef, res, true);
+        return;
+      }
+      (_b2 = failRef.current) == null ? void 0 : _b2.call(
+        failRef,
+        res,
+        stepRef.current >= import_const2.StepStatusEnum.Account
+      );
+    }).catch((res) => {
+      var _a2;
+      if (unloadRef.current || !netRef.current) {
+        return;
+      }
+      (_a2 = failRef.current) == null ? void 0 : _a2.call(
+        failRef,
+        res,
+        stepRef.current >= import_const2.StepStatusEnum.Account
+      );
+    });
+    return;
+  }, [api, run, dispatch]);
+  const onCancel = () => {
+    setDisabled(true);
+    api.update({
+      type: "CANCEL",
+      number: numRef.current
+    });
+  };
+  (0, import_react.useEffect)(
+    () => () => {
+      var _a, _b;
+      unloadRef.current = true;
+      (_b = (_a = controllerRef.current) == null ? void 0 : _a.abort) == null ? void 0 : _b.call(_a);
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    },
+    []
+  );
+  const onChangeReceipt = (status2) => {
+    if (status2) {
+      run();
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (listRef.current.length === 0) {
+      let totalUnit = "";
+      if (modeRef.current === import_const.ModeEnum.Pay) {
+        totalUnit = (_a = payRef.current) == null ? void 0 : _a.totalUnit;
+      } else if (modeRef.current === import_const.ModeEnum.Refund) {
+        if (payRef.current) {
+          totalUnit = payRef.current.totalUnit;
+        } else {
+          totalUnit = formatAmount(amountRef.current, 2, symbolRef.current);
+          dispatch(
+            (0, import_store.updateState)({
+              pay: {
+                total: amountRef.current,
+                totalUnit
+              }
+            })
+          );
+        }
+      }
+      const nextStep = (0, import_const2.getStepMapping)(import_const2.StepStatusEnum.Free, {
+        money: totalUnit,
+        mode: modeRef.current
+      });
+      dispatch(
+        (0, import_store.updateCustom)({
+          list: [nextStep],
+          step: import_const2.StepStatusEnum.Free
+        })
+      );
+    }
+  }, [dispatch]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-body" }, receiptPage !== "again" ? (custom == null ? void 0 : custom.list).map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_step.default,
+    {
+      key: item.index,
+      pedding: item.pedding,
+      resolve: item.resolve,
+      reject: item.reject,
+      status: item.status,
+      className: item.type === import_const2.StemTypeEnum.Passive && item.status === "pedding" ? "pisell-lowcode__eft-pay-step-item-warn" : ""
+    }
+  )) : null, receiptPage === "again" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, import_utils.locales.getText("page.eftpos-pay.text.signature.text")(
+    modeRef.current
+  )) : null, status === import_const.StatusEnum.Loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.processing")) : null, status === import_const.StatusEnum.Success ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.transaction.end")) : null), !isReceiptPage && status !== import_const.StatusEnum.Success ? /* @__PURE__ */ import_react.default.createElement(
+    import_receiptAction.default,
+    {
+      index: custom == null ? void 0 : custom.step,
+      onCancel,
+      disabled
+    }
+  ) : null, isReceiptPage ? /* @__PURE__ */ import_react.default.createElement(import_receiptAction.ReceiptAction, { api, onChange: onChangeReceipt }) : null);
+};

package/lib/components/index.d.ts

@@ -5,4 +5,8 @@ import BookingNotes from './booking/notes';
 import BookingAddons from './booking/addons';
 import BookingForms from './booking/forms';
 import Schedules from './schedules';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules };
+import ProductExtension from './productExtension';
+import RuleSetting from './ruleSetting';
+import TaxSelect from './taxSelect';
+import ToCPay from './pay/toC';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay };

package/lib/components/index.js

@@ -35,7 +35,11 @@ __export(components_exports, {
   BookingInfo: () => import_info.default,
   BookingNotes: () => import_notes.default,
   Login: () => import_login.default,
-  Schedules: () => import_schedules.default
+  ProductExtension: () => import_productExtension.default,
+  RuleSetting: () => import_ruleSetting.default,
+  Schedules: () => import_schedules.default,
+  TaxSelect: () => import_taxSelect.default,
+  ToCPay: () => import_toC.default
 });
 module.exports = __toCommonJS(components_exports);
 var import_login = __toESM(require("./login"));
@@ -45,6 +49,10 @@ var import_notes = __toESM(require("./booking/notes"));
 var import_addons = __toESM(require("./booking/addons"));
 var import_forms = __toESM(require("./booking/forms"));
 var import_schedules = __toESM(require("./schedules"));
+var import_productExtension = __toESM(require("./productExtension"));
+var import_ruleSetting = __toESM(require("./ruleSetting"));
+var import_taxSelect = __toESM(require("./taxSelect"));
+var import_toC = __toESM(require("./pay/toC"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -53,5 +61,9 @@ var import_schedules = __toESM(require("./schedules"));
   BookingInfo,
   BookingNotes,
   Login,
-  Schedules
+  ProductExtension,
+  RuleSetting,
+  Schedules,
+  TaxSelect,
+  ToCPay
 });

package/lib/components/listComponent/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface ListComponentProps {
+    value?: any[];
+    onChange?: (value: any) => void;
+    renderItem?: (item: any, index: number, handleDeleteItem: (item: any) => void, handleOnChangeItem: (item: any, newValue: any) => void) => React.ReactNode;
+    renderAddButton?: (handleAddItem: () => void) => React.ReactNode;
+    maxLength?: number;
+    createItem?: (item: any) => any;
+    rowKey?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<ListComponentProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/listComponent/index.js

@@ -0,0 +1,85 @@
+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/listComponent/index.tsx
+var listComponent_exports = {};
+__export(listComponent_exports, {
+  default: () => listComponent_default
+});
+module.exports = __toCommonJS(listComponent_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var ListComponent = ({
+  value = [],
+  onChange = () => {
+  },
+  renderItem = () => null,
+  renderAddButton = () => null,
+  createItem = (item) => item,
+  maxLength = 999,
+  rowKey = "_id",
+  className,
+  style,
+  wrapClassName
+}, ref) => {
+  const handleAddItem = (item) => {
+    if (value.length < maxLength) {
+      onChange([
+        ...value,
+        createItem({
+          [rowKey]: (0, import_utils.getUniqueId)(),
+          ...item
+        })
+      ]);
+    }
+  };
+  const handleOnChangeItem = (item, newValue) => {
+    onChange(
+      value.map((d) => {
+        if (d[rowKey] === item[rowKey]) {
+          return { ...d, ...newValue };
+        }
+        return d;
+      })
+    );
+  };
+  const handleDeleteItem = (current) => {
+    onChange(value.filter((item) => item[rowKey] !== current[rowKey]));
+  };
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      add: handleAddItem,
+      delete: handleDeleteItem
+    };
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("list-component-wrap", wrapClassName) }, /* @__PURE__ */ import_react.default.createElement("ul", { className: (0, import_classnames.default)("list-component-ul", className), style }, value.map(
+    (item, index) => renderItem(item, index, handleDeleteItem, handleOnChangeItem)
+  )), value.length < maxLength && renderAddButton(handleAddItem));
+};
+var listComponent_default = (0, import_react.forwardRef)(ListComponent);

package/lib/components/pay/toC/PayAmount/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayAmountProps {
+    amount: number;
+}
+/**
+ * @title: 支付金额
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:50
+ */
+declare const PayAmount: React.FC<PayAmountProps>;
+export default PayAmount;

package/lib/components/pay/toC/PayAmount/index.js

@@ -0,0 +1,42 @@
+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/pay/toC/PayAmount/index.tsx
+var PayAmount_exports = {};
+__export(PayAmount_exports, {
+  default: () => PayAmount_default
+});
+module.exports = __toCommonJS(PayAmount_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var PayAmount = ({ amount = 0 }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pay-amount" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "amount-title" }, import_utils.locales.getText("tocPay.text.total")), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: amount, className: "amount-value" }));
+};
+var PayAmount_default = PayAmount;

package/lib/components/pay/toC/PayAmount/index.less

@@ -0,0 +1,21 @@
+.pay-amount {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .amount-title {
+    color: #000;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+  }
+
+  .amount-value {
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    color: var(--theme-color);
+  }
+}

package/lib/components/pay/toC/PayCountdown/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayCountdownProps {
+    time: number;
+}
+/**
+ * @title: 支付倒计时
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:51
+ */
+declare const PayCountdown: React.FC<PayCountdownProps>;
+export default PayCountdown;

package/lib/components/pay/toC/PayCountdown/index.js

@@ -0,0 +1,49 @@
+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/pay/toC/PayCountdown/index.tsx
+var PayCountdown_exports = {};
+__export(PayCountdown_exports, {
+  default: () => PayCountdown_default
+});
+module.exports = __toCommonJS(PayCountdown_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var PayCountdown = ({ time = 0 }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pay-countdown" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "countdown-title" }, import_utils.locales.getText("tocPay.text.completePaymentIn"), " "), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellCountdown,
+    {
+      className: "countdown-time",
+      leftTime: time * 1e3,
+      format: "mm:ss"
+    }
+  ));
+};
+var PayCountdown_default = PayCountdown;

package/lib/components/pay/toC/PayCountdown/index.less

@@ -0,0 +1,22 @@
+.pay-countdown {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  // margin-top: 24px;
+
+  .countdown-title {
+    color: var(--Text-Text_1, #1B1B1B);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+
+  .countdown-time {
+    color: var(--theme-color);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}

package/lib/components/pay/toC/PaymentList/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+export declare type OnChangeTypeKey = 'paymentType' | 'paymentListInit';
+export interface PaymentListProps {
+    store?: {
+        paymentList?: any[];
+        paymentType?: string;
+    };
+    handlePayment: (res: any) => void;
+    paymentTypeChange: (res: any) => void;
+    hide?: boolean;
+    renderTitle?: () => React.ReactNode;
+}
+export interface PaymentListRef {
+    init: (props: any) => {};
+    calculateSurcharge: (amount: number) => any;
+}
+declare const _default: React.ForwardRefExoticComponent<PaymentListProps & React.RefAttributes<unknown>>;
+export default _default;