@paynext/sdk 0.0.8 → 0.0.10
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/dist/index.es.js +427 -411
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +8 -8
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as ke from "react";
|
|
2
|
-
import ut, { useState as
|
|
2
|
+
import ut, { useState as S, useCallback as D, createContext as te, useContext as B, useMemo as ve, useEffect as se, useRef as ue, useLayoutEffect as mo, useId as Be, useInsertionEffect as vs, Children as go, isValidElement as yo, forwardRef as vo, Fragment as bs, createElement as bo, Component as xo, useReducer as Co, StrictMode as To } from "react";
|
|
3
3
|
var jt = { exports: {} }, et = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
@@ -48,7 +48,7 @@ function ko() {
|
|
|
48
48
|
function e(b) {
|
|
49
49
|
if (b == null) return null;
|
|
50
50
|
if (typeof b == "function")
|
|
51
|
-
return b.$$typeof ===
|
|
51
|
+
return b.$$typeof === I ? null : b.displayName || b.name || null;
|
|
52
52
|
if (typeof b == "string") return b;
|
|
53
53
|
switch (b) {
|
|
54
54
|
case g:
|
|
@@ -61,7 +61,7 @@ function ko() {
|
|
|
61
61
|
return "Suspense";
|
|
62
62
|
case w:
|
|
63
63
|
return "SuspenseList";
|
|
64
|
-
case
|
|
64
|
+
case V:
|
|
65
65
|
return "Activity";
|
|
66
66
|
}
|
|
67
67
|
if (typeof b == "object")
|
|
@@ -75,14 +75,14 @@ function ko() {
|
|
|
75
75
|
case T:
|
|
76
76
|
return (b._context.displayName || "Context") + ".Consumer";
|
|
77
77
|
case k:
|
|
78
|
-
var
|
|
79
|
-
return b = b.displayName, b || (b =
|
|
80
|
-
case
|
|
81
|
-
return
|
|
78
|
+
var j = b.render;
|
|
79
|
+
return b = b.displayName, b || (b = j.displayName || j.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
|
|
80
|
+
case E:
|
|
81
|
+
return j = b.displayName || null, j !== null ? j : e(b.type) || "Memo";
|
|
82
82
|
case P:
|
|
83
|
-
|
|
83
|
+
j = b._payload, b = b._init;
|
|
84
84
|
try {
|
|
85
|
-
return e(b(
|
|
85
|
+
return e(b(j));
|
|
86
86
|
} catch {
|
|
87
87
|
}
|
|
88
88
|
}
|
|
@@ -94,15 +94,15 @@ function ko() {
|
|
|
94
94
|
function n(b) {
|
|
95
95
|
try {
|
|
96
96
|
t(b);
|
|
97
|
-
var
|
|
97
|
+
var j = !1;
|
|
98
98
|
} catch {
|
|
99
|
-
|
|
99
|
+
j = !0;
|
|
100
100
|
}
|
|
101
|
-
if (
|
|
102
|
-
|
|
103
|
-
var
|
|
104
|
-
return
|
|
105
|
-
|
|
101
|
+
if (j) {
|
|
102
|
+
j = console;
|
|
103
|
+
var N = j.error, Y = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
|
|
104
|
+
return N.call(
|
|
105
|
+
j,
|
|
106
106
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
107
107
|
Y
|
|
108
108
|
), t(b);
|
|
@@ -113,8 +113,8 @@ function ko() {
|
|
|
113
113
|
if (typeof b == "object" && b !== null && b.$$typeof === P)
|
|
114
114
|
return "<...>";
|
|
115
115
|
try {
|
|
116
|
-
var
|
|
117
|
-
return
|
|
116
|
+
var j = e(b);
|
|
117
|
+
return j ? "<" + j + ">" : "<...>";
|
|
118
118
|
} catch {
|
|
119
119
|
return "<...>";
|
|
120
120
|
}
|
|
@@ -127,38 +127,38 @@ function ko() {
|
|
|
127
127
|
return Error("react-stack-top-frame");
|
|
128
128
|
}
|
|
129
129
|
function a(b) {
|
|
130
|
-
if (
|
|
131
|
-
var
|
|
132
|
-
if (
|
|
130
|
+
if (ne.call(b, "key")) {
|
|
131
|
+
var j = Object.getOwnPropertyDescriptor(b, "key").get;
|
|
132
|
+
if (j && j.isReactWarning) return !1;
|
|
133
133
|
}
|
|
134
134
|
return b.key !== void 0;
|
|
135
135
|
}
|
|
136
|
-
function o(b,
|
|
137
|
-
function
|
|
138
|
-
|
|
136
|
+
function o(b, j) {
|
|
137
|
+
function N() {
|
|
138
|
+
R || (R = !0, console.error(
|
|
139
139
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
140
|
-
|
|
140
|
+
j
|
|
141
141
|
));
|
|
142
142
|
}
|
|
143
|
-
|
|
144
|
-
get:
|
|
143
|
+
N.isReactWarning = !0, Object.defineProperty(b, "key", {
|
|
144
|
+
get: N,
|
|
145
145
|
configurable: !0
|
|
146
146
|
});
|
|
147
147
|
}
|
|
148
148
|
function l() {
|
|
149
149
|
var b = e(this.type);
|
|
150
|
-
return
|
|
150
|
+
return ae[b] || (ae[b] = !0, console.error(
|
|
151
151
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
152
152
|
)), b = this.props.ref, b !== void 0 ? b : null;
|
|
153
153
|
}
|
|
154
|
-
function u(b,
|
|
155
|
-
return
|
|
154
|
+
function u(b, j, N, Y, Te, fe, sn, an) {
|
|
155
|
+
return N = fe.ref, b = {
|
|
156
156
|
$$typeof: f,
|
|
157
157
|
type: b,
|
|
158
|
-
key:
|
|
158
|
+
key: j,
|
|
159
159
|
props: fe,
|
|
160
160
|
_owner: Te
|
|
161
|
-
}, (
|
|
161
|
+
}, (N !== void 0 ? N : null) !== null ? Object.defineProperty(b, "ref", {
|
|
162
162
|
enumerable: !1,
|
|
163
163
|
get: l
|
|
164
164
|
}) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
|
|
@@ -183,11 +183,11 @@ function ko() {
|
|
|
183
183
|
value: an
|
|
184
184
|
}), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
|
|
185
185
|
}
|
|
186
|
-
function c(b,
|
|
187
|
-
var H =
|
|
186
|
+
function c(b, j, N, Y, Te, fe, sn, an) {
|
|
187
|
+
var H = j.children;
|
|
188
188
|
if (H !== void 0)
|
|
189
189
|
if (Y)
|
|
190
|
-
if (
|
|
190
|
+
if (W(H)) {
|
|
191
191
|
for (Y = 0; Y < H.length; Y++)
|
|
192
192
|
d(H[Y]);
|
|
193
193
|
Object.freeze && Object.freeze(H);
|
|
@@ -196,12 +196,12 @@ function ko() {
|
|
|
196
196
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
197
197
|
);
|
|
198
198
|
else d(H);
|
|
199
|
-
if (
|
|
199
|
+
if (ne.call(j, "key")) {
|
|
200
200
|
H = e(b);
|
|
201
|
-
var _e = Object.keys(
|
|
201
|
+
var _e = Object.keys(j).filter(function(fo) {
|
|
202
202
|
return fo !== "key";
|
|
203
203
|
});
|
|
204
|
-
Y = 0 < _e.length ? "{key: someKey, " + _e.join(": ..., ") + ": ...}" : "{key: someKey}",
|
|
204
|
+
Y = 0 < _e.length ? "{key: someKey, " + _e.join(": ..., ") + ": ...}" : "{key: someKey}", J[H + Y] || (_e = 0 < _e.length ? "{" + _e.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
205
205
|
`A props object containing a "key" prop is being spread into JSX:
|
|
206
206
|
let props = %s;
|
|
207
207
|
<%s {...props} />
|
|
@@ -212,15 +212,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
212
212
|
H,
|
|
213
213
|
_e,
|
|
214
214
|
H
|
|
215
|
-
),
|
|
215
|
+
), J[H + Y] = !0);
|
|
216
216
|
}
|
|
217
|
-
if (H = null,
|
|
218
|
-
|
|
219
|
-
for (var on in
|
|
220
|
-
on !== "key" && (
|
|
221
|
-
} else
|
|
217
|
+
if (H = null, N !== void 0 && (n(N), H = "" + N), a(j) && (n(j.key), H = "" + j.key), "key" in j) {
|
|
218
|
+
N = {};
|
|
219
|
+
for (var on in j)
|
|
220
|
+
on !== "key" && (N[on] = j[on]);
|
|
221
|
+
} else N = j;
|
|
222
222
|
return H && o(
|
|
223
|
-
|
|
223
|
+
N,
|
|
224
224
|
typeof b == "function" ? b.displayName || b.name || "Unknown" : b
|
|
225
225
|
), u(
|
|
226
226
|
b,
|
|
@@ -228,7 +228,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
228
228
|
fe,
|
|
229
229
|
Te,
|
|
230
230
|
i(),
|
|
231
|
-
|
|
231
|
+
N,
|
|
232
232
|
sn,
|
|
233
233
|
an
|
|
234
234
|
);
|
|
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
236
236
|
function d(b) {
|
|
237
237
|
typeof b == "object" && b !== null && b.$$typeof === f && b._store && (b._store.validated = 1);
|
|
238
238
|
}
|
|
239
|
-
var p = ut, f = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), x = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"),
|
|
239
|
+
var p = ut, f = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), x = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), q = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ne = Object.prototype.hasOwnProperty, W = Array.isArray, $ = console.createTask ? console.createTask : function() {
|
|
240
240
|
return null;
|
|
241
241
|
};
|
|
242
242
|
p = {
|
|
@@ -244,33 +244,33 @@ React keys must be passed directly to JSX without using spread:
|
|
|
244
244
|
return b();
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
|
-
var
|
|
247
|
+
var R, ae = {}, M = p["react-stack-bottom-frame"].bind(
|
|
248
248
|
p,
|
|
249
249
|
s
|
|
250
|
-
)(), L =
|
|
251
|
-
tt.Fragment = g, tt.jsx = function(b,
|
|
250
|
+
)(), L = $(r(s)), J = {};
|
|
251
|
+
tt.Fragment = g, tt.jsx = function(b, j, N, Y, Te) {
|
|
252
252
|
var fe = 1e4 > q.recentlyCreatedOwnerStacks++;
|
|
253
253
|
return c(
|
|
254
254
|
b,
|
|
255
|
-
|
|
256
|
-
|
|
255
|
+
j,
|
|
256
|
+
N,
|
|
257
257
|
!1,
|
|
258
258
|
Y,
|
|
259
259
|
Te,
|
|
260
|
-
fe ? Error("react-stack-top-frame") :
|
|
261
|
-
fe ?
|
|
260
|
+
fe ? Error("react-stack-top-frame") : M,
|
|
261
|
+
fe ? $(r(b)) : L
|
|
262
262
|
);
|
|
263
|
-
}, tt.jsxs = function(b,
|
|
263
|
+
}, tt.jsxs = function(b, j, N, Y, Te) {
|
|
264
264
|
var fe = 1e4 > q.recentlyCreatedOwnerStacks++;
|
|
265
265
|
return c(
|
|
266
266
|
b,
|
|
267
|
-
|
|
268
|
-
|
|
267
|
+
j,
|
|
268
|
+
N,
|
|
269
269
|
!0,
|
|
270
270
|
Y,
|
|
271
271
|
Te,
|
|
272
|
-
fe ? Error("react-stack-top-frame") :
|
|
273
|
-
fe ?
|
|
272
|
+
fe ? Error("react-stack-top-frame") : M,
|
|
273
|
+
fe ? $(r(b)) : L
|
|
274
274
|
);
|
|
275
275
|
};
|
|
276
276
|
}()), tt;
|
|
@@ -322,7 +322,7 @@ const So = async (e) => {
|
|
|
322
322
|
const t = `${Zn.apiBase}/payments/config?clientSessionID=${e}`, r = await (await fetch(t)).json();
|
|
323
323
|
return r.checkoutConfig || (r.checkoutConfig = Ao), r;
|
|
324
324
|
}, Vo = ({ onCheckoutComplete: e, onCheckoutFail: t }) => {
|
|
325
|
-
const [n, r] =
|
|
325
|
+
const [n, r] = S(!1), [i, s] = S(!1), [a, o] = S(!1), l = D(
|
|
326
326
|
async (d) => {
|
|
327
327
|
try {
|
|
328
328
|
s(!1), o(!1), r(!0);
|
|
@@ -340,9 +340,9 @@ const So = async (e) => {
|
|
|
340
340
|
}
|
|
341
341
|
},
|
|
342
342
|
[e, t]
|
|
343
|
-
), u =
|
|
343
|
+
), u = D((d) => {
|
|
344
344
|
o(!0), t?.(new Error(d));
|
|
345
|
-
}, [t]), c =
|
|
345
|
+
}, [t]), c = D(() => {
|
|
346
346
|
s(!1), o(!1);
|
|
347
347
|
}, []);
|
|
348
348
|
return {
|
|
@@ -2145,7 +2145,7 @@ const So = async (e) => {
|
|
|
2145
2145
|
}, hl = (e) => e && wn[e] || kn(), pl = {
|
|
2146
2146
|
messages: kn(),
|
|
2147
2147
|
locale: "navigator" in global ? navigator?.language.split("-")[0] : "en"
|
|
2148
|
-
}, Xt =
|
|
2148
|
+
}, Xt = te(pl), Ye = () => {
|
|
2149
2149
|
const { messages: e } = B(Xt);
|
|
2150
2150
|
return e;
|
|
2151
2151
|
}, fl = () => {
|
|
@@ -2207,11 +2207,11 @@ const So = async (e) => {
|
|
|
2207
2207
|
}
|
|
2208
2208
|
};
|
|
2209
2209
|
return /* @__PURE__ */ h.jsx(Xt.Provider, { value: { messages: i, locale: n }, children: e });
|
|
2210
|
-
}, yl = null, Cs =
|
|
2210
|
+
}, yl = null, Cs = te(yl), vl = () => B(Cs), bl = {
|
|
2211
2211
|
appId: "",
|
|
2212
2212
|
teamId: "",
|
|
2213
2213
|
ev: null
|
|
2214
|
-
}, Ts =
|
|
2214
|
+
}, Ts = te(bl), ws = () => B(Ts), Pn = te(null);
|
|
2215
2215
|
function xl() {
|
|
2216
2216
|
if (typeof window > "u")
|
|
2217
2217
|
return null;
|
|
@@ -2226,7 +2226,7 @@ function xl() {
|
|
|
2226
2226
|
);
|
|
2227
2227
|
return e;
|
|
2228
2228
|
}
|
|
2229
|
-
|
|
2229
|
+
te(
|
|
2230
2230
|
void 0
|
|
2231
2231
|
);
|
|
2232
2232
|
class Cl extends Promise {
|
|
@@ -2330,14 +2330,14 @@ Promise.resolve().then(() => {
|
|
|
2330
2330
|
ks();
|
|
2331
2331
|
});
|
|
2332
2332
|
const jl = ({ children: e, evConfig: t }) => {
|
|
2333
|
-
const [n, r] =
|
|
2333
|
+
const [n, r] = S(null), i = ve(
|
|
2334
2334
|
() => t ? {
|
|
2335
2335
|
...t,
|
|
2336
2336
|
ev: n
|
|
2337
2337
|
} : null,
|
|
2338
2338
|
[t, n]
|
|
2339
2339
|
);
|
|
2340
|
-
return
|
|
2340
|
+
return se(() => {
|
|
2341
2341
|
t && El(t.teamId, t.appId).then((s) => r(s)).catch(console.error);
|
|
2342
2342
|
}, [t]), !t || !i ? null : /* @__PURE__ */ h.jsx(Al, { ...t, children: /* @__PURE__ */ h.jsx(Ts.Provider, { value: i, children: e }) });
|
|
2343
2343
|
}, Vl = "_googlePay_1a960_1", Rl = "_hidden_1a960_17", Or = {
|
|
@@ -2358,10 +2358,10 @@ function Ae() {
|
|
|
2358
2358
|
return r;
|
|
2359
2359
|
}
|
|
2360
2360
|
const Br = "ab-ev-google-pay-container", Ml = ({ onSubmit: e, onCancel: t, onError: n, onSuccess: r, onReady: i, transaction: s, locale: a }) => {
|
|
2361
|
-
const { ev: o } = ws(), [l, u] =
|
|
2362
|
-
return
|
|
2361
|
+
const { ev: o } = ws(), [l, u] = S(!1), [c, d] = S(null);
|
|
2362
|
+
return se(() => {
|
|
2363
2363
|
c && (t && c.on("cancel", t), n && c.on("error", n), r && c.on("success", r));
|
|
2364
|
-
}, [c, t, n, r]),
|
|
2364
|
+
}, [c, t, n, r]), se(() => {
|
|
2365
2365
|
if (o)
|
|
2366
2366
|
try {
|
|
2367
2367
|
const p = o.transactions.create(s), f = o.ui.googlePay(p, {
|
|
@@ -2403,8 +2403,8 @@ const Br = "ab-ev-google-pay-container", Ml = ({ onSubmit: e, onCancel: t, onErr
|
|
|
2403
2403
|
transaction: a,
|
|
2404
2404
|
supportedCardTypes: o
|
|
2405
2405
|
}) => {
|
|
2406
|
-
const [l, u] =
|
|
2407
|
-
return
|
|
2406
|
+
const [l, u] = S(!1), { ev: c } = ws();
|
|
2407
|
+
return se(() => {
|
|
2408
2408
|
(async () => {
|
|
2409
2409
|
if (c)
|
|
2410
2410
|
try {
|
|
@@ -2443,8 +2443,8 @@ const Br = "ab-ev-google-pay-container", Ml = ({ onSubmit: e, onCancel: t, onErr
|
|
|
2443
2443
|
})();
|
|
2444
2444
|
}, [c, a, o, s, e, t, n, r, i]), /* @__PURE__ */ h.jsx("div", { id: cn, className: Ae(_r.applePay, l ? void 0 : _r.hidden) });
|
|
2445
2445
|
}, Nl = ({ children: e, clientToken: t }) => {
|
|
2446
|
-
const [n, r] =
|
|
2447
|
-
return
|
|
2446
|
+
const [n, r] = S(null);
|
|
2447
|
+
return se(() => {
|
|
2448
2448
|
jo(t).then((i) => r(i)).catch(console.error);
|
|
2449
2449
|
}, [t]), /* @__PURE__ */ h.jsx(Cs.Provider, { value: n, children: /* @__PURE__ */ h.jsx(jl, { evConfig: n?.evervault, children: e }) });
|
|
2450
2450
|
}, Ol = "_button_qsmkn_1", Bl = "_primary_qsmkn_11", _l = "_success_qsmkn_15", Fl = "_loading_qsmkn_19", ql = "_press_qsmkn_24", Rt = {
|
|
@@ -2463,22 +2463,22 @@ const Br = "ab-ev-google-pay-container", Ml = ({ onSubmit: e, onCancel: t, onErr
|
|
|
2463
2463
|
onMouseDown: a,
|
|
2464
2464
|
...o
|
|
2465
2465
|
}) => {
|
|
2466
|
-
const [l, u] =
|
|
2466
|
+
const [l, u] = S(!1), c = D(
|
|
2467
2467
|
(m) => {
|
|
2468
2468
|
t || o.disabled || r?.(m);
|
|
2469
2469
|
},
|
|
2470
2470
|
[r, t, o.disabled]
|
|
2471
|
-
), d =
|
|
2471
|
+
), d = D(
|
|
2472
2472
|
(m) => {
|
|
2473
2473
|
u(!0), a?.(m);
|
|
2474
2474
|
},
|
|
2475
2475
|
[a]
|
|
2476
|
-
), p =
|
|
2476
|
+
), p = D(
|
|
2477
2477
|
(m) => {
|
|
2478
2478
|
u(!1), i?.(m);
|
|
2479
2479
|
},
|
|
2480
2480
|
[i]
|
|
2481
|
-
), f =
|
|
2481
|
+
), f = D(
|
|
2482
2482
|
(m) => {
|
|
2483
2483
|
u(!1), s?.(m);
|
|
2484
2484
|
},
|
|
@@ -2900,7 +2900,7 @@ const Yl = (e, t) => {
|
|
|
2900
2900
|
cardDataContainer: Xl,
|
|
2901
2901
|
payButton: Jl,
|
|
2902
2902
|
spinner: Ql
|
|
2903
|
-
}, ec = "_wrapper_1n2ol_1", tc = "_inputContainer_1n2ol_5", nc = "_inputFocus_1n2ol_10", rc = "_input_1n2ol_5", ic = "_endContent_1n2ol_20", sc = "_errorInput_1n2ol_24", ac = "_error_1n2ol_24", oc = "_label_1n2ol_32", lc = "_labelError_1n2ol_36", cc = "_disabled_1n2ol_40", uc = "_disabledInput_1n2ol_44",
|
|
2903
|
+
}, ec = "_wrapper_1n2ol_1", tc = "_inputContainer_1n2ol_5", nc = "_inputFocus_1n2ol_10", rc = "_input_1n2ol_5", ic = "_endContent_1n2ol_20", sc = "_errorInput_1n2ol_24", ac = "_error_1n2ol_24", oc = "_label_1n2ol_32", lc = "_labelError_1n2ol_36", cc = "_disabled_1n2ol_40", uc = "_disabledInput_1n2ol_44", ce = {
|
|
2904
2904
|
wrapper: ec,
|
|
2905
2905
|
inputContainer: tc,
|
|
2906
2906
|
inputFocus: nc,
|
|
@@ -2912,12 +2912,12 @@ const Yl = (e, t) => {
|
|
|
2912
2912
|
labelError: lc,
|
|
2913
2913
|
disabled: cc,
|
|
2914
2914
|
disabledInput: uc
|
|
2915
|
-
}, Xn =
|
|
2915
|
+
}, Xn = te({});
|
|
2916
2916
|
function Jn(e) {
|
|
2917
|
-
const t =
|
|
2917
|
+
const t = ue(null);
|
|
2918
2918
|
return t.current === null && (t.current = e()), t.current;
|
|
2919
2919
|
}
|
|
2920
|
-
const Qn = typeof window < "u", Es = Qn ? mo :
|
|
2920
|
+
const Qn = typeof window < "u", Es = Qn ? mo : se, Jt = /* @__PURE__ */ te(null);
|
|
2921
2921
|
function er(e, t) {
|
|
2922
2922
|
e.indexOf(t) === -1 && e.push(t);
|
|
2923
2923
|
}
|
|
@@ -2945,7 +2945,7 @@ function nr(e) {
|
|
|
2945
2945
|
let t;
|
|
2946
2946
|
return () => (t === void 0 && (t = e()), t);
|
|
2947
2947
|
}
|
|
2948
|
-
const
|
|
2948
|
+
const de = /* @__NO_SIDE_EFFECTS__ */ (e) => e, dc = (e, t) => (n) => t(e(n)), kt = (...e) => e.reduce(dc), gt = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
|
|
2949
2949
|
const r = t - e;
|
|
2950
2950
|
return r === 0 ? 1 : (n - e) / r;
|
|
2951
2951
|
};
|
|
@@ -2992,12 +2992,12 @@ function fc(e, t, n, r, i) {
|
|
|
2992
2992
|
}
|
|
2993
2993
|
function Pt(e, t, n, r) {
|
|
2994
2994
|
if (e === t && n === r)
|
|
2995
|
-
return
|
|
2995
|
+
return de;
|
|
2996
2996
|
const i = (s) => fc(s, 0, 1, e, n);
|
|
2997
2997
|
return (s) => s === 0 || s === 1 ? s : Is(i(s), t, r);
|
|
2998
2998
|
}
|
|
2999
2999
|
const Ls = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Ds = (e) => (t) => 1 - e(1 - t), Ns = /* @__PURE__ */ Pt(0.33, 1.53, 0.69, 0.99), sr = /* @__PURE__ */ Ds(Ns), Os = /* @__PURE__ */ Ls(sr), Bs = (e) => (e *= 2) < 1 ? 0.5 * sr(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ar = (e) => 1 - Math.sin(Math.acos(e)), _s = Ds(ar), Fs = Ls(ar), mc = /* @__PURE__ */ Pt(0.42, 0, 1, 1), gc = /* @__PURE__ */ Pt(0, 0, 0.58, 1), qs = /* @__PURE__ */ Pt(0.42, 0, 0.58, 1), yc = (e) => Array.isArray(e) && typeof e[0] != "number", Ks = (e) => Array.isArray(e) && typeof e[0] == "number", Yr = {
|
|
3000
|
-
linear:
|
|
3000
|
+
linear: de,
|
|
3001
3001
|
easeIn: mc,
|
|
3002
3002
|
easeInOut: qs,
|
|
3003
3003
|
easeOut: gc,
|
|
@@ -3089,19 +3089,19 @@ function zs(e, t) {
|
|
|
3089
3089
|
};
|
|
3090
3090
|
return { schedule: It.reduce((x, k) => {
|
|
3091
3091
|
const C = a[k];
|
|
3092
|
-
return x[k] = (w,
|
|
3092
|
+
return x[k] = (w, E = !1, P = !1) => (n || v(), C.schedule(w, E, P)), x;
|
|
3093
3093
|
}, {}), cancel: (x) => {
|
|
3094
3094
|
for (let k = 0; k < It.length; k++)
|
|
3095
3095
|
a[It[k]].cancel(x);
|
|
3096
3096
|
}, state: i, steps: a };
|
|
3097
3097
|
}
|
|
3098
|
-
const { schedule: F, cancel: Se, state: G, steps: dn } = /* @__PURE__ */ zs(typeof requestAnimationFrame < "u" ? requestAnimationFrame :
|
|
3098
|
+
const { schedule: F, cancel: Se, state: G, steps: dn } = /* @__PURE__ */ zs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : de, !0);
|
|
3099
3099
|
let Kt;
|
|
3100
3100
|
function Cc() {
|
|
3101
3101
|
Kt = void 0;
|
|
3102
3102
|
}
|
|
3103
|
-
const
|
|
3104
|
-
now: () => (Kt === void 0 &&
|
|
3103
|
+
const ie = {
|
|
3104
|
+
now: () => (Kt === void 0 && ie.set(G.isProcessing || Ce.useManualTiming ? G.timestamp : performance.now()), Kt),
|
|
3105
3105
|
set: (e) => {
|
|
3106
3106
|
Kt = e, queueMicrotask(Cc);
|
|
3107
3107
|
}
|
|
@@ -3298,7 +3298,7 @@ const $c = (e) => {
|
|
|
3298
3298
|
* If we're processing this frame we can use the
|
|
3299
3299
|
* framelocked timestamp to keep things in sync.
|
|
3300
3300
|
*/
|
|
3301
|
-
now: () => G.isProcessing ? G.timestamp :
|
|
3301
|
+
now: () => G.isProcessing ? G.timestamp : ie.now()
|
|
3302
3302
|
};
|
|
3303
3303
|
}, Js = (e, t, n = 10) => {
|
|
3304
3304
|
let r = "";
|
|
@@ -3448,16 +3448,16 @@ function Yt(e = O.visualDuration, t = O.bounce) {
|
|
|
3448
3448
|
if (g < 1) {
|
|
3449
3449
|
const C = jn(y, g);
|
|
3450
3450
|
x = (w) => {
|
|
3451
|
-
const
|
|
3452
|
-
return a -
|
|
3451
|
+
const E = Math.exp(-g * y * w);
|
|
3452
|
+
return a - E * ((m + g * y * v) / C * Math.sin(C * w) + v * Math.cos(C * w));
|
|
3453
3453
|
};
|
|
3454
3454
|
} else if (g === 1)
|
|
3455
3455
|
x = (C) => a - Math.exp(-y * C) * (v + (m + y * v) * C);
|
|
3456
3456
|
else {
|
|
3457
3457
|
const C = y * Math.sqrt(g * g - 1);
|
|
3458
3458
|
x = (w) => {
|
|
3459
|
-
const
|
|
3460
|
-
return a -
|
|
3459
|
+
const E = Math.exp(-g * y * w), P = Math.min(C * w, 300);
|
|
3460
|
+
return a - E * ((m + g * y * v) * Math.sinh(P) + C * v * Math.cosh(P)) / C;
|
|
3461
3461
|
};
|
|
3462
3462
|
}
|
|
3463
3463
|
const k = {
|
|
@@ -3467,15 +3467,15 @@ function Yt(e = O.visualDuration, t = O.bounce) {
|
|
|
3467
3467
|
if (f)
|
|
3468
3468
|
o.done = C >= d;
|
|
3469
3469
|
else {
|
|
3470
|
-
let
|
|
3471
|
-
g < 1 && (
|
|
3472
|
-
const P = Math.abs(
|
|
3473
|
-
o.done = P &&
|
|
3470
|
+
let E = C === 0 ? m : 0;
|
|
3471
|
+
g < 1 && (E = C === 0 ? /* @__PURE__ */ pe(m) : Qs(x, C, w));
|
|
3472
|
+
const P = Math.abs(E) <= r, V = Math.abs(a - w) <= i;
|
|
3473
|
+
o.done = P && V;
|
|
3474
3474
|
}
|
|
3475
3475
|
return o.value = o.done ? a : w, o;
|
|
3476
3476
|
},
|
|
3477
3477
|
toString: () => {
|
|
3478
|
-
const C = Math.min(hr(k), Wt), w = Js((
|
|
3478
|
+
const C = Math.min(hr(k), Wt), w = Js((E) => k.next(C * E).value, C, 30);
|
|
3479
3479
|
return C + "ms " + w;
|
|
3480
3480
|
},
|
|
3481
3481
|
toTransition: () => {
|
|
@@ -3496,11 +3496,11 @@ function Vn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3496
3496
|
const v = d + g, y = a === void 0 ? v : a(v);
|
|
3497
3497
|
y !== v && (g = y - d);
|
|
3498
3498
|
const T = (P) => -g * Math.exp(-P / r), x = (P) => y + T(P), k = (P) => {
|
|
3499
|
-
const
|
|
3500
|
-
p.done = Math.abs(
|
|
3499
|
+
const V = T(P), I = x(P);
|
|
3500
|
+
p.done = Math.abs(V) <= u, p.value = p.done ? y : I;
|
|
3501
3501
|
};
|
|
3502
3502
|
let C, w;
|
|
3503
|
-
const
|
|
3503
|
+
const E = (P) => {
|
|
3504
3504
|
f(p.value) && (C = P, w = Yt({
|
|
3505
3505
|
keyframes: [p.value, m(p.value)],
|
|
3506
3506
|
velocity: Qs(x, P, p.value),
|
|
@@ -3511,11 +3511,11 @@ function Vn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3511
3511
|
restSpeed: c
|
|
3512
3512
|
}));
|
|
3513
3513
|
};
|
|
3514
|
-
return
|
|
3514
|
+
return E(0), {
|
|
3515
3515
|
calculatedDuration: null,
|
|
3516
3516
|
next: (P) => {
|
|
3517
|
-
let
|
|
3518
|
-
return !w && C === void 0 && (
|
|
3517
|
+
let V = !1;
|
|
3518
|
+
return !w && C === void 0 && (V = !0, k(P), E(P)), C !== void 0 && P >= C ? w.next(P - C) : (!V && k(P), p);
|
|
3519
3519
|
}
|
|
3520
3520
|
};
|
|
3521
3521
|
}
|
|
@@ -3524,7 +3524,7 @@ function eu(e, t, n) {
|
|
|
3524
3524
|
for (let a = 0; a < s; a++) {
|
|
3525
3525
|
let o = i(e[a], e[a + 1]);
|
|
3526
3526
|
if (t) {
|
|
3527
|
-
const l = Array.isArray(t) ? t[a] ||
|
|
3527
|
+
const l = Array.isArray(t) ? t[a] || de : t;
|
|
3528
3528
|
o = kt(l, o);
|
|
3529
3529
|
}
|
|
3530
3530
|
r.push(o);
|
|
@@ -3630,7 +3630,7 @@ class mr extends fr {
|
|
|
3630
3630
|
super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = (n = !0) => {
|
|
3631
3631
|
if (n) {
|
|
3632
3632
|
const { motionValue: r } = this.options;
|
|
3633
|
-
r && r.updatedAt !==
|
|
3633
|
+
r && r.updatedAt !== ie.now() && this.tick(ie.now());
|
|
3634
3634
|
}
|
|
3635
3635
|
this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
|
|
3636
3636
|
}, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
|
|
@@ -3666,15 +3666,15 @@ class mr extends fr {
|
|
|
3666
3666
|
let x = this.currentTime, k = r;
|
|
3667
3667
|
if (d) {
|
|
3668
3668
|
const P = Math.min(this.currentTime, i) / o;
|
|
3669
|
-
let
|
|
3670
|
-
!
|
|
3669
|
+
let V = Math.floor(P), I = P % 1;
|
|
3670
|
+
!I && P >= 1 && (I = 1), I === 1 && V--, V = Math.min(V, d + 1), !!(V % 2) && (p === "reverse" ? (I = 1 - I, f && (I -= f / o)) : p === "mirror" && (k = a)), x = be(0, 1, I) * o;
|
|
3671
3671
|
}
|
|
3672
3672
|
const C = T ? { done: !1, value: c[0] } : k.next(x);
|
|
3673
3673
|
s && (C.value = s(C.value));
|
|
3674
3674
|
let { done: w } = C;
|
|
3675
3675
|
!T && l !== null && (w = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
|
|
3676
|
-
const
|
|
3677
|
-
return
|
|
3676
|
+
const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && w);
|
|
3677
|
+
return E && m !== Vn && (C.value = pr(c, this.options, v, this.speed)), g && g(C.value), E && this.finish(), C;
|
|
3678
3678
|
}
|
|
3679
3679
|
/**
|
|
3680
3680
|
* Allows the returned animation to be awaited or promise-chained. Currently
|
|
@@ -3697,7 +3697,7 @@ class mr extends fr {
|
|
|
3697
3697
|
return this.playbackSpeed;
|
|
3698
3698
|
}
|
|
3699
3699
|
set speed(t) {
|
|
3700
|
-
this.updateTime(
|
|
3700
|
+
this.updateTime(ie.now());
|
|
3701
3701
|
const n = this.playbackSpeed !== t;
|
|
3702
3702
|
this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ me(this.currentTime));
|
|
3703
3703
|
}
|
|
@@ -3710,7 +3710,7 @@ class mr extends fr {
|
|
|
3710
3710
|
this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = n ?? r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
|
|
3711
3711
|
}
|
|
3712
3712
|
pause() {
|
|
3713
|
-
this.state = "paused", this.updateTime(
|
|
3713
|
+
this.state = "paused", this.updateTime(ie.now()), this.holdTime = this.currentTime;
|
|
3714
3714
|
}
|
|
3715
3715
|
complete() {
|
|
3716
3716
|
this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
|
|
@@ -4044,7 +4044,7 @@ class Pu extends fr {
|
|
|
4044
4044
|
* Attaches a timeline to the animation, for instance the `ScrollTimeline`.
|
|
4045
4045
|
*/
|
|
4046
4046
|
attachTimeline({ timeline: t, observe: n }) {
|
|
4047
|
-
return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && xu() ? (this.animation.timeline = t,
|
|
4047
|
+
return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && xu() ? (this.animation.timeline = t, de) : n(this);
|
|
4048
4048
|
}
|
|
4049
4049
|
}
|
|
4050
4050
|
const aa = {
|
|
@@ -4133,7 +4133,7 @@ class Du extends fr {
|
|
|
4133
4133
|
constructor({ autoplay: t = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: l, motionValue: u, element: c, ...d }) {
|
|
4134
4134
|
super(), this.stop = () => {
|
|
4135
4135
|
this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
|
|
4136
|
-
}, this.createdAt =
|
|
4136
|
+
}, this.createdAt = ie.now();
|
|
4137
4137
|
const p = {
|
|
4138
4138
|
autoplay: t,
|
|
4139
4139
|
delay: n,
|
|
@@ -4151,7 +4151,7 @@ class Du extends fr {
|
|
|
4151
4151
|
onKeyframesResolved(t, n, r, i) {
|
|
4152
4152
|
this.keyframeResolver = void 0;
|
|
4153
4153
|
const { name: s, type: a, velocity: o, delay: l, isHandoff: u, onUpdate: c } = r;
|
|
4154
|
-
this.resolvedAt =
|
|
4154
|
+
this.resolvedAt = ie.now(), Vu(t, s, a, o) || ((Ce.instantAnimations || !l) && c?.(pr(t, r, n)), t[0] = t[t.length - 1], r.duration = 0, r.repeat = 0);
|
|
4155
4155
|
const p = {
|
|
4156
4156
|
startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Lu ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
|
|
4157
4157
|
finalKeyframe: n,
|
|
@@ -4161,7 +4161,7 @@ class Du extends fr {
|
|
|
4161
4161
|
...p,
|
|
4162
4162
|
element: p.motionValue.owner.current
|
|
4163
4163
|
}) : new mr(p);
|
|
4164
|
-
f.finished.then(() => this.notifyFinished()).catch(
|
|
4164
|
+
f.finished.then(() => this.notifyFinished()).catch(de), this.pendingTimeline && (this.stopTimeline = f.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = f;
|
|
4165
4165
|
}
|
|
4166
4166
|
get finished() {
|
|
4167
4167
|
return this._animation ? this.animation.finished : this._finished;
|
|
@@ -4445,7 +4445,7 @@ class Xu {
|
|
|
4445
4445
|
*/
|
|
4446
4446
|
constructor(t, n = {}) {
|
|
4447
4447
|
this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r, i = !0) => {
|
|
4448
|
-
const s =
|
|
4448
|
+
const s = ie.now();
|
|
4449
4449
|
if (this.updatedAt !== s && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
|
|
4450
4450
|
for (const a of this.dependents)
|
|
4451
4451
|
a.dirty();
|
|
@@ -4453,7 +4453,7 @@ class Xu {
|
|
|
4453
4453
|
}, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
|
|
4454
4454
|
}
|
|
4455
4455
|
setCurrent(t) {
|
|
4456
|
-
this.current = t, this.updatedAt =
|
|
4456
|
+
this.current = t, this.updatedAt = ie.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Zu(this.current));
|
|
4457
4457
|
}
|
|
4458
4458
|
setPrevFrameValue(t = this.current) {
|
|
4459
4459
|
this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
|
|
@@ -4581,7 +4581,7 @@ class Xu {
|
|
|
4581
4581
|
* @public
|
|
4582
4582
|
*/
|
|
4583
4583
|
getVelocity() {
|
|
4584
|
-
const t =
|
|
4584
|
+
const t = ie.now();
|
|
4585
4585
|
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > hi)
|
|
4586
4586
|
return 0;
|
|
4587
4587
|
const n = Math.min(this.updatedAt - this.prevUpdatedAt, hi);
|
|
@@ -4742,7 +4742,7 @@ function ya(e) {
|
|
|
4742
4742
|
function id(e) {
|
|
4743
4743
|
return ya(e) && e.tagName === "svg";
|
|
4744
4744
|
}
|
|
4745
|
-
const X = (e) => !!(e && e.getVelocity), sd = [...ua, Z, Ee], ad = (e) => sd.find(ca(e)), Tr =
|
|
4745
|
+
const X = (e) => !!(e && e.getVelocity), sd = [...ua, Z, Ee], ad = (e) => sd.find(ca(e)), Tr = te({
|
|
4746
4746
|
transformPagePoint: (e) => e,
|
|
4747
4747
|
isStatic: !1,
|
|
4748
4748
|
reducedMotion: "never"
|
|
@@ -4766,7 +4766,7 @@ class od extends ke.Component {
|
|
|
4766
4766
|
}
|
|
4767
4767
|
}
|
|
4768
4768
|
function ld({ children: e, isPresent: t, anchorX: n }) {
|
|
4769
|
-
const r = Be(), i =
|
|
4769
|
+
const r = Be(), i = ue(null), s = ue({
|
|
4770
4770
|
width: 0,
|
|
4771
4771
|
height: 0,
|
|
4772
4772
|
top: 0,
|
|
@@ -4823,11 +4823,11 @@ function va(e = !0) {
|
|
|
4823
4823
|
if (t === null)
|
|
4824
4824
|
return [!0, null];
|
|
4825
4825
|
const { isPresent: n, onExitComplete: r, register: i } = t, s = Be();
|
|
4826
|
-
|
|
4826
|
+
se(() => {
|
|
4827
4827
|
if (e)
|
|
4828
4828
|
return i(s);
|
|
4829
4829
|
}, [e]);
|
|
4830
|
-
const a =
|
|
4830
|
+
const a = D(() => e && r && r(s), [s, r, e]);
|
|
4831
4831
|
return !n && r ? [!1, a] : [!0];
|
|
4832
4832
|
}
|
|
4833
4833
|
const Dt = (e) => e.key || "";
|
|
@@ -4838,7 +4838,7 @@ function gi(e) {
|
|
|
4838
4838
|
}), t;
|
|
4839
4839
|
}
|
|
4840
4840
|
const ba = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: a = !1, anchorX: o = "left" }) => {
|
|
4841
|
-
const [l, u] = va(a), c = ve(() => gi(e), [e]), d = a && !l ? [] : c.map(Dt), p =
|
|
4841
|
+
const [l, u] = va(a), c = ve(() => gi(e), [e]), d = a && !l ? [] : c.map(Dt), p = ue(!0), f = ue(c), m = Jn(() => /* @__PURE__ */ new Map()), [g, v] = S(c), [y, T] = S(c);
|
|
4842
4842
|
Es(() => {
|
|
4843
4843
|
p.current = !1, f.current = c;
|
|
4844
4844
|
for (let C = 0; C < y.length; C++) {
|
|
@@ -4850,27 +4850,27 @@ const ba = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
|
|
|
4850
4850
|
if (c !== g) {
|
|
4851
4851
|
let C = [...c];
|
|
4852
4852
|
for (let w = 0; w < y.length; w++) {
|
|
4853
|
-
const
|
|
4854
|
-
d.includes(P) || (C.splice(w, 0,
|
|
4853
|
+
const E = y[w], P = Dt(E);
|
|
4854
|
+
d.includes(P) || (C.splice(w, 0, E), x.push(E));
|
|
4855
4855
|
}
|
|
4856
4856
|
return s === "wait" && x.length && (C = x), T(gi(C)), v(c), null;
|
|
4857
4857
|
}
|
|
4858
4858
|
process.env.NODE_ENV !== "production" && s === "wait" && y.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
4859
4859
|
const { forceRender: k } = B(Xn);
|
|
4860
4860
|
return h.jsx(h.Fragment, { children: y.map((C) => {
|
|
4861
|
-
const w = Dt(C),
|
|
4861
|
+
const w = Dt(C), E = a && !l ? !1 : c === y || d.includes(w), P = () => {
|
|
4862
4862
|
if (m.has(w))
|
|
4863
4863
|
m.set(w, !0);
|
|
4864
4864
|
else
|
|
4865
4865
|
return;
|
|
4866
|
-
let
|
|
4867
|
-
m.forEach((
|
|
4868
|
-
|
|
4869
|
-
}),
|
|
4866
|
+
let V = !0;
|
|
4867
|
+
m.forEach((I) => {
|
|
4868
|
+
I || (V = !1);
|
|
4869
|
+
}), V && (k?.(), T(f.current), a && u?.(), r && r());
|
|
4870
4870
|
};
|
|
4871
|
-
return h.jsx(cd, { isPresent:
|
|
4871
|
+
return h.jsx(cd, { isPresent: E, initial: !p.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: E ? void 0 : P, anchorX: o, children: C }, w);
|
|
4872
4872
|
}) });
|
|
4873
|
-
}, xa =
|
|
4873
|
+
}, xa = te({ strict: !1 }), yi = {
|
|
4874
4874
|
animation: [
|
|
4875
4875
|
"animate",
|
|
4876
4876
|
"variants",
|
|
@@ -4964,7 +4964,7 @@ function md(e) {
|
|
|
4964
4964
|
get: (r, i) => i === "create" ? e : (t.has(i) || t.set(i, e(i)), t.get(i))
|
|
4965
4965
|
});
|
|
4966
4966
|
}
|
|
4967
|
-
const Qt = /* @__PURE__ */
|
|
4967
|
+
const Qt = /* @__PURE__ */ te({});
|
|
4968
4968
|
function en(e) {
|
|
4969
4969
|
return e !== null && typeof e == "object" && typeof e.start == "function";
|
|
4970
4970
|
}
|
|
@@ -5008,7 +5008,7 @@ function Ke(e) {
|
|
|
5008
5008
|
return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
|
|
5009
5009
|
}
|
|
5010
5010
|
function bd(e, t, n) {
|
|
5011
|
-
return
|
|
5011
|
+
return D(
|
|
5012
5012
|
(r) => {
|
|
5013
5013
|
r && e.onMount && e.onMount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : Ke(n) && (n.current = r));
|
|
5014
5014
|
},
|
|
@@ -5020,9 +5020,9 @@ function bd(e, t, n) {
|
|
|
5020
5020
|
[t]
|
|
5021
5021
|
);
|
|
5022
5022
|
}
|
|
5023
|
-
const Pr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), xd = "framerAppearId", wa = "data-" + Pr(xd), ka =
|
|
5023
|
+
const Pr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), xd = "framerAppearId", wa = "data-" + Pr(xd), ka = te({});
|
|
5024
5024
|
function Cd(e, t, n, r, i) {
|
|
5025
|
-
const { visualElement: s } = B(Qt), a = B(xa), o = B(Jt), l = B(Tr).reducedMotion, u =
|
|
5025
|
+
const { visualElement: s } = B(Qt), a = B(xa), o = B(Jt), l = B(Tr).reducedMotion, u = ue(null);
|
|
5026
5026
|
r = r || a.renderer, !u.current && r && (u.current = r(e, {
|
|
5027
5027
|
visualState: t,
|
|
5028
5028
|
parent: s,
|
|
@@ -5033,14 +5033,14 @@ function Cd(e, t, n, r, i) {
|
|
|
5033
5033
|
}));
|
|
5034
5034
|
const c = u.current, d = B(ka);
|
|
5035
5035
|
c && !c.projection && i && (c.type === "html" || c.type === "svg") && Td(u.current, n, i, d);
|
|
5036
|
-
const p =
|
|
5036
|
+
const p = ue(!1);
|
|
5037
5037
|
vs(() => {
|
|
5038
5038
|
c && p.current && c.update(n, o);
|
|
5039
5039
|
});
|
|
5040
|
-
const f = n[wa], m =
|
|
5040
|
+
const f = n[wa], m = ue(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
|
|
5041
5041
|
return Es(() => {
|
|
5042
5042
|
c && (p.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), xr.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
|
|
5043
|
-
}),
|
|
5043
|
+
}), se(() => {
|
|
5044
5044
|
c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
|
|
5045
5045
|
window.MotionHandoffMarkAsComplete?.(f);
|
|
5046
5046
|
}), m.current = !1));
|
|
@@ -5623,30 +5623,30 @@ function d0(e) {
|
|
|
5623
5623
|
!x && !T.prevProp || // Or if the prop doesn't define an animation
|
|
5624
5624
|
en(x) || typeof x == "boolean")
|
|
5625
5625
|
continue;
|
|
5626
|
-
const
|
|
5627
|
-
let P =
|
|
5626
|
+
const E = h0(T.prevProp, x);
|
|
5627
|
+
let P = E || // If we're making this variant active, we want to always make it active
|
|
5628
5628
|
y === l && T.isActive && !w && k || // If we removed a higher-priority variant (i is in reverse order)
|
|
5629
|
-
v > m && k,
|
|
5630
|
-
const
|
|
5631
|
-
let q =
|
|
5629
|
+
v > m && k, V = !1;
|
|
5630
|
+
const I = Array.isArray(x) ? x : [x];
|
|
5631
|
+
let q = I.reduce(i(y), {});
|
|
5632
5632
|
C === !1 && (q = {});
|
|
5633
|
-
const { prevResolvedValues:
|
|
5634
|
-
...
|
|
5633
|
+
const { prevResolvedValues: ne = {} } = T, W = {
|
|
5634
|
+
...ne,
|
|
5635
5635
|
...q
|
|
5636
|
-
},
|
|
5637
|
-
P = !0, p.has(
|
|
5638
|
-
const L = e.getValue(
|
|
5636
|
+
}, $ = (M) => {
|
|
5637
|
+
P = !0, p.has(M) && (V = !0, p.delete(M)), T.needsAnimating[M] = !0;
|
|
5638
|
+
const L = e.getValue(M);
|
|
5639
5639
|
L && (L.liveStyle = !1);
|
|
5640
5640
|
};
|
|
5641
|
-
for (const
|
|
5642
|
-
const L = q[
|
|
5643
|
-
if (f.hasOwnProperty(
|
|
5641
|
+
for (const M in W) {
|
|
5642
|
+
const L = q[M], J = ne[M];
|
|
5643
|
+
if (f.hasOwnProperty(M))
|
|
5644
5644
|
continue;
|
|
5645
5645
|
let b = !1;
|
|
5646
|
-
_n(L) && _n(
|
|
5646
|
+
_n(L) && _n(J) ? b = !Da(L, J) : b = L !== J, b ? L != null ? $(M) : p.add(M) : L !== void 0 && p.has(M) ? $(M) : T.protectedKeys[M] = !0;
|
|
5647
5647
|
}
|
|
5648
|
-
T.prevProp = x, T.prevResolvedValues = q, T.isActive && (f = { ...f, ...q }), r && e.blockInitialAnimation && (P = !1), P && (!(w &&
|
|
5649
|
-
animation:
|
|
5648
|
+
T.prevProp = x, T.prevResolvedValues = q, T.isActive && (f = { ...f, ...q }), r && e.blockInitialAnimation && (P = !1), P && (!(w && E) || V) && d.push(...I.map((M) => ({
|
|
5649
|
+
animation: M,
|
|
5650
5650
|
options: { type: y }
|
|
5651
5651
|
})));
|
|
5652
5652
|
}
|
|
@@ -5806,26 +5806,26 @@ function b0(e, t) {
|
|
|
5806
5806
|
};
|
|
5807
5807
|
}
|
|
5808
5808
|
const Ba = 1e-4, x0 = 1 - Ba, C0 = 1 + Ba, _a = 0.01, T0 = 0 - _a, w0 = 0 + _a;
|
|
5809
|
-
function
|
|
5809
|
+
function ee(e) {
|
|
5810
5810
|
return e.max - e.min;
|
|
5811
5811
|
}
|
|
5812
5812
|
function k0(e, t, n) {
|
|
5813
5813
|
return Math.abs(e - t) <= n;
|
|
5814
5814
|
}
|
|
5815
5815
|
function Ci(e, t, n, r = 0.5) {
|
|
5816
|
-
e.origin = r, e.originPoint = _(t.min, t.max, e.origin), e.scale =
|
|
5816
|
+
e.origin = r, e.originPoint = _(t.min, t.max, e.origin), e.scale = ee(n) / ee(t), e.translate = _(n.min, n.max, e.origin) - e.originPoint, (e.scale >= x0 && e.scale <= C0 || isNaN(e.scale)) && (e.scale = 1), (e.translate >= T0 && e.translate <= w0 || isNaN(e.translate)) && (e.translate = 0);
|
|
5817
5817
|
}
|
|
5818
5818
|
function pt(e, t, n, r) {
|
|
5819
5819
|
Ci(e.x, t.x, n.x, r ? r.originX : void 0), Ci(e.y, t.y, n.y, r ? r.originY : void 0);
|
|
5820
5820
|
}
|
|
5821
5821
|
function Ti(e, t, n) {
|
|
5822
|
-
e.min = n.min + t.min, e.max = e.min +
|
|
5822
|
+
e.min = n.min + t.min, e.max = e.min + ee(t);
|
|
5823
5823
|
}
|
|
5824
5824
|
function P0(e, t, n) {
|
|
5825
5825
|
Ti(e.x, t.x, n.x), Ti(e.y, t.y, n.y);
|
|
5826
5826
|
}
|
|
5827
5827
|
function wi(e, t, n) {
|
|
5828
|
-
e.min = t.min - n.min, e.max = e.min +
|
|
5828
|
+
e.min = t.min - n.min, e.max = e.min + ee(t);
|
|
5829
5829
|
}
|
|
5830
5830
|
function ft(e, t, n) {
|
|
5831
5831
|
wi(e.x, t.x, n.x), wi(e.y, t.y, n.y);
|
|
@@ -5842,7 +5842,7 @@ const ki = () => ({
|
|
|
5842
5842
|
x: Pi(),
|
|
5843
5843
|
y: Pi()
|
|
5844
5844
|
});
|
|
5845
|
-
function
|
|
5845
|
+
function le(e) {
|
|
5846
5846
|
return [e("x"), e("y")];
|
|
5847
5847
|
}
|
|
5848
5848
|
function gn(e) {
|
|
@@ -6013,7 +6013,7 @@ function I0(e, t) {
|
|
|
6013
6013
|
}
|
|
6014
6014
|
function L0(e, t) {
|
|
6015
6015
|
let n = 0.5;
|
|
6016
|
-
const r =
|
|
6016
|
+
const r = ee(e), i = ee(t);
|
|
6017
6017
|
return i > r ? n = /* @__PURE__ */ gt(t.min, t.max - r, e.min) : r > i && (n = /* @__PURE__ */ gt(e.min, e.max - i, t.min)), be(0, 1, n);
|
|
6018
6018
|
}
|
|
6019
6019
|
function D0(e, t) {
|
|
@@ -6052,13 +6052,13 @@ class B0 {
|
|
|
6052
6052
|
const { drag: p, dragPropagation: f, onDragStart: m } = this.getProps();
|
|
6053
6053
|
if (p && !f && (this.openDragLock && this.openDragLock(), this.openDragLock = Ju(p), !this.openDragLock))
|
|
6054
6054
|
return;
|
|
6055
|
-
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0),
|
|
6055
|
+
this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), le((v) => {
|
|
6056
6056
|
let y = this.getAxisMotionValue(v).get() || 0;
|
|
6057
6057
|
if (ge.test(y)) {
|
|
6058
6058
|
const { projection: T } = this.visualElement;
|
|
6059
6059
|
if (T && T.layout) {
|
|
6060
6060
|
const x = T.layout.layoutBox[v];
|
|
6061
|
-
x && (y =
|
|
6061
|
+
x && (y = ee(x) * (parseFloat(y) / 100));
|
|
6062
6062
|
}
|
|
6063
6063
|
}
|
|
6064
6064
|
this.originPoint[v] = y;
|
|
@@ -6075,7 +6075,7 @@ class B0 {
|
|
|
6075
6075
|
return;
|
|
6076
6076
|
}
|
|
6077
6077
|
this.updateAxis("x", d.point, v), this.updateAxis("y", d.point, v), this.visualElement.render(), g && g(c, d);
|
|
6078
|
-
}, o = (c, d) => this.stop(c, d), l = () =>
|
|
6078
|
+
}, o = (c, d) => this.stop(c, d), l = () => le((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: u } = this.getProps();
|
|
6079
6079
|
this.panSession = new Ua(t, {
|
|
6080
6080
|
onSessionStart: i,
|
|
6081
6081
|
onStart: s,
|
|
@@ -6114,7 +6114,7 @@ class B0 {
|
|
|
6114
6114
|
}
|
|
6115
6115
|
resolveConstraints() {
|
|
6116
6116
|
const { dragConstraints: t, dragElastic: n } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
|
|
6117
|
-
t && Ke(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = M0(r.layoutBox, t) : this.constraints = !1, this.elastic = N0(n), i !== this.constraints && r && this.constraints && !this.hasMutatedConstraints &&
|
|
6117
|
+
t && Ke(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = M0(r.layoutBox, t) : this.constraints = !1, this.elastic = N0(n), i !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && le((s) => {
|
|
6118
6118
|
this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = D0(r.layoutBox[s], this.constraints[s]));
|
|
6119
6119
|
});
|
|
6120
6120
|
}
|
|
@@ -6136,7 +6136,7 @@ class B0 {
|
|
|
6136
6136
|
return a;
|
|
6137
6137
|
}
|
|
6138
6138
|
startAnimation(t) {
|
|
6139
|
-
const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: a, onDragTransitionEnd: o } = this.getProps(), l = this.constraints || {}, u =
|
|
6139
|
+
const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: a, onDragTransitionEnd: o } = this.getProps(), l = this.constraints || {}, u = le((c) => {
|
|
6140
6140
|
if (!Nt(c, n, this.currentDirection))
|
|
6141
6141
|
return;
|
|
6142
6142
|
let d = l && l[c] || {};
|
|
@@ -6161,10 +6161,10 @@ class B0 {
|
|
|
6161
6161
|
return Fn(this.visualElement, t), r.start(Rr(t, r, 0, n, this.visualElement, !1));
|
|
6162
6162
|
}
|
|
6163
6163
|
stopAnimation() {
|
|
6164
|
-
|
|
6164
|
+
le((t) => this.getAxisMotionValue(t).stop());
|
|
6165
6165
|
}
|
|
6166
6166
|
pauseAnimation() {
|
|
6167
|
-
|
|
6167
|
+
le((t) => this.getAxisMotionValue(t).animation?.pause());
|
|
6168
6168
|
}
|
|
6169
6169
|
getAnimationState(t) {
|
|
6170
6170
|
return this.getAxisMotionValue(t).animation?.state;
|
|
@@ -6180,7 +6180,7 @@ class B0 {
|
|
|
6180
6180
|
return i || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
|
|
6181
6181
|
}
|
|
6182
6182
|
snapToCursor(t) {
|
|
6183
|
-
|
|
6183
|
+
le((n) => {
|
|
6184
6184
|
const { drag: r } = this.getProps();
|
|
6185
6185
|
if (!Nt(n, r, this.currentDirection))
|
|
6186
6186
|
return;
|
|
@@ -6204,7 +6204,7 @@ class B0 {
|
|
|
6204
6204
|
return;
|
|
6205
6205
|
this.stopAnimation();
|
|
6206
6206
|
const i = { x: 0, y: 0 };
|
|
6207
|
-
|
|
6207
|
+
le((a) => {
|
|
6208
6208
|
const o = this.getAxisMotionValue(a);
|
|
6209
6209
|
if (o && this.constraints !== !1) {
|
|
6210
6210
|
const l = o.get();
|
|
@@ -6212,7 +6212,7 @@ class B0 {
|
|
|
6212
6212
|
}
|
|
6213
6213
|
});
|
|
6214
6214
|
const { transformTemplate: s } = this.visualElement.getProps();
|
|
6215
|
-
this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(),
|
|
6215
|
+
this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), le((a) => {
|
|
6216
6216
|
if (!Nt(a, t, null))
|
|
6217
6217
|
return;
|
|
6218
6218
|
const o = this.getAxisMotionValue(a), { min: l, max: u } = this.constraints[a];
|
|
@@ -6232,7 +6232,7 @@ class B0 {
|
|
|
6232
6232
|
}, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
|
|
6233
6233
|
i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), F.read(r);
|
|
6234
6234
|
const a = Tt(window, "resize", () => this.scalePositionWithinConstraints()), o = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: u }) => {
|
|
6235
|
-
this.isDragging && u && (
|
|
6235
|
+
this.isDragging && u && (le((c) => {
|
|
6236
6236
|
const d = this.getAxisMotionValue(c);
|
|
6237
6237
|
d && (this.originPoint[c] += l[c].translate, d.set(d.get() + l[c].translate));
|
|
6238
6238
|
}), this.visualElement.render());
|
|
@@ -6263,11 +6263,11 @@ function _0(e, t = 10) {
|
|
|
6263
6263
|
}
|
|
6264
6264
|
class F0 extends je {
|
|
6265
6265
|
constructor(t) {
|
|
6266
|
-
super(t), this.removeGroupControls =
|
|
6266
|
+
super(t), this.removeGroupControls = de, this.removeListeners = de, this.controls = new B0(t);
|
|
6267
6267
|
}
|
|
6268
6268
|
mount() {
|
|
6269
6269
|
const { dragControls: t } = this.node.getProps();
|
|
6270
|
-
t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() ||
|
|
6270
|
+
t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || de;
|
|
6271
6271
|
}
|
|
6272
6272
|
unmount() {
|
|
6273
6273
|
this.removeGroupControls(), this.removeListeners();
|
|
@@ -6278,7 +6278,7 @@ const Oi = (e) => (t, n) => {
|
|
|
6278
6278
|
};
|
|
6279
6279
|
class q0 extends je {
|
|
6280
6280
|
constructor() {
|
|
6281
|
-
super(...arguments), this.removePointerDownListener =
|
|
6281
|
+
super(...arguments), this.removePointerDownListener = de;
|
|
6282
6282
|
}
|
|
6283
6283
|
onPointerDown(t) {
|
|
6284
6284
|
this.session = new Ua(t, this.createPanHandlers(), {
|
|
@@ -6425,7 +6425,7 @@ class W0 {
|
|
|
6425
6425
|
}
|
|
6426
6426
|
}
|
|
6427
6427
|
function Y0(e, t) {
|
|
6428
|
-
const n =
|
|
6428
|
+
const n = ie.now(), r = ({ timestamp: i }) => {
|
|
6429
6429
|
const s = i - n;
|
|
6430
6430
|
s >= t && (Se(r), e(s - t));
|
|
6431
6431
|
};
|
|
@@ -6446,14 +6446,14 @@ function Z0(e, t, n, r, i, s) {
|
|
|
6446
6446
|
function qi(e, t) {
|
|
6447
6447
|
return e[t] !== void 0 ? e[t] : e.borderRadius;
|
|
6448
6448
|
}
|
|
6449
|
-
const X0 = /* @__PURE__ */ Ya(0, 0.5, _s), J0 = /* @__PURE__ */ Ya(0.5, 0.95,
|
|
6449
|
+
const X0 = /* @__PURE__ */ Ya(0, 0.5, _s), J0 = /* @__PURE__ */ Ya(0.5, 0.95, de);
|
|
6450
6450
|
function Ya(e, t, n) {
|
|
6451
6451
|
return (r) => r < e ? 0 : r > t ? 1 : n(/* @__PURE__ */ gt(e, t, r));
|
|
6452
6452
|
}
|
|
6453
6453
|
function Ki(e, t) {
|
|
6454
6454
|
e.min = t.min, e.max = t.max;
|
|
6455
6455
|
}
|
|
6456
|
-
function
|
|
6456
|
+
function oe(e, t) {
|
|
6457
6457
|
Ki(e.x, t.x), Ki(e.y, t.y);
|
|
6458
6458
|
}
|
|
6459
6459
|
function zi(e, t) {
|
|
@@ -6494,7 +6494,7 @@ function Za(e, t) {
|
|
|
6494
6494
|
return Hi(e.x, t.x) && Hi(e.y, t.y);
|
|
6495
6495
|
}
|
|
6496
6496
|
function Zi(e) {
|
|
6497
|
-
return
|
|
6497
|
+
return ee(e.x) / ee(e.y);
|
|
6498
6498
|
}
|
|
6499
6499
|
function Xi(e, t) {
|
|
6500
6500
|
return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
|
|
@@ -6689,7 +6689,7 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6689
6689
|
return;
|
|
6690
6690
|
}
|
|
6691
6691
|
this.isUpdating || this.nodes.forEach(ph), this.isUpdating = !1, this.nodes.forEach(fh), this.nodes.forEach(lh), this.nodes.forEach(ch), this.clearAllSnapshots();
|
|
6692
|
-
const o =
|
|
6692
|
+
const o = ie.now();
|
|
6693
6693
|
G.delta = be(0, 1e3 / 60, o - G.timestamp), G.timestamp = o, G.isProcessing = !0, dn.update.process(G), dn.preRender.process(G), dn.render.process(G), G.isProcessing = !1;
|
|
6694
6694
|
}
|
|
6695
6695
|
didUpdate() {
|
|
@@ -6710,7 +6710,7 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6710
6710
|
* Update measurements
|
|
6711
6711
|
*/
|
|
6712
6712
|
updateSnapshot() {
|
|
6713
|
-
this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !
|
|
6713
|
+
this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !ee(this.snapshot.measuredBox.x) && !ee(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
|
|
6714
6714
|
}
|
|
6715
6715
|
updateLayout() {
|
|
6716
6716
|
if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
|
|
@@ -6766,17 +6766,17 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6766
6766
|
}
|
|
6767
6767
|
removeElementScroll(a) {
|
|
6768
6768
|
const o = K();
|
|
6769
|
-
if (
|
|
6769
|
+
if (oe(o, a), this.scroll?.wasRoot)
|
|
6770
6770
|
return o;
|
|
6771
6771
|
for (let l = 0; l < this.path.length; l++) {
|
|
6772
6772
|
const u = this.path[l], { scroll: c, options: d } = u;
|
|
6773
|
-
u !== this.root && c && d.layoutScroll && (c.wasRoot &&
|
|
6773
|
+
u !== this.root && c && d.layoutScroll && (c.wasRoot && oe(o, a), Ue(o.x, c.offset.x), Ue(o.y, c.offset.y));
|
|
6774
6774
|
}
|
|
6775
6775
|
return o;
|
|
6776
6776
|
}
|
|
6777
6777
|
applyTransform(a, o = !1) {
|
|
6778
6778
|
const l = K();
|
|
6779
|
-
|
|
6779
|
+
oe(l, a);
|
|
6780
6780
|
for (let u = 0; u < this.path.length; u++) {
|
|
6781
6781
|
const c = this.path[u];
|
|
6782
6782
|
!o && c.options.layoutScroll && c.scroll && c !== c.root && $e(l, {
|
|
@@ -6788,14 +6788,14 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6788
6788
|
}
|
|
6789
6789
|
removeTransform(a) {
|
|
6790
6790
|
const o = K();
|
|
6791
|
-
|
|
6791
|
+
oe(o, a);
|
|
6792
6792
|
for (let l = 0; l < this.path.length; l++) {
|
|
6793
6793
|
const u = this.path[l];
|
|
6794
6794
|
if (!u.instance || !Me(u.latestValues))
|
|
6795
6795
|
continue;
|
|
6796
6796
|
Kn(u.latestValues) && u.updateSnapshot();
|
|
6797
6797
|
const c = K(), d = u.measurePageBox();
|
|
6798
|
-
|
|
6798
|
+
oe(c, d), Gi(o, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
|
|
6799
6799
|
}
|
|
6800
6800
|
return Me(this.latestValues) && Gi(o, this.latestValues), o;
|
|
6801
6801
|
}
|
|
@@ -6825,12 +6825,12 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6825
6825
|
if (!(!this.layout || !(c || d))) {
|
|
6826
6826
|
if (this.resolvedRelativeTargetAt = G.timestamp, !this.targetDelta && !this.relativeTarget) {
|
|
6827
6827
|
const p = this.getClosestProjectingParent();
|
|
6828
|
-
p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox),
|
|
6828
|
+
p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
6829
6829
|
}
|
|
6830
|
-
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = K(), this.targetWithTransforms = K()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), P0(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) :
|
|
6830
|
+
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = K(), this.targetWithTransforms = K()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), P0(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : oe(this.target, this.layout.layoutBox), qa(this.target, this.targetDelta)) : oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
|
|
6831
6831
|
this.attemptToResolveRelativeTarget = !1;
|
|
6832
6832
|
const p = this.getClosestProjectingParent();
|
|
6833
|
-
p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.target, p.target),
|
|
6833
|
+
p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = K(), this.relativeTargetOrigin = K(), ft(this.relativeTargetOrigin, this.target, p.target), oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
6834
6834
|
}
|
|
6835
6835
|
}
|
|
6836
6836
|
}
|
|
@@ -6849,7 +6849,7 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6849
6849
|
const { layout: u, layoutId: c } = this.options;
|
|
6850
6850
|
if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || c))
|
|
6851
6851
|
return;
|
|
6852
|
-
|
|
6852
|
+
oe(this.layoutCorrected, this.layout.layoutBox);
|
|
6853
6853
|
const d = this.treeScale.x, p = this.treeScale.y;
|
|
6854
6854
|
A0(this.layoutCorrected, this.treeScale, this.path, o), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = K());
|
|
6855
6855
|
const { target: f } = a;
|
|
@@ -6883,7 +6883,7 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6883
6883
|
let x;
|
|
6884
6884
|
this.mixTargetDelta = (k) => {
|
|
6885
6885
|
const C = k / 1e3;
|
|
6886
|
-
es(d.x, a.x, C), es(d.y, a.y, C), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ft(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox), bh(this.relativeTarget, this.relativeTargetOrigin, p, C), x && nh(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = K()),
|
|
6886
|
+
es(d.x, a.x, C), es(d.y, a.y, C), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ft(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox), bh(this.relativeTarget, this.relativeTargetOrigin, p, C), x && nh(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = K()), oe(x, this.relativeTarget)), g && (this.animationValues = c, Z0(c, u, this.latestValues, C, T, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
|
|
6887
6887
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
6888
6888
|
}
|
|
6889
6889
|
startAnimation(a) {
|
|
@@ -6916,12 +6916,12 @@ function Ja({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
6916
6916
|
if (!(!o || !l || !u)) {
|
|
6917
6917
|
if (this !== a && this.layout && u && Qa(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
|
|
6918
6918
|
l = this.target || K();
|
|
6919
|
-
const d =
|
|
6919
|
+
const d = ee(this.layout.layoutBox.x);
|
|
6920
6920
|
l.x.min = a.target.x.min, l.x.max = l.x.min + d;
|
|
6921
|
-
const p =
|
|
6921
|
+
const p = ee(this.layout.layoutBox.y);
|
|
6922
6922
|
l.y.min = a.target.y.min, l.y.max = l.y.min + p;
|
|
6923
6923
|
}
|
|
6924
|
-
|
|
6924
|
+
oe(o, l), $e(o, c), pt(this.projectionDeltaWithTransform, this.layoutCorrected, o, c);
|
|
6925
6925
|
}
|
|
6926
6926
|
}
|
|
6927
6927
|
registerSharedNode(a, o) {
|
|
@@ -7022,11 +7022,11 @@ function ch(e) {
|
|
|
7022
7022
|
const t = e.resumeFrom?.snapshot || e.snapshot;
|
|
7023
7023
|
if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
|
|
7024
7024
|
const { layoutBox: n, measuredBox: r } = e.layout, { animationType: i } = e.options, s = t.source !== e.layout.source;
|
|
7025
|
-
i === "size" ?
|
|
7026
|
-
const d = s ? t.measuredBox[c] : t.layoutBox[c], p =
|
|
7025
|
+
i === "size" ? le((c) => {
|
|
7026
|
+
const d = s ? t.measuredBox[c] : t.layoutBox[c], p = ee(d);
|
|
7027
7027
|
d.min = n[c].min, d.max = d.min + p;
|
|
7028
|
-
}) : Qa(i, t.layoutBox, n) &&
|
|
7029
|
-
const d = s ? t.measuredBox[c] : t.layoutBox[c], p =
|
|
7028
|
+
}) : Qa(i, t.layoutBox, n) && le((c) => {
|
|
7029
|
+
const d = s ? t.measuredBox[c] : t.layoutBox[c], p = ee(n[c]);
|
|
7030
7030
|
d.max = d.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[c].max = e.relativeTarget[c].min + p);
|
|
7031
7031
|
});
|
|
7032
7032
|
const a = ze();
|
|
@@ -7110,7 +7110,7 @@ function xh(e) {
|
|
|
7110
7110
|
const Ch = {
|
|
7111
7111
|
duration: 0.45,
|
|
7112
7112
|
ease: [0.4, 0, 0.1, 1]
|
|
7113
|
-
}, ns = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), rs = ns("applewebkit/") && !ns("chrome/") ? Math.round :
|
|
7113
|
+
}, ns = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), rs = ns("applewebkit/") && !ns("chrome/") ? Math.round : de;
|
|
7114
7114
|
function is(e) {
|
|
7115
7115
|
e.min = rs(e.min), e.max = rs(e.max);
|
|
7116
7116
|
}
|
|
@@ -7339,7 +7339,7 @@ class qh {
|
|
|
7339
7339
|
this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = gr, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
|
|
7340
7340
|
this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
|
|
7341
7341
|
}, this.renderScheduledAt = 0, this.scheduleRender = () => {
|
|
7342
|
-
const p =
|
|
7342
|
+
const p = ie.now();
|
|
7343
7343
|
this.renderScheduledAt < p && (this.renderScheduledAt = p, F.render(this.render, !1, !0));
|
|
7344
7344
|
};
|
|
7345
7345
|
const { latestValues: l, renderState: u } = a;
|
|
@@ -7655,7 +7655,7 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
7655
7655
|
animate: Ot.animate,
|
|
7656
7656
|
exit: Ot.exit,
|
|
7657
7657
|
transition: Ot.transition,
|
|
7658
|
-
className: Ae(
|
|
7658
|
+
className: Ae(ce.error, n?.error?.className),
|
|
7659
7659
|
style: n?.error?.styles,
|
|
7660
7660
|
children: e
|
|
7661
7661
|
}
|
|
@@ -7663,10 +7663,10 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
7663
7663
|
"label",
|
|
7664
7664
|
{
|
|
7665
7665
|
htmlFor: i,
|
|
7666
|
-
className: Ae(
|
|
7666
|
+
className: Ae(ce.label, r?.label?.className),
|
|
7667
7667
|
style: r?.label?.styles,
|
|
7668
7668
|
children: [
|
|
7669
|
-
/* @__PURE__ */ h.jsx("span", { className:
|
|
7669
|
+
/* @__PURE__ */ h.jsx("span", { className: ce.label, children: e }, e),
|
|
7670
7670
|
/* @__PURE__ */ h.jsx(ba, { mode: "wait", children: t && !n && /* @__PURE__ */ h.jsx(
|
|
7671
7671
|
mt.span,
|
|
7672
7672
|
{
|
|
@@ -7674,7 +7674,7 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
7674
7674
|
animate: Bt.animate,
|
|
7675
7675
|
exit: Bt.exit,
|
|
7676
7676
|
transition: Bt.transition,
|
|
7677
|
-
className:
|
|
7677
|
+
className: ce.labelError,
|
|
7678
7678
|
children: t
|
|
7679
7679
|
},
|
|
7680
7680
|
t
|
|
@@ -7692,26 +7692,26 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
7692
7692
|
onBlur: o,
|
|
7693
7693
|
...l
|
|
7694
7694
|
}) => {
|
|
7695
|
-
const u =
|
|
7695
|
+
const u = ue(null), [c, d] = S(!1), p = (t || r) && !n, f = D(() => u.current?.focus(), []), m = D(
|
|
7696
7696
|
(y) => {
|
|
7697
7697
|
d(!0), a?.(y);
|
|
7698
7698
|
},
|
|
7699
7699
|
[a]
|
|
7700
|
-
), g =
|
|
7700
|
+
), g = D(
|
|
7701
7701
|
(y) => {
|
|
7702
7702
|
d(!1), o?.(y);
|
|
7703
7703
|
},
|
|
7704
7704
|
[o]
|
|
7705
|
-
), v = !p && c && (s?.container?.focus ||
|
|
7706
|
-
return /* @__PURE__ */ h.jsxs("div", { className:
|
|
7705
|
+
), v = !p && c && (s?.container?.focus || ce.inputFocus);
|
|
7706
|
+
return /* @__PURE__ */ h.jsxs("div", { className: ce.wrapper, children: [
|
|
7707
7707
|
e && /* @__PURE__ */ h.jsx(Yn, { id: l.id, error: r, disabled: n, styles: s, label: e }),
|
|
7708
7708
|
/* @__PURE__ */ h.jsxs(
|
|
7709
7709
|
"div",
|
|
7710
7710
|
{
|
|
7711
7711
|
className: Ae(
|
|
7712
|
-
|
|
7713
|
-
p &&
|
|
7714
|
-
n &&
|
|
7712
|
+
ce.inputContainer,
|
|
7713
|
+
p && ce.errorInput,
|
|
7714
|
+
n && ce.disabled,
|
|
7715
7715
|
v,
|
|
7716
7716
|
s?.container?.className
|
|
7717
7717
|
),
|
|
@@ -7727,14 +7727,14 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
7727
7727
|
onBlur: g,
|
|
7728
7728
|
style: s?.field?.styles,
|
|
7729
7729
|
className: Ae(
|
|
7730
|
-
|
|
7731
|
-
n &&
|
|
7730
|
+
ce.input,
|
|
7731
|
+
n && ce.disabledInput,
|
|
7732
7732
|
l.className,
|
|
7733
7733
|
s?.field?.className
|
|
7734
7734
|
)
|
|
7735
7735
|
}
|
|
7736
7736
|
),
|
|
7737
|
-
i && /* @__PURE__ */ h.jsx("div", { className:
|
|
7737
|
+
i && /* @__PURE__ */ h.jsx("div", { className: ce.endContent, children: i })
|
|
7738
7738
|
]
|
|
7739
7739
|
}
|
|
7740
7740
|
),
|
|
@@ -8162,20 +8162,20 @@ const Gh = (e, t) => Er(e) ? new $h(t) : new zh(t, {
|
|
|
8162
8162
|
}
|
|
8163
8163
|
) }), A1 = "_cvcIcon_1yx89_1", S1 = {
|
|
8164
8164
|
cvcIcon: A1
|
|
8165
|
-
}, E1 = null, so =
|
|
8166
|
-
var
|
|
8165
|
+
}, E1 = null, so = te(E1), Et = () => B(so), j1 = ({ children: e, styles: t }) => /* @__PURE__ */ h.jsx(so.Provider, { value: t || null, children: e });
|
|
8166
|
+
var U = /* @__PURE__ */ ((e) => (e.Invalid = "invalid", e.Empty = "empty", e.Incomplete = "incomplete", e.Unsupported = "unsupported", e.Expired = "expired", e))(U || {}), Q = /* @__PURE__ */ ((e) => (e.Visa = "visa", e.Mastercard = "mastercard", e.AmericanExpress = "american-express", e.Discover = "discover", e.JCB = "jcb", e.DinersClub = "diners-club", e.UnionPay = "unionpay", e.Maestro = "maestro", e))(Q || {});
|
|
8167
8167
|
const Mr = [
|
|
8168
8168
|
{ name: "Visa", type: "visa", pattern: /^4/, minLength: 16, maxLength: 16 },
|
|
8169
8169
|
{ name: "MasterCard", type: "mastercard", pattern: /^5[1-5]/, minLength: 16, maxLength: 16 },
|
|
8170
8170
|
{ name: "American Express", type: "american-express", pattern: /^3[47]/, minLength: 15, maxLength: 15 },
|
|
8171
8171
|
{ name: "Discover", type: "discover", pattern: /^6(?:011|5[0-9]{2})/, minLength: 16, maxLength: 16 },
|
|
8172
|
-
{ name: "JCB", type: "jcb", pattern: /^(?:2131|1800|35\d{
|
|
8172
|
+
{ name: "JCB", type: "jcb", pattern: /^(?:2131|1800|35\d{3})/, minLength: 15, maxLength: 16 },
|
|
8173
8173
|
{ name: "Diners Club", type: "diners-club", pattern: /^3(?:0[0-5]|[68][0-9])/, minLength: 14, maxLength: 16 },
|
|
8174
8174
|
{ name: "Union Pay", type: "unionpay", pattern: /^62/, minLength: 16, maxLength: 19 },
|
|
8175
8175
|
{
|
|
8176
8176
|
name: "Maestro",
|
|
8177
8177
|
type: "maestro",
|
|
8178
|
-
pattern: /^(5018|5020|5038|6304|6759|6761|6763)
|
|
8178
|
+
pattern: /^(50[^69]|5[68]|5018|5020|5038|6[237]|6304|6759|6761|6763)/,
|
|
8179
8179
|
minLength: 12,
|
|
8180
8180
|
maxLength: 19
|
|
8181
8181
|
}
|
|
@@ -8189,22 +8189,22 @@ const Mr = [
|
|
|
8189
8189
|
}, ls = (e, t) => {
|
|
8190
8190
|
const n = e.replace(/\D/g, "");
|
|
8191
8191
|
if (!n)
|
|
8192
|
-
return { isValid: !1, cardType: null, error:
|
|
8192
|
+
return { isValid: !1, cardType: null, error: U.Empty };
|
|
8193
8193
|
if (!/^\d+$/.test(n))
|
|
8194
|
-
return { isValid: !1, cardType: null, error:
|
|
8194
|
+
return { isValid: !1, cardType: null, error: U.Invalid };
|
|
8195
8195
|
const r = ao(n);
|
|
8196
8196
|
if (r) {
|
|
8197
8197
|
if (n.length < r.minLength || n.length > r.maxLength)
|
|
8198
8198
|
return {
|
|
8199
8199
|
isValid: !1,
|
|
8200
8200
|
cardType: r.name,
|
|
8201
|
-
error:
|
|
8201
|
+
error: U.Incomplete
|
|
8202
8202
|
};
|
|
8203
8203
|
} else if (n.length < 16)
|
|
8204
8204
|
return {
|
|
8205
8205
|
isValid: !1,
|
|
8206
8206
|
cardType: null,
|
|
8207
|
-
error:
|
|
8207
|
+
error: U.Incomplete
|
|
8208
8208
|
};
|
|
8209
8209
|
return r && t && !t.includes(r.type) ? {
|
|
8210
8210
|
isValid: !1,
|
|
@@ -8217,23 +8217,23 @@ const Mr = [
|
|
|
8217
8217
|
} : {
|
|
8218
8218
|
isValid: !1,
|
|
8219
8219
|
cardType: r?.name || null,
|
|
8220
|
-
error:
|
|
8220
|
+
error: U.Invalid
|
|
8221
8221
|
};
|
|
8222
8222
|
}, cs = (e, t = "") => {
|
|
8223
8223
|
const n = He.getTypeInfo(t), r = !e, i = e.length < (n?.code.size || 3);
|
|
8224
|
-
return !r && !i ? null : r ?
|
|
8224
|
+
return !r && !i ? null : r ? U.Empty : U.Incomplete;
|
|
8225
8225
|
}, M1 = ({ onChange: e, onError: t, id: n, value: r, isTouchSubmit: i, disabled: s, cardType: a = "" }) => {
|
|
8226
|
-
const o = Ye(), l = Et(), [u, c] =
|
|
8227
|
-
|
|
8226
|
+
const o = Ye(), l = Et(), [u, c] = S(""), [d, p] = S(!0), [f, m] = S(!1), v = (i || f) && (!!u || d);
|
|
8227
|
+
se(() => {
|
|
8228
8228
|
v ? t(u, d) : t("", !1);
|
|
8229
8229
|
}, [v, u, d, t]);
|
|
8230
8230
|
const y = (x) => {
|
|
8231
8231
|
const k = cs(x, a);
|
|
8232
8232
|
if (k) {
|
|
8233
|
-
if (k ===
|
|
8233
|
+
if (k === U.Empty)
|
|
8234
8234
|
c(""), p(!0);
|
|
8235
8235
|
else {
|
|
8236
|
-
const C = k ===
|
|
8236
|
+
const C = k === U.Incomplete ? o.card.cvc.error.incomplete : o.card.cvc.error.invalid;
|
|
8237
8237
|
c(C), p(!1);
|
|
8238
8238
|
}
|
|
8239
8239
|
return;
|
|
@@ -8267,20 +8267,20 @@ const Mr = [
|
|
|
8267
8267
|
const t = !e, n = e.length < 7, r = /* @__PURE__ */ new Date(), [i, s] = e.split(" / ");
|
|
8268
8268
|
r.setFullYear(2e3 + parseInt(s), parseInt(i) - 1, 31);
|
|
8269
8269
|
const a = r.getTime() < Date.now();
|
|
8270
|
-
return !t && !n && !a ? null : t ?
|
|
8270
|
+
return !t && !n && !a ? null : t ? U.Empty : n ? U.Incomplete : r.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "dateExpired" : "expired";
|
|
8271
8271
|
}, I1 = ({ onChange: e, onError: t, id: n, value: r, isTouchSubmit: i, disabled: s }) => {
|
|
8272
|
-
const a = Ye(), o = Et(), [l, u] =
|
|
8273
|
-
|
|
8272
|
+
const a = Ye(), o = Et(), [l, u] = S(""), [c, d] = S(!0), [p, f] = S(!1), g = (i || p) && (!!l || c);
|
|
8273
|
+
se(() => {
|
|
8274
8274
|
g ? t(l, c) : t("", !1);
|
|
8275
8275
|
}, [g, l, c, t]);
|
|
8276
8276
|
const v = (T) => {
|
|
8277
8277
|
const x = us(T);
|
|
8278
8278
|
if (x) {
|
|
8279
|
-
if (x ===
|
|
8279
|
+
if (x === U.Empty)
|
|
8280
8280
|
u(""), d(!0);
|
|
8281
8281
|
else {
|
|
8282
8282
|
let k = a.card.expiry.error.invalid;
|
|
8283
|
-
x === "expired" ? k = a.card.expiry.error.expired.replace("{date}", "year") : x === "dateExpired" ? k = a.card.expiry.error.expired.replace("{date}", "date") : x ===
|
|
8283
|
+
x === "expired" ? k = a.card.expiry.error.expired.replace("{date}", "year") : x === "dateExpired" ? k = a.card.expiry.error.expired.replace("{date}", "date") : x === U.Incomplete && (k = a.card.expiry.error.incomplete), d(!1), u(k);
|
|
8284
8284
|
}
|
|
8285
8285
|
return;
|
|
8286
8286
|
}
|
|
@@ -8309,8 +8309,8 @@ const Mr = [
|
|
|
8309
8309
|
endContent: g ? /* @__PURE__ */ h.jsx(rn, {}) : null
|
|
8310
8310
|
}
|
|
8311
8311
|
);
|
|
8312
|
-
}, ds = (e) => e ? null :
|
|
8313
|
-
const i = Be(), s = Ye(), a = Et(), [o, l] =
|
|
8312
|
+
}, ds = (e) => e ? null : U.Empty, L1 = ({ onChange: e, value: t, isTouchSubmit: n, disabled: r }) => {
|
|
8313
|
+
const i = Be(), s = Ye(), a = Et(), [o, l] = S(""), [u, c] = S(!0), [d, p] = S(!1), f = n || d, m = (y) => {
|
|
8314
8314
|
if (ds(y)) {
|
|
8315
8315
|
l(""), c(!0);
|
|
8316
8316
|
return;
|
|
@@ -8348,38 +8348,38 @@ const Mr = [
|
|
|
8348
8348
|
supportedCardTypes: t
|
|
8349
8349
|
}) => e.filter((n) => t.includes(n)).slice(0, 3).map((n) => {
|
|
8350
8350
|
switch (n) {
|
|
8351
|
-
case
|
|
8351
|
+
case Q.Visa:
|
|
8352
8352
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(i1, {}) }, n);
|
|
8353
|
-
case
|
|
8354
|
-
case
|
|
8353
|
+
case Q.Maestro:
|
|
8354
|
+
case Q.Mastercard:
|
|
8355
8355
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(o1, {}) }, n);
|
|
8356
|
-
case
|
|
8356
|
+
case Q.DinersClub:
|
|
8357
8357
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(u1, {}) }, n);
|
|
8358
|
-
case
|
|
8358
|
+
case Q.JCB:
|
|
8359
8359
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(p1, {}) }, n);
|
|
8360
|
-
case
|
|
8360
|
+
case Q.AmericanExpress:
|
|
8361
8361
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(b1, {}) }, n);
|
|
8362
|
-
case
|
|
8362
|
+
case Q.Discover:
|
|
8363
8363
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(g1, {}) }, n);
|
|
8364
|
-
case
|
|
8364
|
+
case Q.UnionPay:
|
|
8365
8365
|
return /* @__PURE__ */ h.jsx("span", { className: Re.iconContainer, children: /* @__PURE__ */ h.jsx(T1, {}) }, n);
|
|
8366
8366
|
default:
|
|
8367
8367
|
return null;
|
|
8368
8368
|
}
|
|
8369
8369
|
}), O1 = ({ onChange: e, value: t, disabled: n, isTouchSubmit: r, supportedCardTypes: i }) => {
|
|
8370
|
-
const s = Be(), a = Ye(), o = Et(), [l, u] =
|
|
8370
|
+
const s = Be(), a = Ye(), o = Et(), [l, u] = S(hs), [c, d] = S(""), [p, f] = S(!0), [m, g] = S(!1), v = r || m, y = (k) => {
|
|
8371
8371
|
const { isValid: C, error: w } = ls(k, i);
|
|
8372
8372
|
if (!C)
|
|
8373
|
-
return w ===
|
|
8373
|
+
return w === U.Empty ? (d(""), f(!0)) : w === U.Unsupported ? (d(a.card.number.error.unsupported), f(!1)) : (d(w === U.Incomplete ? a.card.number.error.incomplete : a.card.number.error.invalid), f(!1)), !1;
|
|
8374
8374
|
f(!1), d("");
|
|
8375
8375
|
}, T = (k) => {
|
|
8376
8376
|
if (n) return;
|
|
8377
8377
|
const { value: C } = k.currentTarget;
|
|
8378
8378
|
d(""), f(!1), m || g(!0);
|
|
8379
|
-
const w = V1(C).map((
|
|
8380
|
-
P.replace(/\D/g, "").length === (
|
|
8379
|
+
const w = V1(C).map((V) => V.type), E = ao(C), P = Yl(C, E?.type || "");
|
|
8380
|
+
P.replace(/\D/g, "").length === (E?.maxLength || 16) && y(P), u(w.length ? w : hs), e({
|
|
8381
8381
|
card: P,
|
|
8382
|
-
cardType:
|
|
8382
|
+
cardType: E?.type || "",
|
|
8383
8383
|
cardTypes: w,
|
|
8384
8384
|
isValid: ls(P).isValid
|
|
8385
8385
|
});
|
|
@@ -8441,35 +8441,35 @@ const Mr = [
|
|
|
8441
8441
|
),
|
|
8442
8442
|
/* @__PURE__ */ h.jsx("span", { className: ps.sr, children: "Loading..." })
|
|
8443
8443
|
] }), $1 = ({ isFetching: e, isFail: t, supportedCardTypes: n, onSubmit: r }) => {
|
|
8444
|
-
const i = Ye(), s = Et(), [a, o] =
|
|
8445
|
-
C({ value:
|
|
8444
|
+
const i = Ye(), s = Et(), [a, o] = S({ value: "", isValid: !1 }), l = Be(), [u, c] = S(""), [d, p] = S(!1), [f, m] = S({ value: "", isValid: !1 }), g = Be(), [v, y] = S(""), [T, x] = S(!1), [k, C] = S({ value: "", isValid: !1 }), [w, E] = S(""), [P, V] = S({ value: "", isValid: !1 }), [I, q] = S(!1), ne = ({ card: M, cardType: L, isValid: J }) => {
|
|
8445
|
+
C({ value: M, isValid: J }), E(L);
|
|
8446
8446
|
const b = An(a.value, L);
|
|
8447
8447
|
o({ value: b, isValid: a.isValid });
|
|
8448
|
-
},
|
|
8449
|
-
const
|
|
8450
|
-
o({ value:
|
|
8451
|
-
},
|
|
8452
|
-
if (
|
|
8453
|
-
const
|
|
8448
|
+
}, W = ({ value: M, isValid: L }) => {
|
|
8449
|
+
const J = An(M, w);
|
|
8450
|
+
o({ value: J, isValid: L });
|
|
8451
|
+
}, $ = (M) => {
|
|
8452
|
+
if (M.preventDefault(), !(k.isValid && f.isValid && a.isValid && P.isValid)) return;
|
|
8453
|
+
const J = /\s/g;
|
|
8454
8454
|
r({
|
|
8455
|
-
number: k.value.replace(
|
|
8456
|
-
expiry: f.value.replace(
|
|
8455
|
+
number: k.value.replace(J, ""),
|
|
8456
|
+
expiry: f.value.replace(J, ""),
|
|
8457
8457
|
cvc: a.value,
|
|
8458
8458
|
name: P.value,
|
|
8459
8459
|
cardBrand: w
|
|
8460
8460
|
});
|
|
8461
|
-
},
|
|
8462
|
-
x(L), y(L ? i.card.expiry.error.required :
|
|
8463
|
-
},
|
|
8464
|
-
p(L), c(L ? i.card.cvc.error.required :
|
|
8461
|
+
}, R = (M, L) => {
|
|
8462
|
+
x(L), y(L ? i.card.expiry.error.required : M);
|
|
8463
|
+
}, ae = (M, L) => {
|
|
8464
|
+
p(L), c(L ? i.card.cvc.error.required : M);
|
|
8465
8465
|
};
|
|
8466
|
-
return /* @__PURE__ */ h.jsxs("form", { onSubmit:
|
|
8466
|
+
return /* @__PURE__ */ h.jsxs("form", { onSubmit: $, className: Mt.card, children: [
|
|
8467
8467
|
/* @__PURE__ */ h.jsx(
|
|
8468
8468
|
O1,
|
|
8469
8469
|
{
|
|
8470
8470
|
value: k.value,
|
|
8471
|
-
onChange:
|
|
8472
|
-
isTouchSubmit:
|
|
8471
|
+
onChange: ne,
|
|
8472
|
+
isTouchSubmit: I,
|
|
8473
8473
|
supportedCardTypes: n,
|
|
8474
8474
|
disabled: e
|
|
8475
8475
|
}
|
|
@@ -8500,9 +8500,9 @@ const Mr = [
|
|
|
8500
8500
|
{
|
|
8501
8501
|
id: g,
|
|
8502
8502
|
value: f.value,
|
|
8503
|
-
onError:
|
|
8503
|
+
onError: R,
|
|
8504
8504
|
onChange: m,
|
|
8505
|
-
isTouchSubmit:
|
|
8505
|
+
isTouchSubmit: I,
|
|
8506
8506
|
disabled: e
|
|
8507
8507
|
}
|
|
8508
8508
|
),
|
|
@@ -8512,9 +8512,9 @@ const Mr = [
|
|
|
8512
8512
|
id: l,
|
|
8513
8513
|
cardType: w,
|
|
8514
8514
|
value: a.value,
|
|
8515
|
-
onError:
|
|
8516
|
-
onChange:
|
|
8517
|
-
isTouchSubmit:
|
|
8515
|
+
onError: ae,
|
|
8516
|
+
onChange: W,
|
|
8517
|
+
isTouchSubmit: I,
|
|
8518
8518
|
disabled: e
|
|
8519
8519
|
}
|
|
8520
8520
|
),
|
|
@@ -8535,7 +8535,7 @@ const Mr = [
|
|
|
8535
8535
|
}
|
|
8536
8536
|
) })
|
|
8537
8537
|
] }),
|
|
8538
|
-
/* @__PURE__ */ h.jsx(L1, { value: P.value, onChange:
|
|
8538
|
+
/* @__PURE__ */ h.jsx(L1, { value: P.value, onChange: V, isTouchSubmit: I, disabled: e }),
|
|
8539
8539
|
t ? /* @__PURE__ */ h.jsx(K1, { title: i.status.error }) : null,
|
|
8540
8540
|
/* @__PURE__ */ h.jsxs(
|
|
8541
8541
|
As,
|
|
@@ -8578,10 +8578,10 @@ const Mr = [
|
|
|
8578
8578
|
* See the License for the specific language governing permissions and
|
|
8579
8579
|
* limitations under the License.
|
|
8580
8580
|
*/
|
|
8581
|
-
var
|
|
8581
|
+
var re;
|
|
8582
8582
|
(function(e) {
|
|
8583
8583
|
e.INITIAL = "initial", e.PENDING = "pending", e.REJECTED = "rejected", e.RESOLVED = "resolved";
|
|
8584
|
-
})(
|
|
8584
|
+
})(re || (re = {}));
|
|
8585
8585
|
var Pe;
|
|
8586
8586
|
(function(e) {
|
|
8587
8587
|
e.LOADING_STATUS = "setLoadingStatus", e.RESET_OPTIONS = "resetOptions", e.SET_BRAINTREE_INSTANCE = "braintreeInstance";
|
|
@@ -8658,7 +8658,7 @@ function ip(e, t) {
|
|
|
8658
8658
|
});
|
|
8659
8659
|
case Pe.RESET_OPTIONS:
|
|
8660
8660
|
return rp(e.options[wt]), z(z({}, e), {
|
|
8661
|
-
loadingStatus:
|
|
8661
|
+
loadingStatus: re.PENDING,
|
|
8662
8662
|
options: z(z((n = {}, n[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, n), t.value), (r = {}, r[wt] = "".concat(co(t.value)), r))
|
|
8663
8663
|
});
|
|
8664
8664
|
case Pe.SET_BRAINTREE_INSTANCE:
|
|
@@ -8669,7 +8669,7 @@ function ip(e, t) {
|
|
|
8669
8669
|
return e;
|
|
8670
8670
|
}
|
|
8671
8671
|
}
|
|
8672
|
-
var uo =
|
|
8672
|
+
var uo = te(null);
|
|
8673
8673
|
function sp(e) {
|
|
8674
8674
|
if (typeof e?.dispatch == "function" && e.dispatch.length !== 0)
|
|
8675
8675
|
return e;
|
|
@@ -8677,16 +8677,16 @@ function sp(e) {
|
|
|
8677
8677
|
}
|
|
8678
8678
|
function ap() {
|
|
8679
8679
|
var e = sp(B(uo)), t = z(z({}, e), {
|
|
8680
|
-
isInitial: e.loadingStatus ===
|
|
8681
|
-
isPending: e.loadingStatus ===
|
|
8682
|
-
isResolved: e.loadingStatus ===
|
|
8683
|
-
isRejected: e.loadingStatus ===
|
|
8680
|
+
isInitial: e.loadingStatus === re.INITIAL,
|
|
8681
|
+
isPending: e.loadingStatus === re.PENDING,
|
|
8682
|
+
isResolved: e.loadingStatus === re.RESOLVED,
|
|
8683
|
+
isRejected: e.loadingStatus === re.REJECTED
|
|
8684
8684
|
});
|
|
8685
8685
|
return [t, e.dispatch];
|
|
8686
8686
|
}
|
|
8687
|
-
|
|
8687
|
+
te({});
|
|
8688
8688
|
function op(e) {
|
|
8689
|
-
var t =
|
|
8689
|
+
var t = ue(new Proxy({}, {
|
|
8690
8690
|
get: function(n, r, i) {
|
|
8691
8691
|
return typeof n[r] == "function" ? function() {
|
|
8692
8692
|
for (var s = [], a = 0; a < arguments.length; a++)
|
|
@@ -8700,44 +8700,44 @@ function op(e) {
|
|
|
8700
8700
|
var Ir = function(e) {
|
|
8701
8701
|
var t, n = e.className, r = n === void 0 ? "" : n, i = e.disabled, s = i === void 0 ? !1 : i, a = e.children, o = e.forceReRender, l = o === void 0 ? [] : o, u = oo(e, ["className", "disabled", "children", "forceReRender"]), c = s ? {
|
|
8702
8702
|
opacity: 0.38
|
|
8703
|
-
} : {}, d = "".concat(r, " ").concat(s ? "paypal-buttons-disabled" : "").trim(), p =
|
|
8704
|
-
function
|
|
8703
|
+
} : {}, d = "".concat(r, " ").concat(s ? "paypal-buttons-disabled" : "").trim(), p = ue(null), f = ue(null), m = op(u), g = ap()[0], v = g.isResolved, y = g.options, T = S(null), x = T[0], k = T[1], C = S(!0), w = C[0], E = C[1], P = S(null), V = P[1];
|
|
8704
|
+
function I() {
|
|
8705
8705
|
f.current !== null && f.current.close().catch(function() {
|
|
8706
8706
|
});
|
|
8707
8707
|
}
|
|
8708
8708
|
return !((t = f.current) === null || t === void 0) && t.updateProps && f.current.updateProps({
|
|
8709
8709
|
message: u.message
|
|
8710
|
-
}),
|
|
8710
|
+
}), se(function() {
|
|
8711
8711
|
if (v === !1)
|
|
8712
|
-
return
|
|
8712
|
+
return I;
|
|
8713
8713
|
var q = ep(y.dataNamespace);
|
|
8714
8714
|
if (q === void 0 || q.Buttons === void 0)
|
|
8715
|
-
return
|
|
8715
|
+
return V(function() {
|
|
8716
8716
|
throw new Error(np({
|
|
8717
8717
|
reactComponentName: Ir.displayName,
|
|
8718
8718
|
sdkComponentKey: "buttons",
|
|
8719
8719
|
sdkRequestedComponents: y.components,
|
|
8720
8720
|
sdkDataNamespace: y[De.DATA_NAMESPACE]
|
|
8721
8721
|
}));
|
|
8722
|
-
}),
|
|
8723
|
-
var
|
|
8724
|
-
k(
|
|
8722
|
+
}), I;
|
|
8723
|
+
var ne = function(W, $) {
|
|
8724
|
+
k($), typeof u.onInit == "function" && u.onInit(W, $);
|
|
8725
8725
|
};
|
|
8726
8726
|
try {
|
|
8727
8727
|
f.current = q.Buttons(z(z({}, m), {
|
|
8728
|
-
onInit:
|
|
8728
|
+
onInit: ne
|
|
8729
8729
|
}));
|
|
8730
|
-
} catch (
|
|
8731
|
-
return
|
|
8732
|
-
throw new Error("Failed to render <PayPalButtons /> component. Failed to initialize: ".concat(
|
|
8730
|
+
} catch (W) {
|
|
8731
|
+
return V(function() {
|
|
8732
|
+
throw new Error("Failed to render <PayPalButtons /> component. Failed to initialize: ".concat(W));
|
|
8733
8733
|
});
|
|
8734
8734
|
}
|
|
8735
|
-
return f.current.isEligible() === !1 ? (
|
|
8736
|
-
p.current === null || p.current.children.length === 0 ||
|
|
8737
|
-
throw new Error("Failed to render <PayPalButtons /> component. ".concat(
|
|
8735
|
+
return f.current.isEligible() === !1 ? (E(!1), I) : (p.current && f.current.render(p.current).catch(function(W) {
|
|
8736
|
+
p.current === null || p.current.children.length === 0 || V(function() {
|
|
8737
|
+
throw new Error("Failed to render <PayPalButtons /> component. ".concat(W));
|
|
8738
8738
|
});
|
|
8739
|
-
}),
|
|
8740
|
-
}, ms(ms([v], l, !0), [u.fundingSource], !1)),
|
|
8739
|
+
}), I);
|
|
8740
|
+
}, ms(ms([v], l, !0), [u.fundingSource], !1)), se(function() {
|
|
8741
8741
|
x !== null && (s === !0 ? x.disable().catch(function() {
|
|
8742
8742
|
}) : x.enable().catch(function() {
|
|
8743
8743
|
}));
|
|
@@ -8859,26 +8859,26 @@ var yp = function(e) {
|
|
|
8859
8859
|
clientId: "test"
|
|
8860
8860
|
} : n, i = e.children, s = e.deferLoading, a = s === void 0 ? !1 : s, o = Co(ip, {
|
|
8861
8861
|
options: z(z({}, r), (t = {}, t[De.DATA_JS_SDK_LIBRARY] = De.DATA_LIBRARY_VALUE, t[De.DATA_SDK_INTEGRATION_SOURCE] = De.DATA_LIBRARY_VALUE, t[wt] = "".concat(co(r)), t)),
|
|
8862
|
-
loadingStatus: a ?
|
|
8862
|
+
loadingStatus: a ? re.INITIAL : re.PENDING
|
|
8863
8863
|
}), l = o[0], u = o[1];
|
|
8864
|
-
return
|
|
8865
|
-
if (a === !1 && l.loadingStatus ===
|
|
8864
|
+
return se(function() {
|
|
8865
|
+
if (a === !1 && l.loadingStatus === re.INITIAL)
|
|
8866
8866
|
return u({
|
|
8867
8867
|
type: Pe.LOADING_STATUS,
|
|
8868
|
-
value:
|
|
8868
|
+
value: re.PENDING
|
|
8869
8869
|
});
|
|
8870
|
-
if (l.loadingStatus ===
|
|
8870
|
+
if (l.loadingStatus === re.PENDING) {
|
|
8871
8871
|
var c = !0;
|
|
8872
8872
|
return mp(l.options).then(function() {
|
|
8873
8873
|
c && u({
|
|
8874
8874
|
type: Pe.LOADING_STATUS,
|
|
8875
|
-
value:
|
|
8875
|
+
value: re.RESOLVED
|
|
8876
8876
|
});
|
|
8877
8877
|
}).catch(function(d) {
|
|
8878
8878
|
console.error("".concat(J1, " ").concat(d)), c && u({
|
|
8879
8879
|
type: Pe.LOADING_STATUS,
|
|
8880
8880
|
value: {
|
|
8881
|
-
state:
|
|
8881
|
+
state: re.REJECTED,
|
|
8882
8882
|
message: String(d)
|
|
8883
8883
|
}
|
|
8884
8884
|
});
|
|
@@ -8894,7 +8894,7 @@ var yp = function(e) {
|
|
|
8894
8894
|
};
|
|
8895
8895
|
function ys() {
|
|
8896
8896
|
}
|
|
8897
|
-
|
|
8897
|
+
te({
|
|
8898
8898
|
cardFieldsForm: null,
|
|
8899
8899
|
fields: {},
|
|
8900
8900
|
registerField: ys,
|
|
@@ -8903,14 +8903,15 @@ ee({
|
|
|
8903
8903
|
});
|
|
8904
8904
|
const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
8905
8905
|
paypalBtn: vp
|
|
8906
|
-
}, xp = ({ onCreate: e, onApprove: t,
|
|
8906
|
+
}, xp = ({ onCreate: e, onApprove: t, onReady: n, transaction: r }) => /* @__PURE__ */ h.jsx("div", { className: bp.paypalBtn, children: /* @__PURE__ */ h.jsx(yp, { options: { clientId: "test", vault: !0 }, children: /* @__PURE__ */ h.jsx(
|
|
8907
8907
|
Ir,
|
|
8908
8908
|
{
|
|
8909
8909
|
style: { layout: "vertical", tagline: !1, height: 40, borderRadius: 12 },
|
|
8910
8910
|
fundingSource: "paypal",
|
|
8911
|
-
|
|
8912
|
-
|
|
8913
|
-
|
|
8911
|
+
onInit: n,
|
|
8912
|
+
createBillingAgreement: async () => await e(r),
|
|
8913
|
+
onApprove: async ({ billingToken: i }) => {
|
|
8914
|
+
i && t(i);
|
|
8914
8915
|
}
|
|
8915
8916
|
}
|
|
8916
8917
|
) }) }), Cp = (e) => !e || !e.amount || !e.currency || !e.country || !e.merchantId || e.checkoutConfig && !e.checkoutConfig?.find(({ is_active: n, type: r }) => n && r === "google-pay") ? null : {
|
|
@@ -8938,23 +8939,23 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
8938
8939
|
]
|
|
8939
8940
|
}, kp = (e = []) => e.reduce((t, n) => {
|
|
8940
8941
|
switch (n) {
|
|
8941
|
-
case
|
|
8942
|
+
case Q.Visa:
|
|
8942
8943
|
return t.push("visa"), t;
|
|
8943
|
-
case
|
|
8944
|
+
case Q.Mastercard:
|
|
8944
8945
|
return t.push("masterCard"), t;
|
|
8945
|
-
case
|
|
8946
|
+
case Q.AmericanExpress:
|
|
8946
8947
|
return t.push("amex"), t;
|
|
8947
|
-
case
|
|
8948
|
+
case Q.Discover:
|
|
8948
8949
|
return t.push("discover"), t;
|
|
8949
|
-
case
|
|
8950
|
+
case Q.JCB:
|
|
8950
8951
|
return t.push("jcb"), t;
|
|
8951
|
-
case
|
|
8952
|
+
case Q.UnionPay:
|
|
8952
8953
|
return t.push("chinaUnionPay"), t;
|
|
8953
8954
|
default:
|
|
8954
8955
|
return t;
|
|
8955
8956
|
}
|
|
8956
8957
|
}, []), Pp = ({ onError: e, onSubmit: t, onReset: n, clientToken: r }) => {
|
|
8957
|
-
const i = xl(), s = vl(), [a, o] =
|
|
8958
|
+
const i = xl(), s = vl(), [a, o] = S(!1), [l, u] = S(!1), [c, d] = S(!1), [p, f] = S(!1), [m, g] = S(!1), { googlePay: v, applePay: y, paypal: T } = ve(
|
|
8958
8959
|
() => ({
|
|
8959
8960
|
googlePay: Cp(s),
|
|
8960
8961
|
applePay: Tp(s),
|
|
@@ -8962,106 +8963,110 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
8962
8963
|
}),
|
|
8963
8964
|
[s]
|
|
8964
8965
|
);
|
|
8965
|
-
|
|
8966
|
-
const
|
|
8967
|
-
|
|
8966
|
+
se(() => {
|
|
8967
|
+
const R = setTimeout(() => {
|
|
8968
|
+
g(!0);
|
|
8968
8969
|
}, 2e3);
|
|
8969
|
-
return () => clearTimeout(
|
|
8970
|
+
return () => clearTimeout(R);
|
|
8970
8971
|
}, []);
|
|
8971
|
-
const
|
|
8972
|
-
async (
|
|
8972
|
+
const x = D(
|
|
8973
|
+
async (R) => {
|
|
8973
8974
|
if (!i) return;
|
|
8974
8975
|
n?.();
|
|
8975
|
-
const
|
|
8976
|
+
const ae = await i?.encrypt(R.number), M = await i?.encrypt(R.cvc), [L, J] = R.expiry.split("/");
|
|
8976
8977
|
t({
|
|
8977
8978
|
clientSession: r,
|
|
8978
8979
|
card: {
|
|
8979
|
-
firstSixDigits:
|
|
8980
|
-
lastFourDigits:
|
|
8981
|
-
expMonth: Number(
|
|
8982
|
-
expYear: Number(
|
|
8983
|
-
cardBrand:
|
|
8984
|
-
number:
|
|
8985
|
-
cvc:
|
|
8980
|
+
firstSixDigits: R.number.slice(0, 6),
|
|
8981
|
+
lastFourDigits: R.number.slice(-4),
|
|
8982
|
+
expMonth: Number(L),
|
|
8983
|
+
expYear: Number(J),
|
|
8984
|
+
cardBrand: R.cardBrand || "",
|
|
8985
|
+
number: ae,
|
|
8986
|
+
cvc: M,
|
|
8986
8987
|
type: xs.Card,
|
|
8987
8988
|
metadata: {
|
|
8988
|
-
name:
|
|
8989
|
+
name: R.name,
|
|
8989
8990
|
userAgent: "navigator" in global ? navigator?.userAgent : ""
|
|
8990
8991
|
}
|
|
8991
8992
|
}
|
|
8992
8993
|
});
|
|
8993
8994
|
},
|
|
8994
8995
|
[i, t, n, r]
|
|
8995
|
-
),
|
|
8996
|
-
(
|
|
8996
|
+
), k = D(
|
|
8997
|
+
(R) => {
|
|
8997
8998
|
t({
|
|
8998
8999
|
clientSession: r,
|
|
8999
|
-
googlePay:
|
|
9000
|
+
googlePay: R
|
|
9000
9001
|
});
|
|
9001
9002
|
},
|
|
9002
9003
|
[t, r]
|
|
9003
|
-
),
|
|
9004
|
-
|
|
9005
|
-
}, []),
|
|
9006
|
-
(
|
|
9007
|
-
console.error(
|
|
9004
|
+
), C = D(() => {
|
|
9005
|
+
d(!0);
|
|
9006
|
+
}, []), w = D(
|
|
9007
|
+
(R) => {
|
|
9008
|
+
console.error(R), e(R);
|
|
9008
9009
|
},
|
|
9009
9010
|
[e]
|
|
9010
|
-
),
|
|
9011
|
-
(
|
|
9011
|
+
), E = D(
|
|
9012
|
+
(R) => {
|
|
9012
9013
|
t({
|
|
9013
9014
|
clientSession: r,
|
|
9014
|
-
applePay:
|
|
9015
|
+
applePay: R
|
|
9015
9016
|
});
|
|
9016
9017
|
},
|
|
9017
9018
|
[t, r]
|
|
9018
|
-
),
|
|
9019
|
-
(
|
|
9020
|
-
console.error(
|
|
9019
|
+
), P = D(
|
|
9020
|
+
(R) => {
|
|
9021
|
+
console.error(R), e(R);
|
|
9021
9022
|
},
|
|
9022
9023
|
[e]
|
|
9023
|
-
),
|
|
9024
|
-
|
|
9025
|
-
}, []),
|
|
9026
|
-
|
|
9027
|
-
|
|
9028
|
-
|
|
9029
|
-
|
|
9030
|
-
|
|
9031
|
-
|
|
9032
|
-
|
|
9033
|
-
|
|
9024
|
+
), V = D(() => {
|
|
9025
|
+
f(!0);
|
|
9026
|
+
}, []), I = D(() => {
|
|
9027
|
+
u(!0);
|
|
9028
|
+
}, []), q = D(async () => {
|
|
9029
|
+
const R = await Eo(r);
|
|
9030
|
+
if (R.error) {
|
|
9031
|
+
const ae = R.error || "Paypal request failed";
|
|
9032
|
+
throw e(ae), ae;
|
|
9033
|
+
}
|
|
9034
|
+
return R.paypalAgreementTokenResponse.token_id || "";
|
|
9035
|
+
}, [r, e]), ne = D(
|
|
9036
|
+
(R) => {
|
|
9034
9037
|
t({
|
|
9035
9038
|
clientSession: r,
|
|
9036
9039
|
paypal: {
|
|
9037
|
-
billing_agreement_token:
|
|
9040
|
+
billing_agreement_token: R
|
|
9038
9041
|
}
|
|
9039
9042
|
});
|
|
9040
9043
|
},
|
|
9041
9044
|
[t, r]
|
|
9042
|
-
),
|
|
9045
|
+
), W = D(() => {
|
|
9043
9046
|
n?.(), o(!0);
|
|
9044
|
-
}, [n]),
|
|
9047
|
+
}, [n]), $ = D(() => {
|
|
9045
9048
|
n?.(), o(!1);
|
|
9046
9049
|
}, [n]);
|
|
9047
9050
|
return {
|
|
9048
9051
|
isCardOpen: a,
|
|
9049
9052
|
transaction: s,
|
|
9050
|
-
isReady: (!
|
|
9051
|
-
googlePay:
|
|
9052
|
-
applePay:
|
|
9053
|
-
paypal:
|
|
9054
|
-
|
|
9055
|
-
|
|
9056
|
-
|
|
9057
|
-
|
|
9058
|
-
|
|
9059
|
-
|
|
9060
|
-
|
|
9061
|
-
|
|
9062
|
-
|
|
9063
|
-
|
|
9064
|
-
|
|
9053
|
+
isReady: (!v || c) && (!y || p) && (!T || l) && m,
|
|
9054
|
+
googlePay: v,
|
|
9055
|
+
applePay: y,
|
|
9056
|
+
paypal: T,
|
|
9057
|
+
isPayPalReady: l,
|
|
9058
|
+
handlePayPalReady: I,
|
|
9059
|
+
handleGooglePayReady: C,
|
|
9060
|
+
handleApplePayReady: V,
|
|
9061
|
+
handlePayCard: x,
|
|
9062
|
+
handleGooglePay: k,
|
|
9063
|
+
handleGooglePayError: w,
|
|
9064
|
+
handleApplePay: E,
|
|
9065
|
+
handleApplePayError: P,
|
|
9066
|
+
handleCardOpen: W,
|
|
9067
|
+
handleCardClose: $,
|
|
9068
|
+
handlePayPalCreate: q,
|
|
9069
|
+
handlePayPal: ne
|
|
9065
9070
|
};
|
|
9066
9071
|
}, Ap = {
|
|
9067
9072
|
initial: { y: 100, opacity: 0 },
|
|
@@ -9183,17 +9188,19 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9183
9188
|
handlePayPalCreate: v,
|
|
9184
9189
|
handlePayPal: y,
|
|
9185
9190
|
handlePayCard: T,
|
|
9186
|
-
|
|
9187
|
-
|
|
9188
|
-
|
|
9189
|
-
|
|
9190
|
-
|
|
9191
|
-
|
|
9192
|
-
|
|
9193
|
-
|
|
9194
|
-
|
|
9195
|
-
|
|
9196
|
-
|
|
9191
|
+
handlePayPalReady: x,
|
|
9192
|
+
handleApplePayReady: k,
|
|
9193
|
+
handleGooglePayReady: C,
|
|
9194
|
+
handleApplePayError: w,
|
|
9195
|
+
handleGooglePayError: E,
|
|
9196
|
+
isPayPalReady: P,
|
|
9197
|
+
isReady: V,
|
|
9198
|
+
isCardOpen: I,
|
|
9199
|
+
transaction: q,
|
|
9200
|
+
googlePay: ne,
|
|
9201
|
+
applePay: W,
|
|
9202
|
+
paypal: $
|
|
9203
|
+
} = Pp({ onSubmit: e, onError: t, onReset: n, clientToken: o }), R = /* @__PURE__ */ h.jsx(
|
|
9197
9204
|
$1,
|
|
9198
9205
|
{
|
|
9199
9206
|
isFetching: a,
|
|
@@ -9202,43 +9209,52 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9202
9209
|
supportedCardTypes: l
|
|
9203
9210
|
},
|
|
9204
9211
|
"card"
|
|
9205
|
-
),
|
|
9206
|
-
"apple-pay":
|
|
9212
|
+
), ae = {
|
|
9213
|
+
"apple-pay": (!$ || P) && W ? /* @__PURE__ */ h.jsx(
|
|
9207
9214
|
Dl,
|
|
9208
9215
|
{
|
|
9209
|
-
onError:
|
|
9216
|
+
onError: w,
|
|
9210
9217
|
onSubmit: p,
|
|
9211
|
-
onReady:
|
|
9212
|
-
transaction:
|
|
9218
|
+
onReady: k,
|
|
9219
|
+
transaction: W,
|
|
9213
9220
|
locale: Lp(c),
|
|
9214
9221
|
supportedCardTypes: l && kp(l)
|
|
9215
9222
|
},
|
|
9216
9223
|
"apple-pay"
|
|
9217
9224
|
) : null,
|
|
9218
|
-
"google-pay":
|
|
9225
|
+
"google-pay": ne ? /* @__PURE__ */ h.jsx(
|
|
9219
9226
|
Ml,
|
|
9220
9227
|
{
|
|
9221
|
-
onError:
|
|
9228
|
+
onError: E,
|
|
9222
9229
|
onSubmit: g,
|
|
9223
|
-
onReady:
|
|
9230
|
+
onReady: C,
|
|
9224
9231
|
locale: Dp(c),
|
|
9225
|
-
transaction:
|
|
9232
|
+
transaction: ne
|
|
9226
9233
|
},
|
|
9227
9234
|
"google-pay"
|
|
9228
9235
|
) : null,
|
|
9229
|
-
paypal:
|
|
9236
|
+
paypal: $ ? /* @__PURE__ */ h.jsx(
|
|
9237
|
+
xp,
|
|
9238
|
+
{
|
|
9239
|
+
transaction: $,
|
|
9240
|
+
onReady: x,
|
|
9241
|
+
onCreate: v,
|
|
9242
|
+
onApprove: y
|
|
9243
|
+
},
|
|
9244
|
+
"paypal"
|
|
9245
|
+
) : null,
|
|
9230
9246
|
card: s === "compact" ? /* @__PURE__ */ h.jsxs(As, { color: "success", onClick: m, className: ye.cardBtn, children: [
|
|
9231
9247
|
/* @__PURE__ */ h.jsx(t1, {}),
|
|
9232
9248
|
u.card.compact.button
|
|
9233
9249
|
] }, "card") : null
|
|
9234
9250
|
};
|
|
9235
9251
|
return r ? /* @__PURE__ */ h.jsx(mt.div, { variants: Ft.success, animate: "animate", initial: Ft.success.initial, children: /* @__PURE__ */ h.jsx(Ip, { title: u.status.success }) }) : s === "compact" ? /* @__PURE__ */ h.jsxs("div", { className: ye.container, dir: d, children: [
|
|
9236
|
-
|
|
9252
|
+
V ? null : /* @__PURE__ */ h.jsx("div", { className: ye.spinnerContainer, children: /* @__PURE__ */ h.jsx(Hn, { className: ye.spinner }) }),
|
|
9237
9253
|
/* @__PURE__ */ h.jsxs(
|
|
9238
9254
|
"div",
|
|
9239
9255
|
{
|
|
9240
9256
|
style: {
|
|
9241
|
-
display:
|
|
9257
|
+
display: V ? "block" : "none",
|
|
9242
9258
|
position: "relative",
|
|
9243
9259
|
width: "100%",
|
|
9244
9260
|
maxWidth: "640px",
|
|
@@ -9249,14 +9265,14 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9249
9265
|
mt.div,
|
|
9250
9266
|
{
|
|
9251
9267
|
variants: Ft.btnVariants,
|
|
9252
|
-
animate:
|
|
9268
|
+
animate: I ? "close" : "open",
|
|
9253
9269
|
style: {
|
|
9254
9270
|
position: "relative",
|
|
9255
9271
|
width: "100%",
|
|
9256
9272
|
height: "auto"
|
|
9257
9273
|
},
|
|
9258
9274
|
className: ye.btnContainer,
|
|
9259
|
-
children:
|
|
9275
|
+
children: q?.checkoutConfig.map(({ type: M, is_active: L }) => L && ae[M] || null)
|
|
9260
9276
|
},
|
|
9261
9277
|
"btnVariants"
|
|
9262
9278
|
),
|
|
@@ -9264,7 +9280,7 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9264
9280
|
mt.div,
|
|
9265
9281
|
{
|
|
9266
9282
|
variants: Ft.variants,
|
|
9267
|
-
animate:
|
|
9283
|
+
animate: I ? "open" : "close",
|
|
9268
9284
|
style: {
|
|
9269
9285
|
position: "relative",
|
|
9270
9286
|
width: "100%",
|
|
@@ -9272,7 +9288,7 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9272
9288
|
},
|
|
9273
9289
|
children: [
|
|
9274
9290
|
/* @__PURE__ */ h.jsx("div", { onClick: f, className: ye.backBtn, children: /* @__PURE__ */ h.jsx(Jh, {}) }),
|
|
9275
|
-
|
|
9291
|
+
R
|
|
9276
9292
|
]
|
|
9277
9293
|
},
|
|
9278
9294
|
"cardVariants"
|
|
@@ -9281,10 +9297,10 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9281
9297
|
}
|
|
9282
9298
|
)
|
|
9283
9299
|
] }) : /* @__PURE__ */ h.jsxs("div", { className: ye.container, dir: d, children: [
|
|
9284
|
-
|
|
9285
|
-
/* @__PURE__ */ h.jsxs("div", { style: { display:
|
|
9286
|
-
|
|
9287
|
-
|
|
9300
|
+
V ? null : /* @__PURE__ */ h.jsx("div", { className: ye.spinnerContainer, children: /* @__PURE__ */ h.jsx(Hn, { className: ye.spinner }) }),
|
|
9301
|
+
/* @__PURE__ */ h.jsxs("div", { style: { display: V ? "block" : "none" }, children: [
|
|
9302
|
+
q?.checkoutConfig.map(({ type: M, is_active: L }) => L && ae[M] || null),
|
|
9303
|
+
R
|
|
9288
9304
|
] })
|
|
9289
9305
|
] });
|
|
9290
9306
|
}, _p = ({
|
|
@@ -9321,9 +9337,9 @@ const vp = "_paypalBtn_2m8yd_1", bp = {
|
|
|
9321
9337
|
};
|
|
9322
9338
|
export {
|
|
9323
9339
|
_p as AblePayModule,
|
|
9324
|
-
|
|
9340
|
+
Q as CardType,
|
|
9325
9341
|
_p as CheckoutForm,
|
|
9326
|
-
|
|
9342
|
+
U as InputError,
|
|
9327
9343
|
Mr as cardTypes
|
|
9328
9344
|
};
|
|
9329
9345
|
//# sourceMappingURL=index.es.js.map
|