@pisell/private-materials 6.3.16 → 6.3.17
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 +1 -1
- package/build/lowcode/preview.js +150 -150
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +7 -7
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +8 -8
- package/es/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts +1 -0
- package/es/components/booking/components/formItemChildrenWrap/index.d.ts +1 -0
- package/es/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts +1 -0
- package/es/components/booking/info/service/like/index.d.ts +1 -0
- package/es/components/eftpos/deviceList/index.d.ts +1 -0
- package/es/components/eftpos/group/index.d.ts +1 -0
- package/es/components/eftpos/icon/apiKey.d.ts +1 -0
- package/es/components/eftpos/icon/device.d.ts +1 -0
- package/es/components/eftpos/receipt/index.d.ts +1 -0
- package/es/components/eftposPay/component/alert/warn.d.ts +1 -0
- package/es/components/eftposPay/component/header/titlebar.d.ts +1 -0
- package/es/components/eftposPay/component/step/index.d.ts +1 -0
- package/es/components/eftposPay/component/step/step.d.ts +1 -0
- package/es/components/eftposPay/tyro/hooks.d.ts +1 -0
- package/es/components/eventBooking/components/ErrorTip/index.d.ts +1 -0
- package/es/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts +1 -0
- package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts +1 -0
- package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts +1 -0
- package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts +1 -0
- package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts +1 -0
- package/es/components/index.d.ts +3 -1
- package/es/components/index.js +3 -1
- package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts +1 -0
- 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/walletList/index.js +20 -2
- package/es/components/workSpaceList/components/Modal/index.d.ts +1 -0
- package/es/index.d.ts +2 -0
- package/es/index.js +3 -1
- package/es/utils/index.d.ts +1 -1
- package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts +1 -0
- package/lib/components/booking/components/formItemChildrenWrap/index.d.ts +1 -0
- package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts +1 -0
- package/lib/components/booking/info/service/like/index.d.ts +1 -0
- package/lib/components/eftpos/deviceList/index.d.ts +1 -0
- package/lib/components/eftpos/group/index.d.ts +1 -0
- package/lib/components/eftpos/icon/apiKey.d.ts +1 -0
- package/lib/components/eftpos/icon/device.d.ts +1 -0
- package/lib/components/eftpos/receipt/index.d.ts +1 -0
- package/lib/components/eftposPay/component/alert/warn.d.ts +1 -0
- package/lib/components/eftposPay/component/header/titlebar.d.ts +1 -0
- package/lib/components/eftposPay/component/step/index.d.ts +1 -0
- package/lib/components/eftposPay/component/step/step.d.ts +1 -0
- package/lib/components/eftposPay/tyro/hooks.d.ts +1 -0
- package/lib/components/eventBooking/components/ErrorTip/index.d.ts +1 -0
- package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts +1 -0
- package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts +1 -0
- package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts +1 -0
- package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts +1 -0
- package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts +1 -0
- package/lib/components/index.d.ts +3 -1
- package/lib/components/index.js +6 -0
- package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts +1 -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/walletList/index.js +19 -2
- package/lib/components/workSpaceList/components/Modal/index.d.ts +1 -0
- 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 +3 -3
@@ -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 };
|
@@ -45,6 +45,7 @@ var import_locales = __toESM(require("./locales"));
|
|
45
45
|
var import_index = require("./index.less");
|
46
46
|
var import_classnames = __toESM(require("classnames"));
|
47
47
|
var import_types = require("./types");
|
48
|
+
var import_pinModal = __toESM(require("../pinModal"));
|
48
49
|
var STORAGE_KEY = "pisell_wallet_list_data";
|
49
50
|
var STORAGE_KEY_BALANCE = "pisell_wallet_balance_data";
|
50
51
|
var safeLocalStorage = {
|
@@ -134,6 +135,7 @@ var WalletList = (0, import_model.Provider)((props) => {
|
|
134
135
|
const [walletShopList, setWalletShopList] = (0, import_react.useState)([]);
|
135
136
|
const requestIdRef = (0, import_react.useRef)("");
|
136
137
|
const pubsub = utils == null ? void 0 : utils.pubsub;
|
138
|
+
const pinModalRef = (0, import_react.useRef)(null);
|
137
139
|
const isUserLoggedIn = (0, import_react.useMemo)(() => {
|
138
140
|
var _a2, _b2;
|
139
141
|
return !!((_b2 = (_a2 = utils == null ? void 0 : utils.token) == null ? void 0 : _a2.get) == null ? void 0 : _b2.call(_a2)) || false;
|
@@ -370,6 +372,14 @@ var WalletList = (0, import_model.Provider)((props) => {
|
|
370
372
|
});
|
371
373
|
}
|
372
374
|
};
|
375
|
+
const onViewPinClick = (card) => {
|
376
|
+
var _a2;
|
377
|
+
if (card == null ? void 0 : card.id) {
|
378
|
+
(_a2 = pinModalRef.current) == null ? void 0 : _a2.open(card == null ? void 0 : card.id);
|
379
|
+
} else {
|
380
|
+
console.error("onViewPinClick方法需要传入wallet_detail_id");
|
381
|
+
}
|
382
|
+
};
|
373
383
|
const renderWalletCard = (item) => {
|
374
384
|
var _a2;
|
375
385
|
const { code, shop, wallet, id } = item;
|
@@ -423,7 +433,14 @@ var WalletList = (0, import_model.Provider)((props) => {
|
|
423
433
|
isLogin: isUserLoggedIn
|
424
434
|
// 添加登录状态
|
425
435
|
};
|
426
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
436
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
437
|
+
import_materials.WalletCard,
|
438
|
+
{
|
439
|
+
key: id,
|
440
|
+
...cardProps,
|
441
|
+
onViewPinClick: () => onViewPinClick(item)
|
442
|
+
}
|
443
|
+
);
|
427
444
|
};
|
428
445
|
const carouselProps = {
|
429
446
|
className: (0, import_classnames.default)("pisell-lowcode__walletList"),
|
@@ -545,7 +562,7 @@ var WalletList = (0, import_model.Provider)((props) => {
|
|
545
562
|
}
|
546
563
|
}
|
547
564
|
)
|
548
|
-
)));
|
565
|
+
)), /* @__PURE__ */ import_react.default.createElement(import_pinModal.default, { ref: pinModalRef }));
|
549
566
|
};
|
550
567
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-list-wrapper" }, renderContent());
|
551
568
|
});
|
package/lib/index.d.ts
CHANGED
@@ -48,3 +48,5 @@ export { default as StepController } from './components/stepController';
|
|
48
48
|
export { default as SaasLogin } from './plus/saasLogin';
|
49
49
|
export { default as SaasRegister } from './plus/saasRegister';
|
50
50
|
export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';
|
51
|
+
export { default as PinModal } from './components/pinModal';
|
52
|
+
export { default as PinVerifyModal } from './components/pinVerifyModal';
|
package/lib/index.js
CHANGED
@@ -59,6 +59,8 @@ __export(src_exports, {
|
|
59
59
|
EventSelectHolder: () => import_selectHolder.default,
|
60
60
|
EventTimeResourceSelector: () => import_timeResourceSelector.default,
|
61
61
|
Login: () => import_login.default,
|
62
|
+
PinModal: () => import_pinModal.default,
|
63
|
+
PinVerifyModal: () => import_pinVerifyModal.default,
|
62
64
|
PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
|
63
65
|
ProductExtension: () => import_productExtension.default,
|
64
66
|
RuleSetting: () => import_ruleSetting.default,
|
@@ -132,6 +134,8 @@ var import_stepController = __toESM(require("./components/stepController"));
|
|
132
134
|
var import_saasLogin = __toESM(require("./plus/saasLogin"));
|
133
135
|
var import_saasRegister = __toESM(require("./plus/saasRegister"));
|
134
136
|
var import_saasCreateOrganization = __toESM(require("./plus/saasCreateOrganization"));
|
137
|
+
var import_pinModal = __toESM(require("./components/pinModal"));
|
138
|
+
var import_pinVerifyModal = __toESM(require("./components/pinVerifyModal"));
|
135
139
|
import_dayjs.default.extend(import_weekday.default);
|
136
140
|
import_dayjs.default.extend(import_localeData.default);
|
137
141
|
// Annotate the CommonJS export names for ESM import in node:
|
@@ -166,6 +170,8 @@ import_dayjs.default.extend(import_localeData.default);
|
|
166
170
|
EventSelectHolder,
|
167
171
|
EventTimeResourceSelector,
|
168
172
|
Login,
|
173
|
+
PinModal,
|
174
|
+
PinVerifyModal,
|
169
175
|
PisellSelectCustomerModal,
|
170
176
|
ProductExtension,
|
171
177
|
RuleSetting,
|
package/lib/utils/index.d.ts
CHANGED
@@ -18,6 +18,6 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'>;
|
|
18
18
|
export declare const setModal: (m: Omit<ModalStaticFunctions, 'warn'>) => void;
|
19
19
|
export declare const saveConfirm: () => Promise<{
|
20
20
|
destroy: () => void;
|
21
|
-
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
21
|
+
update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
|
22
22
|
}>;
|
23
23
|
export { modal };
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
|
2
|
+
|
3
|
+
const PinModalMeta: ComponentMetadata = {
|
4
|
+
componentName: 'PinModal',
|
5
|
+
title: 'PinModal',
|
6
|
+
docUrl: '',
|
7
|
+
screenshot: '',
|
8
|
+
devMode: 'proCode',
|
9
|
+
npm: {
|
10
|
+
package: '@pisell/private-materials',
|
11
|
+
version: '1.1.558',
|
12
|
+
exportName: 'PinModal',
|
13
|
+
main: 'src/index.ts',
|
14
|
+
destructuring: true,
|
15
|
+
subName: '',
|
16
|
+
},
|
17
|
+
configure: {
|
18
|
+
props: [],
|
19
|
+
supports: {},
|
20
|
+
component: {},
|
21
|
+
},
|
22
|
+
};
|
23
|
+
const snippets: Snippet[] = [
|
24
|
+
{
|
25
|
+
title: 'PinModal',
|
26
|
+
screenshot: '',
|
27
|
+
schema: {
|
28
|
+
componentName: 'PinModal',
|
29
|
+
props: {},
|
30
|
+
},
|
31
|
+
},
|
32
|
+
];
|
33
|
+
|
34
|
+
export default {
|
35
|
+
...PinModalMeta,
|
36
|
+
snippets,
|
37
|
+
};
|
@@ -0,0 +1,80 @@
|
|
1
|
+
import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
|
2
|
+
|
3
|
+
const PinVerifyModalMeta: ComponentMetadata = {
|
4
|
+
componentName: 'PinVerifyModal',
|
5
|
+
title: 'PinVerifyModal',
|
6
|
+
docUrl: '',
|
7
|
+
screenshot: '',
|
8
|
+
devMode: 'proCode',
|
9
|
+
npm: {
|
10
|
+
package: '@pisell/private-materials',
|
11
|
+
version: '1.1.558',
|
12
|
+
exportName: 'PinVerifyModal',
|
13
|
+
main: 'src/index.ts',
|
14
|
+
destructuring: true,
|
15
|
+
subName: '',
|
16
|
+
},
|
17
|
+
configure: {
|
18
|
+
props: [
|
19
|
+
{
|
20
|
+
title: {
|
21
|
+
label: {
|
22
|
+
type: 'i18n',
|
23
|
+
'en-US': 'onOpen',
|
24
|
+
'zh-CN': 'onOpen',
|
25
|
+
},
|
26
|
+
},
|
27
|
+
name: 'onOpen',
|
28
|
+
setter: {
|
29
|
+
componentName: 'FunctionSetter',
|
30
|
+
isRequired: false,
|
31
|
+
},
|
32
|
+
},
|
33
|
+
{
|
34
|
+
title: {
|
35
|
+
label: {
|
36
|
+
type: 'i18n',
|
37
|
+
'en-US': 'onClose',
|
38
|
+
'zh-CN': 'onClose',
|
39
|
+
},
|
40
|
+
},
|
41
|
+
name: 'onClose',
|
42
|
+
setter: {
|
43
|
+
componentName: 'FunctionSetter',
|
44
|
+
isRequired: false,
|
45
|
+
},
|
46
|
+
},
|
47
|
+
{
|
48
|
+
title: {
|
49
|
+
label: {
|
50
|
+
type: 'i18n',
|
51
|
+
'en-US': 'onSuccess',
|
52
|
+
'zh-CN': 'onSuccess',
|
53
|
+
},
|
54
|
+
},
|
55
|
+
name: 'onSuccess',
|
56
|
+
setter: {
|
57
|
+
componentName: 'FunctionSetter',
|
58
|
+
isRequired: false,
|
59
|
+
},
|
60
|
+
},
|
61
|
+
],
|
62
|
+
supports: {},
|
63
|
+
component: {},
|
64
|
+
},
|
65
|
+
};
|
66
|
+
const snippets: Snippet[] = [
|
67
|
+
{
|
68
|
+
title: 'PinVerifyModal',
|
69
|
+
screenshot: '',
|
70
|
+
schema: {
|
71
|
+
componentName: 'PinVerifyModal',
|
72
|
+
props: {},
|
73
|
+
},
|
74
|
+
},
|
75
|
+
];
|
76
|
+
|
77
|
+
export default {
|
78
|
+
...PinVerifyModalMeta,
|
79
|
+
snippets,
|
80
|
+
};
|