@pisell/private-materials 6.5.10 → 6.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +2 -2
- package/build/lowcode/preview.js +148 -164
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +3 -3
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +7 -7
- package/es/components/Sales/Summary/utils.d.ts +1 -1
- package/es/components/appointmentBooking/components/Services/index.js +36 -18
- package/es/components/appointmentBooking/hooks.js +6 -0
- package/es/components/booking/components/footer/index.js +24 -5
- package/es/components/booking/editBookingModal/index.js +8 -2
- package/es/components/booking/forms/sendModal/useSendModal.d.ts +1 -1
- package/es/components/booking/info/service2/utils.d.ts +1 -1
- package/es/components/booking/locales.d.ts +6 -0
- package/es/components/booking/locales.js +12 -0
- package/es/components/booking/utils.d.ts +2 -2
- package/es/components/checkout/PaymentModal.js +145 -101
- package/es/components/checkout/components/AmountSummary/index.js +6 -4
- package/es/components/checkout/components/CashPaymentModule/index.d.ts +3 -1
- package/es/components/checkout/components/CashPaymentModule/index.js +14 -10
- package/es/components/checkout/components/PaymentDetailModal/index.js +76 -27
- package/es/components/checkout/components/PaymentDetailModal/index.less +23 -2
- package/es/components/checkout/components/PaymentOptionsModule/index.js +4 -1
- package/es/components/checkout/hooks/useWalletPass.d.ts +1 -1
- package/es/components/checkout/hooks/useWalletPass.js +1 -0
- package/es/components/eftposPay/amount.d.ts +1 -1
- package/es/components/eftposPay/device.d.ts +1 -1
- package/es/components/eftposPay/hooks.d.ts +1 -1
- package/es/components/eftposPay/linkly/hooks/normal.js +3 -3
- package/es/components/eftposPay/linkly/hooks/useTimeQuery.js +60 -17
- package/es/components/eftposPay/payo/config.js +10 -10
- package/es/components/eftposPay/serve.js +1 -1
- package/es/components/eftposPay/store/index.d.ts +3 -3
- package/es/components/index.d.ts +3 -1
- package/es/components/index.js +3 -1
- package/es/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js +6 -3
- package/es/components/pay/toC/PaymentMethods/WalletPass/List/index.d.ts +2 -0
- package/es/components/pay/toC/PaymentMethods/WalletPass/index.js +112 -24
- package/es/components/pay/toC/PaymentMethods/WalletPass/serve.d.ts +38 -2
- package/es/components/pay/toC/PaymentMethods/WalletPass/serve.js +78 -0
- package/es/components/pay/toC/PaymentMethods/WalletPass/utils.d.ts +6 -0
- package/es/components/pay/toC/PaymentMethods/WalletPass/utils.js +9 -0
- package/es/components/pay/toC/utils.js +1 -1
- package/es/components/pinModal/hooks.d.ts +7 -0
- package/es/components/pinModal/hooks.js +65 -0
- package/es/components/pinModal/index.d.ts +4 -0
- package/es/components/pinModal/index.js +98 -0
- package/es/components/pinModal/index.less +44 -0
- package/es/components/pinModal/locales.d.ts +27 -0
- package/es/components/pinModal/locales.js +26 -0
- package/es/components/pinModal/serve.d.ts +6 -0
- package/es/components/pinModal/serve.js +11 -0
- package/es/components/pinModal/types.d.ts +0 -0
- package/es/components/pinModal/types.js +0 -0
- package/es/components/pinVerifyModal/hooks.d.ts +7 -0
- package/es/components/pinVerifyModal/hooks.js +80 -0
- package/es/components/pinVerifyModal/index.d.ts +5 -0
- package/es/components/pinVerifyModal/index.js +218 -0
- package/es/components/pinVerifyModal/index.less +92 -0
- package/es/components/pinVerifyModal/locales.d.ts +24 -0
- package/es/components/pinVerifyModal/locales.js +23 -0
- package/es/components/pinVerifyModal/types.d.ts +33 -0
- package/es/components/pinVerifyModal/types.js +1 -0
- package/es/components/schedules/utils.d.ts +1 -1
- package/es/components/ticketBooking/components/ticketBooking/index.d.ts +7 -0
- package/es/components/ticketBooking/components/ticketBooking/index.js +56 -10
- package/es/components/ticketBooking/components/timeBar/index.js +2 -1
- package/es/components/ticketBooking/utils/index.d.ts +1 -1
- package/es/components/walletList/index.js +20 -2
- package/es/index.d.ts +2 -0
- package/es/index.js +3 -1
- package/es/utils/index.d.ts +1 -1
- package/lib/components/Sales/Summary/utils.d.ts +1 -1
- package/lib/components/appointmentBooking/components/Services/index.js +13 -3
- package/lib/components/appointmentBooking/hooks.js +6 -0
- package/lib/components/booking/components/footer/index.js +21 -3
- package/lib/components/booking/editBookingModal/index.js +6 -1
- package/lib/components/booking/forms/sendModal/useSendModal.d.ts +1 -1
- package/lib/components/booking/info/service2/utils.d.ts +1 -1
- package/lib/components/booking/locales.d.ts +6 -0
- package/lib/components/booking/locales.js +6 -0
- package/lib/components/booking/utils.d.ts +2 -2
- package/lib/components/checkout/PaymentModal.js +37 -9
- package/lib/components/checkout/components/AmountSummary/index.js +4 -4
- package/lib/components/checkout/components/CashPaymentModule/index.d.ts +3 -1
- package/lib/components/checkout/components/CashPaymentModule/index.js +6 -3
- package/lib/components/checkout/components/PaymentDetailModal/index.js +47 -14
- package/lib/components/checkout/components/PaymentDetailModal/index.less +23 -2
- package/lib/components/checkout/components/PaymentOptionsModule/index.js +3 -1
- package/lib/components/checkout/hooks/useWalletPass.d.ts +1 -1
- package/lib/components/checkout/hooks/useWalletPass.js +1 -0
- package/lib/components/eftposPay/amount.d.ts +1 -1
- package/lib/components/eftposPay/device.d.ts +1 -1
- package/lib/components/eftposPay/hooks.d.ts +1 -1
- package/lib/components/eftposPay/linkly/hooks/normal.js +3 -3
- package/lib/components/eftposPay/linkly/hooks/useTimeQuery.js +59 -15
- package/lib/components/eftposPay/payo/config.js +9 -9
- package/lib/components/eftposPay/serve.js +1 -1
- package/lib/components/eftposPay/store/index.d.ts +3 -3
- package/lib/components/index.d.ts +3 -1
- package/lib/components/index.js +6 -0
- package/lib/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js +2 -0
- package/lib/components/pay/toC/PaymentMethods/WalletPass/List/index.d.ts +2 -0
- package/lib/components/pay/toC/PaymentMethods/WalletPass/index.js +84 -36
- package/lib/components/pay/toC/PaymentMethods/WalletPass/serve.d.ts +38 -2
- package/lib/components/pay/toC/PaymentMethods/WalletPass/serve.js +18 -0
- package/lib/components/pay/toC/PaymentMethods/WalletPass/utils.d.ts +6 -0
- package/lib/components/pay/toC/PaymentMethods/WalletPass/utils.js +7 -2
- package/lib/components/pay/toC/utils.js +1 -1
- package/lib/components/pinModal/hooks.d.ts +7 -0
- package/lib/components/pinModal/hooks.js +85 -0
- package/lib/components/pinModal/index.d.ts +4 -0
- package/lib/components/pinModal/index.js +88 -0
- package/lib/components/pinModal/index.less +44 -0
- package/lib/components/pinModal/locales.d.ts +27 -0
- package/lib/components/pinModal/locales.js +50 -0
- package/lib/components/pinModal/serve.d.ts +6 -0
- package/lib/components/pinModal/serve.js +37 -0
- package/lib/components/pinModal/types.d.ts +0 -0
- package/lib/components/pinModal/types.js +0 -0
- package/lib/components/pinVerifyModal/hooks.d.ts +7 -0
- package/lib/components/pinVerifyModal/hooks.js +93 -0
- package/lib/components/pinVerifyModal/index.d.ts +5 -0
- package/lib/components/pinVerifyModal/index.js +230 -0
- package/lib/components/pinVerifyModal/index.less +92 -0
- package/lib/components/pinVerifyModal/locales.d.ts +24 -0
- package/lib/components/pinVerifyModal/locales.js +47 -0
- package/lib/components/pinVerifyModal/types.d.ts +33 -0
- package/lib/components/pinVerifyModal/types.js +17 -0
- package/lib/components/schedules/utils.d.ts +1 -1
- package/lib/components/ticketBooking/components/ticketBooking/index.d.ts +7 -0
- package/lib/components/ticketBooking/components/ticketBooking/index.js +52 -5
- package/lib/components/ticketBooking/components/timeBar/index.js +2 -1
- package/lib/components/ticketBooking/utils/index.d.ts +1 -1
- package/lib/components/walletList/index.js +19 -2
- package/lib/index.d.ts +2 -0
- package/lib/index.js +6 -0
- package/lib/utils/index.d.ts +1 -1
- package/lowcode/pin-modal/meta.ts +37 -0
- package/lowcode/pin-verify-modal/meta.ts +80 -0
- package/package.json +1 -1
@@ -0,0 +1,37 @@
|
|
1
|
+
var __defProp = Object.defineProperty;
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
5
|
+
var __export = (target, all) => {
|
6
|
+
for (var name in all)
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
8
|
+
};
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
11
|
+
for (let key of __getOwnPropNames(from))
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
14
|
+
}
|
15
|
+
return to;
|
16
|
+
};
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
18
|
+
|
19
|
+
// src/components/pinModal/serve.ts
|
20
|
+
var serve_exports = {};
|
21
|
+
__export(serve_exports, {
|
22
|
+
getPinApi: () => getPinApi,
|
23
|
+
resetPinApi: () => resetPinApi
|
24
|
+
});
|
25
|
+
module.exports = __toCommonJS(serve_exports);
|
26
|
+
var import_utils = require("../../utils");
|
27
|
+
var getPinApi = (data) => {
|
28
|
+
return import_utils.request.getRequest().get("/h5/wallet/detail/pin", data);
|
29
|
+
};
|
30
|
+
var resetPinApi = (data) => {
|
31
|
+
return import_utils.request.getRequest().post("/h5/wallet/detail/pin/refresh", data);
|
32
|
+
};
|
33
|
+
// Annotate the CommonJS export names for ESM import in node:
|
34
|
+
0 && (module.exports = {
|
35
|
+
getPinApi,
|
36
|
+
resetPinApi
|
37
|
+
});
|
File without changes
|
File without changes
|
@@ -0,0 +1,93 @@
|
|
1
|
+
var __create = Object.create;
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
7
|
+
var __export = (target, all) => {
|
8
|
+
for (var name in all)
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
10
|
+
};
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
13
|
+
for (let key of __getOwnPropNames(from))
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
16
|
+
}
|
17
|
+
return to;
|
18
|
+
};
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
25
|
+
mod
|
26
|
+
));
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
28
|
+
|
29
|
+
// src/components/pinVerifyModal/hooks.ts
|
30
|
+
var hooks_exports = {};
|
31
|
+
__export(hooks_exports, {
|
32
|
+
usePinVerify: () => usePinVerify
|
33
|
+
});
|
34
|
+
module.exports = __toCommonJS(hooks_exports);
|
35
|
+
var import_react = require("react");
|
36
|
+
var import_ahooks = require("ahooks");
|
37
|
+
var import_materials = require("@pisell/materials");
|
38
|
+
var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
|
39
|
+
var import_utils = require("../../utils");
|
40
|
+
var usePinVerify = () => {
|
41
|
+
var _a, _b;
|
42
|
+
const context = (0, import_useEngineContext.default)();
|
43
|
+
const apiPrefix = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.apiPrefix;
|
44
|
+
const [verifyInfo, setVerifyInfo] = (0, import_react.useState)(null);
|
45
|
+
const verifySuccessRef = (0, import_react.useRef)(
|
46
|
+
() => {
|
47
|
+
}
|
48
|
+
);
|
49
|
+
const _setVerifyInfo = (data) => {
|
50
|
+
const { failed_count, check_max_count } = data || {};
|
51
|
+
if (!check_max_count) {
|
52
|
+
setVerifyInfo(null);
|
53
|
+
return;
|
54
|
+
}
|
55
|
+
setVerifyInfo({
|
56
|
+
check_max_count,
|
57
|
+
remaining_count: check_max_count - (failed_count || 0)
|
58
|
+
});
|
59
|
+
};
|
60
|
+
const verifyPinApi = (data) => {
|
61
|
+
return import_utils.request.getRequest().post(`${apiPrefix}/wallet/detail/pin/validate`, data, {
|
62
|
+
fullResult: true
|
63
|
+
});
|
64
|
+
};
|
65
|
+
const _verifyPin = (0, import_ahooks.useRequest)(verifyPinApi, {
|
66
|
+
manual: true,
|
67
|
+
onSuccess: (res) => {
|
68
|
+
var _a2;
|
69
|
+
if ((res == null ? void 0 : res.code) === 200) {
|
70
|
+
const { status, msg, failed_count, check_max_count } = (res == null ? void 0 : res.data) || {};
|
71
|
+
_setVerifyInfo({ failed_count, check_max_count });
|
72
|
+
(0, import_materials.PisellToast)({ content: msg, duration: 2 });
|
73
|
+
if (status === "success") {
|
74
|
+
(_a2 = verifySuccessRef.current) == null ? void 0 : _a2.call(verifySuccessRef, res == null ? void 0 : res.data);
|
75
|
+
}
|
76
|
+
}
|
77
|
+
}
|
78
|
+
});
|
79
|
+
const verifyPin = (data, onSuccess) => {
|
80
|
+
verifySuccessRef.current = onSuccess;
|
81
|
+
_verifyPin.run(data);
|
82
|
+
};
|
83
|
+
return {
|
84
|
+
verifyPin,
|
85
|
+
loading: _verifyPin.loading,
|
86
|
+
verifyInfo,
|
87
|
+
setVerifyInfo: _setVerifyInfo
|
88
|
+
};
|
89
|
+
};
|
90
|
+
// Annotate the CommonJS export names for ESM import in node:
|
91
|
+
0 && (module.exports = {
|
92
|
+
usePinVerify
|
93
|
+
});
|
@@ -0,0 +1,230 @@
|
|
1
|
+
var __create = Object.create;
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
7
|
+
var __export = (target, all) => {
|
8
|
+
for (var name in all)
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
10
|
+
};
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
13
|
+
for (let key of __getOwnPropNames(from))
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
16
|
+
}
|
17
|
+
return to;
|
18
|
+
};
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
25
|
+
mod
|
26
|
+
));
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
28
|
+
|
29
|
+
// src/components/pinVerifyModal/index.tsx
|
30
|
+
var pinVerifyModal_exports = {};
|
31
|
+
__export(pinVerifyModal_exports, {
|
32
|
+
default: () => pinVerifyModal_default
|
33
|
+
});
|
34
|
+
module.exports = __toCommonJS(pinVerifyModal_exports);
|
35
|
+
var import_react = __toESM(require("react"));
|
36
|
+
var import_Delete = __toESM(require("@pisell/icon/es/Delete"));
|
37
|
+
var import_materials = require("@pisell/materials");
|
38
|
+
var import_utils = require("@pisell/utils");
|
39
|
+
var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
|
40
|
+
var import_locales = __toESM(require("./locales"));
|
41
|
+
var import_utils2 = require("../../utils");
|
42
|
+
var import_index = require("./index.less");
|
43
|
+
var import_hooks = require("./hooks");
|
44
|
+
var PinVerifyModal = (props, ref) => {
|
45
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
|
46
|
+
const context = (0, import_useEngineContext.default)();
|
47
|
+
import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
|
48
|
+
import_utils2.request.setRequest((_d = (_c = context == null ? void 0 : context.appHelper) == null ? void 0 : _c.utils) == null ? void 0 : _d.request);
|
49
|
+
const isTerminal = (_g = (_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.isTerminal) == null ? void 0 : _g.call(_f);
|
50
|
+
const platform = (_i = (_h = context == null ? void 0 : context.appHelper) == null ? void 0 : _h.constants) == null ? void 0 : _i.platform;
|
51
|
+
const [visible, setVisible] = (0, import_react.useState)(false);
|
52
|
+
const modalParamsRef = (0, import_react.useRef)({});
|
53
|
+
const [pin, setPin] = (0, import_react.useState)("");
|
54
|
+
const { verifyPin, loading, verifyInfo, setVerifyInfo } = (0, import_hooks.usePinVerify)();
|
55
|
+
const KeyboardItems = (0, import_react.useMemo)(() => {
|
56
|
+
return [
|
57
|
+
{
|
58
|
+
value: 1,
|
59
|
+
label: "1",
|
60
|
+
disabled: false,
|
61
|
+
type: "text"
|
62
|
+
},
|
63
|
+
{
|
64
|
+
value: 2,
|
65
|
+
label: "2",
|
66
|
+
disabled: false,
|
67
|
+
type: "text"
|
68
|
+
},
|
69
|
+
{
|
70
|
+
value: 3,
|
71
|
+
label: "3",
|
72
|
+
disabled: false,
|
73
|
+
type: "text"
|
74
|
+
},
|
75
|
+
{
|
76
|
+
value: 4,
|
77
|
+
label: "4",
|
78
|
+
disabled: false,
|
79
|
+
type: "text"
|
80
|
+
},
|
81
|
+
{
|
82
|
+
value: 5,
|
83
|
+
label: "5",
|
84
|
+
disabled: false,
|
85
|
+
type: "text"
|
86
|
+
},
|
87
|
+
{
|
88
|
+
value: 6,
|
89
|
+
label: "6",
|
90
|
+
disabled: false,
|
91
|
+
type: "text"
|
92
|
+
},
|
93
|
+
{
|
94
|
+
value: 7,
|
95
|
+
label: "7",
|
96
|
+
disabled: false,
|
97
|
+
type: "text"
|
98
|
+
},
|
99
|
+
{
|
100
|
+
value: 8,
|
101
|
+
label: "8",
|
102
|
+
disabled: false,
|
103
|
+
type: "text"
|
104
|
+
},
|
105
|
+
{
|
106
|
+
value: 9,
|
107
|
+
label: "9",
|
108
|
+
disabled: false,
|
109
|
+
type: "text"
|
110
|
+
},
|
111
|
+
{
|
112
|
+
value: "delete",
|
113
|
+
label: /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" }),
|
114
|
+
disabled: false,
|
115
|
+
type: "text"
|
116
|
+
},
|
117
|
+
{
|
118
|
+
value: 0,
|
119
|
+
label: "0",
|
120
|
+
disabled: false,
|
121
|
+
type: "text"
|
122
|
+
},
|
123
|
+
{
|
124
|
+
value: "verify",
|
125
|
+
label: import_utils.locales.getText("pisell2.pin.verify.modal.keyboard.verify"),
|
126
|
+
disabled: false,
|
127
|
+
type: "primary"
|
128
|
+
}
|
129
|
+
];
|
130
|
+
}, [import_utils.locales]);
|
131
|
+
const onOpen = (params) => {
|
132
|
+
var _a2;
|
133
|
+
modalParamsRef.current = params;
|
134
|
+
setVerifyInfo({
|
135
|
+
failed_count: (params == null ? void 0 : params.failed_count) || 0,
|
136
|
+
check_max_count: (params == null ? void 0 : params.check_max_count) || 0
|
137
|
+
});
|
138
|
+
setVisible(true);
|
139
|
+
(_a2 = props.onOpen) == null ? void 0 : _a2.call(props);
|
140
|
+
};
|
141
|
+
const onClose = () => {
|
142
|
+
var _a2;
|
143
|
+
modalParamsRef.current = {};
|
144
|
+
setPin("");
|
145
|
+
setVerifyInfo(null);
|
146
|
+
setVisible(false);
|
147
|
+
(_a2 = props.onClose) == null ? void 0 : _a2.call(props);
|
148
|
+
};
|
149
|
+
(0, import_react.useImperativeHandle)(ref, () => ({
|
150
|
+
open: onOpen,
|
151
|
+
close: onClose
|
152
|
+
}));
|
153
|
+
const handleChange = (e) => {
|
154
|
+
if (e === "delete") {
|
155
|
+
setPin(pin.slice(0, -1));
|
156
|
+
return;
|
157
|
+
} else if (e === "verify") {
|
158
|
+
handleVerify();
|
159
|
+
return;
|
160
|
+
} else {
|
161
|
+
if (pin.length < 4) {
|
162
|
+
setPin(pin + e);
|
163
|
+
}
|
164
|
+
}
|
165
|
+
};
|
166
|
+
const handleVerify = () => {
|
167
|
+
var _a2;
|
168
|
+
if (loading) {
|
169
|
+
return;
|
170
|
+
}
|
171
|
+
if (pin.length === 4) {
|
172
|
+
const wallet_detail_id = (_a2 = modalParamsRef.current) == null ? void 0 : _a2.wallet_detail_id;
|
173
|
+
verifyPin({ wallet_detail_id, pin }, (params) => {
|
174
|
+
var _a3;
|
175
|
+
(_a3 = props.onSuccess) == null ? void 0 : _a3.call(props, params);
|
176
|
+
onClose();
|
177
|
+
});
|
178
|
+
} else {
|
179
|
+
(0, import_materials.PisellToast)({
|
180
|
+
content: import_utils.locales.getText("pisell2.pin.verify.modal.keyboard.title"),
|
181
|
+
duration: 2
|
182
|
+
});
|
183
|
+
}
|
184
|
+
};
|
185
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
186
|
+
import_materials.PisellModal,
|
187
|
+
{
|
188
|
+
platform: isTerminal ? "h5" : void 0,
|
189
|
+
visible,
|
190
|
+
title: import_utils.locales.getText("pisell2.pin.verify.modal.title"),
|
191
|
+
headerDivider: false,
|
192
|
+
footer: null,
|
193
|
+
onClose,
|
194
|
+
maskClosable: false,
|
195
|
+
onCancel: onClose,
|
196
|
+
destroyOnClose: true,
|
197
|
+
mobileModalHeight: isTerminal ? void 0 : "auto"
|
198
|
+
},
|
199
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-user" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-user-avatar" }, /* @__PURE__ */ import_react.default.createElement(
|
200
|
+
"img",
|
201
|
+
{
|
202
|
+
src: ((_j = modalParamsRef.current.customer) == null ? void 0 : _j.cover) || "https://file.mypisell.com/static/default_product.png",
|
203
|
+
alt: "avatar",
|
204
|
+
className: "pin-verify-modal-content-user-avatar-img"
|
205
|
+
}
|
206
|
+
)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-user-right" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-user-right-name" }, ((_k = modalParamsRef.current.customer) == null ? void 0 : _k.display_name) || ((_l = modalParamsRef.current.customer) == null ? void 0 : _l.nickname)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-user-right-wallet" }, import_utils.locales.getText("pisell2.pin.verify.modal.wallet"), modalParamsRef.current.wallet_code))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-keyboard" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-keyboard-title" }, import_utils.locales.getText("pisell2.pin.verify.modal.keyboard.title")), /* @__PURE__ */ import_react.default.createElement(
|
207
|
+
import_materials.VirtualKeyboard,
|
208
|
+
{
|
209
|
+
style: { width: "300px" },
|
210
|
+
keyboardProps: {
|
211
|
+
keydown: false,
|
212
|
+
items: KeyboardItems,
|
213
|
+
onChange: handleChange
|
214
|
+
},
|
215
|
+
virtualKeyInputProps: {
|
216
|
+
value: pin,
|
217
|
+
onChange: (e) => {
|
218
|
+
setPin(e.target.value);
|
219
|
+
},
|
220
|
+
placeholder: "0000",
|
221
|
+
style: {
|
222
|
+
height: "45px",
|
223
|
+
fontSize: "36px"
|
224
|
+
}
|
225
|
+
}
|
226
|
+
}
|
227
|
+
), (verifyInfo == null ? void 0 : verifyInfo.check_max_count) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pin-verify-modal-content-keyboard-desc" }, import_utils.locales.getText("pisell2.pin.verify.modal.keyboard.desc"), verifyInfo == null ? void 0 : verifyInfo.remaining_count, "/", verifyInfo == null ? void 0 : verifyInfo.check_max_count) : null))
|
228
|
+
);
|
229
|
+
};
|
230
|
+
var pinVerifyModal_default = (0, import_react.forwardRef)(PinVerifyModal);
|
@@ -0,0 +1,92 @@
|
|
1
|
+
.pin-verify-modal-content {
|
2
|
+
width: 100%;
|
3
|
+
height: 100%;
|
4
|
+
padding-bottom: 16px;
|
5
|
+
display: flex;
|
6
|
+
flex-direction: column;
|
7
|
+
align-items: center;
|
8
|
+
gap: 16px;
|
9
|
+
|
10
|
+
&-user {
|
11
|
+
min-width: 300px;
|
12
|
+
min-height: 60px;
|
13
|
+
padding: 8px;
|
14
|
+
display: flex;
|
15
|
+
align-items: center;
|
16
|
+
gap: 8px;
|
17
|
+
border-radius: 8px;
|
18
|
+
border: 1px solid #d0d5dd;
|
19
|
+
|
20
|
+
&-avatar {
|
21
|
+
width: 42px;
|
22
|
+
height: 42px;
|
23
|
+
display: flex;
|
24
|
+
align-items: center;
|
25
|
+
justify-content: center;
|
26
|
+
border-radius: 50%;
|
27
|
+
overflow: hidden;
|
28
|
+
|
29
|
+
&-img {
|
30
|
+
width: 100%;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
&-right {
|
35
|
+
display: flex;
|
36
|
+
flex-direction: column;
|
37
|
+
gap: 4px;
|
38
|
+
|
39
|
+
&-name {
|
40
|
+
font-size: 16px;
|
41
|
+
font-weight: 600;
|
42
|
+
color: #101828;
|
43
|
+
}
|
44
|
+
|
45
|
+
&-wallet {
|
46
|
+
color: #667085;
|
47
|
+
font-size: 14px;
|
48
|
+
font-weight: 400;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
&-keyboard {
|
54
|
+
display: flex;
|
55
|
+
flex-direction: column;
|
56
|
+
align-items: center;
|
57
|
+
gap: 8px;
|
58
|
+
|
59
|
+
&-title {
|
60
|
+
text-align: center;
|
61
|
+
color: #101828;
|
62
|
+
font-size: 16px;
|
63
|
+
font-weight: 500;
|
64
|
+
}
|
65
|
+
|
66
|
+
&-desc {
|
67
|
+
color: #667085;
|
68
|
+
font-size: 16px;
|
69
|
+
font-weight: 400;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
.virtual-keyboard-input-wrap {
|
74
|
+
height: 45px !important;
|
75
|
+
}
|
76
|
+
|
77
|
+
.virtual-keyboard-wrap .virtual-keyboard-content .virtual-keyboard-item {
|
78
|
+
padding-top: 50px !important;
|
79
|
+
}
|
80
|
+
|
81
|
+
.virtual-keyboard-wrap
|
82
|
+
.virtual-keyboard-content
|
83
|
+
.virtual-keyboard-item
|
84
|
+
.virtual-keyboard-item-button {
|
85
|
+
padding: 0 !important;
|
86
|
+
}
|
87
|
+
|
88
|
+
.virtual-keyboard-input-delete {
|
89
|
+
font-size: 30px;
|
90
|
+
color: #000;
|
91
|
+
}
|
92
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
declare const _default: {
|
2
|
+
en: {
|
3
|
+
'pisell2.pin.verify.modal.title': string;
|
4
|
+
'pisell2.pin.verify.modal.wallet': string;
|
5
|
+
'pisell2.pin.verify.modal.keyboard.title': string;
|
6
|
+
'pisell2.pin.verify.modal.keyboard.desc': string;
|
7
|
+
'pisell2.pin.verify.modal.keyboard.verify': string;
|
8
|
+
};
|
9
|
+
'zh-CN': {
|
10
|
+
'pisell2.pin.verify.modal.title': string;
|
11
|
+
'pisell2.pin.verify.modal.wallet': string;
|
12
|
+
'pisell2.pin.verify.modal.keyboard.title': string;
|
13
|
+
'pisell2.pin.verify.modal.keyboard.desc': string;
|
14
|
+
'pisell2.pin.verify.modal.keyboard.verify': string;
|
15
|
+
};
|
16
|
+
'zh-HK': {
|
17
|
+
'pisell2.pin.verify.modal.title': string;
|
18
|
+
'pisell2.pin.verify.modal.wallet': string;
|
19
|
+
'pisell2.pin.verify.modal.keyboard.title': string;
|
20
|
+
'pisell2.pin.verify.modal.keyboard.desc': string;
|
21
|
+
'pisell2.pin.verify.modal.keyboard.verify': string;
|
22
|
+
};
|
23
|
+
};
|
24
|
+
export default _default;
|
@@ -0,0 +1,47 @@
|
|
1
|
+
var __defProp = Object.defineProperty;
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
5
|
+
var __export = (target, all) => {
|
6
|
+
for (var name in all)
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
8
|
+
};
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
11
|
+
for (let key of __getOwnPropNames(from))
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
14
|
+
}
|
15
|
+
return to;
|
16
|
+
};
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
18
|
+
|
19
|
+
// src/components/pinVerifyModal/locales.ts
|
20
|
+
var locales_exports = {};
|
21
|
+
__export(locales_exports, {
|
22
|
+
default: () => locales_default
|
23
|
+
});
|
24
|
+
module.exports = __toCommonJS(locales_exports);
|
25
|
+
var locales_default = {
|
26
|
+
en: {
|
27
|
+
"pisell2.pin.verify.modal.title": "Wallet Verification",
|
28
|
+
"pisell2.pin.verify.modal.wallet": "Wallet : ",
|
29
|
+
"pisell2.pin.verify.modal.keyboard.title": "Enter the 4-digit PIN to continue",
|
30
|
+
"pisell2.pin.verify.modal.keyboard.desc": "Remaining attempts : ",
|
31
|
+
"pisell2.pin.verify.modal.keyboard.verify": "Verify"
|
32
|
+
},
|
33
|
+
"zh-CN": {
|
34
|
+
"pisell2.pin.verify.modal.title": "钱包验证",
|
35
|
+
"pisell2.pin.verify.modal.wallet": "钱包 : ",
|
36
|
+
"pisell2.pin.verify.modal.keyboard.title": "请输入该钱包的4位PIN码以继续",
|
37
|
+
"pisell2.pin.verify.modal.keyboard.desc": "剩余验证次数 : ",
|
38
|
+
"pisell2.pin.verify.modal.keyboard.verify": "验证"
|
39
|
+
},
|
40
|
+
"zh-HK": {
|
41
|
+
"pisell2.pin.verify.modal.title": "錢包驗證",
|
42
|
+
"pisell2.pin.verify.modal.wallet": "錢包 : ",
|
43
|
+
"pisell2.pin.verify.modal.keyboard.title": "請輸入該錢包的4位PIN碼以繼續",
|
44
|
+
"pisell2.pin.verify.modal.keyboard.desc": "剩餘驗證次數 : ",
|
45
|
+
"pisell2.pin.verify.modal.keyboard.verify": "驗證"
|
46
|
+
}
|
47
|
+
};
|
@@ -0,0 +1,33 @@
|
|
1
|
+
export interface PinVerifyModalProps {
|
2
|
+
onOpen?: () => void;
|
3
|
+
onClose?: () => void;
|
4
|
+
onSuccess?: (params?: VerifyPinSuccessParams) => void;
|
5
|
+
}
|
6
|
+
export interface PinVerifyModalRef {
|
7
|
+
open: (params: ModalParams) => void;
|
8
|
+
close: () => void;
|
9
|
+
}
|
10
|
+
export interface ModalParams {
|
11
|
+
wallet_code: string;
|
12
|
+
wallet_detail_id: string | number;
|
13
|
+
failed_count?: number;
|
14
|
+
check_max_count?: number;
|
15
|
+
customer?: {
|
16
|
+
display_name?: string;
|
17
|
+
nickname?: string;
|
18
|
+
cover?: string;
|
19
|
+
};
|
20
|
+
}
|
21
|
+
export interface VerifyInfo {
|
22
|
+
remaining_count?: number;
|
23
|
+
failed_count?: number;
|
24
|
+
check_max_count?: number;
|
25
|
+
}
|
26
|
+
export declare type TVerifyPin = (data: {
|
27
|
+
wallet_detail_id: string | number;
|
28
|
+
pin: string;
|
29
|
+
}, onSuccess: (params: VerifyPinSuccessParams) => void) => void;
|
30
|
+
export interface VerifyPinSuccessParams {
|
31
|
+
customer_id: string | number;
|
32
|
+
customer_pin_key: string;
|
33
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
var __defProp = Object.defineProperty;
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
7
|
+
for (let key of __getOwnPropNames(from))
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
10
|
+
}
|
11
|
+
return to;
|
12
|
+
};
|
13
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
14
|
+
|
15
|
+
// src/components/pinVerifyModal/types.ts
|
16
|
+
var types_exports = {};
|
17
|
+
module.exports = __toCommonJS(types_exports);
|
@@ -17,6 +17,6 @@ declare let modal: Omit<ModalStaticFunctions, "warn">;
|
|
17
17
|
export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
|
18
18
|
export declare const saveConfirm: () => Promise<{
|
19
19
|
destroy: () => void;
|
20
|
-
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
20
|
+
update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
|
21
21
|
}>;
|
22
22
|
export { modal };
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import './index.less';
|
2
|
+
export declare const _formatBookingDetail: (data: any, modalState: any) => any;
|
3
|
+
interface TicketBookingProps {
|
4
|
+
onPrerenderComplete?: () => void;
|
5
|
+
}
|
6
|
+
declare const TicketBooking: (props: TicketBookingProps) => JSX.Element;
|
7
|
+
export default TicketBooking;
|