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

package/es/components/eftposPay/component/manual/index.less

@@ -0,0 +1,137 @@
+.pisell-lowcode__eft-pay-manual {
+  padding: var(--pisel-lc-pos-manual-padding, 24px);
+  width: var(--pisel-lc-pos-manual-width, 600px);
+}
+
+.pisell-lowcode__eft-pay-manual-title {
+  color: var(--text-text_1, #1b1b1b);
+
+  /* H6/Semi Bold */
+
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px; /* 137.5% */
+}
+
+.pisell-lowcode__eft-pay-manual-edit-title {
+  color: var(--Gray-900, #101828);
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+  padding: 0 0 16px 0;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-body {
+  border-top: 1px solid var(--Gray-200, #eaecf0);
+  padding: 16px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex: 1;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-act{
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-text {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}
+.pisell-lowcode__eft-pay-manual-txt {
+  color: var(--text-text_1, #1b1b1b);
+  /* Paragraph/Regular */
+
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}
+
+.pisell-lowcode__eft-pay-manual-card-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  margin-top: 20px;
+  flex-wrap: nowrap;
+}
+.pisell-lowcode__eft-pay-manual-card {
+  display: flex;
+  padding: 20px 10px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 30px;
+  align-self: stretch;
+  border-radius: 20px;
+  border: 1px solid var(--surface-surface_3, #c6c6c6);
+  position: relative;
+  z-index: 1;
+}
+.pisell-lowcode__eft-pay-manual-img {
+  width: 160px;
+  height: 160px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+.pisell-lowcode__eft-pay-manual-card-box {
+  flex: 1;
+  overflow: auto;
+}
+
+@media only screen and (max-width: 499px) {
+  .pisell-lowcode__eft-pay-manual-card-box {
+    gap: 10px;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    flex: 1;
+    padding: 8px;
+  }
+  .pisell-lowcode__eft-pay-manual-img {
+    width: 110px;
+    height: 150px;
+  }
+  .pisell-lowcode__eft-pay-manual-card .pisell-lowcode__eft-pay-manual-btn {
+    font-size: 12px !important;
+  }
+}
+
+@media only screen and (min-width: 500px) and (max-width: 601px) {
+  .pisell-lowcode__eft-pay-terminal .pisell-lowcode__eft-pay-manual-card-box {
+    flex: none;
+    height: 360px;
+  }
+  .pisell-lowcode__eft-pay-manual-card-box {
+    gap: 10px;
+    height: 400px;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    flex: 1;
+    padding: 20px;
+    gap: 30px;
+  }
+  .pisell-lowcode__eft-pay-manual-img {
+    width: 200px;
+    height: 200px;
+  }
+}
+
+@media only screen and (min-width: 601px) {
+  .pisell-lowcode__eft-pay-manual-card-box {
+    margin: 24px auto 0;
+    gap: 20px;
+    width: 100%;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    flex: 1;
+  }
+}

package/es/components/eftposPay/component/signature/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+/**
+ * @title: 取消签名确认页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:49
+ */
+declare const _default: ({ api, className }: ActionProps) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/signature/index.js

@@ -0,0 +1,81 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import React, { useState } from 'react';
+import { useContextData, useDispatch, updateNextStep, updateComponent } from "../../store";
+import Header from "../header";
+
+/**
+ * @title: 取消签名确认页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:49
+ */
+export default (function (_ref) {
+  var api = _ref.api,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var dispatch = useDispatch();
+  var _useContextData = useContextData(),
+    number = _useContextData.number,
+    mode = _useContextData.mode;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+
+  /**
+   * @title: 返回流程页
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:51
+   */
+  var onBack = function onBack() {
+    dispatch(updateComponent(''));
+  };
+
+  /**
+   * @title: 取消签名确认页
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:51
+   */
+  var onConfirm = function onConfirm() {
+    setDisabled(true);
+    api.update({
+      type: 'NO',
+      number: number
+    }).then(function () {
+      setDisabled(false);
+      dispatch(updateComponent(''));
+      // 取消接口
+      dispatch(updateNextStep());
+    }).catch(function (res) {
+      setDisabled(false);
+      console.log(res);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: "warn"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, locales.getText('page.eftpos-pay.text.signature.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.signature.text')(mode)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onBack
+  }, locales.getText('page.eftpos-pay.text.back')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    type: "primary",
+    onClick: onConfirm,
+    disabled: disabled
+  }, locales.getText('page.eftpos-pay.text.confirm.decline'))));
+});

package/es/components/eftposPay/component/step/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StatusType } from '../../const';
+declare const _default: (props: {
+    status: StatusType;
+    warn?: string | undefined;
+    text?: string | undefined;
+    tip?: string | undefined;
+    loading?: string | undefined;
+    success?: string | undefined;
+    fail?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/step/index.js

@@ -0,0 +1,31 @@
+/* eslint-disable react/no-unused-prop-types */
+import { CheckCircleFilled } from '@ant-design/icons';
+import React from 'react';
+import { StatusEnum } from "../../const";
+export default (function (props) {
+  var status = props.status,
+    warn = props.warn,
+    text = props.text,
+    tip = props.tip;
+  var txt = '';
+  if ((status === StatusEnum.Loading || status === StatusEnum.Success || status === StatusEnum.Fail) && props[status]) {
+    txt = props[status];
+  } else {
+    txt = text;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
+  }, txt, status === StatusEnum.Success ? /*#__PURE__*/React.createElement(CheckCircleFilled, {
+    color: "#1B945C",
+    style: {
+      color: '#1B945C',
+      fontSize: '24px',
+      verticalAlign: 'middle',
+      margin: '0 0 0 4px'
+    }
+  }) : null), status === StatusEnum.Loading && tip ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, tip) : null, status === StatusEnum.Warn && warn ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
+  }, warn) : null);
+});

package/es/components/eftposPay/component/step/step.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: (props: {
+    status: string;
+    pedding?: string | undefined;
+    resolve?: string | undefined;
+    reject?: string | undefined;
+    className?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/step/step.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-nested-ternary */
+/* eslint-disable react/no-unused-prop-types */
+import { CheckCircleFilled } from '@ant-design/icons';
+import React from 'react';
+export default (function (props) {
+  var className = props.className,
+    status = props.status,
+    pedding = props.pedding,
+    resolve = props.resolve,
+    reject = props.reject;
+  var txt = status === 'pedding' ? pedding : status === 'resolve' ? resolve : reject;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status, " ").concat(className || '')
+  }, txt || pedding, status === 'resolve' ? /*#__PURE__*/React.createElement(CheckCircleFilled, {
+    color: "#1B945C",
+    style: {
+      color: '#1B945C',
+      fontSize: '24px',
+      verticalAlign: 'middle',
+      margin: '0 0 0 4px'
+    }
+  }) : null);
+});

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

@@ -0,0 +1,147 @@
+export declare enum EftposEnum {
+    /** 后端支付 - 仅支付  */
+    Payo = "payo",
+    /** 前端支付 */
+    Tyro = "tyro",
+    /** 后端支付 - 支付 + 退款  */
+    Windcave = "windcave",
+    Stripe = "stripe"
+}
+export declare enum StatusEnum {
+    Loading = "loading",
+    Warn = "warn",
+    Fail = "fail",
+    Success = "success",
+    Pedding = "pedding",
+    Resove = "resove",
+    Reject = "reject",
+    Question = "question"
+}
+export declare enum ModeEnum {
+    /** 支付 */
+    Pay = "pay",
+    /** 退款 */
+    Refund = "refund",
+    /** 查询 */
+    Query = "query"
+}
+export declare enum RouteEnum {
+    /** 改价页 */
+    Amount = "amount",
+    /** 门店列表页 */
+    DeviceList = "deviceList",
+    /**支付页 */
+    Pay = "pay"
+}
+export declare enum PayRouteEnum {
+    Step = "step",
+    Unset = "unset"
+}
+export declare type RouteType = `${RouteEnum}`;
+export declare type PayRouteType = `${PayRouteEnum}`;
+export declare type DeviceStatusType = `${EftposEnum}`;
+export declare type StatusType = `${StatusEnum}`;
+export declare type ModeType = `${ModeEnum}`;
+export interface PosProps {
+    /** 厂商类型 */
+    type: DeviceStatusType;
+    getApi: () => {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+    params: {
+        [key: string]: unknown;
+    };
+    /** 回调 */
+    onChangeStatus: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {
+        [keys: string]: unknown;
+    } | string) => void;
+    onChangeParams(...agrn: unknown[]): void;
+    terminal: {
+        network: boolean;
+    };
+    device?: {
+        [key: string]: unknown;
+    };
+    mode: ModeEnum;
+    tyroUrl?: string;
+    tyroVersion?: string;
+    source: 'normal' | 'restore';
+}
+export interface PayProps {
+    api: ReturnType<PosProps['getApi']>;
+    onChange: PosProps['onChangeStatus'];
+    className?: string;
+}
+export declare type Amount = {
+    name: string;
+    /** 订单金额 */
+    money: number;
+    /** 上一轮操作订单金额 */
+    amount: number;
+    /** 金额单位 */
+    symbol: string;
+    /** 手续费-百分率 */
+    surRate: number;
+    /** 手续费-是否开启 */
+    surMoney: number;
+    /** 手续费-是否存在 */
+    surcharge: boolean;
+    /** 是否使用原始手续费 */
+    useOriginSurcharge: boolean;
+};
+export declare type PayAmount = {
+    /** 手续费-百分比-带百分号  例: 1% =》 数据为 0.01 */
+    surPercentRate: string;
+    /** 手续费-百分比-不带百分号  例:1%  =》 数据为 1 */
+    surRate: string;
+    /** 手续费-比例金额   amount * surPercentRate  */
+    surRateMoney: string;
+    /** 手续费-固定金额 */
+    surMoney: string;
+    /** 手续费 =   surPercentRate + surMoney */
+    surcharge: string;
+    /** 支付金额 (不包含手续费) */
+    amount: string;
+    /** 支付总金额 =  amount + surcharge */
+    total: string;
+    /** 订单金额  */
+    sourceAmount: string;
+    /** 支付总金额带单位  + 单位 */
+    totalUnit: string;
+};
+export declare enum PayStatus {
+    'Success' = "200",
+    /** 未生成交易记录 */
+    'NoPay' = "4004",
+    /** 支付失败 */
+    'Unknown' = "701000",
+    /** 交易请求超时 */
+    'Timeout' = "701001",
+    /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
+    'PayOtherEftposFailed' = "701003",
+    /** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */
+    'PayCardErrorFailed' = "701004",
+    /** 断网 向EFTPOS发送消息失败。可能有网络问题，也可能没有连接websocket。 */
+    'NoNetWork' = "701005",
+    /** 交易等待超时 */
+    'PayTimeout' = "701006",
+    /** 连接失败 */
+    'SocketError' = "701007",
+    /** 银行拒绝 */
+    'PayBankRefuses' = "701008",
+    /** 签名拒绝 */
+    'SignatureDeclined' = "701009",
+    /** 配置参数错误 */
+    'UserConfigError' = "701010"
+}
+export interface ActionProps {
+    onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {
+        [key: string]: unknown;
+    } | string) => void;
+    api: {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+    className?: string;
+    isIpad?: boolean;
+    formatAmount: (amount: number | string, precision: number, symbol: string) => string;
+}

package/es/components/eftposPay/const.js

@@ -0,0 +1,50 @@
+export var EftposEnum; // Eftpos = 'eftpos',
+(function (EftposEnum) {
+  EftposEnum["Payo"] = "payo";
+  EftposEnum["Tyro"] = "tyro";
+  EftposEnum["Windcave"] = "windcave";
+  EftposEnum["Stripe"] = "stripe";
+})(EftposEnum || (EftposEnum = {}));
+export var StatusEnum;
+(function (StatusEnum) {
+  StatusEnum["Loading"] = "loading";
+  StatusEnum["Warn"] = "warn";
+  StatusEnum["Fail"] = "fail";
+  StatusEnum["Success"] = "success";
+  StatusEnum["Pedding"] = "pedding";
+  StatusEnum["Resove"] = "resove";
+  StatusEnum["Reject"] = "reject";
+  StatusEnum["Question"] = "question";
+})(StatusEnum || (StatusEnum = {}));
+export var ModeEnum;
+(function (ModeEnum) {
+  ModeEnum["Pay"] = "pay";
+  ModeEnum["Refund"] = "refund";
+  ModeEnum["Query"] = "query";
+})(ModeEnum || (ModeEnum = {}));
+export var RouteEnum;
+(function (RouteEnum) {
+  RouteEnum["Amount"] = "amount";
+  RouteEnum["DeviceList"] = "deviceList";
+  RouteEnum["Pay"] = "pay";
+})(RouteEnum || (RouteEnum = {}));
+export var PayRouteEnum;
+(function (PayRouteEnum) {
+  PayRouteEnum["Step"] = "step";
+  PayRouteEnum["Unset"] = "unset";
+})(PayRouteEnum || (PayRouteEnum = {}));
+export var PayStatus;
+(function (PayStatus) {
+  PayStatus["Success"] = "200";
+  PayStatus["NoPay"] = "4004";
+  PayStatus["Unknown"] = "701000";
+  PayStatus["Timeout"] = "701001";
+  PayStatus["PayOtherEftposFailed"] = "701003";
+  PayStatus["PayCardErrorFailed"] = "701004";
+  PayStatus["NoNetWork"] = "701005";
+  PayStatus["PayTimeout"] = "701006";
+  PayStatus["SocketError"] = "701007";
+  PayStatus["PayBankRefuses"] = "701008";
+  PayStatus["SignatureDeclined"] = "701009";
+  PayStatus["UserConfigError"] = "701010";
+})(PayStatus || (PayStatus = {}));

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PayProps, PosProps } from './const';
+import './device.less';
+/**
+ * @title: 设备选择页
+ * @description: 选择设备信息,无设备增加提示;仅有一条,默认选中跳走;多条记录则停留等待用户选择
+ * @return React.Element
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:40
+ */
+declare const _default: ({ api, onChange, onClose, className, device_number, isIpad, net, }: {
+    api: PayProps['api'];
+    className?: string | undefined;
+    onChange?: ((status: "page" | "success" | "fail", params?: string | {
+        [keys: string]: unknown;
+    } | undefined) => void) | undefined;
+    onClose: () => void;
+    device_number?: string | number | undefined;
+    isIpad: boolean;
+    net: boolean;
+}) => React.JSX.Element;
+export default _default;