@pisell/private-materials 6.3.79 → 6.3.80

package/es/components/appointmentBooking/components/Cart/Item/Total.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Total: ({ className, isFooter }: any) => JSX.Element;
 export default Total;

package/es/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
 export default Cart;

package/es/components/appointmentBooking/components/Footer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
 export default Footer;

package/es/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DepositModal: (props: any) => JSX.Element;
 export default DepositModal;

package/es/components/booking/forms/footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FooterProps {
     state: any;
     reload: () => void;

package/es/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/es/components/booking/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (state: any, dispatch: any) => false | JSX.Element;
 export default useClearCart;

package/es/components/booking/info/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/es/components/booking/info/dateRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

package/es/components/eftpos/const.d.ts

@@ -2,7 +2,9 @@ export declare enum Eftpos {
     Payo = "payo",
     Tyro = "tyro",
     Windcave = "windcave",
-    Stripe = "stripe"
+    Stripe = "stripe",
+    Linkly = "linkly",
+    MX51 = "mx51"
 }
 export declare enum DeviceEnum {
     /** 新增 */

package/es/components/eftpos/const.js

@@ -19,6 +19,8 @@ export var Eftpos = /*#__PURE__*/function (Eftpos) {
   Eftpos["Tyro"] = "tyro";
   Eftpos["Windcave"] = "windcave";
   Eftpos["Stripe"] = "stripe";
+  Eftpos["Linkly"] = "linkly";
+  Eftpos["MX51"] = "mx51";
   return Eftpos;
 }({});
 export var DeviceEnum = /*#__PURE__*/function (DeviceEnum) {

package/es/components/eftpos/device.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import { DeviceProp } from './const';
+import { DeviceProp, Eftpos } from './const';
 interface DeviceProps {
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
+    type?: Eftpos;
+    status?: 'add' | 'edit' | 'repair';
 }
 declare const Device: (props: DeviceProps) => JSX.Element;
 export default Device;

package/es/components/eftpos/device.js

@@ -1,14 +1,16 @@
 import React from 'react';
 import { Form, Button } from 'antd';
 import { locales } from '@pisell/utils';
-import { getDefaultValue } from "./const";
+import { Eftpos, getDefaultValue } from "./const";
 import FormItem from "./form";
 var Device = function Device(props) {
   var onSave = props.onSave,
     children = props.children,
     formItemList = props.formItemList;
   var initialValues = getDefaultValue(formItemList);
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.type) === Eftpos.MX51 && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__pos-device-pair-text"
+  }, "Pair your POS with an mx51 terminal using the pairing code shown on the terminal."), /*#__PURE__*/React.createElement(Form, {
     layout: "vertical",
     onFinish: onSave,
     initialValues: initialValues,
@@ -29,6 +31,6 @@ var Device = function Device(props) {
     style: {
       height: '48px'
     }
-  }, locales.getText('page.eftpos.text.save'))));
+  }, (props === null || props === void 0 ? void 0 : props.status) === 'edit' ? locales.getText('page.eftpos.text.save') : locales.getText('page.eftpos.text.pair')))));
 };
 export default Device;

package/es/components/eftpos/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {

package/es/components/eftpos/index.js

@@ -311,26 +311,47 @@ export default (function (props) {
             console.log('device = ', device);
             update = /*#__PURE__*/function () {
               var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+                var _device$connection, _device$connection2;
                 return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                   while (1) switch (_context3.prev = _context3.next) {
                     case 0:
-                      _context3.next = 2;
+                      _context3.prev = 0;
+                      _context3.next = 3;
                       return onEdit(_objectSpread(_objectSpread({}, device), {}, {
                         type: type
-                      }), status || 'add').catch(function () {
-                        setLoading(false);
-                      });
-                    case 2:
+                      }), status || 'add');
+                    case 3:
+                      if (type === Eftpos.MX51) {
+                        messageApi.open({
+                          type: 'success',
+                          style: {
+                            zIndex: (zIndex || 9999) + 1
+                          },
+                          content: /*#__PURE__*/React.createElement("div", {
+                            className: "pisell-lowcode__pos_message-custom-content_mx51"
+                          }, /*#__PURE__*/React.createElement("span", null, "Terminal paired successfully."), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "Pairing Name: ", (device === null || device === void 0 || (_device$connection = device.connection) === null || _device$connection === void 0 ? void 0 : _device$connection.pairing_nickname) || '-'), /*#__PURE__*/React.createElement("span", null, "Pairing ID: ", (device === null || device === void 0 || (_device$connection2 = device.connection) === null || _device$connection2 === void 0 ? void 0 : _device$connection2.pairing_code) || '-')))
+                        });
+                      }
+                      _context3.next = 9;
+                      break;
+                    case 6:
+                      _context3.prev = 6;
+                      _context3.t0 = _context3["catch"](0);
+                      console.error('onSave error =>', _context3.t0);
+                    case 9:
+                      _context3.prev = 9;
                       setLoading(false);
-                      _context3.next = 5;
+                      return _context3.finish(9);
+                    case 12:
+                      _context3.next = 14;
                       return tableRef.current.loadData();
-                    case 5:
+                    case 14:
                       setPage('list');
-                    case 6:
+                    case 15:
                     case "end":
                       return _context3.stop();
                   }
-                }, _callee3);
+                }, _callee3, null, [[0, 6, 9, 12]]);
               }));
               return function update() {
                 return _ref5.apply(this, arguments);
@@ -567,7 +588,7 @@ export default (function (props) {
   }), /*#__PURE__*/React.createElement(Drawer, {
     open: page === 'edit',
     onClose: onBack,
-    title: locales.getText('page.eftpos.text.device.add')(status, name),
+    title: type === Eftpos.MX51 ? 'Simple Cloud Integration' : locales.getText('page.eftpos.text.device.add')(status, name),
     titleNoWrap: true,
     zIndex: zIndex || 9999,
     destroyOnClose: true,
@@ -579,7 +600,9 @@ export default (function (props) {
   }, /*#__PURE__*/React.createElement(Device, {
     formItemList: deviceItemList,
     onSave: onSave,
-    key: "device".concat(type)
+    key: "device".concat(type),
+    type: type,
+    status: status
   }, pairStatus ? /*#__PURE__*/React.createElement(Form.Item, {
     label: "Status"
   }, /*#__PURE__*/React.createElement(Input, {

package/es/components/eftpos/index.less

@@ -88,7 +88,6 @@
   display: flex;
 }
 
-
 .pisell-lowcode__pos_drawer {
   transform: translateZ(0);
 }
@@ -204,3 +203,29 @@
   display: flex;
   flex-direction: column;
 }
+.pisell-lowcode__pos-device-pair-text {
+  padding: 0 24px 0 34px;
+  color: #101828;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.pisell-lowcode__pos_message
+  .pisell-lowcode__pos_message-notice-content
+  .pisell-lowcode__pos_message-success {
+  display: flex;
+  align-items: center;
+}
+
+.pisell-lowcode__pos_message-custom-content_mx51 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  > span:last-child {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+}

package/es/components/eftpos/locales.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -47,6 +48,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -79,6 +81,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;

package/es/components/eftpos/locales.js

@@ -21,6 +21,7 @@ export default {
     'page.eftpos.text.edit': 'Edit',
     'page.eftpos.text.delete': 'Delete',
     'page.eftpos.text.save': 'Save',
+    'page.eftpos.text.pair': 'Pair',
     'page.eftpos.text.confim.delete': 'Confirm delete',
     'page.eftpos.text.confirm_delete-message': function pageEftposTextConfirm_deleteMessage(x) {
       return "Confirm delete ".concat(x, " Device");
@@ -61,6 +62,7 @@ export default {
     'page.eftpos.text.edit': '编辑',
     'page.eftpos.text.delete': '删除',
     'page.eftpos.text.save': '保存',
+    'page.eftpos.text.pair': '配对',
     'page.eftpos.text.confim.delete': '确认删除',
     'page.eftpos.text.confirm_delete-message': function pageEftposTextConfirm_deleteMessage(x) {
       return "\u786E\u8BA4\u5220\u9664 ".concat(x, " \u8BBE\u5907\u5417\uFF1F");
@@ -101,6 +103,7 @@ export default {
     'page.eftpos.text.edit': '編輯',
     'page.eftpos.text.delete': '删除',
     'page.eftpos.text.save': '保存',
+    'page.eftpos.text.pair': '配對',
     'page.eftpos.text.confim.delete': '確認刪除',
     'page.eftpos.text.confirm_delete-message': function pageEftposTextConfirm_deleteMessage(x) {
       return "\u78BA\u8A8D\u522A\u9664 ".concat(x, " \u8A2D\u5099\u55CE\uFF1F");

package/es/components/eftposPay/aggregatePayment/hooks/usePayment.d.ts

@@ -0,0 +1,6 @@
+import { PaymentMethodOptions } from '../types';
+export declare const usePayment: (options: PaymentMethodOptions) => {
+    run: () => void;
+    query: () => void;
+    action: (data: Record<string, any>) => void;
+};

package/es/components/eftposPay/aggregatePayment/hooks/usePayment.js

@@ -0,0 +1,125 @@
+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); }
+import { useEffect, useRef } from 'react';
+import PaymentMethod from "../utils/payment";
+import { ModeEnum } from "../../const";
+import { useStoreRef } from "../../hooks";
+import { getUuid } from "../../helper";
+import { useDispatch, updateState } from "../../store";
+import { useContextData } from "../../store";
+export var usePayment = function usePayment(options) {
+  var _useContextData = useContextData(),
+    custom = _useContextData.custom;
+  var _useStoreRef = useStoreRef(),
+    modeRef = _useStoreRef.modeRef,
+    payRef = _useStoreRef.payRef,
+    orderIdRef = _useStoreRef.orderIdRef,
+    eftposRef = _useStoreRef.eftposRef,
+    deviceRef = _useStoreRef.deviceRef,
+    dataRef = _useStoreRef.dataRef,
+    amountRef = _useStoreRef.amountRef;
+  var paymentMethodRef = useRef(null);
+  var dispatch = useDispatch();
+  var uniquePaymentNumberRef = useRef(null);
+  var isPay = modeRef.current === ModeEnum.Pay || modeRef.current === ModeEnum.FullPay;
+  useEffect(function () {
+    if (!paymentMethodRef.current) {
+      var _deviceRef$current;
+      // 如果不存在交易号需要先创建一个交易号
+      if (!options.paymentNum) {
+        var paymentNum = getUuid();
+        dispatch(updateState({
+          number: paymentNum
+        }));
+        options.paymentNum = paymentNum;
+        uniquePaymentNumberRef.current = paymentNum;
+      } else {
+        uniquePaymentNumberRef.current = options.paymentNum;
+      }
+      options.orderId = orderIdRef.current;
+      options.deviceId = (_deviceRef$current = deviceRef.current) === null || _deviceRef$current === void 0 ? void 0 : _deviceRef$current.id;
+      paymentMethodRef.current = new PaymentMethod(options);
+    }
+    return function () {
+      var _paymentMethodRef$cur, _paymentMethodRef$cur2;
+      // 卸载组件时，如果paymentMethodRef存在需要先执行销毁，再清空
+      (_paymentMethodRef$cur = paymentMethodRef.current) === null || _paymentMethodRef$cur === void 0 || (_paymentMethodRef$cur2 = _paymentMethodRef$cur.destroy) === null || _paymentMethodRef$cur2 === void 0 || _paymentMethodRef$cur2.call(_paymentMethodRef$cur);
+      paymentMethodRef.current = null;
+    };
+  }, []);
+  var run = function run() {
+    var _payRef$current, _deviceRef$current2;
+    var params = {
+      order_id: orderIdRef.current,
+      unique_payment_number: uniquePaymentNumberRef.current,
+      payment_code: options.paymentCode,
+      amount: isPay ? (_payRef$current = payRef.current) === null || _payRef$current === void 0 ? void 0 : _payRef$current.total : amountRef.current,
+      operator_id: custom === null || custom === void 0 ? void 0 : custom.operator_id,
+      operator_type: custom === null || custom === void 0 ? void 0 : custom.operator_type,
+      platform: custom === null || custom === void 0 ? void 0 : custom.platform,
+      eftpos: {
+        card_reader_type: eftposRef.current,
+        card_reader_id: (_deviceRef$current2 = deviceRef.current) === null || _deviceRef$current2 === void 0 ? void 0 : _deviceRef$current2.id,
+        pay_param_base64: encodeURIComponent(btoa(encodeURIComponent(JSON.stringify(_objectSpread(_objectSpread({}, dataRef.current), {}, {
+          number: uniquePaymentNumberRef.current
+        })))))
+      }
+    };
+    if (isPay) {
+      var _payRef$current2, _payRef$current3, _payRef$current4, _paymentMethodRef$cur3;
+      params.payment = {
+        original_amount: (_payRef$current2 = payRef.current) === null || _payRef$current2 === void 0 ? void 0 : _payRef$current2.amount,
+        order_payment_type: 'normal',
+        // TODO: 需要使用方提供
+        custom_payment_id: custom === null || custom === void 0 ? void 0 : custom.custom_payment_id,
+        custom_payment_code: custom === null || custom === void 0 ? void 0 : custom.custom_payment_code,
+        custom_payment_name: custom === null || custom === void 0 ? void 0 : custom.custom_payment_name,
+        custom_payment_type: custom === null || custom === void 0 ? void 0 : custom.custom_payment_type,
+        service_charge: {
+          amount: (_payRef$current3 = payRef.current) === null || _payRef$current3 === void 0 ? void 0 : _payRef$current3.surMoney,
+          percentage: (_payRef$current4 = payRef.current) === null || _payRef$current4 === void 0 ? void 0 : _payRef$current4.surPercentRate
+        },
+        metadata: {
+          unique_payment_number: uniquePaymentNumberRef.current
+        }
+      };
+      (_paymentMethodRef$cur3 = paymentMethodRef.current) === null || _paymentMethodRef$cur3 === void 0 || _paymentMethodRef$cur3.pay(params);
+    } else {
+      var _paymentMethodRef$cur4;
+      (_paymentMethodRef$cur4 = paymentMethodRef.current) === null || _paymentMethodRef$cur4 === void 0 || _paymentMethodRef$cur4.refund(params);
+    }
+  };
+  var query = function query() {
+    if (isPay) {
+      var _paymentMethodRef$cur5;
+      (_paymentMethodRef$cur5 = paymentMethodRef.current) === null || _paymentMethodRef$cur5 === void 0 || _paymentMethodRef$cur5.payQuery();
+    } else {
+      var _paymentMethodRef$cur6;
+      (_paymentMethodRef$cur6 = paymentMethodRef.current) === null || _paymentMethodRef$cur6 === void 0 || _paymentMethodRef$cur6.refundQuery();
+    }
+  };
+  var action = function action(data) {
+    var params = {
+      order_id: orderIdRef.current,
+      unique_payment_number: uniquePaymentNumberRef.current,
+      payment_code: options.paymentCode,
+      data: data
+    };
+    if (isPay) {
+      var _paymentMethodRef$cur7;
+      (_paymentMethodRef$cur7 = paymentMethodRef.current) === null || _paymentMethodRef$cur7 === void 0 || _paymentMethodRef$cur7.payAction(params);
+    } else {
+      var _paymentMethodRef$cur8;
+      (_paymentMethodRef$cur8 = paymentMethodRef.current) === null || _paymentMethodRef$cur8 === void 0 || _paymentMethodRef$cur8.refundAction(params);
+    }
+  };
+  return {
+    run: run,
+    query: query,
+    action: action
+  };
+};

package/es/components/eftposPay/aggregatePayment/index.d.ts

@@ -0,0 +1,3 @@
+import { EActionStatus } from './types';
+import { usePayment } from './hooks/usePayment';
+export { usePayment, EActionStatus };

package/es/components/eftposPay/aggregatePayment/index.js

@@ -0,0 +1,3 @@
+import { EActionStatus } from "./types";
+import { usePayment } from "./hooks/usePayment";
+export { usePayment, EActionStatus };