@paynext/sdk 0.0.126 → 0.0.128
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 +760 -803
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +19 -19
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
var
|
|
1
|
+
var kr = Object.defineProperty, Er = Object.defineProperties;
|
|
2
2
|
var xr = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var
|
|
3
|
+
var st = Object.getOwnPropertySymbols;
|
|
4
4
|
var yn = Object.prototype.hasOwnProperty, Cn = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var xt = (n, e, t) => e in n ?
|
|
5
|
+
var xt = (n, e, t) => e in n ? kr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, y = (n, e) => {
|
|
6
6
|
for (var t in e || (e = {}))
|
|
7
7
|
yn.call(e, t) && xt(n, t, e[t]);
|
|
8
|
-
if (
|
|
9
|
-
for (var t of
|
|
8
|
+
if (st)
|
|
9
|
+
for (var t of st(e))
|
|
10
10
|
Cn.call(e, t) && xt(n, t, e[t]);
|
|
11
11
|
return n;
|
|
12
|
-
}, M = (n, e) =>
|
|
12
|
+
}, M = (n, e) => Er(n, xr(e));
|
|
13
13
|
var ae = (n, e) => {
|
|
14
14
|
var t = {};
|
|
15
15
|
for (var i in n)
|
|
16
16
|
yn.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
|
|
17
|
-
if (n != null &&
|
|
18
|
-
for (var i of
|
|
17
|
+
if (n != null && st)
|
|
18
|
+
for (var i of st(n))
|
|
19
19
|
e.indexOf(i) < 0 && Cn.call(n, i) && (t[i] = n[i]);
|
|
20
20
|
return t;
|
|
21
21
|
};
|
|
22
22
|
var c = (n, e, t) => xt(n, typeof e != "symbol" ? e + "" : e, t);
|
|
23
|
-
var
|
|
23
|
+
var E = (n, e, t) => new Promise((i, r) => {
|
|
24
24
|
var a = (l) => {
|
|
25
25
|
try {
|
|
26
26
|
o(t.next(l));
|
|
@@ -44,7 +44,7 @@ class iu {
|
|
|
44
44
|
typeof window != "undefined" && (this.parent = e);
|
|
45
45
|
}
|
|
46
46
|
mount(e) {
|
|
47
|
-
return
|
|
47
|
+
return E(this, null, function* () {
|
|
48
48
|
if (!this.parent)
|
|
49
49
|
return;
|
|
50
50
|
if (!this.core) {
|
|
@@ -62,13 +62,13 @@ class iu {
|
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
unmount() {
|
|
65
|
-
return
|
|
65
|
+
return E(this, null, function* () {
|
|
66
66
|
!this.parent || !this.core || (this.parent.innerHTML = "", this.core.clearState());
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
var
|
|
71
|
-
const
|
|
70
|
+
var T = /* @__PURE__ */ ((n) => (n.PAYPAL = "PAYPAL", n.APPLE_PAY = "APPLEPAY", n.GOOGLE_PAY = "GPAY", n.CARD = "CARD", n.VENMO = "VENMO", n))(T || {}), Pt = /* @__PURE__ */ ((n) => (n.PENDING = "PENDING", n.FAILED = "FAILED", n.AUTHORIZED = "AUTHORIZED", n.SETTLING = "SETTLING", n.SETTLED = "SETTLED", n.DECLINED = "DECLINED", n.CANCELLED = "CANCELLED", n))(Pt || {}), Dt = /* @__PURE__ */ ((n) => (n.INSUFFICIENT_FUNDS = "insufficient_funds", n.AUTHENTICATION_REQUIRED = "authentication_required", n.CARD_ISSUER_DECLINE = "card_issuer_decline", n.GENERIC_DECLINE = "generic_decline", n.WITHDRAWAL_LIMIT_EXCEEDED = "withdrawal_limit_exceeded", n.DO_NOT_HONOR = "do_not_honor", n.EXPIRED_CARD = "expired_card", n.SUSPECTED_FRAUD = "suspected_fraud", n.INCORRECT_CVC = "incorrect_cvc", n.INVALID_CARD_NUMBER = "invalid_card_number", n.ISSUER_UNAVAILABLE = "issuer_unavailable", n.CARD_LOST_OR_STOLEN = "card_lost_or_stolen", n.CARD_DECLINED = "card_declined", n))(Dt || {});
|
|
71
|
+
const kn = {
|
|
72
72
|
appIds: {
|
|
73
73
|
develop: "app_00b96c0c3011",
|
|
74
74
|
staging: "app_00396c84ac2b",
|
|
@@ -83,26 +83,26 @@ const En = {
|
|
|
83
83
|
production: "https://api.paynext.com"
|
|
84
84
|
})[n], Tr = [
|
|
85
85
|
{
|
|
86
|
-
type:
|
|
86
|
+
type: T.PAYPAL,
|
|
87
87
|
order: 1,
|
|
88
88
|
is_active: !0
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
|
-
type:
|
|
91
|
+
type: T.APPLE_PAY,
|
|
92
92
|
order: 2,
|
|
93
93
|
is_active: !0
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
|
-
type:
|
|
96
|
+
type: T.GOOGLE_PAY,
|
|
97
97
|
order: 3,
|
|
98
98
|
is_active: !0
|
|
99
99
|
},
|
|
100
100
|
{
|
|
101
|
-
type:
|
|
101
|
+
type: T.CARD,
|
|
102
102
|
order: 4,
|
|
103
103
|
is_active: !0
|
|
104
104
|
}
|
|
105
|
-
],
|
|
105
|
+
], _r = (n) => n.googlePay ? T.GOOGLE_PAY : n.applePay ? T.APPLE_PAY : n.paypal ? T.PAYPAL : n.braintree ? T.VENMO : T.CARD, Ar = (n) => {
|
|
106
106
|
const e = n.card;
|
|
107
107
|
if (e)
|
|
108
108
|
return {
|
|
@@ -121,7 +121,7 @@ const En = {
|
|
|
121
121
|
last4: e.lastFourDigits,
|
|
122
122
|
number: e.number
|
|
123
123
|
};
|
|
124
|
-
},
|
|
124
|
+
}, Lr = (n) => {
|
|
125
125
|
var t;
|
|
126
126
|
const e = n.paypal;
|
|
127
127
|
if ((t = e == null ? void 0 : e.billing_agreement_token) != null && t.paypalId)
|
|
@@ -129,16 +129,16 @@ const En = {
|
|
|
129
129
|
billing_agreement_token: e.billing_agreement_token.paypalId
|
|
130
130
|
};
|
|
131
131
|
}, Vr = (n) => {
|
|
132
|
-
var t, i;
|
|
132
|
+
var t, i, r, a, s, o, l, u, d, h, m, p, g, b, v, k, L, w;
|
|
133
133
|
const e = n.googlePay;
|
|
134
134
|
if (e != null && e.token)
|
|
135
135
|
return {
|
|
136
136
|
cryptogram: e.cryptogram,
|
|
137
137
|
eci: e.eci,
|
|
138
|
-
exp_month: (t = e.card)
|
|
139
|
-
exp_year: (
|
|
140
|
-
token: e.token.number,
|
|
141
|
-
token_service_provider: e.token.tokenServiceProvider
|
|
138
|
+
exp_month: (i = (t = e.card) == null ? void 0 : t.expiry) != null && i.month || (a = (r = e.token) == null ? void 0 : r.expiry) != null && a.month ? Number(((o = (s = e.card) == null ? void 0 : s.expiry) == null ? void 0 : o.month) || ((u = (l = e.token) == null ? void 0 : l.expiry) == null ? void 0 : u.month)) : void 0,
|
|
139
|
+
exp_year: (h = (d = e.card) == null ? void 0 : d.expiry) != null && h.year || (p = (m = e.token) == null ? void 0 : m.expiry) != null && p.year ? Number(((b = (g = e.card) == null ? void 0 : g.expiry) == null ? void 0 : b.year) || ((k = (v = e.token) == null ? void 0 : v.expiry) == null ? void 0 : k.year)) : void 0,
|
|
140
|
+
token: (L = e.token) == null ? void 0 : L.number,
|
|
141
|
+
token_service_provider: (w = e.token) == null ? void 0 : w.tokenServiceProvider
|
|
142
142
|
};
|
|
143
143
|
}, Ir = (n) => {
|
|
144
144
|
var t, i, r, a, s, o;
|
|
@@ -158,8 +158,8 @@ const En = {
|
|
|
158
158
|
return {
|
|
159
159
|
payment_method_nonce: e.nonce
|
|
160
160
|
};
|
|
161
|
-
},
|
|
162
|
-
var i, r, a, s, o, l, u, d, h, m, p, g, b,
|
|
161
|
+
}, En = (n) => {
|
|
162
|
+
var i, r, a, s, o, l, u, d, h, m, p, g, b, v;
|
|
163
163
|
const { applePay: e, googlePay: t } = n;
|
|
164
164
|
if (!(!e && !t))
|
|
165
165
|
return {
|
|
@@ -168,10 +168,10 @@ const En = {
|
|
|
168
168
|
line1: ((l = (o = e == null ? void 0 : e.billingContact) == null ? void 0 : o.addressLines) == null ? void 0 : l.at(0)) || ((u = t == null ? void 0 : t.billingAddress) == null ? void 0 : u.address1) || void 0,
|
|
169
169
|
line2: ((h = (d = e == null ? void 0 : e.billingContact) == null ? void 0 : d.addressLines) == null ? void 0 : h.at(1)) || ((m = t == null ? void 0 : t.billingAddress) == null ? void 0 : m.address2) || void 0,
|
|
170
170
|
postal_code: ((p = e == null ? void 0 : e.billingContact) == null ? void 0 : p.postalCode) || ((g = t == null ? void 0 : t.billingAddress) == null ? void 0 : g.postalCode) || void 0,
|
|
171
|
-
state: ((b = e == null ? void 0 : e.billingContact) == null ? void 0 : b.administrativeArea) || ((
|
|
171
|
+
state: ((b = e == null ? void 0 : e.billingContact) == null ? void 0 : b.administrativeArea) || ((v = t == null ? void 0 : t.billingAddress) == null ? void 0 : v.administrativeArea) || void 0
|
|
172
172
|
};
|
|
173
173
|
}, xn = (n) => {
|
|
174
|
-
var r, a, s, o, l, u, d, h, m, p, g, b,
|
|
174
|
+
var r, a, s, o, l, u, d, h, m, p, g, b, v, k, L, w, I, _, D, C, x, R, O;
|
|
175
175
|
const { card: e, googlePay: t, applePay: i } = n;
|
|
176
176
|
if (!(!e && !(t != null && t.card) && !(i != null && i.card)))
|
|
177
177
|
return {
|
|
@@ -185,10 +185,10 @@ const En = {
|
|
|
185
185
|
type: (e == null ? void 0 : e.type) || ((g = t == null ? void 0 : t.card) == null ? void 0 : g.segment) || ((b = i == null ? void 0 : i.card) == null ? void 0 : b.segment)
|
|
186
186
|
},
|
|
187
187
|
cvc: e == null ? void 0 : e.cvc,
|
|
188
|
-
exp_month: e != null && e.expMonth || (
|
|
189
|
-
exp_year: e != null && e.expYear || (
|
|
190
|
-
last4: (e == null ? void 0 : e.lastFourDigits) || ((
|
|
191
|
-
number: (e == null ? void 0 : e.number) || ((
|
|
188
|
+
exp_month: e != null && e.expMonth || (k = (v = t == null ? void 0 : t.card) == null ? void 0 : v.expiry) != null && k.month ? Number((e == null ? void 0 : e.expMonth) || ((w = (L = t == null ? void 0 : t.card) == null ? void 0 : L.expiry) == null ? void 0 : w.month)) : void 0,
|
|
189
|
+
exp_year: e != null && e.expYear || (_ = (I = t == null ? void 0 : t.card) == null ? void 0 : I.expiry) != null && _.year ? Number((e == null ? void 0 : e.expYear) || ((C = (D = t == null ? void 0 : t.card) == null ? void 0 : D.expiry) == null ? void 0 : C.year)) : void 0,
|
|
190
|
+
last4: (e == null ? void 0 : e.lastFourDigits) || ((x = t == null ? void 0 : t.card) == null ? void 0 : x.lastFour) || ((R = i == null ? void 0 : i.card) == null ? void 0 : R.lastFour),
|
|
191
|
+
number: (e == null ? void 0 : e.number) || ((O = t == null ? void 0 : t.card) == null ? void 0 : O.number)
|
|
192
192
|
};
|
|
193
193
|
}, wn = (n) => {
|
|
194
194
|
var i, r;
|
|
@@ -196,45 +196,45 @@ const En = {
|
|
|
196
196
|
return (i = e == null ? void 0 : e.billingContact) != null && i.givenName ? `${e.billingContact.givenName} ${e.billingContact.familyName || ""}`.trim() : (r = t == null ? void 0 : t.metadata) == null ? void 0 : r.name;
|
|
197
197
|
}, Pr = (n) => {
|
|
198
198
|
var i, r, a, s, o, l, u, d;
|
|
199
|
-
const e =
|
|
199
|
+
const e = _r(n), t = {
|
|
200
200
|
client_session: n.clientSession,
|
|
201
201
|
three_ds_session_id: n.threeDsSessionId,
|
|
202
202
|
type: e
|
|
203
203
|
};
|
|
204
204
|
switch (e) {
|
|
205
|
-
case
|
|
206
|
-
return M(
|
|
205
|
+
case T.CARD:
|
|
206
|
+
return M(y({}, t), {
|
|
207
207
|
name: wn(n),
|
|
208
|
-
card:
|
|
208
|
+
card: Ar(n)
|
|
209
209
|
});
|
|
210
|
-
case
|
|
211
|
-
return M(
|
|
212
|
-
paypal:
|
|
210
|
+
case T.PAYPAL:
|
|
211
|
+
return M(y({}, t), {
|
|
212
|
+
paypal: Lr(n)
|
|
213
213
|
});
|
|
214
|
-
case
|
|
215
|
-
return M(
|
|
214
|
+
case T.GOOGLE_PAY:
|
|
215
|
+
return M(y({}, t), {
|
|
216
216
|
name: (r = (i = n.googlePay) == null ? void 0 : i.billingAddress) == null ? void 0 : r.name,
|
|
217
217
|
phone: (l = (o = (s = (a = n.googlePay) == null ? void 0 : a.billingAddress) == null ? void 0 : s.phoneNumber) == null ? void 0 : o.replace(/ /g, "")) == null ? void 0 : l.replace(/-/g, ""),
|
|
218
218
|
card: xn(n),
|
|
219
219
|
google_pay: Vr(n),
|
|
220
|
-
billing_address:
|
|
220
|
+
billing_address: En(n)
|
|
221
221
|
});
|
|
222
|
-
case
|
|
223
|
-
return M(
|
|
222
|
+
case T.APPLE_PAY:
|
|
223
|
+
return M(y({}, t), {
|
|
224
224
|
name: wn(n),
|
|
225
225
|
card: xn(n),
|
|
226
226
|
apple_pay: Ir(n),
|
|
227
227
|
phone: (d = (u = n.applePay) == null ? void 0 : u.shippingContact) == null ? void 0 : d.phoneNumber,
|
|
228
|
-
billing_address:
|
|
228
|
+
billing_address: En(n)
|
|
229
229
|
});
|
|
230
|
-
case
|
|
231
|
-
return M(
|
|
230
|
+
case T.VENMO:
|
|
231
|
+
return M(y({}, t), {
|
|
232
232
|
venmo: Mr(n)
|
|
233
233
|
});
|
|
234
234
|
default:
|
|
235
235
|
throw new Error(`Unsupported payment method: ${e}`);
|
|
236
236
|
}
|
|
237
|
-
}, Dr = (n, e, t) =>
|
|
237
|
+
}, Dr = (n, e, t) => E(void 0, null, function* () {
|
|
238
238
|
const i = `${Xt(e)}/payments/create`, r = new Headers();
|
|
239
239
|
r.append("Content-Type", "application/json"), r.append("X-API-Version", t);
|
|
240
240
|
const a = Pr(n);
|
|
@@ -243,14 +243,14 @@ const En = {
|
|
|
243
243
|
headers: r,
|
|
244
244
|
body: JSON.stringify(a)
|
|
245
245
|
})).json();
|
|
246
|
-
}),
|
|
246
|
+
}), Rr = (n, e, t) => E(void 0, null, function* () {
|
|
247
247
|
const i = `${Xt(e)}/payments/create/billing/agreement`, r = new Headers();
|
|
248
248
|
return r.append("Content-Type", "application/json"), r.append("X-API-Version", t), (yield (yield fetch(i, {
|
|
249
249
|
method: "POST",
|
|
250
250
|
headers: r,
|
|
251
251
|
body: JSON.stringify({ client_session: n })
|
|
252
252
|
})).json()).paypal_agreement_token_response.token_id || "";
|
|
253
|
-
}),
|
|
253
|
+
}), Or = (n, e, t) => E(void 0, null, function* () {
|
|
254
254
|
const i = new Headers();
|
|
255
255
|
i.append("X-API-Version", t);
|
|
256
256
|
const r = `${Xt(e)}/payments/config?client_session_id=${n}`, s = yield (yield fetch(r, { headers: i })).json();
|
|
@@ -259,12 +259,13 @@ const En = {
|
|
|
259
259
|
let Nr = class {
|
|
260
260
|
constructor(e) {
|
|
261
261
|
c(this, "apple", null);
|
|
262
|
-
|
|
262
|
+
// ToDo: remove isAvailable after testing
|
|
263
|
+
c(this, "isAvailable", !0);
|
|
263
264
|
c(this, "onReady");
|
|
264
265
|
this.ev = e;
|
|
265
266
|
}
|
|
266
267
|
init(u, d) {
|
|
267
|
-
return
|
|
268
|
+
return E(this, arguments, function* ({
|
|
268
269
|
transaction: e,
|
|
269
270
|
locale: t,
|
|
270
271
|
// supportedCardTypes,
|
|
@@ -275,7 +276,7 @@ let Nr = class {
|
|
|
275
276
|
onPaymentAttempt: o
|
|
276
277
|
}, l) {
|
|
277
278
|
const h = this.ev.transactions.create(e);
|
|
278
|
-
this.apple = this.ev.ui.applePay(h, M(
|
|
279
|
+
this.apple = this.ev.ui.applePay(h, M(y({
|
|
279
280
|
locale: t,
|
|
280
281
|
borderRadius: 12,
|
|
281
282
|
size: {
|
|
@@ -288,25 +289,23 @@ let Nr = class {
|
|
|
288
289
|
allowedCardNetworks: ["visa", "masterCard"],
|
|
289
290
|
requestBillingAddress: !0,
|
|
290
291
|
requestPayerDetails: ["name", "email", "phone"],
|
|
291
|
-
process: (
|
|
292
|
+
process: (g, b) => E(this, [g, b], function* (m, { fail: p }) {
|
|
292
293
|
o == null || o({
|
|
293
|
-
paymentMethod:
|
|
294
|
+
paymentMethod: T.APPLE_PAY
|
|
294
295
|
});
|
|
295
296
|
try {
|
|
296
|
-
a == null || a(
|
|
297
|
-
} catch (
|
|
298
|
-
console.error(
|
|
297
|
+
a == null || a(m);
|
|
298
|
+
} catch (v) {
|
|
299
|
+
console.error(v), p({
|
|
299
300
|
message: "Cannot pay with payment credentials"
|
|
300
301
|
});
|
|
301
302
|
}
|
|
302
303
|
})
|
|
303
|
-
}));
|
|
304
|
-
const m = "available";
|
|
305
|
-
this.isAvailable = m === "available", this.isAvailable || r == null || r("Apple Pay is not supported on this device"), r && this.apple.on("error", r), s && this.apple.on("cancel", s), this.onReady = i;
|
|
304
|
+
})), r && this.apple.on("error", r), s && this.apple.on("cancel", s), this.onReady = i;
|
|
306
305
|
});
|
|
307
306
|
}
|
|
308
307
|
render(e) {
|
|
309
|
-
return
|
|
308
|
+
return E(this, null, function* () {
|
|
310
309
|
var t;
|
|
311
310
|
if (!(!this.apple || !this.isAvailable)) {
|
|
312
311
|
e.innerHTML = "";
|
|
@@ -324,9 +323,9 @@ let Nr = class {
|
|
|
324
323
|
this.ev = e;
|
|
325
324
|
}
|
|
326
325
|
init(u, d) {
|
|
327
|
-
return
|
|
326
|
+
return E(this, arguments, function* ({ transaction: e, locale: t, onReady: i, onError: r, onSuccess: a, onCancel: s, onPaymentAttempt: o }, l) {
|
|
328
327
|
const h = this.ev.transactions.create(e);
|
|
329
|
-
this.google = this.ev.ui.googlePay(h, M(
|
|
328
|
+
this.google = this.ev.ui.googlePay(h, M(y({
|
|
330
329
|
locale: t,
|
|
331
330
|
size: {
|
|
332
331
|
width: "100%",
|
|
@@ -341,14 +340,14 @@ let Nr = class {
|
|
|
341
340
|
allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"],
|
|
342
341
|
// ToDo: Temporary we have only Visa and Master card
|
|
343
342
|
allowedCardNetworks: ["VISA", "MASTERCARD"],
|
|
344
|
-
process: (g, b) =>
|
|
343
|
+
process: (g, b) => E(this, [g, b], function* (m, { fail: p }) {
|
|
345
344
|
o == null || o({
|
|
346
|
-
paymentMethod:
|
|
345
|
+
paymentMethod: T.GOOGLE_PAY
|
|
347
346
|
});
|
|
348
347
|
try {
|
|
349
348
|
a == null || a(m);
|
|
350
|
-
} catch (
|
|
351
|
-
console.error(
|
|
349
|
+
} catch (v) {
|
|
350
|
+
console.error(v), p({
|
|
352
351
|
message: "Cannot pay with payment credentials"
|
|
353
352
|
});
|
|
354
353
|
}
|
|
@@ -357,12 +356,12 @@ let Nr = class {
|
|
|
357
356
|
});
|
|
358
357
|
}
|
|
359
358
|
render(e) {
|
|
360
|
-
return
|
|
359
|
+
return E(this, null, function* () {
|
|
361
360
|
this.google && (e.innerHTML = "", this.google.mount(e));
|
|
362
361
|
});
|
|
363
362
|
}
|
|
364
363
|
};
|
|
365
|
-
class
|
|
364
|
+
class q {
|
|
366
365
|
constructor() {
|
|
367
366
|
c(this, "listeners", []);
|
|
368
367
|
}
|
|
@@ -386,12 +385,12 @@ class Fr {
|
|
|
386
385
|
this.ev = e;
|
|
387
386
|
}
|
|
388
387
|
init(a) {
|
|
389
|
-
return
|
|
388
|
+
return E(this, arguments, function* ({ threeDsId: e, onReady: t, onSuccess: i, onError: r }) {
|
|
390
389
|
this.threeDs = this.ev.ui.threeDSecure(e), this.threeDs.on("ready", () => t == null ? void 0 : t()), this.threeDs.on("success", () => i == null ? void 0 : i()), this.threeDs.on("failure", () => r == null ? void 0 : r()), this.threeDs.on("error", () => r == null ? void 0 : r());
|
|
391
390
|
});
|
|
392
391
|
}
|
|
393
392
|
render(e) {
|
|
394
|
-
return
|
|
393
|
+
return E(this, null, function* () {
|
|
395
394
|
this.threeDs && this.threeDs.mount(e);
|
|
396
395
|
});
|
|
397
396
|
}
|
|
@@ -404,7 +403,7 @@ class jr {
|
|
|
404
403
|
c(this, "google", null);
|
|
405
404
|
c(this, "threeDs", null);
|
|
406
405
|
c(this, "events", {
|
|
407
|
-
ready: new
|
|
406
|
+
ready: new q()
|
|
408
407
|
});
|
|
409
408
|
}
|
|
410
409
|
// is should load
|
|
@@ -414,7 +413,7 @@ class jr {
|
|
|
414
413
|
}
|
|
415
414
|
// preload evervault
|
|
416
415
|
preloadEvervault(e) {
|
|
417
|
-
return
|
|
416
|
+
return E(this, null, function* () {
|
|
418
417
|
if (!this.isShouldLoad(e)) return;
|
|
419
418
|
if (typeof window == "undefined")
|
|
420
419
|
throw new Error("Evervault can only be initialized in browser environment");
|
|
@@ -425,27 +424,27 @@ class jr {
|
|
|
425
424
|
}
|
|
426
425
|
// init ev
|
|
427
426
|
initEv(e) {
|
|
428
|
-
return
|
|
427
|
+
return E(this, null, function* () {
|
|
429
428
|
this.ev || (yield this.preloadEvervault(e)), this.apple = new Nr(this.ev), this.google = new Sr(this.ev), this.events.ready.emit(), this.isReady = !0;
|
|
430
429
|
});
|
|
431
430
|
}
|
|
432
431
|
// init three ds
|
|
433
432
|
initThreeDs(e) {
|
|
434
|
-
return
|
|
433
|
+
return E(this, null, function* () {
|
|
435
434
|
if (!this.ev) throw new Error("Evervault should be init before using Three DS Secure");
|
|
436
435
|
this.threeDs = new Fr(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
|
|
437
436
|
});
|
|
438
437
|
}
|
|
439
438
|
// init apple
|
|
440
439
|
initApple(e, t) {
|
|
441
|
-
return
|
|
440
|
+
return E(this, null, function* () {
|
|
442
441
|
if (!this.apple) throw new Error("Evervault should be init before using Apple Pay");
|
|
443
442
|
yield this.apple.init(e, t);
|
|
444
443
|
});
|
|
445
444
|
}
|
|
446
445
|
// init google
|
|
447
446
|
initGoogle(e, t) {
|
|
448
|
-
return
|
|
447
|
+
return E(this, null, function* () {
|
|
449
448
|
if (!this.google) throw new Error("Evervault should be init before using Google Pay");
|
|
450
449
|
yield this.google.init(e, t);
|
|
451
450
|
});
|
|
@@ -461,14 +460,14 @@ class jr {
|
|
|
461
460
|
}
|
|
462
461
|
// render apple
|
|
463
462
|
renderApple(e) {
|
|
464
|
-
return
|
|
463
|
+
return E(this, null, function* () {
|
|
465
464
|
var t;
|
|
466
465
|
return (t = this.apple) == null ? void 0 : t.render(e);
|
|
467
466
|
});
|
|
468
467
|
}
|
|
469
468
|
// render google
|
|
470
469
|
renderGoogle(e) {
|
|
471
|
-
return
|
|
470
|
+
return E(this, null, function* () {
|
|
472
471
|
var t;
|
|
473
472
|
return (t = this.google) == null ? void 0 : t.render(e);
|
|
474
473
|
});
|
|
@@ -504,7 +503,7 @@ function Tn(n, e, t, i) {
|
|
|
504
503
|
var r;
|
|
505
504
|
return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, n + parseFloat(e)) : e === "<" ? t : (r = i.get(e)) != null ? r : n;
|
|
506
505
|
}
|
|
507
|
-
const
|
|
506
|
+
const tt = (n, e, t) => n + (e - n) * t, $r = (n, e, t) => {
|
|
508
507
|
const i = e - n;
|
|
509
508
|
return ((t - n) % i + i) % i + n;
|
|
510
509
|
}, mi = (n) => Array.isArray(n) && typeof n[0] != "number";
|
|
@@ -524,16 +523,16 @@ function qr(n, e, t) {
|
|
|
524
523
|
r.at > e && r.at < t && (gi(n, r), i--);
|
|
525
524
|
}
|
|
526
525
|
}
|
|
527
|
-
function
|
|
526
|
+
function Hr(n, e, t, i, r, a) {
|
|
528
527
|
qr(n, r, a);
|
|
529
528
|
for (let s = 0; s < e.length; s++)
|
|
530
529
|
n.push({
|
|
531
530
|
value: e[s],
|
|
532
|
-
at:
|
|
531
|
+
at: tt(r, a, i[s]),
|
|
533
532
|
easing: fi(t, s)
|
|
534
533
|
});
|
|
535
534
|
}
|
|
536
|
-
function
|
|
535
|
+
function Gr(n, e) {
|
|
537
536
|
for (let t = 0; t < n.length; t++)
|
|
538
537
|
n[t] = n[t] / (e + 1);
|
|
539
538
|
}
|
|
@@ -548,7 +547,7 @@ function bi(n, e) {
|
|
|
548
547
|
const t = n[n.length - 1];
|
|
549
548
|
for (let i = 1; i <= e; i++) {
|
|
550
549
|
const r = /* @__PURE__ */ en(0, e, i);
|
|
551
|
-
n.push(
|
|
550
|
+
n.push(tt(t, 1, r));
|
|
552
551
|
}
|
|
553
552
|
}
|
|
554
553
|
function vi(n) {
|
|
@@ -558,28 +557,28 @@ function vi(n) {
|
|
|
558
557
|
function tn(n) {
|
|
559
558
|
return typeof n == "function" && "applyToOptions" in n;
|
|
560
559
|
}
|
|
561
|
-
const
|
|
560
|
+
const pt = 2e4;
|
|
562
561
|
function nn(n) {
|
|
563
562
|
let e = 0;
|
|
564
563
|
const t = 50;
|
|
565
564
|
let i = n.next(e);
|
|
566
|
-
for (; !i.done && e <
|
|
565
|
+
for (; !i.done && e < pt; )
|
|
567
566
|
e += t, i = n.next(e);
|
|
568
|
-
return e >=
|
|
567
|
+
return e >= pt ? 1 / 0 : e;
|
|
569
568
|
}
|
|
570
569
|
const se = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, le = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
|
|
571
570
|
function yi(n, e = 100, t) {
|
|
572
|
-
const i = t(M(
|
|
571
|
+
const i = t(M(y({}, n), { keyframes: [0, e] })), r = Math.min(nn(i), pt);
|
|
573
572
|
return {
|
|
574
573
|
type: "keyframes",
|
|
575
574
|
ease: (a) => i.next(r * a).value / e,
|
|
576
575
|
duration: /* @__PURE__ */ le(r)
|
|
577
576
|
};
|
|
578
577
|
}
|
|
579
|
-
let
|
|
578
|
+
let nt = () => {
|
|
580
579
|
}, ce = () => {
|
|
581
580
|
};
|
|
582
|
-
process.env.NODE_ENV !== "production" && (
|
|
581
|
+
process.env.NODE_ENV !== "production" && (nt = (n, e) => {
|
|
583
582
|
!n && typeof console != "undefined" && console.warn(e);
|
|
584
583
|
}, ce = (n, e) => {
|
|
585
584
|
if (!n)
|
|
@@ -591,101 +590,101 @@ function Zr(n, a = {}, i, r) {
|
|
|
591
590
|
const o = e.duration || 0.3, l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = {}, h = /* @__PURE__ */ new Map();
|
|
592
591
|
let m = 0, p = 0, g = 0;
|
|
593
592
|
for (let b = 0; b < n.length; b++) {
|
|
594
|
-
const
|
|
595
|
-
if (typeof
|
|
596
|
-
h.set(
|
|
593
|
+
const v = n[b];
|
|
594
|
+
if (typeof v == "string") {
|
|
595
|
+
h.set(v, p);
|
|
597
596
|
continue;
|
|
598
|
-
} else if (!Array.isArray(
|
|
599
|
-
h.set(
|
|
597
|
+
} else if (!Array.isArray(v)) {
|
|
598
|
+
h.set(v.name, Tn(p, v.at, m, h));
|
|
600
599
|
continue;
|
|
601
600
|
}
|
|
602
|
-
let [
|
|
603
|
-
|
|
601
|
+
let [k, L, w = {}] = v;
|
|
602
|
+
w.at !== void 0 && (p = Tn(p, w.at, m, h));
|
|
604
603
|
let I = 0;
|
|
605
|
-
const
|
|
606
|
-
const
|
|
607
|
-
let { ease: ne = e.ease || "easeOut", duration: f } =
|
|
608
|
-
const P = typeof Te == "function" ? Te(
|
|
609
|
-
if (N <= 2 &&
|
|
604
|
+
const _ = (D, C, x, R = 0, O = 0) => {
|
|
605
|
+
const K = Jr(D), Ae = C, { delay: Te = 0, times: te = vi(K), type: fe = "keyframes", repeat: he, repeatType: kt, repeatDelay: Et = 0 } = Ae, at = ae(Ae, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
|
|
606
|
+
let { ease: ne = e.ease || "easeOut", duration: f } = C;
|
|
607
|
+
const P = typeof Te == "function" ? Te(R, O) : Te, N = K.length, H = tn(fe) ? fe : r == null ? void 0 : r[fe];
|
|
608
|
+
if (N <= 2 && H) {
|
|
610
609
|
let z = 100;
|
|
611
|
-
if (N === 2 && ea(
|
|
612
|
-
const ge =
|
|
610
|
+
if (N === 2 && ea(K)) {
|
|
611
|
+
const ge = K[1] - K[0];
|
|
613
612
|
z = Math.abs(ge);
|
|
614
613
|
}
|
|
615
|
-
const re =
|
|
614
|
+
const re = y({}, at);
|
|
616
615
|
f !== void 0 && (re.duration = /* @__PURE__ */ se(f));
|
|
617
|
-
const pe = yi(re, z,
|
|
616
|
+
const pe = yi(re, z, H);
|
|
618
617
|
ne = pe.ease, f = pe.duration;
|
|
619
618
|
}
|
|
620
619
|
f != null || (f = o);
|
|
621
620
|
const ie = p + P;
|
|
622
621
|
te.length === 1 && te[0] === 0 && (te[1] = 1);
|
|
623
|
-
const X = te.length -
|
|
624
|
-
if (X > 0 && bi(te, X),
|
|
622
|
+
const X = te.length - K.length;
|
|
623
|
+
if (X > 0 && bi(te, X), K.length === 1 && K.unshift(null), he) {
|
|
625
624
|
ce(he < Wr, "Repeat count too high, must be less than 20"), f = zr(f, he);
|
|
626
|
-
const z = [...
|
|
625
|
+
const z = [...K], re = [...te];
|
|
627
626
|
ne = Array.isArray(ne) ? [...ne] : [ne];
|
|
628
627
|
const pe = [...ne];
|
|
629
628
|
for (let ge = 0; ge < he; ge++) {
|
|
630
|
-
|
|
629
|
+
K.push(...z);
|
|
631
630
|
for (let je = 0; je < z.length; je++)
|
|
632
631
|
te.push(re[je] + (ge + 1)), ne.push(je === 0 ? "linear" : fi(pe, je - 1));
|
|
633
632
|
}
|
|
634
|
-
|
|
633
|
+
Gr(te, he);
|
|
635
634
|
}
|
|
636
|
-
const
|
|
637
|
-
|
|
635
|
+
const _e = ie + f;
|
|
636
|
+
Hr(x, K, ne, te, ie, _e), I = Math.max(P + f, I), g = Math.max(_e, g);
|
|
638
637
|
};
|
|
639
|
-
if (J(
|
|
640
|
-
const D =
|
|
641
|
-
|
|
638
|
+
if (J(k)) {
|
|
639
|
+
const D = _n(k, u);
|
|
640
|
+
_(L, w, An("default", D));
|
|
642
641
|
} else {
|
|
643
|
-
const D = pi(
|
|
644
|
-
for (let
|
|
645
|
-
|
|
646
|
-
const
|
|
647
|
-
for (const
|
|
648
|
-
|
|
642
|
+
const D = pi(k, L, i, d), C = D.length;
|
|
643
|
+
for (let x = 0; x < C; x++) {
|
|
644
|
+
L = L, w = w;
|
|
645
|
+
const R = D[x], O = _n(R, u);
|
|
646
|
+
for (const K in L)
|
|
647
|
+
_(L[K], Xr(w, K), An(K, O), x, C);
|
|
649
648
|
}
|
|
650
649
|
}
|
|
651
650
|
m = p, p += I;
|
|
652
651
|
}
|
|
653
|
-
return u.forEach((b,
|
|
654
|
-
for (const
|
|
655
|
-
const
|
|
656
|
-
|
|
657
|
-
const
|
|
658
|
-
for (let
|
|
659
|
-
const { at:
|
|
660
|
-
|
|
652
|
+
return u.forEach((b, v) => {
|
|
653
|
+
for (const k in b) {
|
|
654
|
+
const L = b[k];
|
|
655
|
+
L.sort(Yr);
|
|
656
|
+
const w = [], I = [], _ = [];
|
|
657
|
+
for (let C = 0; C < L.length; C++) {
|
|
658
|
+
const { at: x, value: R, easing: O } = L[C];
|
|
659
|
+
w.push(R), I.push(/* @__PURE__ */ en(0, g, x)), _.push(O || "easeOut");
|
|
661
660
|
}
|
|
662
|
-
I[0] !== 0 && (I.unshift(0),
|
|
661
|
+
I[0] !== 0 && (I.unshift(0), w.unshift(w[0]), _.unshift(Ur)), I[I.length - 1] !== 1 && (I.push(1), w.push(null)), l.has(v) || l.set(v, {
|
|
663
662
|
keyframes: {},
|
|
664
663
|
transition: {}
|
|
665
664
|
});
|
|
666
|
-
const D = l.get(
|
|
667
|
-
D.keyframes[
|
|
665
|
+
const D = l.get(v);
|
|
666
|
+
D.keyframes[k] = w, D.transition[k] = y(M(y({}, e), {
|
|
668
667
|
duration: g,
|
|
669
|
-
ease:
|
|
668
|
+
ease: _,
|
|
670
669
|
times: I
|
|
671
670
|
}), t);
|
|
672
671
|
}
|
|
673
672
|
}), l;
|
|
674
673
|
}
|
|
675
|
-
function
|
|
674
|
+
function _n(n, e) {
|
|
676
675
|
return !e.has(n) && e.set(n, {}), e.get(n);
|
|
677
676
|
}
|
|
678
|
-
function
|
|
677
|
+
function An(n, e) {
|
|
679
678
|
return e[n] || (e[n] = []), e[n];
|
|
680
679
|
}
|
|
681
680
|
function Jr(n) {
|
|
682
681
|
return Array.isArray(n) ? n : [n];
|
|
683
682
|
}
|
|
684
683
|
function Xr(n, e) {
|
|
685
|
-
return n && n[e] ?
|
|
684
|
+
return n && n[e] ? y(y({}, n), n[e]) : y({}, n);
|
|
686
685
|
}
|
|
687
|
-
const Qr = (n) => typeof n == "number", ea = (n) => n.every(Qr),
|
|
688
|
-
function
|
|
686
|
+
const Qr = (n) => typeof n == "number", ea = (n) => n.every(Qr), Ze = /* @__PURE__ */ new WeakMap(), ta = (n) => Array.isArray(n);
|
|
687
|
+
function Ln(n) {
|
|
689
688
|
const e = [{}, {}];
|
|
690
689
|
return n == null || n.values.forEach((t, i) => {
|
|
691
690
|
e[0][i] = t.get(), e[1][i] = t.getVelocity();
|
|
@@ -693,11 +692,11 @@ function _n(n) {
|
|
|
693
692
|
}
|
|
694
693
|
function Ci(n, e, t, i) {
|
|
695
694
|
if (typeof e == "function") {
|
|
696
|
-
const [r, a] =
|
|
695
|
+
const [r, a] = Ln(i);
|
|
697
696
|
e = e(t !== void 0 ? t : n.custom, r, a);
|
|
698
697
|
}
|
|
699
698
|
if (typeof e == "string" && (e = n.variants && n.variants[e]), typeof e == "function") {
|
|
700
|
-
const [r, a] =
|
|
699
|
+
const [r, a] = Ln(i);
|
|
701
700
|
e = e(t !== void 0 ? t : n.custom, r, a);
|
|
702
701
|
}
|
|
703
702
|
return e;
|
|
@@ -706,7 +705,7 @@ function na(n, e, t) {
|
|
|
706
705
|
const i = n.getProps();
|
|
707
706
|
return Ci(i, e, i.custom, n);
|
|
708
707
|
}
|
|
709
|
-
const
|
|
708
|
+
const ot = [
|
|
710
709
|
"setup",
|
|
711
710
|
// Compute
|
|
712
711
|
"read",
|
|
@@ -769,35 +768,35 @@ function aa(n, e) {
|
|
|
769
768
|
delta: 0,
|
|
770
769
|
timestamp: 0,
|
|
771
770
|
isProcessing: !1
|
|
772
|
-
}, a = () => t = !0, s =
|
|
773
|
-
const
|
|
774
|
-
t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(
|
|
775
|
-
},
|
|
771
|
+
}, a = () => t = !0, s = ot.reduce((w, I) => (w[I] = ia(a), w), {}), { setup: o, read: l, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: p, postRender: g } = s, b = () => {
|
|
772
|
+
const w = de.useManualTiming ? r.timestamp : performance.now();
|
|
773
|
+
t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(w - r.timestamp, ra), 1)), r.timestamp = w, r.isProcessing = !0, o.process(r), l.process(r), u.process(r), d.process(r), h.process(r), m.process(r), p.process(r), g.process(r), r.isProcessing = !1, t && e && (i = !1, n(b));
|
|
774
|
+
}, v = () => {
|
|
776
775
|
t = !0, i = !0, r.isProcessing || n(b);
|
|
777
776
|
};
|
|
778
|
-
return { schedule:
|
|
779
|
-
const
|
|
780
|
-
return
|
|
781
|
-
}, {}), cancel: (
|
|
782
|
-
for (let I = 0; I <
|
|
783
|
-
s[
|
|
777
|
+
return { schedule: ot.reduce((w, I) => {
|
|
778
|
+
const _ = s[I];
|
|
779
|
+
return w[I] = (D, C = !1, x = !1) => (t || v(), _.schedule(D, C, x)), w;
|
|
780
|
+
}, {}), cancel: (w) => {
|
|
781
|
+
for (let I = 0; I < ot.length; I++)
|
|
782
|
+
s[ot[I]].cancel(w);
|
|
784
783
|
}, state: r, steps: s };
|
|
785
784
|
}
|
|
786
|
-
const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel:
|
|
787
|
-
let
|
|
785
|
+
const De = /* @__NO_SIDE_EFFECTS__ */ (n) => n, { schedule: ue, cancel: Rt, state: mt } = /* @__PURE__ */ aa(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : De, !0);
|
|
786
|
+
let ht;
|
|
788
787
|
function sa() {
|
|
789
|
-
|
|
788
|
+
ht = void 0;
|
|
790
789
|
}
|
|
791
790
|
const ee = {
|
|
792
|
-
now: () => (
|
|
791
|
+
now: () => (ht === void 0 && ee.set(mt.isProcessing || de.useManualTiming ? mt.timestamp : performance.now()), ht),
|
|
793
792
|
set: (n) => {
|
|
794
|
-
|
|
793
|
+
ht = n, queueMicrotask(sa);
|
|
795
794
|
}
|
|
796
795
|
}, Vn = /* @__PURE__ */ new Set();
|
|
797
|
-
function
|
|
796
|
+
function ki(n, e, t) {
|
|
798
797
|
n || Vn.has(e) || (console.warn(e), Vn.add(e));
|
|
799
798
|
}
|
|
800
|
-
class
|
|
799
|
+
class Ei {
|
|
801
800
|
constructor() {
|
|
802
801
|
this.subscriptions = [];
|
|
803
802
|
}
|
|
@@ -890,10 +889,10 @@ class la {
|
|
|
890
889
|
* @deprecated
|
|
891
890
|
*/
|
|
892
891
|
onChange(e) {
|
|
893
|
-
return process.env.NODE_ENV !== "production" &&
|
|
892
|
+
return process.env.NODE_ENV !== "production" && ki(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
|
|
894
893
|
}
|
|
895
894
|
on(e, t) {
|
|
896
|
-
this.events[e] || (this.events[e] = new
|
|
895
|
+
this.events[e] || (this.events[e] = new Ei());
|
|
897
896
|
const i = this.events[e].add(t);
|
|
898
897
|
return e === "change" ? () => {
|
|
899
898
|
i(), ue.read(() => {
|
|
@@ -1029,18 +1028,18 @@ class la {
|
|
|
1029
1028
|
(e = this.dependents) == null || e.clear(), (t = this.events.destroy) == null || t.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
|
|
1030
1029
|
}
|
|
1031
1030
|
}
|
|
1032
|
-
function
|
|
1031
|
+
function Je(n, e) {
|
|
1033
1032
|
return new la(n, e);
|
|
1034
1033
|
}
|
|
1035
1034
|
function ca(n, e, t) {
|
|
1036
|
-
n.hasValue(e) ? n.getValue(e).set(t) : n.addValue(e,
|
|
1035
|
+
n.hasValue(e) ? n.getValue(e).set(t) : n.addValue(e, Je(t));
|
|
1037
1036
|
}
|
|
1038
1037
|
function da(n) {
|
|
1039
1038
|
return ta(n) ? n[n.length - 1] || 0 : n;
|
|
1040
1039
|
}
|
|
1041
1040
|
function ua(n, e) {
|
|
1042
1041
|
let s = na(n, e) || {}, { transitionEnd: i = {}, transition: r = {} } = s, a = ae(s, ["transitionEnd", "transition"]);
|
|
1043
|
-
a =
|
|
1042
|
+
a = y(y({}, a), i);
|
|
1044
1043
|
for (const o in a) {
|
|
1045
1044
|
const l = da(a[o]);
|
|
1046
1045
|
ca(n, o, l);
|
|
@@ -1067,7 +1066,7 @@ function va(n, { repeat: e, repeatType: t = "loop" }, i) {
|
|
|
1067
1066
|
const r = n.filter(ba), a = e && t !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
|
|
1068
1067
|
return r[a];
|
|
1069
1068
|
}
|
|
1070
|
-
const
|
|
1069
|
+
const Re = [
|
|
1071
1070
|
"transformPerspective",
|
|
1072
1071
|
"x",
|
|
1073
1072
|
"y",
|
|
@@ -1085,7 +1084,7 @@ const Oe = [
|
|
|
1085
1084
|
"skew",
|
|
1086
1085
|
"skewX",
|
|
1087
1086
|
"skewY"
|
|
1088
|
-
],
|
|
1087
|
+
], Oe = new Set(Re), ya = {
|
|
1089
1088
|
type: "spring",
|
|
1090
1089
|
stiffness: 500,
|
|
1091
1090
|
damping: 25,
|
|
@@ -1095,14 +1094,14 @@ const Oe = [
|
|
|
1095
1094
|
stiffness: 550,
|
|
1096
1095
|
damping: n === 0 ? 2 * Math.sqrt(550) : 30,
|
|
1097
1096
|
restSpeed: 10
|
|
1098
|
-
}),
|
|
1097
|
+
}), ka = {
|
|
1099
1098
|
type: "keyframes",
|
|
1100
1099
|
duration: 0.8
|
|
1101
|
-
},
|
|
1100
|
+
}, Ea = {
|
|
1102
1101
|
type: "keyframes",
|
|
1103
1102
|
ease: [0.25, 0.1, 0.35, 1],
|
|
1104
1103
|
duration: 0.3
|
|
1105
|
-
}, xa = (n, { keyframes: e }) => e.length > 2 ?
|
|
1104
|
+
}, xa = (n, { keyframes: e }) => e.length > 2 ? ka : Oe.has(n) ? n.startsWith("scale") ? Ca(e[1]) : ya : Ea;
|
|
1106
1105
|
function wa(h) {
|
|
1107
1106
|
var m = h, { when: n, delay: e, delayChildren: t, staggerChildren: i, staggerDirection: r, repeat: a, repeatType: s, repeatDelay: o, from: l, elapsed: u } = m, d = ae(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
|
|
1108
1107
|
return !!Object.keys(d).length;
|
|
@@ -1111,19 +1110,19 @@ function wi(n, e) {
|
|
|
1111
1110
|
var t, i;
|
|
1112
1111
|
return (i = (t = n == null ? void 0 : n[e]) != null ? t : n == null ? void 0 : n.default) != null ? i : n;
|
|
1113
1112
|
}
|
|
1114
|
-
const Ti = (n) => (e) => typeof e == "string" && e.startsWith(n),
|
|
1113
|
+
const Ti = (n) => (e) => typeof e == "string" && e.startsWith(n), _i = /* @__PURE__ */ Ti("--"), Ta = /* @__PURE__ */ Ti("var(--"), an = (n) => Ta(n) ? _a.test(n.split("/*")[0].trim()) : !1, _a = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, xe = (n, e, t) => t > e ? e : t < n ? n : t, Ne = {
|
|
1115
1114
|
test: (n) => typeof n == "number",
|
|
1116
1115
|
parse: parseFloat,
|
|
1117
1116
|
transform: (n) => n
|
|
1118
|
-
},
|
|
1117
|
+
}, Xe = M(y({}, Ne), {
|
|
1119
1118
|
transform: (n) => xe(0, 1, n)
|
|
1120
|
-
}),
|
|
1119
|
+
}), lt = M(y({}, Ne), {
|
|
1121
1120
|
default: 1
|
|
1122
1121
|
}), We = (n) => Math.round(n * 1e5) / 1e5, sn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
1123
|
-
function
|
|
1122
|
+
function Aa(n) {
|
|
1124
1123
|
return n == null;
|
|
1125
1124
|
}
|
|
1126
|
-
const
|
|
1125
|
+
const La = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, on = (n, e) => (t) => !!(typeof t == "string" && La.test(t) && t.startsWith(n) || e && !Aa(t) && Object.prototype.hasOwnProperty.call(t, e)), Ai = (n, e, t) => (i) => {
|
|
1127
1126
|
if (typeof i != "string")
|
|
1128
1127
|
return i;
|
|
1129
1128
|
const [r, a, s, o] = i.match(sn);
|
|
@@ -1133,12 +1132,12 @@ const _a = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
|
1133
1132
|
[t]: parseFloat(s),
|
|
1134
1133
|
alpha: o !== void 0 ? parseFloat(o) : 1
|
|
1135
1134
|
};
|
|
1136
|
-
}, Va = (n) => xe(0, 255, n), wt = M(
|
|
1135
|
+
}, Va = (n) => xe(0, 255, n), wt = M(y({}, Ne), {
|
|
1137
1136
|
transform: (n) => Math.round(Va(n))
|
|
1138
1137
|
}), ye = {
|
|
1139
1138
|
test: /* @__PURE__ */ on("rgb", "red"),
|
|
1140
|
-
parse: /* @__PURE__ */
|
|
1141
|
-
transform: ({ red: n, green: e, blue: t, alpha: i = 1 }) => "rgba(" + wt.transform(n) + ", " + wt.transform(e) + ", " + wt.transform(t) + ", " + We(
|
|
1139
|
+
parse: /* @__PURE__ */ Ai("red", "green", "blue"),
|
|
1140
|
+
transform: ({ red: n, green: e, blue: t, alpha: i = 1 }) => "rgba(" + wt.transform(n) + ", " + wt.transform(e) + ", " + wt.transform(t) + ", " + We(Xe.transform(i)) + ")"
|
|
1142
1141
|
};
|
|
1143
1142
|
function Ia(n) {
|
|
1144
1143
|
let e = "", t = "", i = "", r = "";
|
|
@@ -1149,52 +1148,52 @@ function Ia(n) {
|
|
|
1149
1148
|
alpha: r ? parseInt(r, 16) / 255 : 1
|
|
1150
1149
|
};
|
|
1151
1150
|
}
|
|
1152
|
-
const
|
|
1151
|
+
const Ot = {
|
|
1153
1152
|
test: /* @__PURE__ */ on("#"),
|
|
1154
1153
|
parse: Ia,
|
|
1155
1154
|
transform: ye.transform
|
|
1156
|
-
},
|
|
1155
|
+
}, it = /* @__NO_SIDE_EFFECTS__ */ (n) => ({
|
|
1157
1156
|
test: (e) => typeof e == "string" && e.endsWith(n) && e.split(" ").length === 1,
|
|
1158
1157
|
parse: parseFloat,
|
|
1159
1158
|
transform: (e) => `${e}${n}`
|
|
1160
|
-
}), me = /* @__PURE__ */
|
|
1159
|
+
}), me = /* @__PURE__ */ it("deg"), Me = /* @__PURE__ */ it("%"), V = /* @__PURE__ */ it("px"), Ma = /* @__PURE__ */ it("vh"), Pa = /* @__PURE__ */ it("vw"), Mn = M(y({}, Me), {
|
|
1161
1160
|
parse: (n) => Me.parse(n) / 100,
|
|
1162
1161
|
transform: (n) => Me.transform(n * 100)
|
|
1163
1162
|
}), Ve = {
|
|
1164
1163
|
test: /* @__PURE__ */ on("hsl", "hue"),
|
|
1165
|
-
parse: /* @__PURE__ */
|
|
1166
|
-
transform: ({ hue: n, saturation: e, lightness: t, alpha: i = 1 }) => "hsla(" + Math.round(n) + ", " + Me.transform(We(e)) + ", " + Me.transform(We(t)) + ", " + We(
|
|
1164
|
+
parse: /* @__PURE__ */ Ai("hue", "saturation", "lightness"),
|
|
1165
|
+
transform: ({ hue: n, saturation: e, lightness: t, alpha: i = 1 }) => "hsla(" + Math.round(n) + ", " + Me.transform(We(e)) + ", " + Me.transform(We(t)) + ", " + We(Xe.transform(i)) + ")"
|
|
1167
1166
|
}, U = {
|
|
1168
|
-
test: (n) => ye.test(n) ||
|
|
1169
|
-
parse: (n) => ye.test(n) ? ye.parse(n) : Ve.test(n) ? Ve.parse(n) :
|
|
1167
|
+
test: (n) => ye.test(n) || Ot.test(n) || Ve.test(n),
|
|
1168
|
+
parse: (n) => ye.test(n) ? ye.parse(n) : Ve.test(n) ? Ve.parse(n) : Ot.parse(n),
|
|
1170
1169
|
transform: (n) => typeof n == "string" ? n : n.hasOwnProperty("red") ? ye.transform(n) : Ve.transform(n)
|
|
1171
1170
|
}, Da = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
1172
|
-
function
|
|
1171
|
+
function Ra(n) {
|
|
1173
1172
|
var e, t;
|
|
1174
1173
|
return isNaN(n) && typeof n == "string" && (((e = n.match(sn)) == null ? void 0 : e.length) || 0) + (((t = n.match(Da)) == null ? void 0 : t.length) || 0) > 0;
|
|
1175
1174
|
}
|
|
1176
|
-
const
|
|
1177
|
-
function
|
|
1175
|
+
const Li = "number", Vi = "color", Oa = "var", Na = "var(", Pn = "${}", Sa = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
|
|
1176
|
+
function Qe(n) {
|
|
1178
1177
|
const e = n.toString(), t = [], i = {
|
|
1179
1178
|
color: [],
|
|
1180
1179
|
number: [],
|
|
1181
1180
|
var: []
|
|
1182
1181
|
}, r = [];
|
|
1183
1182
|
let a = 0;
|
|
1184
|
-
const o = e.replace(Sa, (l) => (U.test(l) ? (i.color.push(a), r.push(Vi), t.push(U.parse(l))) : l.startsWith(Na) ? (i.var.push(a), r.push(
|
|
1183
|
+
const o = e.replace(Sa, (l) => (U.test(l) ? (i.color.push(a), r.push(Vi), t.push(U.parse(l))) : l.startsWith(Na) ? (i.var.push(a), r.push(Oa), t.push(l)) : (i.number.push(a), r.push(Li), t.push(parseFloat(l))), ++a, Pn)).split(Pn);
|
|
1185
1184
|
return { values: t, split: o, indexes: i, types: r };
|
|
1186
1185
|
}
|
|
1187
1186
|
function Ii(n) {
|
|
1188
|
-
return
|
|
1187
|
+
return Qe(n).values;
|
|
1189
1188
|
}
|
|
1190
1189
|
function Mi(n) {
|
|
1191
|
-
const { split: e, types: t } =
|
|
1190
|
+
const { split: e, types: t } = Qe(n), i = e.length;
|
|
1192
1191
|
return (r) => {
|
|
1193
1192
|
let a = "";
|
|
1194
1193
|
for (let s = 0; s < i; s++)
|
|
1195
1194
|
if (a += e[s], r[s] !== void 0) {
|
|
1196
1195
|
const o = t[s];
|
|
1197
|
-
o ===
|
|
1196
|
+
o === Li ? a += We(r[s]) : o === Vi ? a += U.transform(r[s]) : a += r[s];
|
|
1198
1197
|
}
|
|
1199
1198
|
return a;
|
|
1200
1199
|
};
|
|
@@ -1205,7 +1204,7 @@ function ja(n) {
|
|
|
1205
1204
|
return Mi(n)(e.map(Fa));
|
|
1206
1205
|
}
|
|
1207
1206
|
const Se = {
|
|
1208
|
-
test:
|
|
1207
|
+
test: Ra,
|
|
1209
1208
|
parse: Ii,
|
|
1210
1209
|
createTransformer: Mi,
|
|
1211
1210
|
getAnimatableNone: ja
|
|
@@ -1229,36 +1228,36 @@ function Ba({ hue: n, saturation: e, lightness: t, alpha: i }) {
|
|
|
1229
1228
|
alpha: i
|
|
1230
1229
|
};
|
|
1231
1230
|
}
|
|
1232
|
-
function
|
|
1231
|
+
function ft(n, e) {
|
|
1233
1232
|
return (t) => t > 0 ? e : n;
|
|
1234
1233
|
}
|
|
1235
|
-
const
|
|
1234
|
+
const _t = (n, e, t) => {
|
|
1236
1235
|
const i = n * n, r = t * (e * e - i) + i;
|
|
1237
1236
|
return r < 0 ? 0 : Math.sqrt(r);
|
|
1238
|
-
}, za = [
|
|
1237
|
+
}, za = [Ot, ye, Ve], $a = (n) => za.find((e) => e.test(n));
|
|
1239
1238
|
function Dn(n) {
|
|
1240
1239
|
const e = $a(n);
|
|
1241
|
-
if (
|
|
1240
|
+
if (nt(!!e, `'${n}' is not an animatable color. Use the equivalent color code instead.`), !e)
|
|
1242
1241
|
return !1;
|
|
1243
1242
|
let t = e.parse(n);
|
|
1244
1243
|
return e === Ve && (t = Ba(t)), t;
|
|
1245
1244
|
}
|
|
1246
|
-
const
|
|
1245
|
+
const Rn = (n, e) => {
|
|
1247
1246
|
const t = Dn(n), i = Dn(e);
|
|
1248
1247
|
if (!t || !i)
|
|
1249
|
-
return
|
|
1250
|
-
const r =
|
|
1251
|
-
return (a) => (r.red =
|
|
1248
|
+
return ft(n, e);
|
|
1249
|
+
const r = y({}, t);
|
|
1250
|
+
return (a) => (r.red = _t(t.red, i.red, a), r.green = _t(t.green, i.green, a), r.blue = _t(t.blue, i.blue, a), r.alpha = tt(t.alpha, i.alpha, a), ye.transform(r));
|
|
1252
1251
|
}, Nt = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
1253
1252
|
function Ka(n, e) {
|
|
1254
1253
|
return Nt.has(n) ? (t) => t <= 0 ? n : e : (t) => t >= 1 ? e : n;
|
|
1255
1254
|
}
|
|
1256
1255
|
const qa = (n, e) => (t) => e(n(t)), ln = (...n) => n.reduce(qa);
|
|
1257
|
-
function
|
|
1258
|
-
return (t) =>
|
|
1256
|
+
function Ha(n, e) {
|
|
1257
|
+
return (t) => tt(n, e, t);
|
|
1259
1258
|
}
|
|
1260
1259
|
function cn(n) {
|
|
1261
|
-
return typeof n == "number" ?
|
|
1260
|
+
return typeof n == "number" ? Ha : typeof n == "string" ? an(n) ? ft : U.test(n) ? Rn : Ua : Array.isArray(n) ? Pi : typeof n == "object" ? U.test(n) ? Rn : Ga : ft;
|
|
1262
1261
|
}
|
|
1263
1262
|
function Pi(n, e) {
|
|
1264
1263
|
const t = [...n], i = t.length, r = n.map((a, s) => cn(a)(a, e[s]));
|
|
@@ -1268,8 +1267,8 @@ function Pi(n, e) {
|
|
|
1268
1267
|
return t;
|
|
1269
1268
|
};
|
|
1270
1269
|
}
|
|
1271
|
-
function
|
|
1272
|
-
const t =
|
|
1270
|
+
function Ga(n, e) {
|
|
1271
|
+
const t = y(y({}, n), e), i = {};
|
|
1273
1272
|
for (const r in t)
|
|
1274
1273
|
n[r] !== void 0 && e[r] !== void 0 && (i[r] = cn(n[r])(n[r], e[r]));
|
|
1275
1274
|
return (r) => {
|
|
@@ -1288,31 +1287,31 @@ function Ya(n, e) {
|
|
|
1288
1287
|
return t;
|
|
1289
1288
|
}
|
|
1290
1289
|
const Ua = (n, e) => {
|
|
1291
|
-
const t = Se.createTransformer(e), i =
|
|
1292
|
-
return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? Ka(n, e) : ln(Pi(Ya(i, r), r.values), t) : (
|
|
1290
|
+
const t = Se.createTransformer(e), i = Qe(n), r = Qe(e);
|
|
1291
|
+
return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? Ka(n, e) : ln(Pi(Ya(i, r), r.values), t) : (nt(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), ft(n, e));
|
|
1293
1292
|
};
|
|
1294
1293
|
function Di(n, e, t) {
|
|
1295
|
-
return typeof n == "number" && typeof e == "number" && typeof t == "number" ?
|
|
1294
|
+
return typeof n == "number" && typeof e == "number" && typeof t == "number" ? tt(n, e, t) : cn(n)(n, e);
|
|
1296
1295
|
}
|
|
1297
1296
|
const Wa = (n) => {
|
|
1298
1297
|
const e = ({ timestamp: t }) => n(t);
|
|
1299
1298
|
return {
|
|
1300
1299
|
start: (t = !0) => ue.update(e, t),
|
|
1301
|
-
stop: () =>
|
|
1300
|
+
stop: () => Rt(e),
|
|
1302
1301
|
/**
|
|
1303
1302
|
* If we're processing this frame we can use the
|
|
1304
1303
|
* framelocked timestamp to keep things in sync.
|
|
1305
1304
|
*/
|
|
1306
|
-
now: () =>
|
|
1305
|
+
now: () => mt.isProcessing ? mt.timestamp : ee.now()
|
|
1307
1306
|
};
|
|
1308
|
-
},
|
|
1307
|
+
}, Ri = (n, e, t = 10) => {
|
|
1309
1308
|
let i = "";
|
|
1310
1309
|
const r = Math.max(Math.round(e / t), 2);
|
|
1311
1310
|
for (let a = 0; a < r; a++)
|
|
1312
1311
|
i += n(a / (r - 1)) + ", ";
|
|
1313
1312
|
return `linear(${i.substring(0, i.length - 2)})`;
|
|
1314
1313
|
}, Za = 5;
|
|
1315
|
-
function
|
|
1314
|
+
function Oi(n, e, t) {
|
|
1316
1315
|
const i = Math.max(e - Za, 0);
|
|
1317
1316
|
return xi(t - n(i), e - i);
|
|
1318
1317
|
}
|
|
@@ -1344,20 +1343,20 @@ const B = {
|
|
|
1344
1343
|
// in seconds
|
|
1345
1344
|
minDamping: 0.05,
|
|
1346
1345
|
maxDamping: 1
|
|
1347
|
-
},
|
|
1346
|
+
}, At = 1e-3;
|
|
1348
1347
|
function Ja({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.velocity, mass: i = B.mass }) {
|
|
1349
1348
|
let r, a;
|
|
1350
|
-
|
|
1349
|
+
nt(n <= /* @__PURE__ */ se(B.maxDuration), "Spring duration must be 10 seconds or less");
|
|
1351
1350
|
let s = 1 - e;
|
|
1352
1351
|
s = xe(B.minDamping, B.maxDamping, s), n = xe(B.minDuration, B.maxDuration, /* @__PURE__ */ le(n)), s < 1 ? (r = (u) => {
|
|
1353
1352
|
const d = u * s, h = d * n, m = d - t, p = St(u, s), g = Math.exp(-h);
|
|
1354
|
-
return
|
|
1353
|
+
return At - m / p * g;
|
|
1355
1354
|
}, a = (u) => {
|
|
1356
1355
|
const h = u * s * n, m = h * t + t, p = Math.pow(s, 2) * Math.pow(u, 2) * n, g = Math.exp(-h), b = St(Math.pow(u, 2), s);
|
|
1357
|
-
return (-r(u) +
|
|
1356
|
+
return (-r(u) + At > 0 ? -1 : 1) * ((m - p) * g) / b;
|
|
1358
1357
|
}) : (r = (u) => {
|
|
1359
1358
|
const d = Math.exp(-u * n), h = (u - t) * n + 1;
|
|
1360
|
-
return -
|
|
1359
|
+
return -At + d * h;
|
|
1361
1360
|
}, a = (u) => {
|
|
1362
1361
|
const d = Math.exp(-u * n), h = (t - u) * (n * n);
|
|
1363
1362
|
return d * h;
|
|
@@ -1389,104 +1388,104 @@ function St(n, e) {
|
|
|
1389
1388
|
return n * Math.sqrt(1 - e * e);
|
|
1390
1389
|
}
|
|
1391
1390
|
const es = ["duration", "bounce"], ts = ["stiffness", "damping", "mass"];
|
|
1392
|
-
function
|
|
1391
|
+
function On(n, e) {
|
|
1393
1392
|
return e.some((t) => n[t] !== void 0);
|
|
1394
1393
|
}
|
|
1395
1394
|
function ns(n) {
|
|
1396
|
-
let e =
|
|
1395
|
+
let e = y({
|
|
1397
1396
|
velocity: B.velocity,
|
|
1398
1397
|
stiffness: B.stiffness,
|
|
1399
1398
|
damping: B.damping,
|
|
1400
1399
|
mass: B.mass,
|
|
1401
1400
|
isResolvedFromDuration: !1
|
|
1402
1401
|
}, n);
|
|
1403
|
-
if (!
|
|
1402
|
+
if (!On(n, ts) && On(n, es))
|
|
1404
1403
|
if (n.visualDuration) {
|
|
1405
1404
|
const t = n.visualDuration, i = 2 * Math.PI / (t * 1.2), r = i * i, a = 2 * xe(0.05, 1, 1 - (n.bounce || 0)) * Math.sqrt(r);
|
|
1406
|
-
e = M(
|
|
1405
|
+
e = M(y({}, e), {
|
|
1407
1406
|
mass: B.mass,
|
|
1408
1407
|
stiffness: r,
|
|
1409
1408
|
damping: a
|
|
1410
1409
|
});
|
|
1411
1410
|
} else {
|
|
1412
1411
|
const t = Ja(n);
|
|
1413
|
-
e = M(
|
|
1412
|
+
e = M(y(y({}, e), t), {
|
|
1414
1413
|
mass: B.mass
|
|
1415
1414
|
}), e.isResolvedFromDuration = !0;
|
|
1416
1415
|
}
|
|
1417
1416
|
return e;
|
|
1418
1417
|
}
|
|
1419
|
-
function
|
|
1418
|
+
function et(n = B.visualDuration, e = B.bounce) {
|
|
1420
1419
|
const t = typeof n != "object" ? {
|
|
1421
1420
|
visualDuration: n,
|
|
1422
1421
|
keyframes: [0, 1],
|
|
1423
1422
|
bounce: e
|
|
1424
1423
|
} : n;
|
|
1425
1424
|
let { restSpeed: i, restDelta: r } = t;
|
|
1426
|
-
const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = ns(M(
|
|
1425
|
+
const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = ns(M(y({}, t), {
|
|
1427
1426
|
velocity: -/* @__PURE__ */ le(t.velocity || 0)
|
|
1428
|
-
})), g = m || 0, b = u / (2 * Math.sqrt(l * d)),
|
|
1429
|
-
i || (i =
|
|
1430
|
-
let
|
|
1427
|
+
})), g = m || 0, b = u / (2 * Math.sqrt(l * d)), v = s - a, k = /* @__PURE__ */ le(Math.sqrt(l / d)), L = Math.abs(v) < 5;
|
|
1428
|
+
i || (i = L ? B.restSpeed.granular : B.restSpeed.default), r || (r = L ? B.restDelta.granular : B.restDelta.default);
|
|
1429
|
+
let w;
|
|
1431
1430
|
if (b < 1) {
|
|
1432
|
-
const
|
|
1433
|
-
|
|
1434
|
-
const
|
|
1435
|
-
return s -
|
|
1431
|
+
const _ = St(k, b);
|
|
1432
|
+
w = (D) => {
|
|
1433
|
+
const C = Math.exp(-b * k * D);
|
|
1434
|
+
return s - C * ((g + b * k * v) / _ * Math.sin(_ * D) + v * Math.cos(_ * D));
|
|
1436
1435
|
};
|
|
1437
1436
|
} else if (b === 1)
|
|
1438
|
-
|
|
1437
|
+
w = (_) => s - Math.exp(-k * _) * (v + (g + k * v) * _);
|
|
1439
1438
|
else {
|
|
1440
|
-
const
|
|
1441
|
-
|
|
1442
|
-
const
|
|
1443
|
-
return s -
|
|
1439
|
+
const _ = k * Math.sqrt(b * b - 1);
|
|
1440
|
+
w = (D) => {
|
|
1441
|
+
const C = Math.exp(-b * k * D), x = Math.min(_ * D, 300);
|
|
1442
|
+
return s - C * ((g + b * k * v) * Math.sinh(x) + _ * v * Math.cosh(x)) / _;
|
|
1444
1443
|
};
|
|
1445
1444
|
}
|
|
1446
1445
|
const I = {
|
|
1447
1446
|
calculatedDuration: p && h || null,
|
|
1448
|
-
next: (
|
|
1449
|
-
const D =
|
|
1447
|
+
next: (_) => {
|
|
1448
|
+
const D = w(_);
|
|
1450
1449
|
if (p)
|
|
1451
|
-
o.done =
|
|
1450
|
+
o.done = _ >= h;
|
|
1452
1451
|
else {
|
|
1453
|
-
let
|
|
1454
|
-
b < 1 && (
|
|
1455
|
-
const
|
|
1456
|
-
o.done =
|
|
1452
|
+
let C = _ === 0 ? g : 0;
|
|
1453
|
+
b < 1 && (C = _ === 0 ? /* @__PURE__ */ se(g) : Oi(w, _, D));
|
|
1454
|
+
const x = Math.abs(C) <= i, R = Math.abs(s - D) <= r;
|
|
1455
|
+
o.done = x && R;
|
|
1457
1456
|
}
|
|
1458
1457
|
return o.value = o.done ? s : D, o;
|
|
1459
1458
|
},
|
|
1460
1459
|
toString: () => {
|
|
1461
|
-
const
|
|
1462
|
-
return
|
|
1460
|
+
const _ = Math.min(nn(I), pt), D = Ri((C) => I.next(_ * C).value, _, 30);
|
|
1461
|
+
return _ + "ms " + D;
|
|
1463
1462
|
},
|
|
1464
1463
|
toTransition: () => {
|
|
1465
1464
|
}
|
|
1466
1465
|
};
|
|
1467
1466
|
return I;
|
|
1468
1467
|
}
|
|
1469
|
-
|
|
1470
|
-
const e = yi(n, 100,
|
|
1468
|
+
et.applyToOptions = (n) => {
|
|
1469
|
+
const e = yi(n, 100, et);
|
|
1471
1470
|
return n.ease = e.ease, n.duration = /* @__PURE__ */ se(e.duration), n.type = "keyframes", n;
|
|
1472
1471
|
};
|
|
1473
1472
|
function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: a = 500, modifyTarget: s, min: o, max: l, restDelta: u = 0.5, restSpeed: d }) {
|
|
1474
1473
|
const h = n[0], m = {
|
|
1475
1474
|
done: !1,
|
|
1476
1475
|
value: h
|
|
1477
|
-
}, p = (
|
|
1476
|
+
}, p = (x) => o !== void 0 && x < o || l !== void 0 && x > l, g = (x) => o === void 0 ? l : l === void 0 || Math.abs(o - x) < Math.abs(l - x) ? o : l;
|
|
1478
1477
|
let b = t * e;
|
|
1479
|
-
const
|
|
1480
|
-
|
|
1481
|
-
const
|
|
1482
|
-
const
|
|
1483
|
-
m.done = Math.abs(
|
|
1478
|
+
const v = h + b, k = s === void 0 ? v : s(v);
|
|
1479
|
+
k !== v && (b = k - h);
|
|
1480
|
+
const L = (x) => -b * Math.exp(-x / i), w = (x) => k + L(x), I = (x) => {
|
|
1481
|
+
const R = L(x), O = w(x);
|
|
1482
|
+
m.done = Math.abs(R) <= u, m.value = m.done ? k : O;
|
|
1484
1483
|
};
|
|
1485
|
-
let
|
|
1486
|
-
const
|
|
1487
|
-
p(m.value) && (
|
|
1484
|
+
let _, D;
|
|
1485
|
+
const C = (x) => {
|
|
1486
|
+
p(m.value) && (_ = x, D = et({
|
|
1488
1487
|
keyframes: [m.value, g(m.value)],
|
|
1489
|
-
velocity:
|
|
1488
|
+
velocity: Oi(w, x, m.value),
|
|
1490
1489
|
// TODO: This should be passing * 1000
|
|
1491
1490
|
damping: r,
|
|
1492
1491
|
stiffness: a,
|
|
@@ -1494,11 +1493,11 @@ function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 3
|
|
|
1494
1493
|
restSpeed: d
|
|
1495
1494
|
}));
|
|
1496
1495
|
};
|
|
1497
|
-
return
|
|
1496
|
+
return C(0), {
|
|
1498
1497
|
calculatedDuration: null,
|
|
1499
|
-
next: (
|
|
1500
|
-
let
|
|
1501
|
-
return !D &&
|
|
1498
|
+
next: (x) => {
|
|
1499
|
+
let R = !1;
|
|
1500
|
+
return !D && _ === void 0 && (R = !0, I(x), C(x)), _ !== void 0 && x >= _ ? D.next(x - _) : (!R && I(x), m);
|
|
1502
1501
|
}
|
|
1503
1502
|
};
|
|
1504
1503
|
}
|
|
@@ -1545,13 +1544,13 @@ function ls(n, e, t, i, r) {
|
|
|
1545
1544
|
while (Math.abs(a) > ss && ++o < os);
|
|
1546
1545
|
return s;
|
|
1547
1546
|
}
|
|
1548
|
-
function
|
|
1547
|
+
function rt(n, e, t, i) {
|
|
1549
1548
|
if (n === e && t === i)
|
|
1550
1549
|
return De;
|
|
1551
1550
|
const r = (a) => ls(a, 0, 1, n, t);
|
|
1552
1551
|
return (a) => a === 0 || a === 1 ? a : Ni(r(a), e, i);
|
|
1553
1552
|
}
|
|
1554
|
-
const cs = /* @__PURE__ */
|
|
1553
|
+
const cs = /* @__PURE__ */ rt(0.42, 0, 1, 1), ds = /* @__PURE__ */ rt(0, 0, 0.58, 1), Si = /* @__PURE__ */ rt(0.42, 0, 0.58, 1), Fi = (n) => (e) => e <= 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2, ji = (n) => (e) => 1 - n(1 - e), Bi = /* @__PURE__ */ rt(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ ji(Bi), zi = /* @__PURE__ */ Fi(dn), $i = (n) => (n *= 2) < 1 ? 0.5 * dn(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1))), un = (n) => 1 - Math.sin(Math.acos(n)), us = ji(un), Ki = Fi(un), qi = (n) => Array.isArray(n) && typeof n[0] == "number", Nn = {
|
|
1555
1554
|
linear: De,
|
|
1556
1555
|
easeIn: cs,
|
|
1557
1556
|
easeInOut: Si,
|
|
@@ -1567,7 +1566,7 @@ const cs = /* @__PURE__ */ at(0.42, 0, 1, 1), ds = /* @__PURE__ */ at(0, 0, 0.58
|
|
|
1567
1566
|
if (qi(n)) {
|
|
1568
1567
|
ce(n.length === 4, "Cubic bezier arrays must contain four numerical values.");
|
|
1569
1568
|
const [e, t, i, r] = n;
|
|
1570
|
-
return
|
|
1569
|
+
return rt(e, t, i, r);
|
|
1571
1570
|
} else if (hs(n))
|
|
1572
1571
|
return ce(Nn[n] !== void 0, `Invalid easing type '${n}'`), Nn[n];
|
|
1573
1572
|
return n;
|
|
@@ -1602,9 +1601,9 @@ const fs = {
|
|
|
1602
1601
|
inertia: Ft,
|
|
1603
1602
|
tween: Ie,
|
|
1604
1603
|
keyframes: Ie,
|
|
1605
|
-
spring:
|
|
1604
|
+
spring: et
|
|
1606
1605
|
};
|
|
1607
|
-
function
|
|
1606
|
+
function Hi(n) {
|
|
1608
1607
|
typeof n.type == "string" && (n.type = fs[n.type]);
|
|
1609
1608
|
}
|
|
1610
1609
|
class pn {
|
|
@@ -1642,13 +1641,13 @@ class mn extends pn {
|
|
|
1642
1641
|
}
|
|
1643
1642
|
initAnimation() {
|
|
1644
1643
|
const { options: e } = this;
|
|
1645
|
-
|
|
1644
|
+
Hi(e);
|
|
1646
1645
|
const { type: t = Ie, repeat: i = 0, repeatDelay: r = 0, repeatType: a, velocity: s = 0 } = e;
|
|
1647
1646
|
let { keyframes: o } = e;
|
|
1648
1647
|
const l = t || Ie;
|
|
1649
1648
|
process.env.NODE_ENV !== "production" && l !== Ie && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Ie && typeof o[0] != "number" && (this.mixKeyframes = ln(gs, Di(o[0], o[1])), o = [0, 100]);
|
|
1650
|
-
const u = l(M(
|
|
1651
|
-
a === "mirror" && (this.mirroredGenerator = l(M(
|
|
1649
|
+
const u = l(M(y({}, e), { keyframes: o }));
|
|
1650
|
+
a === "mirror" && (this.mirroredGenerator = l(M(y({}, e), {
|
|
1652
1651
|
keyframes: [...o].reverse(),
|
|
1653
1652
|
velocity: -s
|
|
1654
1653
|
}))), u.calculatedDuration === null && (u.calculatedDuration = nn(u));
|
|
@@ -1663,22 +1662,22 @@ class mn extends pn {
|
|
|
1663
1662
|
const { generator: i, totalDuration: r, mixKeyframes: a, mirroredGenerator: s, resolvedDuration: o, calculatedDuration: l } = this;
|
|
1664
1663
|
if (this.startTime === null)
|
|
1665
1664
|
return i.next(0);
|
|
1666
|
-
const { delay: u = 0, keyframes: d, repeat: h, repeatType: m, repeatDelay: p, type: g, onUpdate: b, finalKeyframe:
|
|
1665
|
+
const { delay: u = 0, keyframes: d, repeat: h, repeatType: m, repeatDelay: p, type: g, onUpdate: b, finalKeyframe: v } = this.options;
|
|
1667
1666
|
this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - r / this.speed, this.startTime)), t ? this.currentTime = e : this.updateTime(e);
|
|
1668
|
-
const
|
|
1669
|
-
this.currentTime = Math.max(
|
|
1670
|
-
let
|
|
1667
|
+
const k = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), L = this.playbackSpeed >= 0 ? k < 0 : k > r;
|
|
1668
|
+
this.currentTime = Math.max(k, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
|
|
1669
|
+
let w = this.currentTime, I = i;
|
|
1671
1670
|
if (h) {
|
|
1672
|
-
const
|
|
1673
|
-
let
|
|
1674
|
-
!
|
|
1671
|
+
const x = Math.min(this.currentTime, r) / o;
|
|
1672
|
+
let R = Math.floor(x), O = x % 1;
|
|
1673
|
+
!O && x >= 1 && (O = 1), O === 1 && R--, R = Math.min(R, h + 1), !!(R % 2) && (m === "reverse" ? (O = 1 - O, p && (O -= p / o)) : m === "mirror" && (I = s)), w = xe(0, 1, O) * o;
|
|
1675
1674
|
}
|
|
1676
|
-
const
|
|
1677
|
-
a && (
|
|
1678
|
-
let { done: D } =
|
|
1679
|
-
!
|
|
1680
|
-
const
|
|
1681
|
-
return
|
|
1675
|
+
const _ = L ? { done: !1, value: d[0] } : I.next(w);
|
|
1676
|
+
a && (_.value = a(_.value));
|
|
1677
|
+
let { done: D } = _;
|
|
1678
|
+
!L && l !== null && (D = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
|
|
1679
|
+
const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && D);
|
|
1680
|
+
return C && g !== Ft && (_.value = hn(d, this.options, v, this.speed)), b && b(_.value), C && this.finish(), _;
|
|
1682
1681
|
}
|
|
1683
1682
|
/**
|
|
1684
1683
|
* Allows the returned animation to be awaited or promise-chained. Currently
|
|
@@ -1798,17 +1797,17 @@ function $t(n, e) {
|
|
|
1798
1797
|
}
|
|
1799
1798
|
if (!r)
|
|
1800
1799
|
return zt(e);
|
|
1801
|
-
const a = i[e], s = r[1].split(",").map(
|
|
1800
|
+
const a = i[e], s = r[1].split(",").map(ks);
|
|
1802
1801
|
return typeof a == "function" ? a(s) : s[a];
|
|
1803
1802
|
}
|
|
1804
1803
|
const Cs = (n, e) => {
|
|
1805
1804
|
const { transform: t = "none" } = getComputedStyle(n);
|
|
1806
1805
|
return $t(t, e);
|
|
1807
1806
|
};
|
|
1808
|
-
function
|
|
1807
|
+
function ks(n) {
|
|
1809
1808
|
return parseFloat(n.trim());
|
|
1810
1809
|
}
|
|
1811
|
-
const zn = (n) => n === Ne || n ===
|
|
1810
|
+
const zn = (n) => n === Ne || n === V, Es = /* @__PURE__ */ new Set(["x", "y", "z"]), xs = Re.filter((n) => !Es.has(n));
|
|
1812
1811
|
function ws(n) {
|
|
1813
1812
|
const e = [];
|
|
1814
1813
|
return xs.forEach((t) => {
|
|
@@ -1816,7 +1815,7 @@ function ws(n) {
|
|
|
1816
1815
|
i !== void 0 && (e.push([t, i.get()]), i.set(t.startsWith("scale") ? 1 : 0));
|
|
1817
1816
|
}), e;
|
|
1818
1817
|
}
|
|
1819
|
-
const
|
|
1818
|
+
const ke = {
|
|
1820
1819
|
// Dimensions
|
|
1821
1820
|
width: ({ x: n }, { paddingLeft: e = "0", paddingRight: t = "0" }) => n.max - n.min - parseFloat(e) - parseFloat(t),
|
|
1822
1821
|
height: ({ y: n }, { paddingTop: e = "0", paddingBottom: t = "0" }) => n.max - n.min - parseFloat(e) - parseFloat(t),
|
|
@@ -1828,13 +1827,13 @@ const Ee = {
|
|
|
1828
1827
|
x: (n, { transform: e }) => $t(e, "x"),
|
|
1829
1828
|
y: (n, { transform: e }) => $t(e, "y")
|
|
1830
1829
|
};
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
const
|
|
1834
|
-
let Kt = !1, qt = !1,
|
|
1835
|
-
function
|
|
1830
|
+
ke.translateX = ke.x;
|
|
1831
|
+
ke.translateY = ke.y;
|
|
1832
|
+
const Ee = /* @__PURE__ */ new Set();
|
|
1833
|
+
let Kt = !1, qt = !1, Ht = !1;
|
|
1834
|
+
function Gi() {
|
|
1836
1835
|
if (qt) {
|
|
1837
|
-
const n = Array.from(
|
|
1836
|
+
const n = Array.from(Ee).filter((i) => i.needsMeasurement), e = new Set(n.map((i) => i.element)), t = /* @__PURE__ */ new Map();
|
|
1838
1837
|
e.forEach((i) => {
|
|
1839
1838
|
const r = ws(i);
|
|
1840
1839
|
r.length && (t.set(i, r), i.render());
|
|
@@ -1849,22 +1848,22 @@ function Hi() {
|
|
|
1849
1848
|
i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
|
|
1850
1849
|
});
|
|
1851
1850
|
}
|
|
1852
|
-
qt = !1, Kt = !1,
|
|
1851
|
+
qt = !1, Kt = !1, Ee.forEach((n) => n.complete(Ht)), Ee.clear();
|
|
1853
1852
|
}
|
|
1854
1853
|
function Yi() {
|
|
1855
|
-
|
|
1854
|
+
Ee.forEach((n) => {
|
|
1856
1855
|
n.readKeyframes(), n.needsMeasurement && (qt = !0);
|
|
1857
1856
|
});
|
|
1858
1857
|
}
|
|
1859
1858
|
function Ts() {
|
|
1860
|
-
|
|
1859
|
+
Ht = !0, Yi(), Gi(), Ht = !1;
|
|
1861
1860
|
}
|
|
1862
1861
|
class fn {
|
|
1863
1862
|
constructor(e, t, i, r, a, s = !1) {
|
|
1864
1863
|
this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = t, this.name = i, this.motionValue = r, this.element = a, this.isAsync = s;
|
|
1865
1864
|
}
|
|
1866
1865
|
scheduleResolve() {
|
|
1867
|
-
this.state = "scheduled", this.isAsync ? (
|
|
1866
|
+
this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Yi), ue.resolveKeyframes(Gi))) : (this.readKeyframes(), this.complete());
|
|
1868
1867
|
}
|
|
1869
1868
|
readKeyframes() {
|
|
1870
1869
|
const { unresolvedKeyframes: e, name: t, element: i, motionValue: r } = this;
|
|
@@ -1889,25 +1888,25 @@ class fn {
|
|
|
1889
1888
|
measureEndState() {
|
|
1890
1889
|
}
|
|
1891
1890
|
complete(e = !1) {
|
|
1892
|
-
this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e),
|
|
1891
|
+
this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), Ee.delete(this);
|
|
1893
1892
|
}
|
|
1894
1893
|
cancel() {
|
|
1895
|
-
this.state === "scheduled" && (
|
|
1894
|
+
this.state === "scheduled" && (Ee.delete(this), this.state = "pending");
|
|
1896
1895
|
}
|
|
1897
1896
|
resume() {
|
|
1898
1897
|
this.state === "pending" && this.scheduleResolve();
|
|
1899
1898
|
}
|
|
1900
1899
|
}
|
|
1901
|
-
const
|
|
1902
|
-
function
|
|
1903
|
-
|
|
1900
|
+
const _s = (n) => n.startsWith("--");
|
|
1901
|
+
function As(n, e, t) {
|
|
1902
|
+
_s(e) ? n.style.setProperty(e, t) : n.style[e] = t;
|
|
1904
1903
|
}
|
|
1905
1904
|
// @__NO_SIDE_EFFECTS__
|
|
1906
1905
|
function gn(n) {
|
|
1907
1906
|
let e;
|
|
1908
1907
|
return () => (e === void 0 && (e = n()), e);
|
|
1909
1908
|
}
|
|
1910
|
-
const
|
|
1909
|
+
const Ls = /* @__PURE__ */ gn(() => window.ScrollTimeline !== void 0), Vs = {};
|
|
1911
1910
|
function Is(n, e) {
|
|
1912
1911
|
const t = /* @__PURE__ */ gn(n);
|
|
1913
1912
|
return () => {
|
|
@@ -1935,7 +1934,7 @@ const Ui = /* @__PURE__ */ Is(() => {
|
|
|
1935
1934
|
};
|
|
1936
1935
|
function Wi(n, e) {
|
|
1937
1936
|
if (n)
|
|
1938
|
-
return typeof n == "function" ? Ui() ?
|
|
1937
|
+
return typeof n == "function" ? Ui() ? Ri(n, e) : "ease-out" : qi(n) ? Ue(n) : Array.isArray(n) ? n.map((t) => Wi(t, e) || $n.easeOut) : $n[n];
|
|
1939
1938
|
}
|
|
1940
1939
|
function Ms(n, e, t, { delay: i = 0, duration: r = 300, repeat: a = 0, repeatType: s = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
|
|
1941
1940
|
const d = {
|
|
@@ -1969,7 +1968,7 @@ class Ds extends pn {
|
|
|
1969
1968
|
this.animation = Ms(t, i, r, u, a), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
|
|
1970
1969
|
if (this.finishedTime = this.time, !a) {
|
|
1971
1970
|
const d = hn(r, this.options, o, this.speed);
|
|
1972
|
-
this.updateMotionValue ? this.updateMotionValue(d) :
|
|
1971
|
+
this.updateMotionValue ? this.updateMotionValue(d) : As(t, i, d), this.animation.cancel();
|
|
1973
1972
|
}
|
|
1974
1973
|
l == null || l(), this.notifyFinished();
|
|
1975
1974
|
};
|
|
@@ -2048,7 +2047,7 @@ class Ds extends pn {
|
|
|
2048
2047
|
*/
|
|
2049
2048
|
attachTimeline({ timeline: e, observe: t }) {
|
|
2050
2049
|
var i;
|
|
2051
|
-
return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e &&
|
|
2050
|
+
return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && Ls() ? (this.animation.timeline = e, De) : t(this);
|
|
2052
2051
|
}
|
|
2053
2052
|
}
|
|
2054
2053
|
const Zi = {
|
|
@@ -2056,16 +2055,16 @@ const Zi = {
|
|
|
2056
2055
|
backInOut: zi,
|
|
2057
2056
|
circInOut: Ki
|
|
2058
2057
|
};
|
|
2059
|
-
function
|
|
2058
|
+
function Rs(n) {
|
|
2060
2059
|
return n in Zi;
|
|
2061
2060
|
}
|
|
2062
|
-
function
|
|
2063
|
-
typeof n.ease == "string" &&
|
|
2061
|
+
function Os(n) {
|
|
2062
|
+
typeof n.ease == "string" && Rs(n.ease) && (n.ease = Zi[n.ease]);
|
|
2064
2063
|
}
|
|
2065
2064
|
const Kn = 10;
|
|
2066
2065
|
class Ns extends Ds {
|
|
2067
2066
|
constructor(e) {
|
|
2068
|
-
|
|
2067
|
+
Os(e), Hi(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
|
|
2069
2068
|
}
|
|
2070
2069
|
/**
|
|
2071
2070
|
* WAAPI doesn't natively have any interruption capabilities.
|
|
@@ -2084,7 +2083,7 @@ class Ns extends Ds {
|
|
|
2084
2083
|
t.set(e);
|
|
2085
2084
|
return;
|
|
2086
2085
|
}
|
|
2087
|
-
const o = new mn(M(
|
|
2086
|
+
const o = new mn(M(y({}, s), {
|
|
2088
2087
|
autoplay: !1
|
|
2089
2088
|
})), l = /* @__PURE__ */ se((d = this.finishedTime) != null ? d : this.time);
|
|
2090
2089
|
t.setWithVelocity(o.sample(l - Kn).value, o.sample(l).value, Kn), o.stop();
|
|
@@ -2108,7 +2107,7 @@ function Fs(n, e, t, i) {
|
|
|
2108
2107
|
if (e === "display" || e === "visibility")
|
|
2109
2108
|
return !0;
|
|
2110
2109
|
const a = n[n.length - 1], s = qn(r, e), o = qn(a, e);
|
|
2111
|
-
return
|
|
2110
|
+
return nt(s === o, `You are trying to animate ${e} from "${r}" to "${a}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${a} via the \`style\` property.`), !s || !o ? !1 : Ss(n) || (t === "spring" || tn(t)) && i;
|
|
2112
2111
|
}
|
|
2113
2112
|
function Ji(n) {
|
|
2114
2113
|
return typeof n == "object" && n !== null;
|
|
@@ -2140,12 +2139,12 @@ const Ks = 40;
|
|
|
2140
2139
|
class qs extends pn {
|
|
2141
2140
|
constructor(m) {
|
|
2142
2141
|
var p = m, { autoplay: e = !0, delay: t = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: a = 0, repeatType: s = "loop", keyframes: o, name: l, motionValue: u, element: d } = p, h = ae(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
|
|
2143
|
-
var
|
|
2142
|
+
var v;
|
|
2144
2143
|
super(), this.stop = () => {
|
|
2145
|
-
var
|
|
2146
|
-
this._animation && (this._animation.stop(), (
|
|
2144
|
+
var k, L;
|
|
2145
|
+
this._animation && (this._animation.stop(), (k = this.stopTimeline) == null || k.call(this)), (L = this.keyframeResolver) == null || L.cancel();
|
|
2147
2146
|
}, this.createdAt = ee.now();
|
|
2148
|
-
const g =
|
|
2147
|
+
const g = y({
|
|
2149
2148
|
autoplay: e,
|
|
2150
2149
|
delay: t,
|
|
2151
2150
|
type: i,
|
|
@@ -2156,18 +2155,18 @@ class qs extends pn {
|
|
|
2156
2155
|
motionValue: u,
|
|
2157
2156
|
element: d
|
|
2158
2157
|
}, h), b = (d == null ? void 0 : d.KeyframeResolver) || fn;
|
|
2159
|
-
this.keyframeResolver = new b(o, (
|
|
2158
|
+
this.keyframeResolver = new b(o, (k, L, w) => this.onKeyframesResolved(k, L, g, !w), l, u, d), (v = this.keyframeResolver) == null || v.scheduleResolve();
|
|
2160
2159
|
}
|
|
2161
2160
|
onKeyframesResolved(e, t, i, r) {
|
|
2162
2161
|
this.keyframeResolver = void 0;
|
|
2163
2162
|
const { name: a, type: s, velocity: o, delay: l, isHandoff: u, onUpdate: d } = i;
|
|
2164
2163
|
this.resolvedAt = ee.now(), Fs(e, a, s, o) || ((de.instantAnimations || !l) && (d == null || d(hn(e, i, t))), e[0] = e[e.length - 1], i.duration = 0, i.repeat = 0);
|
|
2165
|
-
const h = r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ks ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = M(
|
|
2164
|
+
const h = r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ks ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = M(y({
|
|
2166
2165
|
startTime: h,
|
|
2167
2166
|
finalKeyframe: t
|
|
2168
2167
|
}, i), {
|
|
2169
2168
|
keyframes: e
|
|
2170
|
-
}), p = !u && $s(m) ? new Ns(M(
|
|
2169
|
+
}), p = !u && $s(m) ? new Ns(M(y({}, m), {
|
|
2171
2170
|
element: m.motionValue.owner.current
|
|
2172
2171
|
})) : new mn(m);
|
|
2173
2172
|
p.finished.then(() => this.notifyFinished()).catch(De), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
|
|
@@ -2225,7 +2224,7 @@ const Xi = (n, e, t, i = {}, r, a) => (s) => {
|
|
|
2225
2224
|
const o = wi(i, n) || {}, l = o.delay || i.delay || 0;
|
|
2226
2225
|
let { elapsed: u = 0 } = i;
|
|
2227
2226
|
u = u - /* @__PURE__ */ se(l);
|
|
2228
|
-
const d = M(
|
|
2227
|
+
const d = M(y({
|
|
2229
2228
|
keyframes: Array.isArray(t) ? t : [null, t],
|
|
2230
2229
|
ease: "easeOut",
|
|
2231
2230
|
velocity: e.getVelocity()
|
|
@@ -2260,37 +2259,37 @@ const Xi = (n, e, t, i = {}, r, a) => (s) => {
|
|
|
2260
2259
|
"left",
|
|
2261
2260
|
"right",
|
|
2262
2261
|
"bottom",
|
|
2263
|
-
...
|
|
2262
|
+
...Re
|
|
2264
2263
|
]);
|
|
2265
|
-
function
|
|
2264
|
+
function Hs({ protectedKeys: n, needsAnimating: e }, t) {
|
|
2266
2265
|
const i = n.hasOwnProperty(t) && e[t] !== !0;
|
|
2267
2266
|
return e[t] = !1, i;
|
|
2268
2267
|
}
|
|
2269
|
-
function
|
|
2268
|
+
function Gs(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
|
|
2270
2269
|
var h;
|
|
2271
2270
|
let d = e, { transition: a = n.getDefaultTransition(), transitionEnd: s } = d, o = ae(d, ["transition", "transitionEnd"]);
|
|
2272
2271
|
i && (a = i);
|
|
2273
2272
|
const l = [], u = r && n.animationState && n.animationState.getState()[r];
|
|
2274
2273
|
for (const m in o) {
|
|
2275
2274
|
const p = n.getValue(m, (h = n.latestValues[m]) != null ? h : null), g = o[m];
|
|
2276
|
-
if (g === void 0 || u &&
|
|
2275
|
+
if (g === void 0 || u && Hs(u, m))
|
|
2277
2276
|
continue;
|
|
2278
|
-
const b =
|
|
2277
|
+
const b = y({
|
|
2279
2278
|
delay: t
|
|
2280
|
-
}, wi(a || {}, m)),
|
|
2281
|
-
if (
|
|
2279
|
+
}, wi(a || {}, m)), v = p.get();
|
|
2280
|
+
if (v !== void 0 && !p.isAnimating && !Array.isArray(g) && g === v && !b.velocity)
|
|
2282
2281
|
continue;
|
|
2283
|
-
let
|
|
2282
|
+
let k = !1;
|
|
2284
2283
|
if (window.MotionHandoffAnimation) {
|
|
2285
|
-
const
|
|
2286
|
-
if (
|
|
2287
|
-
const I = window.MotionHandoffAnimation(
|
|
2288
|
-
I !== null && (b.startTime = I,
|
|
2284
|
+
const w = ga(n);
|
|
2285
|
+
if (w) {
|
|
2286
|
+
const I = window.MotionHandoffAnimation(w, m, ue);
|
|
2287
|
+
I !== null && (b.startTime = I, k = !0);
|
|
2289
2288
|
}
|
|
2290
2289
|
}
|
|
2291
|
-
pa(n, m), p.start(Xi(m, p, g, n.shouldReduceMotion && Qi.has(m) ? { type: !1 } : b, n,
|
|
2292
|
-
const
|
|
2293
|
-
|
|
2290
|
+
pa(n, m), p.start(Xi(m, p, g, n.shouldReduceMotion && Qi.has(m) ? { type: !1 } : b, n, k));
|
|
2291
|
+
const L = p.animation;
|
|
2292
|
+
L && l.push(L);
|
|
2294
2293
|
}
|
|
2295
2294
|
return s && Promise.all(l).then(() => {
|
|
2296
2295
|
ue.update(() => {
|
|
@@ -2318,7 +2317,7 @@ function Us(n, e) {
|
|
|
2318
2317
|
function Ws(n, e) {
|
|
2319
2318
|
return Ys(Us(n.getBoundingClientRect(), e));
|
|
2320
2319
|
}
|
|
2321
|
-
const
|
|
2320
|
+
const Hn = {
|
|
2322
2321
|
animation: [
|
|
2323
2322
|
"animate",
|
|
2324
2323
|
"variants",
|
|
@@ -2337,14 +2336,14 @@ const Gn = {
|
|
|
2337
2336
|
pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
|
|
2338
2337
|
inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
|
|
2339
2338
|
layout: ["layout", "layoutId"]
|
|
2340
|
-
},
|
|
2341
|
-
for (const n in
|
|
2342
|
-
|
|
2343
|
-
isEnabled: (e) =>
|
|
2339
|
+
}, Gt = {};
|
|
2340
|
+
for (const n in Hn)
|
|
2341
|
+
Gt[n] = {
|
|
2342
|
+
isEnabled: (e) => Hn[n].some((t) => !!e[t])
|
|
2344
2343
|
};
|
|
2345
|
-
const
|
|
2346
|
-
x:
|
|
2347
|
-
y:
|
|
2344
|
+
const Gn = () => ({ min: 0, max: 0 }), bn = () => ({
|
|
2345
|
+
x: Gn(),
|
|
2346
|
+
y: Gn()
|
|
2348
2347
|
}), Zs = typeof window != "undefined", Yt = { current: null }, er = { current: !1 };
|
|
2349
2348
|
function Js() {
|
|
2350
2349
|
if (er.current = !0, !!Zs)
|
|
@@ -2381,14 +2380,14 @@ function io(n, e, t) {
|
|
|
2381
2380
|
if (J(r))
|
|
2382
2381
|
n.addValue(i, r);
|
|
2383
2382
|
else if (J(a))
|
|
2384
|
-
n.addValue(i,
|
|
2383
|
+
n.addValue(i, Je(r, { owner: n }));
|
|
2385
2384
|
else if (a !== r)
|
|
2386
2385
|
if (n.hasValue(i)) {
|
|
2387
2386
|
const s = n.getValue(i);
|
|
2388
2387
|
s.liveStyle === !0 ? s.jump(r) : s.hasAnimated || s.set(r);
|
|
2389
2388
|
} else {
|
|
2390
2389
|
const s = n.getStaticValue(i);
|
|
2391
|
-
n.addValue(i,
|
|
2390
|
+
n.addValue(i, Je(s !== void 0 ? s : r, { owner: n }));
|
|
2392
2391
|
}
|
|
2393
2392
|
}
|
|
2394
2393
|
for (const i in t)
|
|
@@ -2398,7 +2397,7 @@ function io(n, e, t) {
|
|
|
2398
2397
|
const nr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), ir = (n) => /^0[^.\s]+$/u.test(n), ro = {
|
|
2399
2398
|
test: (n) => n === "auto",
|
|
2400
2399
|
parse: (n) => n
|
|
2401
|
-
}, rr = (n) => (e) => e.test(n), ar = [Ne,
|
|
2400
|
+
}, rr = (n) => (e) => e.test(n), ar = [Ne, V, Me, me, Pa, Ma, ro], Yn = (n) => ar.find(rr(n)), ao = [...ar, U, Se], so = (n) => ao.find(rr(n)), oo = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
2402
2401
|
function lo(n) {
|
|
2403
2402
|
const [e, t] = n.slice(0, -1).split("(");
|
|
2404
2403
|
if (e === "drop-shadow")
|
|
@@ -2410,81 +2409,81 @@ function lo(n) {
|
|
|
2410
2409
|
let a = oo.has(e) ? 1 : 0;
|
|
2411
2410
|
return i !== t && (a *= 100), e + "(" + a + r + ")";
|
|
2412
2411
|
}
|
|
2413
|
-
const co = /\b([a-z-]*)\(.*?\)/gu, Ut = M(
|
|
2412
|
+
const co = /\b([a-z-]*)\(.*?\)/gu, Ut = M(y({}, Se), {
|
|
2414
2413
|
getAnimatableNone: (n) => {
|
|
2415
2414
|
const e = n.match(co);
|
|
2416
2415
|
return e ? e.map(lo).join(" ") : n;
|
|
2417
2416
|
}
|
|
2418
|
-
}), Un = M(
|
|
2417
|
+
}), Un = M(y({}, Ne), {
|
|
2419
2418
|
transform: Math.round
|
|
2420
2419
|
}), uo = {
|
|
2421
2420
|
rotate: me,
|
|
2422
2421
|
rotateX: me,
|
|
2423
2422
|
rotateY: me,
|
|
2424
2423
|
rotateZ: me,
|
|
2425
|
-
scale:
|
|
2426
|
-
scaleX:
|
|
2427
|
-
scaleY:
|
|
2428
|
-
scaleZ:
|
|
2424
|
+
scale: lt,
|
|
2425
|
+
scaleX: lt,
|
|
2426
|
+
scaleY: lt,
|
|
2427
|
+
scaleZ: lt,
|
|
2429
2428
|
skew: me,
|
|
2430
2429
|
skewX: me,
|
|
2431
2430
|
skewY: me,
|
|
2432
|
-
distance:
|
|
2433
|
-
translateX:
|
|
2434
|
-
translateY:
|
|
2435
|
-
translateZ:
|
|
2436
|
-
x:
|
|
2437
|
-
y:
|
|
2438
|
-
z:
|
|
2439
|
-
perspective:
|
|
2440
|
-
transformPerspective:
|
|
2441
|
-
opacity:
|
|
2431
|
+
distance: V,
|
|
2432
|
+
translateX: V,
|
|
2433
|
+
translateY: V,
|
|
2434
|
+
translateZ: V,
|
|
2435
|
+
x: V,
|
|
2436
|
+
y: V,
|
|
2437
|
+
z: V,
|
|
2438
|
+
perspective: V,
|
|
2439
|
+
transformPerspective: V,
|
|
2440
|
+
opacity: Xe,
|
|
2442
2441
|
originX: Mn,
|
|
2443
2442
|
originY: Mn,
|
|
2444
|
-
originZ:
|
|
2445
|
-
}, vn = M(
|
|
2443
|
+
originZ: V
|
|
2444
|
+
}, vn = M(y({
|
|
2446
2445
|
// Border props
|
|
2447
|
-
borderWidth:
|
|
2448
|
-
borderTopWidth:
|
|
2449
|
-
borderRightWidth:
|
|
2450
|
-
borderBottomWidth:
|
|
2451
|
-
borderLeftWidth:
|
|
2452
|
-
borderRadius:
|
|
2453
|
-
radius:
|
|
2454
|
-
borderTopLeftRadius:
|
|
2455
|
-
borderTopRightRadius:
|
|
2456
|
-
borderBottomRightRadius:
|
|
2457
|
-
borderBottomLeftRadius:
|
|
2446
|
+
borderWidth: V,
|
|
2447
|
+
borderTopWidth: V,
|
|
2448
|
+
borderRightWidth: V,
|
|
2449
|
+
borderBottomWidth: V,
|
|
2450
|
+
borderLeftWidth: V,
|
|
2451
|
+
borderRadius: V,
|
|
2452
|
+
radius: V,
|
|
2453
|
+
borderTopLeftRadius: V,
|
|
2454
|
+
borderTopRightRadius: V,
|
|
2455
|
+
borderBottomRightRadius: V,
|
|
2456
|
+
borderBottomLeftRadius: V,
|
|
2458
2457
|
// Positioning props
|
|
2459
|
-
width:
|
|
2460
|
-
maxWidth:
|
|
2461
|
-
height:
|
|
2462
|
-
maxHeight:
|
|
2463
|
-
top:
|
|
2464
|
-
right:
|
|
2465
|
-
bottom:
|
|
2466
|
-
left:
|
|
2458
|
+
width: V,
|
|
2459
|
+
maxWidth: V,
|
|
2460
|
+
height: V,
|
|
2461
|
+
maxHeight: V,
|
|
2462
|
+
top: V,
|
|
2463
|
+
right: V,
|
|
2464
|
+
bottom: V,
|
|
2465
|
+
left: V,
|
|
2467
2466
|
// Spacing props
|
|
2468
|
-
padding:
|
|
2469
|
-
paddingTop:
|
|
2470
|
-
paddingRight:
|
|
2471
|
-
paddingBottom:
|
|
2472
|
-
paddingLeft:
|
|
2473
|
-
margin:
|
|
2474
|
-
marginTop:
|
|
2475
|
-
marginRight:
|
|
2476
|
-
marginBottom:
|
|
2477
|
-
marginLeft:
|
|
2467
|
+
padding: V,
|
|
2468
|
+
paddingTop: V,
|
|
2469
|
+
paddingRight: V,
|
|
2470
|
+
paddingBottom: V,
|
|
2471
|
+
paddingLeft: V,
|
|
2472
|
+
margin: V,
|
|
2473
|
+
marginTop: V,
|
|
2474
|
+
marginRight: V,
|
|
2475
|
+
marginBottom: V,
|
|
2476
|
+
marginLeft: V,
|
|
2478
2477
|
// Misc
|
|
2479
|
-
backgroundPositionX:
|
|
2480
|
-
backgroundPositionY:
|
|
2478
|
+
backgroundPositionX: V,
|
|
2479
|
+
backgroundPositionY: V
|
|
2481
2480
|
}, uo), {
|
|
2482
2481
|
zIndex: Un,
|
|
2483
2482
|
// SVG
|
|
2484
|
-
fillOpacity:
|
|
2485
|
-
strokeOpacity:
|
|
2483
|
+
fillOpacity: Xe,
|
|
2484
|
+
strokeOpacity: Xe,
|
|
2486
2485
|
numOctaves: Un
|
|
2487
|
-
}), ho = M(
|
|
2486
|
+
}), ho = M(y({}, vn), {
|
|
2488
2487
|
// Color props
|
|
2489
2488
|
color: U,
|
|
2490
2489
|
backgroundColor: U,
|
|
@@ -2532,7 +2531,7 @@ class lr {
|
|
|
2532
2531
|
this.renderScheduledAt < p && (this.renderScheduledAt = p, ue.render(this.render, !1, !0));
|
|
2533
2532
|
};
|
|
2534
2533
|
const { latestValues: l, renderState: u } = s;
|
|
2535
|
-
this.latestValues = l, this.baseTarget =
|
|
2534
|
+
this.latestValues = l, this.baseTarget = y({}, l), this.initialValues = t.initial ? y({}, l) : {}, this.renderState = u, this.parent = e, this.props = t, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.options = o, this.blockInitialAnimation = !!a, this.isControllingVariants = tr(t), this.isVariantNode = no(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
|
|
2536
2535
|
const m = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: d } = m, h = ae(m, ["willChange"]);
|
|
2537
2536
|
for (const p in h) {
|
|
2538
2537
|
const g = h[p];
|
|
@@ -2540,10 +2539,10 @@ class lr {
|
|
|
2540
2539
|
}
|
|
2541
2540
|
}
|
|
2542
2541
|
mount(e) {
|
|
2543
|
-
this.current = e,
|
|
2542
|
+
this.current = e, Ze.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((t, i) => this.bindToMotionValue(i, t)), er.current || Js(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Yt.current, process.env.NODE_ENV !== "production" && ki(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
|
|
2544
2543
|
}
|
|
2545
2544
|
unmount() {
|
|
2546
|
-
this.projection && this.projection.unmount(),
|
|
2545
|
+
this.projection && this.projection.unmount(), Rt(this.notifyUpdate), Rt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
|
|
2547
2546
|
for (const e in this.events)
|
|
2548
2547
|
this.events[e].clear();
|
|
2549
2548
|
for (const e in this.features) {
|
|
@@ -2554,7 +2553,7 @@ class lr {
|
|
|
2554
2553
|
}
|
|
2555
2554
|
bindToMotionValue(e, t) {
|
|
2556
2555
|
this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
|
|
2557
|
-
const i =
|
|
2556
|
+
const i = Oe.has(e);
|
|
2558
2557
|
i && this.onBindTransform && this.onBindTransform();
|
|
2559
2558
|
const r = t.on("change", (o) => {
|
|
2560
2559
|
this.latestValues[e] = o, this.props.onUpdate && ue.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0);
|
|
@@ -2569,8 +2568,8 @@ class lr {
|
|
|
2569
2568
|
}
|
|
2570
2569
|
updateFeatures() {
|
|
2571
2570
|
let e = "animation";
|
|
2572
|
-
for (e in
|
|
2573
|
-
const t =
|
|
2571
|
+
for (e in Gt) {
|
|
2572
|
+
const t = Gt[e];
|
|
2574
2573
|
if (!t)
|
|
2575
2574
|
continue;
|
|
2576
2575
|
const { isEnabled: i, Feature: r } = t;
|
|
@@ -2665,7 +2664,7 @@ class lr {
|
|
|
2665
2664
|
if (this.props.values && this.props.values[e])
|
|
2666
2665
|
return this.props.values[e];
|
|
2667
2666
|
let i = this.values.get(e);
|
|
2668
|
-
return i === void 0 && t !== void 0 && (i =
|
|
2667
|
+
return i === void 0 && t !== void 0 && (i = Je(t === null ? void 0 : t, { owner: this }), this.addValue(e, i)), i;
|
|
2669
2668
|
}
|
|
2670
2669
|
/**
|
|
2671
2670
|
* If we're trying to animate to a previously unencountered value,
|
|
@@ -2702,7 +2701,7 @@ class lr {
|
|
|
2702
2701
|
return r !== void 0 && !J(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
|
|
2703
2702
|
}
|
|
2704
2703
|
on(e, t) {
|
|
2705
|
-
return this.events[e] || (this.events[e] = new
|
|
2704
|
+
return this.events[e] || (this.events[e] = new Ei()), this.events[e].add(t);
|
|
2706
2705
|
}
|
|
2707
2706
|
notify(e, ...t) {
|
|
2708
2707
|
this.events[e] && this.events[e].notify(...t);
|
|
@@ -2740,7 +2739,7 @@ function vo(n, e, t) {
|
|
|
2740
2739
|
let i = 0, r;
|
|
2741
2740
|
for (; i < n.length && !r; ) {
|
|
2742
2741
|
const a = n[i];
|
|
2743
|
-
typeof a == "string" && !bo.has(a) &&
|
|
2742
|
+
typeof a == "string" && !bo.has(a) && Qe(a).values.length && (r = n[i]), i++;
|
|
2744
2743
|
}
|
|
2745
2744
|
if (r && t)
|
|
2746
2745
|
for (const a of e)
|
|
@@ -2771,7 +2770,7 @@ class yo extends fn {
|
|
|
2771
2770
|
const u = e[l];
|
|
2772
2771
|
typeof u == "string" && (e[l] = parseFloat(u));
|
|
2773
2772
|
}
|
|
2774
|
-
else
|
|
2773
|
+
else ke[i] && (this.needsMeasurement = !0);
|
|
2775
2774
|
}
|
|
2776
2775
|
resolveNoneKeyframes() {
|
|
2777
2776
|
const { unresolvedKeyframes: e, name: t } = this, i = [];
|
|
@@ -2783,7 +2782,7 @@ class yo extends fn {
|
|
|
2783
2782
|
const { element: e, unresolvedKeyframes: t, name: i } = this;
|
|
2784
2783
|
if (!e || !e.current)
|
|
2785
2784
|
return;
|
|
2786
|
-
i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin =
|
|
2785
|
+
i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = ke[i](e.measureViewportBox(), window.getComputedStyle(e.current)), t[0] = this.measuredOrigin;
|
|
2787
2786
|
const r = t[t.length - 1];
|
|
2788
2787
|
r !== void 0 && e.getValue(i, r).jump(r, !1);
|
|
2789
2788
|
}
|
|
@@ -2795,7 +2794,7 @@ class yo extends fn {
|
|
|
2795
2794
|
const r = e.getValue(t);
|
|
2796
2795
|
r && r.jump(this.measuredOrigin, !1);
|
|
2797
2796
|
const a = i.length - 1, s = i[a];
|
|
2798
|
-
i[a] =
|
|
2797
|
+
i[a] = ke[t](e.measureViewportBox(), window.getComputedStyle(e.current)), s !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = s), (o = this.removedTransforms) != null && o.length && this.removedTransforms.forEach(([l, u]) => {
|
|
2799
2798
|
e.getValue(l).set(u);
|
|
2800
2799
|
}), this.resolveNoneKeyframes();
|
|
2801
2800
|
}
|
|
@@ -2826,11 +2825,11 @@ const ur = (n, e) => e && typeof n == "number" ? e.transform(n) : n, Co = {
|
|
|
2826
2825
|
y: "translateY",
|
|
2827
2826
|
z: "translateZ",
|
|
2828
2827
|
transformPerspective: "perspective"
|
|
2829
|
-
},
|
|
2830
|
-
function
|
|
2828
|
+
}, ko = Re.length;
|
|
2829
|
+
function Eo(n, e, t) {
|
|
2831
2830
|
let i = "", r = !0;
|
|
2832
|
-
for (let a = 0; a <
|
|
2833
|
-
const s =
|
|
2831
|
+
for (let a = 0; a < ko; a++) {
|
|
2832
|
+
const s = Re[a], o = n[s];
|
|
2834
2833
|
if (o === void 0)
|
|
2835
2834
|
continue;
|
|
2836
2835
|
let l = !0;
|
|
@@ -2851,10 +2850,10 @@ function hr(n, e, t) {
|
|
|
2851
2850
|
let s = !1, o = !1;
|
|
2852
2851
|
for (const l in e) {
|
|
2853
2852
|
const u = e[l];
|
|
2854
|
-
if (
|
|
2853
|
+
if (Oe.has(l)) {
|
|
2855
2854
|
s = !0;
|
|
2856
2855
|
continue;
|
|
2857
|
-
} else if (
|
|
2856
|
+
} else if (_i(l)) {
|
|
2858
2857
|
r[l] = u;
|
|
2859
2858
|
continue;
|
|
2860
2859
|
} else {
|
|
@@ -2862,7 +2861,7 @@ function hr(n, e, t) {
|
|
|
2862
2861
|
l.startsWith("origin") ? (o = !0, a[l] = d) : i[l] = d;
|
|
2863
2862
|
}
|
|
2864
2863
|
}
|
|
2865
|
-
if (e.transform || (s || t ? i.transform =
|
|
2864
|
+
if (e.transform || (s || t ? i.transform = Eo(e, n.transform, t) : i.transform && (i.transform = "none")), o) {
|
|
2866
2865
|
const { originX: l = "50%", originY: u = "50%", originZ: d = 0 } = a;
|
|
2867
2866
|
i.transformOrigin = `${l} ${u} ${d}`;
|
|
2868
2867
|
}
|
|
@@ -2874,7 +2873,7 @@ function pr(n, { style: e, vars: t }, i, r) {
|
|
|
2874
2873
|
}
|
|
2875
2874
|
const xo = {};
|
|
2876
2875
|
function wo(n, { layout: e, layoutId: t }) {
|
|
2877
|
-
return
|
|
2876
|
+
return Oe.has(n) || n.startsWith("origin") || (e || t !== void 0) && (!!xo[n] || n === "opacity");
|
|
2878
2877
|
}
|
|
2879
2878
|
function mr(n, e, t) {
|
|
2880
2879
|
var a;
|
|
@@ -2886,16 +2885,16 @@ function mr(n, e, t) {
|
|
|
2886
2885
|
function To(n) {
|
|
2887
2886
|
return window.getComputedStyle(n);
|
|
2888
2887
|
}
|
|
2889
|
-
class
|
|
2888
|
+
class _o extends dr {
|
|
2890
2889
|
constructor() {
|
|
2891
2890
|
super(...arguments), this.type = "html", this.renderInstance = pr;
|
|
2892
2891
|
}
|
|
2893
2892
|
readValueFromInstance(e, t) {
|
|
2894
2893
|
var i;
|
|
2895
|
-
if (
|
|
2894
|
+
if (Oe.has(t))
|
|
2896
2895
|
return (i = this.projection) != null && i.isProjecting ? zt(t) : Cs(e, t);
|
|
2897
2896
|
{
|
|
2898
|
-
const r = To(e), a = (
|
|
2897
|
+
const r = To(e), a = (_i(t) ? r.getPropertyValue(t) : r[t]) || 0;
|
|
2899
2898
|
return typeof a == "string" ? a.trim() : a;
|
|
2900
2899
|
}
|
|
2901
2900
|
}
|
|
@@ -2909,15 +2908,15 @@ class Ao extends dr {
|
|
|
2909
2908
|
return mr(e, t, i);
|
|
2910
2909
|
}
|
|
2911
2910
|
}
|
|
2912
|
-
function
|
|
2911
|
+
function Ao(n, e) {
|
|
2913
2912
|
return n in e;
|
|
2914
2913
|
}
|
|
2915
|
-
class
|
|
2914
|
+
class Lo extends lr {
|
|
2916
2915
|
constructor() {
|
|
2917
2916
|
super(...arguments), this.type = "object";
|
|
2918
2917
|
}
|
|
2919
2918
|
readValueFromInstance(e, t) {
|
|
2920
|
-
if (
|
|
2919
|
+
if (Ao(t, e)) {
|
|
2921
2920
|
const i = e[t];
|
|
2922
2921
|
if (typeof i == "string" || typeof i == "number")
|
|
2923
2922
|
return i;
|
|
@@ -2951,8 +2950,8 @@ const Vo = {
|
|
|
2951
2950
|
function Mo(n, e, t = 1, i = 0, r = !0) {
|
|
2952
2951
|
n.pathLength = 1;
|
|
2953
2952
|
const a = r ? Vo : Io;
|
|
2954
|
-
n[a.offset] =
|
|
2955
|
-
const s =
|
|
2953
|
+
n[a.offset] = V.transform(-i);
|
|
2954
|
+
const s = V.transform(e), o = V.transform(t);
|
|
2956
2955
|
n[a.array] = `${s} ${o}`;
|
|
2957
2956
|
}
|
|
2958
2957
|
function Po(n, h, l, u, d) {
|
|
@@ -2971,14 +2970,14 @@ function Po(n, h, l, u, d) {
|
|
|
2971
2970
|
"pathSpacing",
|
|
2972
2971
|
"pathOffset"
|
|
2973
2972
|
]);
|
|
2974
|
-
var b,
|
|
2973
|
+
var b, v;
|
|
2975
2974
|
if (hr(n, o, u), l) {
|
|
2976
2975
|
n.style.viewBox && (n.attrs.viewBox = n.style.viewBox);
|
|
2977
2976
|
return;
|
|
2978
2977
|
}
|
|
2979
2978
|
n.attrs = n.style, n.style = {};
|
|
2980
2979
|
const { attrs: p, style: g } = n;
|
|
2981
|
-
p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (
|
|
2980
|
+
p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (v = d == null ? void 0 : d.transformBox) != null ? v : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), i !== void 0 && (p.scale = i), r !== void 0 && Mo(p, r, a, s, !1);
|
|
2982
2981
|
}
|
|
2983
2982
|
const fr = /* @__PURE__ */ new Set([
|
|
2984
2983
|
"baseFrequency",
|
|
@@ -3005,16 +3004,16 @@ const fr = /* @__PURE__ */ new Set([
|
|
|
3005
3004
|
"textLength",
|
|
3006
3005
|
"lengthAdjust"
|
|
3007
3006
|
]), Do = (n) => typeof n == "string" && n.toLowerCase() === "svg";
|
|
3008
|
-
function
|
|
3007
|
+
function Ro(n, e, t, i) {
|
|
3009
3008
|
pr(n, e, void 0, i);
|
|
3010
3009
|
for (const r in e.attrs)
|
|
3011
3010
|
n.setAttribute(fr.has(r) ? r : rn(r), e.attrs[r]);
|
|
3012
3011
|
}
|
|
3013
|
-
function
|
|
3012
|
+
function Oo(n, e, t) {
|
|
3014
3013
|
const i = mr(n, e, t);
|
|
3015
3014
|
for (const r in n)
|
|
3016
3015
|
if (J(n[r]) || J(e[r])) {
|
|
3017
|
-
const a =
|
|
3016
|
+
const a = Re.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
|
|
3018
3017
|
i[a] = n[r];
|
|
3019
3018
|
}
|
|
3020
3019
|
return i;
|
|
@@ -3027,20 +3026,20 @@ class No extends dr {
|
|
|
3027
3026
|
return e[t];
|
|
3028
3027
|
}
|
|
3029
3028
|
readValueFromInstance(e, t) {
|
|
3030
|
-
if (
|
|
3029
|
+
if (Oe.has(t)) {
|
|
3031
3030
|
const i = sr(t);
|
|
3032
3031
|
return i && i.default || 0;
|
|
3033
3032
|
}
|
|
3034
3033
|
return t = fr.has(t) ? t : rn(t), e.getAttribute(t);
|
|
3035
3034
|
}
|
|
3036
3035
|
scrapeMotionValuesFromProps(e, t, i) {
|
|
3037
|
-
return
|
|
3036
|
+
return Oo(e, t, i);
|
|
3038
3037
|
}
|
|
3039
3038
|
build(e, t, i) {
|
|
3040
3039
|
Po(e, t, this.isSVGTag, i.transformTemplate, i.style);
|
|
3041
3040
|
}
|
|
3042
3041
|
renderInstance(e, t, i, r) {
|
|
3043
|
-
|
|
3042
|
+
Ro(e, t, i, r);
|
|
3044
3043
|
}
|
|
3045
3044
|
mount(e) {
|
|
3046
3045
|
this.isSVGTag = Do(e.tagName), super.mount(e);
|
|
@@ -3066,8 +3065,8 @@ function Fo(n) {
|
|
|
3066
3065
|
},
|
|
3067
3066
|
latestValues: {}
|
|
3068
3067
|
}
|
|
3069
|
-
}, t = gr(n) && !So(n) ? new No(e) : new
|
|
3070
|
-
t.mount(n),
|
|
3068
|
+
}, t = gr(n) && !So(n) ? new No(e) : new _o(e);
|
|
3069
|
+
t.mount(n), Ze.set(n, t);
|
|
3071
3070
|
}
|
|
3072
3071
|
function jo(n) {
|
|
3073
3072
|
const e = {
|
|
@@ -3079,11 +3078,11 @@ function jo(n) {
|
|
|
3079
3078
|
},
|
|
3080
3079
|
latestValues: {}
|
|
3081
3080
|
}
|
|
3082
|
-
}, t = new
|
|
3083
|
-
t.mount(n),
|
|
3081
|
+
}, t = new Lo(e);
|
|
3082
|
+
t.mount(n), Ze.set(n, t);
|
|
3084
3083
|
}
|
|
3085
3084
|
function Bo(n, e, t) {
|
|
3086
|
-
const i = J(n) ? n :
|
|
3085
|
+
const i = J(n) ? n : Je(n);
|
|
3087
3086
|
return i.start(Xi("", i, e, t)), i.animation;
|
|
3088
3087
|
}
|
|
3089
3088
|
function zo(n, e) {
|
|
@@ -3098,16 +3097,16 @@ function br(n, e, t, i) {
|
|
|
3098
3097
|
ce(!!s, "No valid elements provided.");
|
|
3099
3098
|
for (let o = 0; o < s; o++) {
|
|
3100
3099
|
const l = a[o], u = l instanceof Element ? Fo : jo;
|
|
3101
|
-
|
|
3102
|
-
const d =
|
|
3103
|
-
"delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, s)), r.push(...
|
|
3100
|
+
Ze.has(l) || u(l);
|
|
3101
|
+
const d = Ze.get(l), h = y({}, t);
|
|
3102
|
+
"delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, s)), r.push(...Gs(d, M(y({}, e), { transition: h }), {}));
|
|
3104
3103
|
}
|
|
3105
3104
|
}
|
|
3106
3105
|
return r;
|
|
3107
3106
|
}
|
|
3108
3107
|
function $o(n, e, t) {
|
|
3109
3108
|
const i = [];
|
|
3110
|
-
return Zr(n, e, t, { spring:
|
|
3109
|
+
return Zr(n, e, t, { spring: et }).forEach(({ keyframes: a, transition: s }, o) => {
|
|
3111
3110
|
i.push(...br(o, a, s));
|
|
3112
3111
|
}), i;
|
|
3113
3112
|
}
|
|
@@ -3182,17 +3181,17 @@ class qo extends Ko {
|
|
|
3182
3181
|
});
|
|
3183
3182
|
}
|
|
3184
3183
|
}
|
|
3185
|
-
function
|
|
3184
|
+
function Ho(n) {
|
|
3186
3185
|
return Array.isArray(n) && n.some(Array.isArray);
|
|
3187
3186
|
}
|
|
3188
|
-
function
|
|
3187
|
+
function Go(n) {
|
|
3189
3188
|
function e(t, i, r) {
|
|
3190
3189
|
let a = [];
|
|
3191
|
-
return
|
|
3190
|
+
return Ho(t) ? a = $o(t, i, n) : a = br(t, i, r, n), new qo(a);
|
|
3192
3191
|
}
|
|
3193
3192
|
return e;
|
|
3194
3193
|
}
|
|
3195
|
-
const
|
|
3194
|
+
const G = Go(), Yo = "_spinner_1lif3_1", Uo = "_spinnerContainer_1lif3_5", Wo = "_success_1lif3_9", Zo = "_successContainer_1lif3_14", Jo = "_container_1lif3_57", Xo = "_card_1lif3_66", Qo = "_warning_1lif3_75", el = "_svg_1lif3_83", tl = "_srOnly_1lif3_88", nl = "_backButton_1lif3_92", S = {
|
|
3196
3195
|
spinner: Yo,
|
|
3197
3196
|
spinnerContainer: Uo,
|
|
3198
3197
|
success: Wo,
|
|
@@ -3255,7 +3254,7 @@ const al = "_checkout_15zm1_1", sl = "_hidden_15zm1_8", ol = "_formInitial_15zm1
|
|
|
3255
3254
|
buttons: cl,
|
|
3256
3255
|
hidden: dl,
|
|
3257
3256
|
skeleton: ul
|
|
3258
|
-
}, hl = "_applePay_1wlwu_1", pl = "_hidden_1wlwu_13",
|
|
3257
|
+
}, hl = "_applePay_1wlwu_1", pl = "_hidden_1wlwu_13", Lt = {
|
|
3259
3258
|
applePay: hl,
|
|
3260
3259
|
hidden: pl
|
|
3261
3260
|
};
|
|
@@ -3526,15 +3525,15 @@ function vl() {
|
|
|
3526
3525
|
}
|
|
3527
3526
|
return qe.findBestMatch = e, qe;
|
|
3528
3527
|
}
|
|
3529
|
-
var
|
|
3528
|
+
var He, ii;
|
|
3530
3529
|
function yl() {
|
|
3531
|
-
if (ii) return
|
|
3530
|
+
if (ii) return He;
|
|
3532
3531
|
ii = 1;
|
|
3533
|
-
var n =
|
|
3532
|
+
var n = He && He.__assign || function() {
|
|
3534
3533
|
return n = Object.assign || function(g) {
|
|
3535
|
-
for (var b,
|
|
3536
|
-
b = arguments[
|
|
3537
|
-
for (var
|
|
3534
|
+
for (var b, v = 1, k = arguments.length; v < k; v++) {
|
|
3535
|
+
b = arguments[v];
|
|
3536
|
+
for (var L in b) Object.prototype.hasOwnProperty.call(b, L) && (g[L] = b[L]);
|
|
3538
3537
|
}
|
|
3539
3538
|
return g;
|
|
3540
3539
|
}, n.apply(this, arguments);
|
|
@@ -3575,10 +3574,10 @@ function yl() {
|
|
|
3575
3574
|
}
|
|
3576
3575
|
function m(g, b) {
|
|
3577
3576
|
b === void 0 && (b = !1);
|
|
3578
|
-
var
|
|
3579
|
-
if (!b &&
|
|
3577
|
+
var v = u.indexOf(g);
|
|
3578
|
+
if (!b && v === -1)
|
|
3580
3579
|
throw new Error('"' + g + '" is not a supported card type.');
|
|
3581
|
-
return
|
|
3580
|
+
return v;
|
|
3582
3581
|
}
|
|
3583
3582
|
function p(g) {
|
|
3584
3583
|
var b = [];
|
|
@@ -3586,12 +3585,12 @@ function yl() {
|
|
|
3586
3585
|
return b;
|
|
3587
3586
|
if (g.length === 0)
|
|
3588
3587
|
return h();
|
|
3589
|
-
u.forEach(function(
|
|
3590
|
-
var
|
|
3591
|
-
(0, t.addMatchingCardsToResults)(g,
|
|
3588
|
+
u.forEach(function(k) {
|
|
3589
|
+
var L = d(k);
|
|
3590
|
+
(0, t.addMatchingCardsToResults)(g, L, b);
|
|
3592
3591
|
});
|
|
3593
|
-
var
|
|
3594
|
-
return
|
|
3592
|
+
var v = (0, r.findBestMatch)(b);
|
|
3593
|
+
return v ? [v] : b;
|
|
3595
3594
|
}
|
|
3596
3595
|
return p.getTypeInfo = function(g) {
|
|
3597
3596
|
return (0, a.clone)(d(g));
|
|
@@ -3602,19 +3601,19 @@ function yl() {
|
|
|
3602
3601
|
var b = m(g.type, !0);
|
|
3603
3602
|
s[g.type] = g, b === -1 && u.push(g.type);
|
|
3604
3603
|
}, p.updateCard = function(g, b) {
|
|
3605
|
-
var
|
|
3606
|
-
if (!
|
|
3604
|
+
var v = s[g] || e[g];
|
|
3605
|
+
if (!v)
|
|
3607
3606
|
throw new Error('"'.concat(g, "\" is not a recognized type. Use `addCard` instead.'"));
|
|
3608
|
-
if (b.type &&
|
|
3607
|
+
if (b.type && v.type !== b.type)
|
|
3609
3608
|
throw new Error("Cannot overwrite type parameter.");
|
|
3610
|
-
var
|
|
3611
|
-
|
|
3609
|
+
var k = (0, a.clone)(v);
|
|
3610
|
+
k = n(n({}, k), b), s[k.type] = k;
|
|
3612
3611
|
}, p.changeOrder = function(g, b) {
|
|
3613
|
-
var
|
|
3614
|
-
u.splice(
|
|
3612
|
+
var v = m(g);
|
|
3613
|
+
u.splice(v, 1), u.splice(b, 0, g);
|
|
3615
3614
|
}, p.resetModifications = function() {
|
|
3616
3615
|
u = (0, a.clone)(l), s = {};
|
|
3617
|
-
}, p.types = o,
|
|
3616
|
+
}, p.types = o, He = p, He;
|
|
3618
3617
|
}
|
|
3619
3618
|
var Pe = yl();
|
|
3620
3619
|
Pe.updateCard("visa", {
|
|
@@ -3630,10 +3629,10 @@ const Cl = (n, e) => {
|
|
|
3630
3629
|
o.push(i.slice(u, d));
|
|
3631
3630
|
}
|
|
3632
3631
|
return o.join(" ").slice(0, a);
|
|
3633
|
-
},
|
|
3632
|
+
}, kl = (n, e) => {
|
|
3634
3633
|
const t = Pe.getTypeInfo(e), i = (t == null ? void 0 : t.code.size) || 4;
|
|
3635
3634
|
return n.replace(/\D/g, "").slice(0, i);
|
|
3636
|
-
},
|
|
3635
|
+
}, El = (n) => {
|
|
3637
3636
|
const e = n.replace(/\D/g, "");
|
|
3638
3637
|
let t = e.slice(0, 2);
|
|
3639
3638
|
if (!t) return "";
|
|
@@ -3650,7 +3649,7 @@ const Cl = (n, e) => {
|
|
|
3650
3649
|
return e.length === 6 ? r = e.slice(4, 6) : r = e.slice(2, 4), `${t} / ${r}`;
|
|
3651
3650
|
};
|
|
3652
3651
|
var Y = /* @__PURE__ */ ((n) => (n.Invalid = "invalid", n.Empty = "empty", n.Incomplete = "incomplete", n.Unsupported = "unsupported", n.Expired = "expired", n))(Y || {}), we = /* @__PURE__ */ ((n) => (n.Visa = "visa", n.Mastercard = "mastercard", n))(we || {});
|
|
3653
|
-
const
|
|
3652
|
+
const gt = [
|
|
3654
3653
|
{ name: "Visa", type: "visa", pattern: /^4/, minLength: 16, maxLength: 16 },
|
|
3655
3654
|
{
|
|
3656
3655
|
name: "MasterCard",
|
|
@@ -3711,16 +3710,16 @@ const bt = [
|
|
|
3711
3710
|
}, Tl = (n) => {
|
|
3712
3711
|
var e, t;
|
|
3713
3712
|
return (t = (e = Fe.find((i) => i.name === "JCB")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
|
|
3714
|
-
},
|
|
3713
|
+
}, _l = (n) => {
|
|
3715
3714
|
var e, t;
|
|
3716
3715
|
return (t = (e = Fe.find((i) => i.name === "Diners Club")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
|
|
3717
|
-
},
|
|
3716
|
+
}, Al = (n) => {
|
|
3718
3717
|
var e, t;
|
|
3719
3718
|
return (t = (e = Fe.find((i) => i.name === "Union Pay")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
|
|
3720
|
-
},
|
|
3719
|
+
}, Ll = (n) => {
|
|
3721
3720
|
var e, t;
|
|
3722
3721
|
return (t = (e = Fe.find((i) => i.name === "Maestro")) == null ? void 0 : e.pattern.test(n)) != null ? t : !1;
|
|
3723
|
-
}, Cr = (n) =>
|
|
3722
|
+
}, Cr = (n) => gt.find((e) => e.pattern.test(n)) || null, ri = (n) => gt.filter((e) => e.pattern.test(n)), Vl = (n) => {
|
|
3724
3723
|
let e = 0, t = !1;
|
|
3725
3724
|
for (let i = n.length - 1; i >= 0; i--) {
|
|
3726
3725
|
let r = parseInt(n[i]);
|
|
@@ -3733,7 +3732,7 @@ const bt = [
|
|
|
3733
3732
|
return { isValid: !1, cardType: null, error: Y.Empty };
|
|
3734
3733
|
if (!/^\d+$/.test(t))
|
|
3735
3734
|
return { isValid: !1, cardType: null, error: Y.Invalid };
|
|
3736
|
-
if (xl(t) || wl(t) || Tl(t) ||
|
|
3735
|
+
if (xl(t) || wl(t) || Tl(t) || _l(t) || Al(t) || Ll(t))
|
|
3737
3736
|
return { isValid: !1, cardType: null, error: Y.Unsupported };
|
|
3738
3737
|
const i = Cr(t);
|
|
3739
3738
|
if (i) {
|
|
@@ -3765,7 +3764,7 @@ const bt = [
|
|
|
3765
3764
|
}, Il = (n) => {
|
|
3766
3765
|
var e;
|
|
3767
3766
|
return n ? typeof n.amount != "number" ? (console.error("Transaction amount is missing or invalid for Google Pay"), null) : n.currency ? n.country ? n.merchant_id ? n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
|
|
3768
|
-
({ is_active: i, type: r }) => i && r ===
|
|
3767
|
+
({ is_active: i, type: r }) => i && r === T.GOOGLE_PAY
|
|
3769
3768
|
)) ? null : {
|
|
3770
3769
|
amount: n.amount,
|
|
3771
3770
|
currency: n.currency,
|
|
@@ -3776,7 +3775,7 @@ const bt = [
|
|
|
3776
3775
|
}, Ml = (n) => {
|
|
3777
3776
|
var e, t;
|
|
3778
3777
|
return n ? typeof n.amount != "number" ? (console.error("Transaction amount is missing or invalid for Apple Pay"), null) : n.currency ? n.country ? n.merchant_id ? n.checkout_config && !((e = n.checkout_config) == null ? void 0 : e.find(
|
|
3779
|
-
({ is_active: r, type: a }) => r && a ===
|
|
3778
|
+
({ is_active: r, type: a }) => r && a === T.APPLE_PAY
|
|
3780
3779
|
)) ? null : {
|
|
3781
3780
|
amount: n.amount,
|
|
3782
3781
|
currency: n.currency,
|
|
@@ -3835,7 +3834,7 @@ const bt = [
|
|
|
3835
3834
|
tr: "tr-TR",
|
|
3836
3835
|
vi: "vi-VN",
|
|
3837
3836
|
zh: "zh-CN"
|
|
3838
|
-
})[n] || "en-US",
|
|
3837
|
+
})[n] || "en-US", Rl = (n) => ({
|
|
3839
3838
|
en: "en",
|
|
3840
3839
|
ar: "ar",
|
|
3841
3840
|
bg: "bg",
|
|
@@ -3867,7 +3866,7 @@ const bt = [
|
|
|
3867
3866
|
tr: "tr",
|
|
3868
3867
|
ua: "uk",
|
|
3869
3868
|
zh: "zh"
|
|
3870
|
-
})[n] || "en",
|
|
3869
|
+
})[n] || "en", Ol = (n) => ({
|
|
3871
3870
|
en: "en_US",
|
|
3872
3871
|
ar: "ar_EG",
|
|
3873
3872
|
cs: "cs_CZ",
|
|
@@ -3892,7 +3891,7 @@ const bt = [
|
|
|
3892
3891
|
zh: "zh_CN",
|
|
3893
3892
|
mt: "en_GB"
|
|
3894
3893
|
})[n] || "en_US";
|
|
3895
|
-
var
|
|
3894
|
+
var ct = { exports: {} }, Ge = {};
|
|
3896
3895
|
/**
|
|
3897
3896
|
* @license React
|
|
3898
3897
|
* react-jsx-runtime.production.js
|
|
@@ -3904,7 +3903,7 @@ var dt = { exports: {} }, He = {};
|
|
|
3904
3903
|
*/
|
|
3905
3904
|
var si;
|
|
3906
3905
|
function Nl() {
|
|
3907
|
-
if (si) return
|
|
3906
|
+
if (si) return Ge;
|
|
3908
3907
|
si = 1;
|
|
3909
3908
|
var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
|
|
3910
3909
|
function t(i, r, a) {
|
|
@@ -3922,7 +3921,7 @@ function Nl() {
|
|
|
3922
3921
|
props: a
|
|
3923
3922
|
};
|
|
3924
3923
|
}
|
|
3925
|
-
return
|
|
3924
|
+
return Ge.Fragment = e, Ge.jsx = t, Ge.jsxs = t, Ge;
|
|
3926
3925
|
}
|
|
3927
3926
|
var Ye = {};
|
|
3928
3927
|
/**
|
|
@@ -3940,20 +3939,20 @@ function Sl() {
|
|
|
3940
3939
|
function n(f) {
|
|
3941
3940
|
if (f == null) return null;
|
|
3942
3941
|
if (typeof f == "function")
|
|
3943
|
-
return f.$$typeof ===
|
|
3942
|
+
return f.$$typeof === O ? null : f.displayName || f.name || null;
|
|
3944
3943
|
if (typeof f == "string") return f;
|
|
3945
3944
|
switch (f) {
|
|
3946
3945
|
case b:
|
|
3947
3946
|
return "Fragment";
|
|
3948
|
-
case
|
|
3947
|
+
case k:
|
|
3949
3948
|
return "Profiler";
|
|
3950
|
-
case
|
|
3949
|
+
case v:
|
|
3951
3950
|
return "StrictMode";
|
|
3952
|
-
case
|
|
3951
|
+
case _:
|
|
3953
3952
|
return "Suspense";
|
|
3954
3953
|
case D:
|
|
3955
3954
|
return "SuspenseList";
|
|
3956
|
-
case
|
|
3955
|
+
case R:
|
|
3957
3956
|
return "Activity";
|
|
3958
3957
|
}
|
|
3959
3958
|
if (typeof f == "object")
|
|
@@ -3962,16 +3961,16 @@ function Sl() {
|
|
|
3962
3961
|
), f.$$typeof) {
|
|
3963
3962
|
case g:
|
|
3964
3963
|
return "Portal";
|
|
3965
|
-
case
|
|
3964
|
+
case w:
|
|
3966
3965
|
return (f.displayName || "Context") + ".Provider";
|
|
3967
|
-
case
|
|
3966
|
+
case L:
|
|
3968
3967
|
return (f._context.displayName || "Context") + ".Consumer";
|
|
3969
3968
|
case I:
|
|
3970
3969
|
var P = f.render;
|
|
3971
3970
|
return f = f.displayName, f || (f = P.displayName || P.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
|
|
3972
|
-
case
|
|
3971
|
+
case C:
|
|
3973
3972
|
return P = f.displayName || null, P !== null ? P : n(f.type) || "Memo";
|
|
3974
|
-
case
|
|
3973
|
+
case x:
|
|
3975
3974
|
P = f._payload, f = f._init;
|
|
3976
3975
|
try {
|
|
3977
3976
|
return n(f(P));
|
|
@@ -3992,17 +3991,17 @@ function Sl() {
|
|
|
3992
3991
|
}
|
|
3993
3992
|
if (P) {
|
|
3994
3993
|
P = console;
|
|
3995
|
-
var N = P.error,
|
|
3994
|
+
var N = P.error, H = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
|
|
3996
3995
|
return N.call(
|
|
3997
3996
|
P,
|
|
3998
3997
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
3999
|
-
|
|
3998
|
+
H
|
|
4000
3999
|
), e(f);
|
|
4001
4000
|
}
|
|
4002
4001
|
}
|
|
4003
4002
|
function i(f) {
|
|
4004
4003
|
if (f === b) return "<>";
|
|
4005
|
-
if (typeof f == "object" && f !== null && f.$$typeof ===
|
|
4004
|
+
if (typeof f == "object" && f !== null && f.$$typeof === x)
|
|
4006
4005
|
return "<...>";
|
|
4007
4006
|
try {
|
|
4008
4007
|
var P = n(f);
|
|
@@ -4012,7 +4011,7 @@ function Sl() {
|
|
|
4012
4011
|
}
|
|
4013
4012
|
}
|
|
4014
4013
|
function r() {
|
|
4015
|
-
var f =
|
|
4014
|
+
var f = K.A;
|
|
4016
4015
|
return f === null ? null : f.getOwner();
|
|
4017
4016
|
}
|
|
4018
4017
|
function a() {
|
|
@@ -4039,11 +4038,11 @@ function Sl() {
|
|
|
4039
4038
|
}
|
|
4040
4039
|
function l() {
|
|
4041
4040
|
var f = n(this.type);
|
|
4042
|
-
return
|
|
4041
|
+
return kt[f] || (kt[f] = !0, console.error(
|
|
4043
4042
|
"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."
|
|
4044
4043
|
)), f = this.props.ref, f !== void 0 ? f : null;
|
|
4045
4044
|
}
|
|
4046
|
-
function u(f, P, N,
|
|
4045
|
+
function u(f, P, N, H, ie, X, _e, Ae) {
|
|
4047
4046
|
return N = X.ref, f = {
|
|
4048
4047
|
$$typeof: p,
|
|
4049
4048
|
type: f,
|
|
@@ -4067,21 +4066,21 @@ function Sl() {
|
|
|
4067
4066
|
configurable: !1,
|
|
4068
4067
|
enumerable: !1,
|
|
4069
4068
|
writable: !0,
|
|
4070
|
-
value:
|
|
4069
|
+
value: _e
|
|
4071
4070
|
}), Object.defineProperty(f, "_debugTask", {
|
|
4072
4071
|
configurable: !1,
|
|
4073
4072
|
enumerable: !1,
|
|
4074
4073
|
writable: !0,
|
|
4075
|
-
value:
|
|
4074
|
+
value: Ae
|
|
4076
4075
|
}), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
|
|
4077
4076
|
}
|
|
4078
|
-
function d(f, P, N,
|
|
4077
|
+
function d(f, P, N, H, ie, X, _e, Ae) {
|
|
4079
4078
|
var z = P.children;
|
|
4080
4079
|
if (z !== void 0)
|
|
4081
|
-
if (
|
|
4080
|
+
if (H)
|
|
4082
4081
|
if (te(z)) {
|
|
4083
|
-
for (
|
|
4084
|
-
h(z[
|
|
4082
|
+
for (H = 0; H < z.length; H++)
|
|
4083
|
+
h(z[H]);
|
|
4085
4084
|
Object.freeze && Object.freeze(z);
|
|
4086
4085
|
} else
|
|
4087
4086
|
console.error(
|
|
@@ -4093,18 +4092,18 @@ function Sl() {
|
|
|
4093
4092
|
var re = Object.keys(P).filter(function(ge) {
|
|
4094
4093
|
return ge !== "key";
|
|
4095
4094
|
});
|
|
4096
|
-
|
|
4095
|
+
H = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ne[z + H] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
4097
4096
|
`A props object containing a "key" prop is being spread into JSX:
|
|
4098
4097
|
let props = %s;
|
|
4099
4098
|
<%s {...props} />
|
|
4100
4099
|
React keys must be passed directly to JSX without using spread:
|
|
4101
4100
|
let props = %s;
|
|
4102
4101
|
<%s key={someKey} {...props} />`,
|
|
4103
|
-
|
|
4102
|
+
H,
|
|
4104
4103
|
z,
|
|
4105
4104
|
re,
|
|
4106
4105
|
z
|
|
4107
|
-
), ne[z +
|
|
4106
|
+
), ne[z + H] = !0);
|
|
4108
4107
|
}
|
|
4109
4108
|
if (z = null, N !== void 0 && (t(N), z = "" + N), s(P) && (t(P.key), z = "" + P.key), "key" in P) {
|
|
4110
4109
|
N = {};
|
|
@@ -4121,14 +4120,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
4121
4120
|
ie,
|
|
4122
4121
|
r(),
|
|
4123
4122
|
N,
|
|
4124
|
-
|
|
4125
|
-
|
|
4123
|
+
_e,
|
|
4124
|
+
Ae
|
|
4126
4125
|
);
|
|
4127
4126
|
}
|
|
4128
4127
|
function h(f) {
|
|
4129
4128
|
typeof f == "object" && f !== null && f.$$typeof === p && f._store && (f._store.validated = 1);
|
|
4130
4129
|
}
|
|
4131
|
-
var m = wr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"),
|
|
4130
|
+
var m = wr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), w = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Te = Object.prototype.hasOwnProperty, te = Array.isArray, fe = console.createTask ? console.createTask : function() {
|
|
4132
4131
|
return null;
|
|
4133
4132
|
};
|
|
4134
4133
|
m = {
|
|
@@ -4136,40 +4135,40 @@ React keys must be passed directly to JSX without using spread:
|
|
|
4136
4135
|
return f();
|
|
4137
4136
|
}
|
|
4138
4137
|
};
|
|
4139
|
-
var he,
|
|
4138
|
+
var he, kt = {}, Et = m.react_stack_bottom_frame.bind(
|
|
4140
4139
|
m,
|
|
4141
4140
|
a
|
|
4142
|
-
)(),
|
|
4143
|
-
Ye.Fragment = b, Ye.jsx = function(f, P, N,
|
|
4144
|
-
var X = 1e4 >
|
|
4141
|
+
)(), at = fe(i(a)), ne = {};
|
|
4142
|
+
Ye.Fragment = b, Ye.jsx = function(f, P, N, H, ie) {
|
|
4143
|
+
var X = 1e4 > K.recentlyCreatedOwnerStacks++;
|
|
4145
4144
|
return d(
|
|
4146
4145
|
f,
|
|
4147
4146
|
P,
|
|
4148
4147
|
N,
|
|
4149
4148
|
!1,
|
|
4150
|
-
|
|
4149
|
+
H,
|
|
4151
4150
|
ie,
|
|
4152
|
-
X ? Error("react-stack-top-frame") :
|
|
4153
|
-
X ? fe(i(f)) :
|
|
4151
|
+
X ? Error("react-stack-top-frame") : Et,
|
|
4152
|
+
X ? fe(i(f)) : at
|
|
4154
4153
|
);
|
|
4155
|
-
}, Ye.jsxs = function(f, P, N,
|
|
4156
|
-
var X = 1e4 >
|
|
4154
|
+
}, Ye.jsxs = function(f, P, N, H, ie) {
|
|
4155
|
+
var X = 1e4 > K.recentlyCreatedOwnerStacks++;
|
|
4157
4156
|
return d(
|
|
4158
4157
|
f,
|
|
4159
4158
|
P,
|
|
4160
4159
|
N,
|
|
4161
4160
|
!0,
|
|
4162
|
-
|
|
4161
|
+
H,
|
|
4163
4162
|
ie,
|
|
4164
|
-
X ? Error("react-stack-top-frame") :
|
|
4165
|
-
X ? fe(i(f)) :
|
|
4163
|
+
X ? Error("react-stack-top-frame") : Et,
|
|
4164
|
+
X ? fe(i(f)) : at
|
|
4166
4165
|
);
|
|
4167
4166
|
};
|
|
4168
4167
|
}()), Ye;
|
|
4169
4168
|
}
|
|
4170
4169
|
var li;
|
|
4171
4170
|
function Fl() {
|
|
4172
|
-
return li || (li = 1, process.env.NODE_ENV === "production" ?
|
|
4171
|
+
return li || (li = 1, process.env.NODE_ENV === "production" ? ct.exports = Nl() : ct.exports = Sl()), ct.exports;
|
|
4173
4172
|
}
|
|
4174
4173
|
Fl();
|
|
4175
4174
|
const jl = [
|
|
@@ -4181,12 +4180,12 @@ const jl = [
|
|
|
4181
4180
|
we.Visa
|
|
4182
4181
|
// CardType.UnionPay,
|
|
4183
4182
|
// CardType.Maestro,
|
|
4184
|
-
],
|
|
4183
|
+
], bt = (n, e) => (console.error("Error: ", n), e.status.error);
|
|
4185
4184
|
class Bl {
|
|
4186
4185
|
constructor(e) {
|
|
4187
4186
|
c(this, "element");
|
|
4188
4187
|
c(this, "events", {
|
|
4189
|
-
ready: new
|
|
4188
|
+
ready: new q()
|
|
4190
4189
|
});
|
|
4191
4190
|
c(this, "ev");
|
|
4192
4191
|
c(this, "customButtonStyles");
|
|
@@ -4194,15 +4193,15 @@ class Bl {
|
|
|
4194
4193
|
c(this, "onPaymentAttempt");
|
|
4195
4194
|
this.config = e;
|
|
4196
4195
|
const t = this.config.state.styles.getState().ApplePayButton;
|
|
4197
|
-
this.onPaymentAttempt = this.config.state.checkout.getState().onCheckoutAttempt, this.ev = this.config.service.ev, this.customButtonStyles = t, this.element = document.createElement("div"), this.element.classList.add(
|
|
4196
|
+
this.onPaymentAttempt = this.config.state.checkout.getState().onCheckoutAttempt, this.ev = this.config.service.ev, this.customButtonStyles = t, this.element = document.createElement("div"), this.element.classList.add(Lt.applePay, Lt.hidden);
|
|
4198
4197
|
}
|
|
4199
4198
|
init(e) {
|
|
4200
|
-
return
|
|
4199
|
+
return E(this, null, function* () {
|
|
4201
4200
|
if (!this.config) return !1;
|
|
4202
4201
|
const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Ml(t);
|
|
4203
4202
|
if (!r)
|
|
4204
4203
|
return !1;
|
|
4205
|
-
const a = e ? M(
|
|
4204
|
+
const a = e ? M(y({}, e), {
|
|
4206
4205
|
onError: (s) => {
|
|
4207
4206
|
var l, u;
|
|
4208
4207
|
if (!this.isInitialized) {
|
|
@@ -4210,7 +4209,7 @@ class Bl {
|
|
|
4210
4209
|
return;
|
|
4211
4210
|
}
|
|
4212
4211
|
const o = this.config.state.translate.messages();
|
|
4213
|
-
s != null && s.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (
|
|
4212
|
+
s != null && s.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (bt(s, o), (u = e.onError) == null || u.call(e, s));
|
|
4214
4213
|
},
|
|
4215
4214
|
onSuccess: (s) => {
|
|
4216
4215
|
var o;
|
|
@@ -4218,14 +4217,14 @@ class Bl {
|
|
|
4218
4217
|
}
|
|
4219
4218
|
}) : void 0;
|
|
4220
4219
|
return yield this.ev.initApple(
|
|
4221
|
-
M(
|
|
4220
|
+
M(y({}, a), {
|
|
4222
4221
|
transaction: r,
|
|
4223
4222
|
supportedCardTypes: Pl(jl),
|
|
4224
4223
|
locale: Dl(i || "en"),
|
|
4225
4224
|
onPaymentAttempt: this.onPaymentAttempt
|
|
4226
4225
|
}),
|
|
4227
4226
|
this.customButtonStyles
|
|
4228
|
-
), this.ev.isAppleAvailable() ? (yield this.ev.renderApple(this.element), this.isInitialized = !0, this.element.classList.remove(
|
|
4227
|
+
), this.ev.isAppleAvailable() ? (yield this.ev.renderApple(this.element), this.isInitialized = !0, this.element.classList.remove(Lt.hidden), this.events.ready.emit(), !0) : !1;
|
|
4229
4228
|
});
|
|
4230
4229
|
}
|
|
4231
4230
|
addEventListener(e, t) {
|
|
@@ -4236,16 +4235,16 @@ class Bl {
|
|
|
4236
4235
|
}
|
|
4237
4236
|
}
|
|
4238
4237
|
const zl = [
|
|
4239
|
-
{ type:
|
|
4240
|
-
{ type:
|
|
4241
|
-
{ type:
|
|
4242
|
-
{ type:
|
|
4243
|
-
{ type:
|
|
4244
|
-
],
|
|
4238
|
+
{ type: T.PAYPAL, is_active: !1, order: 1 },
|
|
4239
|
+
{ type: T.APPLE_PAY, is_active: !1, order: 2 },
|
|
4240
|
+
{ type: T.GOOGLE_PAY, is_active: !1, order: 3 },
|
|
4241
|
+
{ type: T.VENMO, is_active: !1, order: 4 },
|
|
4242
|
+
{ type: T.CARD, is_active: !0, order: 5 }
|
|
4243
|
+
], Le = {
|
|
4245
4244
|
open: { y: 0, opacity: 1 },
|
|
4246
4245
|
close: { y: 100, opacity: 0 },
|
|
4247
4246
|
transition: { duration: 0.25, ease: "easeOut" }
|
|
4248
|
-
},
|
|
4247
|
+
}, dt = {
|
|
4249
4248
|
open: { y: 0, opacity: 1 },
|
|
4250
4249
|
close: { y: -100, opacity: 0 },
|
|
4251
4250
|
transition: { duration: 0.25, ease: "easeOut" }
|
|
@@ -4265,7 +4264,7 @@ class ql {
|
|
|
4265
4264
|
constructor(e) {
|
|
4266
4265
|
c(this, "element");
|
|
4267
4266
|
c(this, "events", {
|
|
4268
|
-
ready: new
|
|
4267
|
+
ready: new q()
|
|
4269
4268
|
});
|
|
4270
4269
|
c(this, "ev");
|
|
4271
4270
|
c(this, "customButtonStyles");
|
|
@@ -4274,19 +4273,19 @@ class ql {
|
|
|
4274
4273
|
this.config = e, this.ev = this.config.service.ev, this.customButtonStyles = this.config.state.styles.getState().GooglePayButton, this.onPaymentAttempt = this.config.state.checkout.getState().onCheckoutAttempt, this.element = document.createElement("div"), this.element.classList.add(It.googlePay, It.hidden);
|
|
4275
4274
|
}
|
|
4276
4275
|
init(e) {
|
|
4277
|
-
return
|
|
4276
|
+
return E(this, null, function* () {
|
|
4278
4277
|
if (!this.config) return !1;
|
|
4279
4278
|
const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Il(t);
|
|
4280
4279
|
if (!r)
|
|
4281
4280
|
return !1;
|
|
4282
|
-
const a = e ? M(
|
|
4281
|
+
const a = e ? M(y({}, e), {
|
|
4283
4282
|
onError: (s) => {
|
|
4284
4283
|
var o;
|
|
4285
4284
|
if (!this.isInitialized) {
|
|
4286
4285
|
console.error("Google Pay error:", s);
|
|
4287
4286
|
return;
|
|
4288
4287
|
}
|
|
4289
|
-
|
|
4288
|
+
bt(s, this.config.state.translate.messages()), (o = e.onError) == null || o.call(e, s);
|
|
4290
4289
|
},
|
|
4291
4290
|
onSuccess: (s) => {
|
|
4292
4291
|
var o;
|
|
@@ -4294,9 +4293,9 @@ class ql {
|
|
|
4294
4293
|
}
|
|
4295
4294
|
}) : void 0;
|
|
4296
4295
|
return yield this.ev.initGoogle(
|
|
4297
|
-
M(
|
|
4296
|
+
M(y({}, a), {
|
|
4298
4297
|
transaction: r,
|
|
4299
|
-
locale:
|
|
4298
|
+
locale: Rl(i || "en"),
|
|
4300
4299
|
onPaymentAttempt: this.onPaymentAttempt
|
|
4301
4300
|
}),
|
|
4302
4301
|
this.customButtonStyles
|
|
@@ -4310,33 +4309,31 @@ class ql {
|
|
|
4310
4309
|
return this.element;
|
|
4311
4310
|
}
|
|
4312
4311
|
}
|
|
4313
|
-
const
|
|
4314
|
-
paypal:
|
|
4315
|
-
hidden:
|
|
4312
|
+
const Hl = "_paypal_iyh6g_1", Gl = "_hidden_iyh6g_7", Mt = {
|
|
4313
|
+
paypal: Hl,
|
|
4314
|
+
hidden: Gl
|
|
4316
4315
|
};
|
|
4317
4316
|
class Yl {
|
|
4318
4317
|
constructor(e) {
|
|
4319
4318
|
c(this, "element");
|
|
4320
4319
|
c(this, "events", {
|
|
4321
|
-
ready: new
|
|
4322
|
-
onPaymentAttempt: new
|
|
4320
|
+
ready: new q(),
|
|
4321
|
+
onPaymentAttempt: new q()
|
|
4323
4322
|
});
|
|
4324
4323
|
c(this, "paypal");
|
|
4325
4324
|
c(this, "customButtonStyles");
|
|
4326
4325
|
c(this, "isInitialized", !1);
|
|
4327
|
-
c(this, "attemptEmitted", !1);
|
|
4328
|
-
c(this, "interceptOverlay");
|
|
4329
4326
|
this.config = e, this.paypal = this.config.service.paypal, this.customButtonStyles = this.config.state.styles.getState().PayPalButton, this.element = document.createElement("div"), this.element.classList.add(Mt.paypal, Mt.hidden);
|
|
4330
4327
|
}
|
|
4331
4328
|
// init
|
|
4332
4329
|
init(e) {
|
|
4333
|
-
return
|
|
4330
|
+
return E(this, null, function* () {
|
|
4334
4331
|
var s, o;
|
|
4335
4332
|
if (!this.config)
|
|
4336
4333
|
return !1;
|
|
4337
|
-
const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () =>
|
|
4334
|
+
const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () => E(this, null, function* () {
|
|
4338
4335
|
try {
|
|
4339
|
-
return yield
|
|
4336
|
+
return yield Rr(i.clientToken, i.environment, i.apiVersion);
|
|
4340
4337
|
} catch (l) {
|
|
4341
4338
|
throw l;
|
|
4342
4339
|
}
|
|
@@ -4350,40 +4347,37 @@ class Yl {
|
|
|
4350
4347
|
clientId: t.paypal_info.client_id,
|
|
4351
4348
|
environment: t.paypal_info.environment || "sandbox",
|
|
4352
4349
|
vault: !0,
|
|
4353
|
-
locale:
|
|
4350
|
+
locale: Ol(this.config.state.translate.locale()),
|
|
4354
4351
|
intent: "tokenize"
|
|
4355
4352
|
}), !this.paypal.isLoaded())
|
|
4356
4353
|
return !1;
|
|
4357
4354
|
} catch (l) {
|
|
4358
4355
|
return !1;
|
|
4359
4356
|
}
|
|
4360
|
-
const a = e ? M(
|
|
4357
|
+
const a = e ? M(y({}, e), {
|
|
4361
4358
|
onError: (l) => {
|
|
4362
4359
|
var d, h;
|
|
4363
|
-
if (
|
|
4360
|
+
if (!this.isInitialized) {
|
|
4364
4361
|
console.error("PayPal error:", l);
|
|
4365
4362
|
return;
|
|
4366
4363
|
}
|
|
4367
|
-
!this.isUserCancellationError(l) && l ? (d = e.onError) == null || d.call(e, l) : (h = e.onCancel) == null || h.call(e)
|
|
4364
|
+
!this.isUserCancellationError(l) && l ? (d = e.onError) == null || d.call(e, l) : (h = e.onCancel) == null || h.call(e);
|
|
4368
4365
|
},
|
|
4369
4366
|
onCancel: () => {
|
|
4370
4367
|
var l;
|
|
4371
|
-
|
|
4368
|
+
(l = e.onCancel) == null || l.call(e);
|
|
4372
4369
|
},
|
|
4373
4370
|
onSuccess: (l) => {
|
|
4374
4371
|
var u;
|
|
4375
|
-
(u = e.onSuccess) == null || u.call(e, l)
|
|
4372
|
+
(u = e.onSuccess) == null || u.call(e, l);
|
|
4376
4373
|
}
|
|
4377
4374
|
}) : void 0;
|
|
4378
4375
|
try {
|
|
4379
|
-
yield this.paypal.render(this.element, M(
|
|
4376
|
+
yield this.paypal.render(this.element, M(y({}, a), {
|
|
4380
4377
|
createBillingAgreement: r,
|
|
4381
|
-
|
|
4382
|
-
this.emitAttemptOnce();
|
|
4383
|
-
},
|
|
4384
|
-
onApprove: (u) => k(this, [u], function* ({ billingToken: l }) {
|
|
4378
|
+
onApprove: (u) => E(this, [u], function* ({ billingToken: l }) {
|
|
4385
4379
|
var d;
|
|
4386
|
-
(d = a == null ? void 0 : a.onSuccess) == null || d.call(a, l || "");
|
|
4380
|
+
this.events.onPaymentAttempt.emit(T.PAYPAL), (d = a == null ? void 0 : a.onSuccess) == null || d.call(a, l || "");
|
|
4387
4381
|
}),
|
|
4388
4382
|
style: (o = this.customButtonStyles) == null ? void 0 : o.styles,
|
|
4389
4383
|
onCancel: () => {
|
|
@@ -4399,16 +4393,13 @@ class Yl {
|
|
|
4399
4393
|
} catch (l) {
|
|
4400
4394
|
return !1;
|
|
4401
4395
|
}
|
|
4402
|
-
return this.
|
|
4396
|
+
return this.element.classList.remove(Mt.hidden), this.isInitialized = !0, this.events.ready.emit(), !0;
|
|
4403
4397
|
});
|
|
4404
4398
|
}
|
|
4405
4399
|
// add event listener
|
|
4406
4400
|
addEventListener(e, t) {
|
|
4407
4401
|
return this.events[e].addListener(t);
|
|
4408
4402
|
}
|
|
4409
|
-
emitAttemptOnce() {
|
|
4410
|
-
this.attemptEmitted || (this.attemptEmitted = !0, this.events.onPaymentAttempt.emit(x.PAYPAL));
|
|
4411
|
-
}
|
|
4412
4403
|
isUserCancellationError(e) {
|
|
4413
4404
|
var r;
|
|
4414
4405
|
if (!e) return !1;
|
|
@@ -4423,24 +4414,6 @@ class Yl {
|
|
|
4423
4414
|
"popup close"
|
|
4424
4415
|
].some((a) => t.toLowerCase().includes(a));
|
|
4425
4416
|
}
|
|
4426
|
-
setupInterceptOverlay() {
|
|
4427
|
-
if (this.interceptOverlay) return;
|
|
4428
|
-
this.element.style.position = this.element.style.position || "relative";
|
|
4429
|
-
const e = document.createElement("div");
|
|
4430
|
-
e.style.position = "absolute", e.style.inset = "0", e.style.background = "transparent", e.style.zIndex = "2", e.style.pointerEvents = "auto";
|
|
4431
|
-
const t = () => {
|
|
4432
|
-
this.emitAttemptOnce(), e.style.pointerEvents = "none", setTimeout(() => {
|
|
4433
|
-
e.style.pointerEvents = "auto";
|
|
4434
|
-
}, 250);
|
|
4435
|
-
};
|
|
4436
|
-
e.addEventListener("pointerdown", t, { capture: !0 }), e.addEventListener(
|
|
4437
|
-
"keydown",
|
|
4438
|
-
(i) => {
|
|
4439
|
-
(i.key === "Enter" || i.key === " ") && t();
|
|
4440
|
-
},
|
|
4441
|
-
{ capture: !0 }
|
|
4442
|
-
), this.element.appendChild(e), this.interceptOverlay = e;
|
|
4443
|
-
}
|
|
4444
4417
|
// render
|
|
4445
4418
|
render() {
|
|
4446
4419
|
return this.element;
|
|
@@ -4493,7 +4466,7 @@ class Zl {
|
|
|
4493
4466
|
return this.element;
|
|
4494
4467
|
}
|
|
4495
4468
|
}
|
|
4496
|
-
const Jl = (n, e, t) => e.concat(n.filter((i) => e.every((r) => !t(i, r)))), Xl = "_container_10ziz_2", Ql = "_venmo_10ziz_8", ec = "_hidden_10ziz_35",
|
|
4469
|
+
const Jl = (n, e, t) => e.concat(n.filter((i) => e.every((r) => !t(i, r)))), Xl = "_container_10ziz_2", Ql = "_venmo_10ziz_8", ec = "_hidden_10ziz_35", ut = {
|
|
4497
4470
|
container: Xl,
|
|
4498
4471
|
venmo: Ql,
|
|
4499
4472
|
hidden: ec
|
|
@@ -4511,18 +4484,17 @@ class ic {
|
|
|
4511
4484
|
c(this, "container");
|
|
4512
4485
|
c(this, "venmoButton");
|
|
4513
4486
|
c(this, "events", {
|
|
4514
|
-
ready: new
|
|
4515
|
-
onPaymentAttempt: new K()
|
|
4487
|
+
ready: new q()
|
|
4516
4488
|
});
|
|
4517
4489
|
c(this, "braintree");
|
|
4518
4490
|
c(this, "isInitialized", !1);
|
|
4519
4491
|
this.config = e, this.braintree = this.config.service.braintree;
|
|
4520
4492
|
const t = this.config.state.styles.getState().BraintreeButton;
|
|
4521
|
-
this.container = document.createElement("div"), this.container.classList.add(
|
|
4493
|
+
this.container = document.createElement("div"), this.container.classList.add(ut.container), this.venmoButton = document.createElement("button"), this.venmoButton.classList.add(ut.venmo, ut.hidden), t != null && t.className && F(this.venmoButton, t.className), t != null && t.styles && Object.assign(this.venmoButton.style, t.styles), this.venmoButton.setAttribute("aria-label", "Venmo"), this.venmoButton.innerHTML = nc, this.container.append(this.venmoButton);
|
|
4522
4494
|
}
|
|
4523
4495
|
// init
|
|
4524
4496
|
init(e) {
|
|
4525
|
-
return
|
|
4497
|
+
return E(this, null, function* () {
|
|
4526
4498
|
var i;
|
|
4527
4499
|
if (!this.config) return !1;
|
|
4528
4500
|
const t = this.config.state.transaction.getState();
|
|
@@ -4534,7 +4506,7 @@ class ic {
|
|
|
4534
4506
|
}), yield this.braintree.createVenmo({
|
|
4535
4507
|
// ToDo: update before release
|
|
4536
4508
|
// deepLinkReturnUrl: checkout?.returnUrl,
|
|
4537
|
-
}), this.braintree.isBrowserSupported() ? (this.displayVenmoButton(e), this.braintree.hasTokenizationResult() ? (yield this.handleExistingTokenization(e), !1) : (this.venmoButton.classList.remove(
|
|
4509
|
+
}), this.braintree.isBrowserSupported() ? (this.displayVenmoButton(e), this.braintree.hasTokenizationResult() ? (yield this.handleExistingTokenization(e), !1) : (this.venmoButton.classList.remove(ut.hidden), this.isInitialized = !0, this.events.ready.emit(), !0)) : (this.handleVenmoError(new Error("Browser does not support Venmo")), !1);
|
|
4538
4510
|
} catch (r) {
|
|
4539
4511
|
return this.handleVenmoError(r), !1;
|
|
4540
4512
|
}
|
|
@@ -4542,8 +4514,8 @@ class ic {
|
|
|
4542
4514
|
}
|
|
4543
4515
|
// display venmo button
|
|
4544
4516
|
displayVenmoButton(e) {
|
|
4545
|
-
Object.assign(this.venmoButton.style, tc), this.venmoButton.addEventListener("click", () =>
|
|
4546
|
-
if (
|
|
4517
|
+
Object.assign(this.venmoButton.style, tc), this.venmoButton.addEventListener("click", () => E(this, null, function* () {
|
|
4518
|
+
if (!this.isProcessing) {
|
|
4547
4519
|
this.isProcessing = !0, this.venmoButton.disabled = !0;
|
|
4548
4520
|
try {
|
|
4549
4521
|
const t = yield this.braintree.tokenize();
|
|
@@ -4558,7 +4530,7 @@ class ic {
|
|
|
4558
4530
|
}
|
|
4559
4531
|
// handle existing tokenization results
|
|
4560
4532
|
handleExistingTokenization(e) {
|
|
4561
|
-
return
|
|
4533
|
+
return E(this, null, function* () {
|
|
4562
4534
|
try {
|
|
4563
4535
|
const t = yield this.braintree.tokenize();
|
|
4564
4536
|
this.handleVenmoSuccess(t, e);
|
|
@@ -4596,19 +4568,19 @@ class rc {
|
|
|
4596
4568
|
c(this, "card");
|
|
4597
4569
|
c(this, "braintree");
|
|
4598
4570
|
c(this, "events", {
|
|
4599
|
-
onFormLoaded: new
|
|
4600
|
-
ready: new
|
|
4601
|
-
open: new
|
|
4602
|
-
error: new
|
|
4603
|
-
cancel: new
|
|
4604
|
-
success: new
|
|
4605
|
-
onPaymentAttempt: new
|
|
4571
|
+
onFormLoaded: new q(),
|
|
4572
|
+
ready: new q(),
|
|
4573
|
+
open: new q(),
|
|
4574
|
+
error: new q(),
|
|
4575
|
+
cancel: new q(),
|
|
4576
|
+
success: new q(),
|
|
4577
|
+
onPaymentAttempt: new q()
|
|
4606
4578
|
});
|
|
4607
4579
|
this.config = e, this.buttons = document.createElement("div"), this.buttons.classList.add(be.buttons, be.hidden);
|
|
4608
4580
|
}
|
|
4609
4581
|
// init
|
|
4610
4582
|
init() {
|
|
4611
|
-
return
|
|
4583
|
+
return E(this, null, function* () {
|
|
4612
4584
|
this.config.service.ev.addEventListener("ready", () => {
|
|
4613
4585
|
this.initPaymentMethods().catch(console.error);
|
|
4614
4586
|
});
|
|
@@ -4616,7 +4588,7 @@ class rc {
|
|
|
4616
4588
|
}
|
|
4617
4589
|
// init apple
|
|
4618
4590
|
initApple(e) {
|
|
4619
|
-
return
|
|
4591
|
+
return E(this, null, function* () {
|
|
4620
4592
|
if (!this.applePay) {
|
|
4621
4593
|
e == null || e.remove();
|
|
4622
4594
|
return;
|
|
@@ -4625,27 +4597,17 @@ class rc {
|
|
|
4625
4597
|
try {
|
|
4626
4598
|
if (yield this.applePay.init({
|
|
4627
4599
|
onError: (i) => {
|
|
4628
|
-
this.events.error.emit(i), console.log("Apple Pay error:", i), e == null || e.remove(), this.attempted.delete(
|
|
4600
|
+
this.events.error.emit(i), console.log("Apple Pay error:", i), e == null || e.remove(), this.attempted.delete(T.APPLE_PAY);
|
|
4629
4601
|
},
|
|
4630
4602
|
onCancel: () => {
|
|
4631
|
-
this.events.cancel.emit(), this.attempted.delete(
|
|
4603
|
+
this.events.cancel.emit(), this.attempted.delete(T.APPLE_PAY);
|
|
4632
4604
|
},
|
|
4633
4605
|
onSuccess: (i) => {
|
|
4634
|
-
this.events.success.emit(M(
|
|
4606
|
+
this.events.success.emit(M(y({}, i), { type: "apple" })), this.attempted.delete(T.APPLE_PAY);
|
|
4635
4607
|
}
|
|
4636
4608
|
})) {
|
|
4637
4609
|
const i = this.applePay.render();
|
|
4638
4610
|
e == null || e.appendChild(i);
|
|
4639
|
-
const r = () => {
|
|
4640
|
-
this.attempted.has(x.APPLE_PAY) || (this.attempted.add(x.APPLE_PAY), this.events.onPaymentAttempt.emit(x.APPLE_PAY));
|
|
4641
|
-
};
|
|
4642
|
-
i.addEventListener("pointerdown", r, { capture: !0 }), i.addEventListener("click", r, { capture: !0 }), i.addEventListener(
|
|
4643
|
-
"keydown",
|
|
4644
|
-
(a) => {
|
|
4645
|
-
((a == null ? void 0 : a.key) === "Enter" || (a == null ? void 0 : a.key) === " ") && r();
|
|
4646
|
-
},
|
|
4647
|
-
{ capture: !0 }
|
|
4648
|
-
), i.addEventListener("focusin", r, { capture: !0 }), e == null || e.addEventListener("pointerdown", r, { capture: !0 }), e == null || e.addEventListener("click", r, { capture: !0 }), e == null || e.addEventListener("focusin", r, { capture: !0 });
|
|
4649
4611
|
} else
|
|
4650
4612
|
e == null || e.remove();
|
|
4651
4613
|
} catch (t) {
|
|
@@ -4655,7 +4617,7 @@ class rc {
|
|
|
4655
4617
|
}
|
|
4656
4618
|
// init google
|
|
4657
4619
|
initGoogle(e) {
|
|
4658
|
-
return
|
|
4620
|
+
return E(this, null, function* () {
|
|
4659
4621
|
if (!this.googlePay) {
|
|
4660
4622
|
e == null || e.remove();
|
|
4661
4623
|
return;
|
|
@@ -4664,19 +4626,19 @@ class rc {
|
|
|
4664
4626
|
try {
|
|
4665
4627
|
if (yield this.googlePay.init({
|
|
4666
4628
|
onError: (i) => {
|
|
4667
|
-
this.events.error.emit(i), e == null || e.remove(), this.attempted.delete(
|
|
4629
|
+
this.events.error.emit(i), e == null || e.remove(), this.attempted.delete(T.GOOGLE_PAY);
|
|
4668
4630
|
},
|
|
4669
4631
|
onCancel: () => {
|
|
4670
|
-
this.events.cancel.emit(), this.attempted.delete(
|
|
4632
|
+
this.events.cancel.emit(), this.attempted.delete(T.GOOGLE_PAY);
|
|
4671
4633
|
},
|
|
4672
4634
|
onSuccess: (i) => {
|
|
4673
|
-
this.events.success.emit(M(
|
|
4635
|
+
this.events.success.emit(M(y({}, i), { type: "google" })), this.attempted.delete(T.GOOGLE_PAY);
|
|
4674
4636
|
}
|
|
4675
4637
|
})) {
|
|
4676
4638
|
const i = this.googlePay.render();
|
|
4677
4639
|
e == null || e.appendChild(i);
|
|
4678
4640
|
const r = () => {
|
|
4679
|
-
this.attempted.has(
|
|
4641
|
+
this.attempted.has(T.GOOGLE_PAY) || (this.attempted.add(T.GOOGLE_PAY), this.events.onPaymentAttempt.emit(T.GOOGLE_PAY));
|
|
4680
4642
|
};
|
|
4681
4643
|
i.addEventListener("pointerdown", r, { capture: !0 }), i.addEventListener("click", r, { capture: !0 }), i.addEventListener(
|
|
4682
4644
|
"keydown",
|
|
@@ -4694,7 +4656,7 @@ class rc {
|
|
|
4694
4656
|
}
|
|
4695
4657
|
// init paypal
|
|
4696
4658
|
initPayPal(e) {
|
|
4697
|
-
return
|
|
4659
|
+
return E(this, null, function* () {
|
|
4698
4660
|
if (!this.paypal) {
|
|
4699
4661
|
e == null || e.remove();
|
|
4700
4662
|
return;
|
|
@@ -4704,13 +4666,13 @@ class rc {
|
|
|
4704
4666
|
const t = this.paypal.render();
|
|
4705
4667
|
e == null || e.appendChild(t), (yield this.paypal.init({
|
|
4706
4668
|
onError: (r) => {
|
|
4707
|
-
this.events.error.emit(r), this.attempted.delete(
|
|
4669
|
+
this.events.error.emit(r), this.attempted.delete(T.PAYPAL);
|
|
4708
4670
|
},
|
|
4709
4671
|
onCancel: () => {
|
|
4710
|
-
this.events.cancel.emit(), this.attempted.delete(
|
|
4672
|
+
this.events.cancel.emit(), this.attempted.delete(T.PAYPAL);
|
|
4711
4673
|
},
|
|
4712
4674
|
onSuccess: (r) => {
|
|
4713
|
-
this.events.success.emit({ paypalId: r, type: "paypal" }), this.attempted.delete(
|
|
4675
|
+
this.events.success.emit({ paypalId: r, type: "paypal" }), this.attempted.delete(T.PAYPAL);
|
|
4714
4676
|
}
|
|
4715
4677
|
})) || e == null || e.remove();
|
|
4716
4678
|
} catch (t) {
|
|
@@ -4720,7 +4682,7 @@ class rc {
|
|
|
4720
4682
|
}
|
|
4721
4683
|
// init braintree
|
|
4722
4684
|
initBraintreeVenmo(e) {
|
|
4723
|
-
return
|
|
4685
|
+
return E(this, null, function* () {
|
|
4724
4686
|
if (!this.braintree) {
|
|
4725
4687
|
e == null || e.remove();
|
|
4726
4688
|
return;
|
|
@@ -4729,11 +4691,11 @@ class rc {
|
|
|
4729
4691
|
try {
|
|
4730
4692
|
if (yield this.braintree.init({
|
|
4731
4693
|
onError: (i) => {
|
|
4732
|
-
this.events.error.emit(i), e == null || e.remove();
|
|
4694
|
+
this.events.onPaymentAttempt.emit(T.VENMO), this.events.error.emit(i), e == null || e.remove();
|
|
4733
4695
|
},
|
|
4734
4696
|
onCancel: () => this.events.cancel.emit(),
|
|
4735
4697
|
onSuccess: (i) => {
|
|
4736
|
-
this.events.success.emit({ nonce: i == null ? void 0 : i.nonce, type: "venmo" });
|
|
4698
|
+
this.events.onPaymentAttempt.emit(T.VENMO), this.events.success.emit({ nonce: i == null ? void 0 : i.nonce, type: "venmo" });
|
|
4737
4699
|
}
|
|
4738
4700
|
})) {
|
|
4739
4701
|
const i = this.braintree.render();
|
|
@@ -4747,7 +4709,7 @@ class rc {
|
|
|
4747
4709
|
}
|
|
4748
4710
|
// init card
|
|
4749
4711
|
initCard(e) {
|
|
4750
|
-
return
|
|
4712
|
+
return E(this, null, function* () {
|
|
4751
4713
|
if (!this.card) {
|
|
4752
4714
|
e == null || e.remove();
|
|
4753
4715
|
return;
|
|
@@ -4757,10 +4719,10 @@ class rc {
|
|
|
4757
4719
|
}
|
|
4758
4720
|
// init payment methods
|
|
4759
4721
|
initPaymentMethods() {
|
|
4760
|
-
return
|
|
4722
|
+
return E(this, null, function* () {
|
|
4761
4723
|
const e = this.config.state.transaction.getState(), t = Jl(zl, (e == null ? void 0 : e.checkout_config) || [], (s, o) => s.type === o.type), i = this.config.state.checkout.getState();
|
|
4762
4724
|
let r = t.filter(({ is_active: s }) => s);
|
|
4763
|
-
(i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: s }) => s !==
|
|
4725
|
+
(i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: s }) => s !== T.CARD));
|
|
4764
4726
|
const a = this.initializeButtonInstances(r);
|
|
4765
4727
|
Promise.all(a).then(() => {
|
|
4766
4728
|
this.handleOnFormLoaded();
|
|
@@ -4769,14 +4731,14 @@ class rc {
|
|
|
4769
4731
|
}
|
|
4770
4732
|
// initialize button instances
|
|
4771
4733
|
initializeButtonInstances(e) {
|
|
4772
|
-
const t = e.map(({ type: h }) => h), i = t.includes(
|
|
4773
|
-
i && !this.applePay && (this.applePay = new Bl(this.config)), r && !this.googlePay && (this.googlePay = new ql(this.config)), a && !this.paypal && (this.paypal = new Yl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), s && !this.braintree && (this.braintree = new ic(this.config)
|
|
4734
|
+
const t = e.map(({ type: h }) => h), i = t.includes(T.APPLE_PAY), r = t.includes(T.GOOGLE_PAY), a = t.includes(T.PAYPAL), s = t.includes(T.VENMO), o = t.includes(T.CARD);
|
|
4735
|
+
i && !this.applePay && (this.applePay = new Bl(this.config)), r && !this.googlePay && (this.googlePay = new ql(this.config)), a && !this.paypal && (this.paypal = new Yl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), s && !this.braintree && (this.braintree = new ic(this.config)), o && !this.card && (this.card = new Zl(this.config), this.card.addEventListener(() => {
|
|
4774
4736
|
this.events.open.emit();
|
|
4775
4737
|
}));
|
|
4776
4738
|
const l = e.filter(({ type: h }) => {
|
|
4777
|
-
var b,
|
|
4778
|
-
const m = navigator, p = (
|
|
4779
|
-
return !(h ===
|
|
4739
|
+
var b, v, k, L, w, I;
|
|
4740
|
+
const m = navigator, p = (k = (v = (b = m == null ? void 0 : m.userAgentData) == null ? void 0 : b.platform) == null ? void 0 : v.toLowerCase()) == null ? void 0 : k.includes("android"), g = (I = (w = (L = m == null ? void 0 : m.userAgentData) == null ? void 0 : L.platform) == null ? void 0 : w.toLowerCase()) == null ? void 0 : I.includes("windows");
|
|
4741
|
+
return !(h === T.APPLE_PAY && (p || g));
|
|
4780
4742
|
}).sort((h, m) => h.order - m.order), u = /* @__PURE__ */ new Map();
|
|
4781
4743
|
for (const { type: h } of l) {
|
|
4782
4744
|
const m = document.createElement("div");
|
|
@@ -4784,15 +4746,15 @@ class rc {
|
|
|
4784
4746
|
}
|
|
4785
4747
|
return l.map(({ type: h }) => {
|
|
4786
4748
|
const m = u.get(h);
|
|
4787
|
-
if (h ===
|
|
4749
|
+
if (h === T.APPLE_PAY && this.applePay)
|
|
4788
4750
|
return this.initApple(m);
|
|
4789
|
-
if (h ===
|
|
4751
|
+
if (h === T.GOOGLE_PAY && this.googlePay)
|
|
4790
4752
|
return this.initGoogle(m);
|
|
4791
|
-
if (h ===
|
|
4753
|
+
if (h === T.PAYPAL && this.paypal)
|
|
4792
4754
|
return this.initPayPal(m);
|
|
4793
|
-
if (h ===
|
|
4755
|
+
if (h === T.VENMO && this.braintree)
|
|
4794
4756
|
return this.initBraintreeVenmo(m);
|
|
4795
|
-
if (h ===
|
|
4757
|
+
if (h === T.CARD && this.card)
|
|
4796
4758
|
return this.initCard(m);
|
|
4797
4759
|
throw new Error("Unknown button type");
|
|
4798
4760
|
});
|
|
@@ -4890,18 +4852,18 @@ const mc = "_cardForm_1uc4x_1", fc = "_hidden_1uc4x_6", gc = "_topOffset_1uc4x_1
|
|
|
4890
4852
|
cardForm: mc,
|
|
4891
4853
|
hidden: fc,
|
|
4892
4854
|
topOffset: gc
|
|
4893
|
-
}, bc = "_wrapper_1xw0g_1", vc = "_inputContainer_1xw0g_5", yc = "_disabled_1xw0g_23", Cc = "_input_1xw0g_5",
|
|
4855
|
+
}, bc = "_wrapper_1xw0g_1", vc = "_inputContainer_1xw0g_5", yc = "_disabled_1xw0g_23", Cc = "_input_1xw0g_5", kc = "_errorInput_1xw0g_18", Ec = "_label_1xw0g_56", xc = "_labelError_1xw0g_67", wc = "_disabledInput_1xw0g_75", Tc = "_hidden_1xw0g_82", $ = {
|
|
4894
4856
|
wrapper: bc,
|
|
4895
4857
|
inputContainer: vc,
|
|
4896
4858
|
disabled: yc,
|
|
4897
4859
|
input: Cc,
|
|
4898
|
-
errorInput:
|
|
4899
|
-
label:
|
|
4860
|
+
errorInput: kc,
|
|
4861
|
+
label: Ec,
|
|
4900
4862
|
labelError: xc,
|
|
4901
4863
|
disabledInput: wc,
|
|
4902
4864
|
hidden: Tc
|
|
4903
4865
|
};
|
|
4904
|
-
class
|
|
4866
|
+
class vt {
|
|
4905
4867
|
constructor() {
|
|
4906
4868
|
c(this, "template", `
|
|
4907
4869
|
<svg focusable='false' fill='#dc2626' color='#dc2626' height='12' viewBox='0 0 12 12' width='12'>
|
|
@@ -4922,7 +4884,7 @@ class yt {
|
|
|
4922
4884
|
return this.element;
|
|
4923
4885
|
}
|
|
4924
4886
|
}
|
|
4925
|
-
class
|
|
4887
|
+
class _c {
|
|
4926
4888
|
constructor(e, t) {
|
|
4927
4889
|
c(this, "id", "paynext-card-input-name");
|
|
4928
4890
|
c(this, "element");
|
|
@@ -4932,19 +4894,19 @@ class Ac {
|
|
|
4932
4894
|
c(this, "labelText", document.createElement("span"));
|
|
4933
4895
|
c(this, "labelError", document.createElement("span"));
|
|
4934
4896
|
c(this, "endContent", document.createElement("div"));
|
|
4935
|
-
c(this, "warning", new
|
|
4897
|
+
c(this, "warning", new vt());
|
|
4936
4898
|
c(this, "placeholderStyle", document.createElement("style"));
|
|
4937
4899
|
c(this, "isTouchSubmit", !1);
|
|
4938
4900
|
c(this, "isRequired", !1);
|
|
4939
4901
|
c(this, "isDisabled", !1);
|
|
4940
4902
|
c(this, "isChanged", !1);
|
|
4941
4903
|
c(this, "events", {
|
|
4942
|
-
change: new
|
|
4904
|
+
change: new q()
|
|
4943
4905
|
});
|
|
4944
4906
|
var r, a, s, o, l, u, d, h, m;
|
|
4945
4907
|
const i = e.messages();
|
|
4946
4908
|
if (this.element = document.createElement("div"), this.element.classList.add($.wrapper), this.inputContainer.classList.add($.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (a = t == null ? void 0 : t.container) != null && a.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-name"), this.input.setAttribute("placeholder", i.card.name.placeholder), this.input.classList.add($.input), (s = t == null ? void 0 : t.field) != null && s.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
|
|
4947
|
-
const p = (b) => b.replace(/[A-Z]/g, (
|
|
4909
|
+
const p = (b) => b.replace(/[A-Z]/g, (v) => "-" + v.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([b, v]) => `${p(b)}:${v};`).join("");
|
|
4948
4910
|
this.placeholderStyle.textContent = `#${this.id}::placeholder{${g}}`, this.element.appendChild(this.placeholderStyle);
|
|
4949
4911
|
}
|
|
4950
4912
|
this.endContent.classList.add($.hidden), this.endContent.appendChild(this.warning.render()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add($.label), (u = t == null ? void 0 : t.label) != null && u.className && F(this.label, t.label.className), (d = t == null ? void 0 : t.label) != null && d.styles && Object.assign(this.label.style, t.label.styles), this.labelText.textContent = i.card.name.label, this.labelError.textContent = i.card.required, this.labelError.classList.add($.labelError, $.hidden), (h = t == null ? void 0 : t.error) != null && h.className && F(this.labelError, t.error.className), (m = t == null ? void 0 : t.error) != null && m.styles && Object.assign(this.labelError.style, t.error.styles), this.label.append(this.labelText, this.labelError), this.element.append(this.label, this.inputContainer), this.input.addEventListener("input", () => this.handleChange(this.input.value)), this.input.addEventListener("paste", () => this.handleChange(this.input.value)), this.input.addEventListener("blur", () => this.validate(this.input.value)), e.subscribe(({ messages: p }) => {
|
|
@@ -4966,12 +4928,12 @@ class Ac {
|
|
|
4966
4928
|
}), this.render();
|
|
4967
4929
|
}
|
|
4968
4930
|
toggleLabelError(e) {
|
|
4969
|
-
return
|
|
4931
|
+
return E(this, null, function* () {
|
|
4970
4932
|
if (e) {
|
|
4971
|
-
this.inputContainer.classList.add($.errorInput), this.endContent.classList.remove($.hidden), this.labelError.classList.remove($.hidden), yield
|
|
4933
|
+
this.inputContainer.classList.add($.errorInput), this.endContent.classList.remove($.hidden), this.labelError.classList.remove($.hidden), yield G(this.labelError, W.open, W.transition);
|
|
4972
4934
|
return;
|
|
4973
4935
|
}
|
|
4974
|
-
this.inputContainer.classList.remove($.errorInput), this.endContent.classList.add($.hidden), yield
|
|
4936
|
+
this.inputContainer.classList.remove($.errorInput), this.endContent.classList.add($.hidden), yield G(this.labelError, W.close, W.transition), this.labelError.classList.add($.hidden);
|
|
4975
4937
|
});
|
|
4976
4938
|
}
|
|
4977
4939
|
addEventListener(e, t) {
|
|
@@ -4995,16 +4957,16 @@ class Ac {
|
|
|
4995
4957
|
return this.toggleLabelError(i), this.isDisabled ? (this.inputContainer.classList.add($.disabled), this.input.classList.add($.disabledInput)) : (this.inputContainer.classList.remove($.disabled), this.input.classList.remove($.disabledInput)), this.element;
|
|
4996
4958
|
}
|
|
4997
4959
|
}
|
|
4998
|
-
const
|
|
4999
|
-
wrapper:
|
|
5000
|
-
inputContainer:
|
|
4960
|
+
const Ac = "_wrapper_1xw0g_1", Lc = "_inputContainer_1xw0g_5", Vc = "_disabled_1xw0g_23", Ic = "_input_1xw0g_5", Mc = "_endContent_1xw0g_39", Pc = "_errorInput_1xw0g_18", Dc = "_error_1xw0g_18", Rc = "_label_1xw0g_56", Oc = "_labelError_1xw0g_67", Nc = "_disabledInput_1xw0g_75", Sc = "_hidden_1xw0g_82", j = {
|
|
4961
|
+
wrapper: Ac,
|
|
4962
|
+
inputContainer: Lc,
|
|
5001
4963
|
disabled: Vc,
|
|
5002
4964
|
input: Ic,
|
|
5003
4965
|
endContent: Mc,
|
|
5004
4966
|
errorInput: Pc,
|
|
5005
4967
|
error: Dc,
|
|
5006
|
-
label:
|
|
5007
|
-
labelError:
|
|
4968
|
+
label: Rc,
|
|
4969
|
+
labelError: Oc,
|
|
5008
4970
|
disabledInput: Nc,
|
|
5009
4971
|
hidden: Sc
|
|
5010
4972
|
};
|
|
@@ -5121,7 +5083,7 @@ class Bc {
|
|
|
5121
5083
|
class zc {
|
|
5122
5084
|
constructor(e, t) {
|
|
5123
5085
|
c(this, "id", "paynext-card-input-number");
|
|
5124
|
-
c(this, "initialCardTypes",
|
|
5086
|
+
c(this, "initialCardTypes", gt.map((e) => e.type));
|
|
5125
5087
|
c(this, "element");
|
|
5126
5088
|
c(this, "inputContainer", document.createElement("div"));
|
|
5127
5089
|
c(this, "input", document.createElement("input"));
|
|
@@ -5144,13 +5106,13 @@ class zc {
|
|
|
5144
5106
|
c(this, "isDisabled", !1);
|
|
5145
5107
|
c(this, "isChanged", !1);
|
|
5146
5108
|
c(this, "events", {
|
|
5147
|
-
change: new
|
|
5109
|
+
change: new q()
|
|
5148
5110
|
});
|
|
5149
5111
|
var r, a, s, o, l, u, d, h, m;
|
|
5150
5112
|
this.translate = e;
|
|
5151
5113
|
const i = e.messages();
|
|
5152
5114
|
if (this.element = document.createElement("div"), this.element.classList.add(j.wrapper), this.inputContainer.classList.add(j.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (a = t == null ? void 0 : t.container) != null && a.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.setAttribute("inputmode", "numeric"), this.input.setAttribute("pattern", "[0-9]*"), this.input.setAttribute("enterkeyhint", "done"), this.input.classList.add(j.input), (s = t == null ? void 0 : t.field) != null && s.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
|
|
5153
|
-
const p = (
|
|
5115
|
+
const p = (v) => v.replace(/[A-Z]/g, (k) => "-" + k.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([v, k]) => `${p(v)}:${k} !important;`).join(""), b = `#${this.id}`;
|
|
5154
5116
|
this.placeholderStyle.textContent = `${b}::placeholder{${g}}
|
|
5155
5117
|
${b}::-webkit-input-placeholder{${g}}
|
|
5156
5118
|
${b}::-moz-placeholder{${g}}
|
|
@@ -5165,9 +5127,9 @@ ${b}::-ms-input-placeholder{${g}}
|
|
|
5165
5127
|
const b = this.input.value.replace(/\D/g, "");
|
|
5166
5128
|
this.handleChange(b);
|
|
5167
5129
|
}), this.input.addEventListener("paste", (p) => {
|
|
5168
|
-
var
|
|
5130
|
+
var v;
|
|
5169
5131
|
p.preventDefault();
|
|
5170
|
-
const b = (((
|
|
5132
|
+
const b = (((v = p.clipboardData) == null ? void 0 : v.getData("text")) || "").replace(/\D/g, "");
|
|
5171
5133
|
this.handleChange(b);
|
|
5172
5134
|
}), this.input.addEventListener("blur", () => this.validate(this.input.value)), this.translate.subscribe(({ messages: p }) => {
|
|
5173
5135
|
this.labelText.textContent = p.card.number.label, this.labelError.textContent = p.card.required, this.render();
|
|
@@ -5185,25 +5147,25 @@ ${b}::-ms-input-placeholder{${g}}
|
|
|
5185
5147
|
}), this.render();
|
|
5186
5148
|
}
|
|
5187
5149
|
toggleLabelError(e) {
|
|
5188
|
-
return
|
|
5150
|
+
return E(this, null, function* () {
|
|
5189
5151
|
if (e) {
|
|
5190
|
-
this.inputContainer.classList.add(j.errorInput), this.labelError.classList.remove(j.hidden), yield
|
|
5152
|
+
this.inputContainer.classList.add(j.errorInput), this.labelError.classList.remove(j.hidden), yield G(this.labelError, W.open, W.transition);
|
|
5191
5153
|
return;
|
|
5192
5154
|
}
|
|
5193
|
-
yield
|
|
5155
|
+
yield G(this.labelError, W.close, W.transition), this.labelError.classList.add(j.hidden);
|
|
5194
5156
|
});
|
|
5195
5157
|
}
|
|
5196
5158
|
toggleErrorMessage(e) {
|
|
5197
|
-
return
|
|
5159
|
+
return E(this, null, function* () {
|
|
5198
5160
|
if (e) {
|
|
5199
|
-
this.inputContainer.classList.add(j.errorInput), this.error.textContent = this.errorMessage, this.error.classList.remove(j.hidden), yield
|
|
5161
|
+
this.inputContainer.classList.add(j.errorInput), this.error.textContent = this.errorMessage, this.error.classList.remove(j.hidden), yield G(this.error, Q.open, Q.transition);
|
|
5200
5162
|
return;
|
|
5201
5163
|
}
|
|
5202
|
-
yield
|
|
5164
|
+
yield G(this.error, Q.close, Q.transition), this.error.classList.add(j.hidden);
|
|
5203
5165
|
});
|
|
5204
5166
|
}
|
|
5205
5167
|
getCardIcons() {
|
|
5206
|
-
return
|
|
5168
|
+
return gt.filter(({ type: e }) => this.supportedCardTypes.includes(e)).slice(0, 3).map(({ type: e }) => {
|
|
5207
5169
|
switch (e) {
|
|
5208
5170
|
case we.Visa:
|
|
5209
5171
|
return this.visa.render();
|
|
@@ -5238,12 +5200,12 @@ ${b}::-ms-input-placeholder{${g}}
|
|
|
5238
5200
|
return this.toggleLabelError(t), this.toggleErrorMessage(i), !t && !i ? (this.inputContainer.classList.remove(j.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(j.disabled), this.input.classList.add(j.disabledInput)) : (this.inputContainer.classList.remove(j.disabled), this.input.classList.remove(j.disabledInput)), this.element;
|
|
5239
5201
|
}
|
|
5240
5202
|
}
|
|
5241
|
-
const $c = "_inputContainer_41zd2_5", Kc = "_disabled_41zd2_23", qc = "_input_41zd2_5",
|
|
5203
|
+
const $c = "_inputContainer_41zd2_5", Kc = "_disabled_41zd2_23", qc = "_input_41zd2_5", Hc = "_endContent_41zd2_39", Gc = "_errorInput_41zd2_18", Yc = "_error_41zd2_18", Uc = "_label_41zd2_56", Wc = "_labelError_41zd2_67", Zc = "_disabledInput_41zd2_75", Jc = "_hidden_41zd2_82", Xc = "_securityContent_41zd2_86", A = {
|
|
5242
5204
|
inputContainer: $c,
|
|
5243
5205
|
disabled: Kc,
|
|
5244
5206
|
input: qc,
|
|
5245
|
-
endContent:
|
|
5246
|
-
errorInput:
|
|
5207
|
+
endContent: Hc,
|
|
5208
|
+
errorInput: Gc,
|
|
5247
5209
|
error: Yc,
|
|
5248
5210
|
label: Uc,
|
|
5249
5211
|
labelError: Wc,
|
|
@@ -5285,8 +5247,8 @@ class ed {
|
|
|
5285
5247
|
c(this, "cvcId", "paynext-card-input-cvc");
|
|
5286
5248
|
c(this, "expiryId", "paynext-card-input-expiry");
|
|
5287
5249
|
c(this, "element");
|
|
5288
|
-
c(this, "expiryWarning", new
|
|
5289
|
-
c(this, "cvcWarning", new
|
|
5250
|
+
c(this, "expiryWarning", new vt());
|
|
5251
|
+
c(this, "cvcWarning", new vt());
|
|
5290
5252
|
c(this, "cardCvc", new Qc());
|
|
5291
5253
|
c(this, "expiryInputContainer", document.createElement("div"));
|
|
5292
5254
|
c(this, "expiryInput", document.createElement("input"));
|
|
@@ -5313,19 +5275,19 @@ class ed {
|
|
|
5313
5275
|
c(this, "isCvcRequired", !1);
|
|
5314
5276
|
c(this, "isCvcChanged", !1);
|
|
5315
5277
|
c(this, "events", {
|
|
5316
|
-
expiryChange: new
|
|
5317
|
-
cvcChange: new
|
|
5278
|
+
expiryChange: new q(),
|
|
5279
|
+
cvcChange: new q()
|
|
5318
5280
|
});
|
|
5319
|
-
var s, o, l, u, d, h, m, p, g, b,
|
|
5281
|
+
var s, o, l, u, d, h, m, p, g, b, v, k, L, w, I, _, D;
|
|
5320
5282
|
this.translate = e;
|
|
5321
5283
|
const i = e.messages();
|
|
5322
|
-
this.element = document.createElement("div"), this.element.classList.add(
|
|
5284
|
+
this.element = document.createElement("div"), this.element.classList.add(A.securityContent), this.expiryInputContainer.classList.add(A.inputContainer), (s = t == null ? void 0 : t.container) != null && s.className && F(this.expiryInputContainer, t.container.className), (o = t == null ? void 0 : t.container) != null && o.styles && Object.assign(this.expiryInputContainer.style, t.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", i.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(A.input), (l = t == null ? void 0 : t.field) != null && l.className && F(this.expiryInput, t.field.className), (u = t == null ? void 0 : t.field) != null && u.styles && Object.assign(this.expiryInput.style, t.field.styles), this.expiryEndContent.classList.add(A.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(A.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.expiryLabel, t.label.className), (h = t == null ? void 0 : t.label) != null && h.styles && Object.assign(this.expiryLabel.style, t.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = i.card.expiry.label, this.expiryLabelError.textContent = i.card.required, this.expiryLabelError.classList.add(A.labelError, A.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(A.error, A.hidden), (m = t == null ? void 0 : t.error) != null && m.className && F(this.expiryError, t.error.className), (p = t == null ? void 0 : t.error) != null && p.styles && Object.assign(this.expiryError.style, t.error.styles);
|
|
5323
5285
|
const r = document.createElement("div");
|
|
5324
|
-
if (r.appendChild(this.expiryError), this.cvcInputContainer.classList.add(
|
|
5325
|
-
const
|
|
5326
|
-
this.placeholderStyle.textContent = `#${this.expiryId}::placeholder{${
|
|
5286
|
+
if (r.appendChild(this.expiryError), this.cvcInputContainer.classList.add(A.inputContainer), (g = t == null ? void 0 : t.container) != null && g.className && F(this.cvcInputContainer, t.container.className), (b = t == null ? void 0 : t.container) != null && b.styles && Object.assign(this.cvcInputContainer.style, t.container.styles), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("autocomplete", "cc-csc"), this.cvcInput.setAttribute("placeholder", i.card.cvc.placeholder), this.cvcInput.setAttribute("inputmode", "numeric"), this.cvcInput.setAttribute("pattern", "[0-9]*"), this.cvcInput.setAttribute("enterkeyhint", "done"), this.cvcInput.classList.add(A.input), (v = t == null ? void 0 : t.field) != null && v.className && F(this.cvcInput, t.field.className), (k = t == null ? void 0 : t.field) != null && k.styles && Object.assign(this.cvcInput.style, t.field.styles), (L = t == null ? void 0 : t.placeholder) != null && L.styles && Object.keys(t.placeholder.styles).length) {
|
|
5287
|
+
const C = (R) => R.replace(/[A-Z]/g, (O) => "-" + O.toLowerCase()), x = Object.entries(t.placeholder.styles).map(([R, O]) => `${C(R)}:${O};`).join("");
|
|
5288
|
+
this.placeholderStyle.textContent = `#${this.expiryId}::placeholder{${x}}#${this.cvcId}::placeholder{${x}}`, this.element.appendChild(this.placeholderStyle);
|
|
5327
5289
|
}
|
|
5328
|
-
this.cvcEndContent.classList.add(
|
|
5290
|
+
this.cvcEndContent.classList.add(A.endContent), this.cvcEndContent.appendChild(this.cardCvc.render()), this.cvcInputContainer.append(this.cvcInput, this.cvcEndContent), this.cvcLabel.setAttribute("for", this.cvcId), this.cvcLabel.classList.add(A.label), (w = t == null ? void 0 : t.label) != null && w.className && F(this.cvcLabel, t.label.className), (I = t == null ? void 0 : t.label) != null && I.styles && Object.assign(this.cvcLabel.style, t.label.styles), this.cvcLabelText.textContent = i.card.cvc.label, this.cvcLabelError.textContent = i.card.required, this.cvcLabelError.classList.add(A.labelError, A.hidden), (_ = t == null ? void 0 : t.error) != null && _.className && F(this.cvcLabel, t.error.className), (D = t == null ? void 0 : t.error) != null && D.styles && Object.assign(this.cvcLabelError.style, t.error.styles), this.cvcLabel.append(this.cvcLabelText, this.cvcLabelError), this.cvcError.classList.add(A.error, A.hidden);
|
|
5329
5291
|
const a = document.createElement("div");
|
|
5330
5292
|
a.appendChild(this.cvcError), this.element.append(
|
|
5331
5293
|
this.expiryLabel,
|
|
@@ -5334,30 +5296,30 @@ class ed {
|
|
|
5334
5296
|
this.cvcInputContainer,
|
|
5335
5297
|
r,
|
|
5336
5298
|
a
|
|
5337
|
-
), this.expiryInput.addEventListener("input", (
|
|
5338
|
-
|
|
5339
|
-
const
|
|
5340
|
-
this.handleExpiryChange(
|
|
5341
|
-
}), this.expiryInput.addEventListener("paste", (
|
|
5342
|
-
var
|
|
5343
|
-
|
|
5344
|
-
const
|
|
5345
|
-
this.handleExpiryChange(
|
|
5346
|
-
}), this.expiryInput.addEventListener("keydown", (
|
|
5347
|
-
this.isDisabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "Home", "End"].includes(
|
|
5348
|
-
}), this.expiryInput.addEventListener("blur", () => this.validateExpiry(this.expiryInput.value)), this.cvcInput.addEventListener("input", (
|
|
5349
|
-
|
|
5350
|
-
const
|
|
5351
|
-
this.handleCvcChange(
|
|
5352
|
-
}), this.cvcInput.addEventListener("paste", (
|
|
5353
|
-
var
|
|
5354
|
-
|
|
5355
|
-
const
|
|
5356
|
-
this.handleCvcChange(
|
|
5357
|
-
}), this.cvcInput.addEventListener("keydown", (
|
|
5358
|
-
this.isDisabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "Home", "End"].includes(
|
|
5359
|
-
}), this.cvcInput.addEventListener("blur", () => this.validateCvc(this.cvcInput.value)), this.translate.subscribe(({ messages:
|
|
5360
|
-
this.cvcInput.setAttribute("placeholder",
|
|
5299
|
+
), this.expiryInput.addEventListener("input", (C) => {
|
|
5300
|
+
C.preventDefault();
|
|
5301
|
+
const R = this.expiryInput.value.replace(/\D/g, "");
|
|
5302
|
+
this.handleExpiryChange(R);
|
|
5303
|
+
}), this.expiryInput.addEventListener("paste", (C) => {
|
|
5304
|
+
var O;
|
|
5305
|
+
C.preventDefault();
|
|
5306
|
+
const R = (((O = C.clipboardData) == null ? void 0 : O.getData("text")) || "").replace(/\D/g, "");
|
|
5307
|
+
this.handleExpiryChange(R);
|
|
5308
|
+
}), this.expiryInput.addEventListener("keydown", (C) => {
|
|
5309
|
+
this.isDisabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "Home", "End"].includes(C.key) || C.ctrlKey || C.metaKey || /^\d$/.test(C.key) || C.preventDefault();
|
|
5310
|
+
}), this.expiryInput.addEventListener("blur", () => this.validateExpiry(this.expiryInput.value)), this.cvcInput.addEventListener("input", (C) => {
|
|
5311
|
+
C.preventDefault();
|
|
5312
|
+
const R = this.cvcInput.value.replace(/\D/g, "");
|
|
5313
|
+
this.handleCvcChange(R);
|
|
5314
|
+
}), this.cvcInput.addEventListener("paste", (C) => {
|
|
5315
|
+
var O;
|
|
5316
|
+
C.preventDefault();
|
|
5317
|
+
const R = (((O = C.clipboardData) == null ? void 0 : O.getData("text")) || "").replace(/\D/g, "");
|
|
5318
|
+
this.handleCvcChange(R);
|
|
5319
|
+
}), this.cvcInput.addEventListener("keydown", (C) => {
|
|
5320
|
+
this.isDisabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "Home", "End"].includes(C.key) || C.ctrlKey || C.metaKey || /^\d$/.test(C.key) || C.preventDefault();
|
|
5321
|
+
}), this.cvcInput.addEventListener("blur", () => this.validateCvc(this.cvcInput.value)), this.translate.subscribe(({ messages: C }) => {
|
|
5322
|
+
this.cvcInput.setAttribute("placeholder", C.card.cvc.placeholder), this.expiryInput.setAttribute("placeholder", C.card.expiry.placeholder), this.expiryLabelText.textContent = C.card.expiry.label, this.cvcLabelText.textContent = C.card.cvc.label, this.expiryLabelError.textContent = C.card.required, this.cvcLabelError.textContent = C.card.required, this.render();
|
|
5361
5323
|
});
|
|
5362
5324
|
}
|
|
5363
5325
|
cvcValidator(e) {
|
|
@@ -5371,28 +5333,28 @@ class ed {
|
|
|
5371
5333
|
handleCvcChange(e) {
|
|
5372
5334
|
if (this.isDisabled) return;
|
|
5373
5335
|
this.isCvcRequired = !1, this.cvcErrorMessage = "", this.isCvcChanged || (this.isCvcChanged = !0);
|
|
5374
|
-
const t =
|
|
5336
|
+
const t = kl(e, this.cardType || ""), i = Pe.getTypeInfo(this.cardType || "");
|
|
5375
5337
|
t.length === (i == null ? void 0 : i.code.size) && this.validateCvc(t), this.events.cvcChange.emit({
|
|
5376
5338
|
value: t,
|
|
5377
5339
|
isValid: this.cvcValidator(t) === null
|
|
5378
5340
|
}), this.cvcInput.value = t, this.render();
|
|
5379
5341
|
}
|
|
5380
5342
|
toggleCvcLabelError(e) {
|
|
5381
|
-
return
|
|
5343
|
+
return E(this, null, function* () {
|
|
5382
5344
|
if (e) {
|
|
5383
|
-
this.cvcInputContainer.classList.add(
|
|
5345
|
+
this.cvcInputContainer.classList.add(A.errorInput), this.cvcLabelError.classList.remove(A.hidden), yield G(this.cvcLabelError, W.open, W.transition);
|
|
5384
5346
|
return;
|
|
5385
5347
|
}
|
|
5386
|
-
yield
|
|
5348
|
+
yield G(this.cvcLabelError, W.close, W.transition), this.cvcLabelError.classList.add(A.hidden);
|
|
5387
5349
|
});
|
|
5388
5350
|
}
|
|
5389
5351
|
toggleCvcErrorMessage(e) {
|
|
5390
|
-
return
|
|
5352
|
+
return E(this, null, function* () {
|
|
5391
5353
|
if (e) {
|
|
5392
|
-
this.cvcInputContainer.classList.add(
|
|
5354
|
+
this.cvcInputContainer.classList.add(A.errorInput), this.cvcError.textContent = this.cvcErrorMessage, this.cvcError.classList.remove(A.hidden), yield G(this.cvcError, Q.open, Q.transition);
|
|
5393
5355
|
return;
|
|
5394
5356
|
}
|
|
5395
|
-
yield
|
|
5357
|
+
yield G(this.cvcError, Q.close, Q.transition), this.cvcError.classList.add(A.hidden);
|
|
5396
5358
|
});
|
|
5397
5359
|
}
|
|
5398
5360
|
expiryValidator(e) {
|
|
@@ -5421,7 +5383,7 @@ class ed {
|
|
|
5421
5383
|
handleExpiryChange(e) {
|
|
5422
5384
|
if (this.isDisabled) return;
|
|
5423
5385
|
this.isExpiryRequired = !1, this.expiryErrorMessage = "", this.isExpiryChanged || (this.isExpiryChanged = !0);
|
|
5424
|
-
const t =
|
|
5386
|
+
const t = El(e);
|
|
5425
5387
|
t.length === 7 && this.validateExpiry(t), this.events.expiryChange.emit({
|
|
5426
5388
|
value: t,
|
|
5427
5389
|
isValid: this.expiryValidator(t) === null
|
|
@@ -5429,22 +5391,22 @@ class ed {
|
|
|
5429
5391
|
}
|
|
5430
5392
|
// toggle expiry label error
|
|
5431
5393
|
toggleExpiryLabelError(e) {
|
|
5432
|
-
return
|
|
5394
|
+
return E(this, null, function* () {
|
|
5433
5395
|
if (e) {
|
|
5434
|
-
this.expiryInputContainer.classList.add(
|
|
5396
|
+
this.expiryInputContainer.classList.add(A.errorInput), this.expiryLabelError.classList.remove(A.hidden), yield G(this.expiryLabelError, W.open, W.transition);
|
|
5435
5397
|
return;
|
|
5436
5398
|
}
|
|
5437
|
-
yield
|
|
5399
|
+
yield G(this.expiryLabelError, W.close, W.transition), this.expiryLabelError.classList.add(A.hidden);
|
|
5438
5400
|
});
|
|
5439
5401
|
}
|
|
5440
5402
|
// toggle expiry error message
|
|
5441
5403
|
toggleExpiryErrorMessage(e) {
|
|
5442
|
-
return
|
|
5404
|
+
return E(this, null, function* () {
|
|
5443
5405
|
if (e) {
|
|
5444
|
-
this.expiryInputContainer.classList.add(
|
|
5406
|
+
this.expiryInputContainer.classList.add(A.errorInput), this.expiryError.textContent = this.expiryErrorMessage, this.expiryError.classList.remove(A.hidden), yield G(this.expiryError, Q.open, Q.transition);
|
|
5445
5407
|
return;
|
|
5446
5408
|
}
|
|
5447
|
-
yield
|
|
5409
|
+
yield G(this.expiryError, Q.close, Q.transition), this.expiryError.classList.add(A.hidden);
|
|
5448
5410
|
});
|
|
5449
5411
|
}
|
|
5450
5412
|
// add event listener
|
|
@@ -5453,7 +5415,7 @@ class ed {
|
|
|
5453
5415
|
}
|
|
5454
5416
|
// disable
|
|
5455
5417
|
disable(e) {
|
|
5456
|
-
e ? (this.expiryInput.setAttribute("disabled", "true"), this.expiryInput.classList.add(
|
|
5418
|
+
e ? (this.expiryInput.setAttribute("disabled", "true"), this.expiryInput.classList.add(A.disabledInput), this.expiryInputContainer.classList.add(A.disabled), this.cvcInput.setAttribute("disabled", "true"), this.cvcInput.classList.add(A.disabledInput), this.cvcInputContainer.classList.add(A.disabled)) : (this.expiryInput.removeAttribute("disabled"), this.expiryInput.classList.remove(A.disabledInput), this.expiryInputContainer.classList.remove(A.disabled), this.cvcInput.removeAttribute("disabled"), this.cvcInput.classList.remove(A.disabledInput), this.cvcInputContainer.classList.remove(A.disabled));
|
|
5457
5419
|
}
|
|
5458
5420
|
// touch submit
|
|
5459
5421
|
touchSubmit() {
|
|
@@ -5478,9 +5440,9 @@ class ed {
|
|
|
5478
5440
|
// render
|
|
5479
5441
|
render() {
|
|
5480
5442
|
const e = this.isTouchSubmit || this.isExpiryChanged, t = e && !this.isDisabled && this.isExpiryRequired, i = e && !this.isDisabled && !!this.expiryErrorMessage;
|
|
5481
|
-
this.toggleExpiryLabelError(t), this.toggleExpiryErrorMessage(i), !t && !i ? (this.expiryInputContainer.classList.remove(
|
|
5443
|
+
this.toggleExpiryLabelError(t), this.toggleExpiryErrorMessage(i), !t && !i ? (this.expiryInputContainer.classList.remove(A.errorInput), this.expiryEndContent.classList.add(A.hidden)) : this.expiryEndContent.classList.remove(A.hidden);
|
|
5482
5444
|
const r = this.isTouchSubmit || this.isCvcChanged, a = r && !this.isDisabled && this.isCvcRequired, s = r && !this.isDisabled && !!this.cvcErrorMessage;
|
|
5483
|
-
return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (this.cvcInputContainer.classList.remove(
|
|
5445
|
+
return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (this.cvcInputContainer.classList.remove(A.errorInput), this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cardCvc.render())) : (this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cvcWarning.render())), this.isDisabled ? (this.expiryInputContainer.classList.add(A.disabled), this.expiryInput.classList.add(A.disabledInput), this.cvcInputContainer.classList.add(A.disabled), this.cvcInput.classList.add(A.disabledInput)) : (this.expiryInputContainer.classList.remove(A.disabled), this.expiryInput.classList.remove(A.disabledInput), this.cvcInputContainer.classList.remove(A.disabled), this.cvcInput.classList.remove(A.disabledInput)), this.element;
|
|
5484
5446
|
}
|
|
5485
5447
|
}
|
|
5486
5448
|
class td {
|
|
@@ -5494,11 +5456,11 @@ class td {
|
|
|
5494
5456
|
c(this, "onPaymentAttempt");
|
|
5495
5457
|
c(this, "isBackVisible", !0);
|
|
5496
5458
|
c(this, "events", {
|
|
5497
|
-
submit: new
|
|
5498
|
-
close: new
|
|
5459
|
+
submit: new q(),
|
|
5460
|
+
close: new q()
|
|
5499
5461
|
});
|
|
5500
5462
|
const s = i.getState();
|
|
5501
|
-
this.element = document.createElement("form"), this.onPaymentAttempt = a, this.submit = new pc(e, s.SubmitButton), this.back = new lc(s.BackButton), this.number = new zc(e, s.Input), this.name = new
|
|
5463
|
+
this.element = document.createElement("form"), this.onPaymentAttempt = a, this.submit = new pc(e, s.SubmitButton), this.back = new lc(s.BackButton), this.number = new zc(e, s.Input), this.name = new _c(e, s.Input), this.cardSecurity = new ed(e, s.Input), this.element.classList.add(ve.cardForm), t && F(this.element, t);
|
|
5502
5464
|
const o = this.back.render();
|
|
5503
5465
|
r && (this.isBackVisible = !1, o.classList.add(ve.hidden), this.element.classList.add(ve.topOffset)), this.element.append(
|
|
5504
5466
|
o,
|
|
@@ -5513,7 +5475,7 @@ class td {
|
|
|
5513
5475
|
var p;
|
|
5514
5476
|
l.preventDefault();
|
|
5515
5477
|
const { cvc: u, expiry: d } = this.cardSecurity.value(), { value: h, cardType: m } = this.number.value();
|
|
5516
|
-
this.touchSubmit(), this.validate() && ((p = this.onPaymentAttempt) == null || p.call(this, { paymentMethod:
|
|
5478
|
+
this.touchSubmit(), this.validate() && ((p = this.onPaymentAttempt) == null || p.call(this, { paymentMethod: T.CARD }), this.events.submit.emit({
|
|
5517
5479
|
number: h,
|
|
5518
5480
|
expiry: d,
|
|
5519
5481
|
cvc: u,
|
|
@@ -5600,16 +5562,16 @@ class ad {
|
|
|
5600
5562
|
const sd = "_container_g3abj_1", od = "_title_g3abj_12", ui = {
|
|
5601
5563
|
container: sd,
|
|
5602
5564
|
title: od
|
|
5603
|
-
},
|
|
5565
|
+
}, yt = class yt {
|
|
5604
5566
|
constructor(e, t) {
|
|
5605
5567
|
c(this, "element");
|
|
5606
5568
|
c(this, "message", document.createElement("p"));
|
|
5607
|
-
c(this, "icon", new
|
|
5569
|
+
c(this, "icon", new vt());
|
|
5608
5570
|
c(this, "hasCustomMessage", !1);
|
|
5609
5571
|
c(this, "hasConfigMessage", !1);
|
|
5610
5572
|
this.translate = e, this.element = document.createElement("div"), this.element.classList.add(ui.container), this.message.classList.add(ui.title), t ? (this.message.textContent = t, this.hasCustomMessage = !0, this.hasConfigMessage = !0) : this.message.textContent = e.messages().status.error, this.element.append(this.icon.render(), this.message), this.translate.subscribe(({ messages: i }) => {
|
|
5611
5573
|
this.hasCustomMessage || (this.message.textContent = i.status.error);
|
|
5612
|
-
}),
|
|
5574
|
+
}), yt.instances.add(this);
|
|
5613
5575
|
}
|
|
5614
5576
|
// set message
|
|
5615
5577
|
setMessage(e) {
|
|
@@ -5631,18 +5593,13 @@ const sd = "_container_g3abj_1", od = "_title_g3abj_12", ui = {
|
|
|
5631
5593
|
show() {
|
|
5632
5594
|
this.element.style.display = "flex";
|
|
5633
5595
|
}
|
|
5634
|
-
// hide all alert instances across the checkout UI
|
|
5635
|
-
static hideAll() {
|
|
5636
|
-
for (const e of Ze.instances)
|
|
5637
|
-
e.element.style.display = "none";
|
|
5638
|
-
}
|
|
5639
5596
|
// render alert
|
|
5640
5597
|
render() {
|
|
5641
5598
|
return this.element;
|
|
5642
5599
|
}
|
|
5643
5600
|
};
|
|
5644
|
-
c(
|
|
5645
|
-
let Wt =
|
|
5601
|
+
c(yt, "instances", /* @__PURE__ */ new Set());
|
|
5602
|
+
let Wt = yt;
|
|
5646
5603
|
class ld {
|
|
5647
5604
|
constructor(e) {
|
|
5648
5605
|
c(this, "isLoading", !1);
|
|
@@ -5671,7 +5628,7 @@ class ld {
|
|
|
5671
5628
|
}
|
|
5672
5629
|
// init
|
|
5673
5630
|
init() {
|
|
5674
|
-
return
|
|
5631
|
+
return E(this, null, function* () {
|
|
5675
5632
|
this.buttons.addEventListener("onPaymentAttempt", (e) => {
|
|
5676
5633
|
var i;
|
|
5677
5634
|
const t = this.config.state.checkout.getState();
|
|
@@ -5679,7 +5636,7 @@ class ld {
|
|
|
5679
5636
|
}), this.buttons.addEventListener("onFormLoaded", () => {
|
|
5680
5637
|
const { onCheckoutLoaded: e } = this.config.state.checkout.getState();
|
|
5681
5638
|
!this.hasLoadedOnce && e && (this.hasLoadedOnce = !0, e({ success: !0 }));
|
|
5682
|
-
}), this.buttons.addEventListener("ready", () =>
|
|
5639
|
+
}), this.buttons.addEventListener("ready", () => E(this, null, function* () {
|
|
5683
5640
|
var t;
|
|
5684
5641
|
this.loader.setClassName(Z.hidden);
|
|
5685
5642
|
const { variant: e } = this.config.state.checkout.getState();
|
|
@@ -5690,23 +5647,23 @@ class ld {
|
|
|
5690
5647
|
{ duration: 250, easing: "ease-out", fill: "forwards" }
|
|
5691
5648
|
).finished) != null ? t : Promise.resolve(), this.checkout.style.height = ""), this.isFormOpen = !0;
|
|
5692
5649
|
}
|
|
5693
|
-
})), this.buttons.addEventListener("open", () =>
|
|
5650
|
+
})), this.buttons.addEventListener("open", () => E(this, null, function* () {
|
|
5694
5651
|
var r;
|
|
5695
5652
|
if (this.isLoading) return;
|
|
5696
5653
|
this.hideError();
|
|
5697
5654
|
const e = this.checkout.getBoundingClientRect().height;
|
|
5698
|
-
this.closedHeight = e, e < this.FORM_HEIGHT && (this.checkout.style.height = `${e}px`), yield
|
|
5655
|
+
this.closedHeight = e, e < this.FORM_HEIGHT && (this.checkout.style.height = `${e}px`), yield G(this.buttons.buttons, dt.close, dt.transition), this.buttons.buttons.classList.add(Z.hidden), this.form.element.classList.add(Z.formInitial), this.form.element.classList.remove(Z.hidden);
|
|
5699
5656
|
const t = e;
|
|
5700
5657
|
let i = null;
|
|
5701
5658
|
t < this.FORM_HEIGHT && (this.checkout.style.height = `${t}px`, i = (r = this.checkout.animate(
|
|
5702
5659
|
{ minHeight: [`${t}px`, `${this.FORM_HEIGHT}px`] },
|
|
5703
5660
|
{ duration: 250, easing: "ease-out", fill: "forwards" }
|
|
5704
5661
|
).finished) != null ? r : Promise.resolve()), yield Promise.all([
|
|
5705
|
-
|
|
5662
|
+
G(this.form.element, Le.open, Le.transition),
|
|
5706
5663
|
i != null ? i : Promise.resolve()
|
|
5707
5664
|
]), t < this.FORM_HEIGHT && (this.checkout.style.height = ""), this.isFormOpen = !0;
|
|
5708
5665
|
})), this.buttons.addEventListener("error", (e) => {
|
|
5709
|
-
const { onCheckoutFail: t, onCheckoutLoaded: i } = this.config.state.checkout.getState(), r = this.config.state.translate.messages(), a =
|
|
5666
|
+
const { onCheckoutFail: t, onCheckoutLoaded: i } = this.config.state.checkout.getState(), r = this.config.state.translate.messages(), a = bt(e, r);
|
|
5710
5667
|
this.showError(a);
|
|
5711
5668
|
const s = {
|
|
5712
5669
|
status: "failed",
|
|
@@ -5732,7 +5689,7 @@ class ld {
|
|
|
5732
5689
|
case "venmo":
|
|
5733
5690
|
return this.handleSuccess({ clientSession: t, braintree: { nonce: e } });
|
|
5734
5691
|
}
|
|
5735
|
-
}), this.form.addEventListener("close", () =>
|
|
5692
|
+
}), this.form.addEventListener("close", () => E(this, null, function* () {
|
|
5736
5693
|
var a, s;
|
|
5737
5694
|
if (this.isLoading) return;
|
|
5738
5695
|
this.hideError();
|
|
@@ -5741,18 +5698,18 @@ class ld {
|
|
|
5741
5698
|
this.closedHeight > 0 && e > this.closedHeight && (this.checkout.style.height = `${e}px`, t = (a = this.checkout.animate(
|
|
5742
5699
|
{ minHeight: [`${e}px`, `${this.closedHeight}px`] },
|
|
5743
5700
|
{ duration: 250, easing: "ease-out", fill: "forwards" }
|
|
5744
|
-
).finished) != null ? a : Promise.resolve()), yield
|
|
5701
|
+
).finished) != null ? a : Promise.resolve()), yield G(this.form.element, Le.close, Le.transition), this.form.element.classList.add(Z.hidden);
|
|
5745
5702
|
const { variant: r } = this.config.state.checkout.getState();
|
|
5746
5703
|
if (r !== "default") {
|
|
5747
5704
|
this.buttons.buttons.classList.add(Z.btnsInitial), this.buttons.buttons.classList.remove(Z.hidden);
|
|
5748
|
-
const o =
|
|
5705
|
+
const o = G(this.buttons.buttons, dt.open, dt.transition);
|
|
5749
5706
|
yield Promise.all([o, t != null ? t : Promise.resolve()]);
|
|
5750
5707
|
}
|
|
5751
5708
|
this.closedHeight > 0 && (t = (s = this.checkout.animate(
|
|
5752
5709
|
{ minHeight: [`${e}px`, `${this.closedHeight}px`] },
|
|
5753
5710
|
{ duration: 250, easing: "ease-out", fill: "forwards" }
|
|
5754
5711
|
).finished) != null ? s : Promise.resolve(), this.checkout.style.height = "auto"), this.isFormOpen = !1;
|
|
5755
|
-
})), this.form.addEventListener("submit", (e) =>
|
|
5712
|
+
})), this.form.addEventListener("submit", (e) => E(this, null, function* () {
|
|
5756
5713
|
if (this.isLoading || (this.form.touchSubmit(), this.hideError(), !this.form.validate())) return;
|
|
5757
5714
|
const i = e.number.replace(/\D/g, ""), r = this.config.state.checkout.getState(), a = this.config.service.ev.getEv(), [s, o] = yield Promise.all([a.encrypt(i), a.encrypt(e.cvc)]), [l, u] = e.expiry.split("/");
|
|
5758
5715
|
yield this.handleSuccess({
|
|
@@ -5765,7 +5722,7 @@ class ld {
|
|
|
5765
5722
|
cardBrand: e.cardBrand || "",
|
|
5766
5723
|
number: s,
|
|
5767
5724
|
cvc: o,
|
|
5768
|
-
type:
|
|
5725
|
+
type: T.CARD,
|
|
5769
5726
|
metadata: {
|
|
5770
5727
|
name: e.name,
|
|
5771
5728
|
userAgent: navigator == null ? void 0 : navigator.userAgent
|
|
@@ -5778,12 +5735,12 @@ class ld {
|
|
|
5778
5735
|
// handle error
|
|
5779
5736
|
handleError(e) {
|
|
5780
5737
|
var a;
|
|
5781
|
-
const t = this.config.state.checkout.getState(), i = this.config.state.translate.messages(), r =
|
|
5738
|
+
const t = this.config.state.checkout.getState(), i = this.config.state.translate.messages(), r = bt(e, i);
|
|
5782
5739
|
e && (this.showError(r), (a = t.onCheckoutFail) == null || a.call(t, e)), this.setLoading(!1);
|
|
5783
5740
|
}
|
|
5784
5741
|
// handle success
|
|
5785
5742
|
handleSuccess(e) {
|
|
5786
|
-
return
|
|
5743
|
+
return E(this, null, function* () {
|
|
5787
5744
|
var a, s;
|
|
5788
5745
|
if (this.isLoading) return;
|
|
5789
5746
|
this.hideError(), this.setLoading(!0);
|
|
@@ -5796,7 +5753,7 @@ class ld {
|
|
|
5796
5753
|
yield this.config.service.ev.initThreeDs({
|
|
5797
5754
|
threeDsId: r.three_ds_session_id,
|
|
5798
5755
|
onSuccess: () => {
|
|
5799
|
-
this.setLoading(!1), this.handleSuccess(M(
|
|
5756
|
+
this.setLoading(!1), this.handleSuccess(M(y({}, e), { threeDsSessionId: r == null ? void 0 : r.three_ds_session_id }));
|
|
5800
5757
|
},
|
|
5801
5758
|
onError: () => {
|
|
5802
5759
|
this.handleError(r == null ? void 0 : r.status_reason);
|
|
@@ -5824,8 +5781,8 @@ class ld {
|
|
|
5824
5781
|
}
|
|
5825
5782
|
// show success
|
|
5826
5783
|
showSuccess() {
|
|
5827
|
-
return
|
|
5828
|
-
this.container.classList.add(Z.hidden), this.success.removeClassName(Z.hidden), yield
|
|
5784
|
+
return E(this, null, function* () {
|
|
5785
|
+
this.container.classList.add(Z.hidden), this.success.removeClassName(Z.hidden), yield G(this.success.element, Le.open, Le.transition);
|
|
5829
5786
|
});
|
|
5830
5787
|
}
|
|
5831
5788
|
// hide error
|
|
@@ -5875,10 +5832,10 @@ class cd {
|
|
|
5875
5832
|
}
|
|
5876
5833
|
// init
|
|
5877
5834
|
init() {
|
|
5878
|
-
return
|
|
5835
|
+
return E(this, null, function* () {
|
|
5879
5836
|
const { checkout: e, transaction: t, translate: i, styles: r } = this.config.state, { apiVersion: a } = e.getState();
|
|
5880
5837
|
e.subscribe(({ clientToken: s, environment: o, locale: l, translate: u, styles: d }) => {
|
|
5881
|
-
const h =
|
|
5838
|
+
const h = kn.teamId, m = kn.appIds[o];
|
|
5882
5839
|
this.config.service.ev.preloadEvervault({ teamId: h, appId: m }).finally(), l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(s, o, a).then((p) => {
|
|
5883
5840
|
if (!p)
|
|
5884
5841
|
throw new Error("Payment config not found");
|
|
@@ -5894,7 +5851,7 @@ class cd {
|
|
|
5894
5851
|
}
|
|
5895
5852
|
// mount
|
|
5896
5853
|
mount() {
|
|
5897
|
-
return
|
|
5854
|
+
return E(this, null, function* () {
|
|
5898
5855
|
return this.component || (this.component = new ld(this.config)), yield this.init(), yield this.component.init(), this.component.render();
|
|
5899
5856
|
});
|
|
5900
5857
|
}
|
|
@@ -5903,7 +5860,7 @@ class Ct {
|
|
|
5903
5860
|
constructor(e) {
|
|
5904
5861
|
c(this, "initialState");
|
|
5905
5862
|
c(this, "state");
|
|
5906
|
-
c(this, "observer", new
|
|
5863
|
+
c(this, "observer", new q());
|
|
5907
5864
|
this.initialState = e, this.state = e;
|
|
5908
5865
|
}
|
|
5909
5866
|
getState() {
|
|
@@ -5927,13 +5884,13 @@ const dd = {
|
|
|
5927
5884
|
};
|
|
5928
5885
|
class ud extends Ct {
|
|
5929
5886
|
constructor(e) {
|
|
5930
|
-
super(
|
|
5887
|
+
super(y(y({}, dd), e));
|
|
5931
5888
|
}
|
|
5932
5889
|
}
|
|
5933
5890
|
const hd = {};
|
|
5934
5891
|
class pd extends Ct {
|
|
5935
5892
|
constructor(e) {
|
|
5936
|
-
super(
|
|
5893
|
+
super(y(y({}, hd), e));
|
|
5937
5894
|
}
|
|
5938
5895
|
}
|
|
5939
5896
|
class md extends Ct {
|
|
@@ -5943,11 +5900,11 @@ class md extends Ct {
|
|
|
5943
5900
|
}
|
|
5944
5901
|
// update transaction
|
|
5945
5902
|
updateTransaction(t, i, r) {
|
|
5946
|
-
return
|
|
5903
|
+
return E(this, null, function* () {
|
|
5947
5904
|
if (this.clientToken === t) return this.getState();
|
|
5948
5905
|
this.clientToken = t;
|
|
5949
5906
|
try {
|
|
5950
|
-
const a = yield
|
|
5907
|
+
const a = yield Or(t, i, r);
|
|
5951
5908
|
return this.setState(a), a;
|
|
5952
5909
|
} catch (a) {
|
|
5953
5910
|
console.error("Failed to update transaction:", a);
|
|
@@ -6215,7 +6172,7 @@ const fd = {
|
|
|
6215
6172
|
error: "Η μέθοδος πληρωμής σας απορρίφθηκε. Αυτό μπορεί να οφείλεται σε ανεπαρκή κεφάλαια, ληγμένα στοιχεία πληρωμής ή περιορισμούς ασφαλείας. Παρακαλούμε ελέγξτε τα στοιχεία πληρωμής σας ή δοκιμάστε μια διαφορετική μέθοδο πληρωμής.",
|
|
6216
6173
|
invalidSession: "Η συνεδρία πληρωμής σας έχει λήξει. Παρακαλούμε ανανεώστε τη σελίδα για να συνεχίσετε."
|
|
6217
6174
|
}
|
|
6218
|
-
},
|
|
6175
|
+
}, kd = {
|
|
6219
6176
|
card: {
|
|
6220
6177
|
required: "REQUIRED",
|
|
6221
6178
|
number: {
|
|
@@ -6258,7 +6215,7 @@ const fd = {
|
|
|
6258
6215
|
error: "Your payment method was declined. This could be due to insufficient funds, expired payment details, or security restrictions. Please check your payment details or try a different payment method.",
|
|
6259
6216
|
invalidSession: "Your payment session has expired. Please refresh the page to continue."
|
|
6260
6217
|
}
|
|
6261
|
-
},
|
|
6218
|
+
}, Ed = {
|
|
6262
6219
|
card: {
|
|
6263
6220
|
required: "OBLIGATORIO",
|
|
6264
6221
|
number: {
|
|
@@ -6430,7 +6387,7 @@ const fd = {
|
|
|
6430
6387
|
error: "Ang iyong paraan ng pagbabayad ay tinanggihan. Maaaring dahil ito sa hindi sapat na pondo, nag-expire na mga detalye ng pagbabayad, o mga paghihigpit sa seguridad. Pakisuri ang iyong mga detalye ng pagbabayad o subukang ibang paraan ng pagbabayad.",
|
|
6431
6388
|
invalidSession: "Ang iyong sesyon ng pagbabayad ay nag-expire na. Paki-refresh ang pahina upang magpatuloy."
|
|
6432
6389
|
}
|
|
6433
|
-
},
|
|
6390
|
+
}, _d = {
|
|
6434
6391
|
card: {
|
|
6435
6392
|
required: "OBLIGATOIRE",
|
|
6436
6393
|
number: {
|
|
@@ -6473,7 +6430,7 @@ const fd = {
|
|
|
6473
6430
|
error: "Votre moyen de paiement a été refusé. Cela peut être dû à des fonds insuffisants, des détails de paiement expirés ou des restrictions de sécurité. Veuillez vérifier vos détails de paiement ou essayer un autre moyen de paiement.",
|
|
6474
6431
|
invalidSession: "Votre session de paiement a expiré. Veuillez actualiser la page pour continuer."
|
|
6475
6432
|
}
|
|
6476
|
-
},
|
|
6433
|
+
}, Ad = {
|
|
6477
6434
|
card: {
|
|
6478
6435
|
required: "POTREBNO",
|
|
6479
6436
|
number: {
|
|
@@ -6516,7 +6473,7 @@ const fd = {
|
|
|
6516
6473
|
error: "Vaš način plaćanja je odbijen. To može biti zbog nedovoljnih sredstava, isteklih podataka o plaćanju ili sigurnosnih ograničenja. Molimo provjerite svoje podatke o plaćanju ili pokušajte s drugim načinom plaćanja.",
|
|
6517
6474
|
invalidSession: "Vaša sesija plaćanja je istekla. Molimo osvježite stranicu za nastavak."
|
|
6518
6475
|
}
|
|
6519
|
-
},
|
|
6476
|
+
}, Ld = {
|
|
6520
6477
|
card: {
|
|
6521
6478
|
required: "KÖTELEZŐ",
|
|
6522
6479
|
number: {
|
|
@@ -6774,7 +6731,7 @@ const fd = {
|
|
|
6774
6731
|
error: "Jūsų mokėjimo būdas buvo atmestas. Tai gali būti dėl nepakankamų lėšų, pasibaigusios mokėjimo informacijos ar saugumo apribojimų. Patikrinkite savo mokėjimo informaciją arba bandykite kitą mokėjimo būdą.",
|
|
6775
6732
|
invalidSession: "Jūsų mokėjimo seansas baigėsi. Atnaujinkite puslapį, kad tęstumėte."
|
|
6776
6733
|
}
|
|
6777
|
-
},
|
|
6734
|
+
}, Rd = {
|
|
6778
6735
|
card: {
|
|
6779
6736
|
required: "OBLIGĀTI",
|
|
6780
6737
|
number: {
|
|
@@ -6817,7 +6774,7 @@ const fd = {
|
|
|
6817
6774
|
error: "Jūsu maksājuma metode tika noraidīta. Tas var būt nepietiekamu līdzekļu, novecojušas maksājumu informācijas vai drošības ierobežojumu dēļ. Lūdzu, pārbaudiet savu maksājumu informāciju vai mēģiniet citu maksājuma metodi.",
|
|
6818
6775
|
invalidSession: "Jūsu maksājuma sesija ir beigusies. Lūdzu, atsvaidziniet lapu, lai turpinātu."
|
|
6819
6776
|
}
|
|
6820
|
-
},
|
|
6777
|
+
}, Od = {
|
|
6821
6778
|
card: {
|
|
6822
6779
|
required: "DIPERLUKAN",
|
|
6823
6780
|
number: {
|
|
@@ -7247,7 +7204,7 @@ const fd = {
|
|
|
7247
7204
|
error: "Váš spôsob platby bol zamietnutý. Môže to byť kvôli nedostatočným prostriedkom, vypršaným platobným údajom alebo bezpečnostným obmedzeniam. Skontrolujte prosím svoje platobné údaje alebo skúste iný spôsob platby.",
|
|
7248
7205
|
invalidSession: "Vaša platobná relácia vypršala. Obnovte stránku pre pokračovanie."
|
|
7249
7206
|
}
|
|
7250
|
-
},
|
|
7207
|
+
}, Hd = {
|
|
7251
7208
|
card: {
|
|
7252
7209
|
required: "OBVEZNO",
|
|
7253
7210
|
number: {
|
|
@@ -7290,7 +7247,7 @@ const fd = {
|
|
|
7290
7247
|
error: "Vaš način plačila je bil zavrnjen. To je lahko zaradi nezadostnih sredstev, poteklih podatkov o plačilu ali varnostnih omejitev. Preverite svoje podatke o plačilu ali poskusite drug način plačila.",
|
|
7291
7248
|
invalidSession: "Vaša seja plačila je potekla. Osvežite stran za nadaljevanje."
|
|
7292
7249
|
}
|
|
7293
|
-
},
|
|
7250
|
+
}, Gd = {
|
|
7294
7251
|
card: {
|
|
7295
7252
|
required: "KRÄVS",
|
|
7296
7253
|
number: {
|
|
@@ -7507,26 +7464,26 @@ const fd = {
|
|
|
7507
7464
|
}
|
|
7508
7465
|
}, Zt = {
|
|
7509
7466
|
ar: fd,
|
|
7510
|
-
en:
|
|
7467
|
+
en: kd,
|
|
7511
7468
|
bg: gd,
|
|
7512
7469
|
cs: bd,
|
|
7513
7470
|
da: vd,
|
|
7514
7471
|
de: yd,
|
|
7515
7472
|
el: Cd,
|
|
7516
|
-
es:
|
|
7473
|
+
es: Ed,
|
|
7517
7474
|
et: xd,
|
|
7518
7475
|
fi: wd,
|
|
7519
7476
|
fil: Td,
|
|
7520
|
-
fr:
|
|
7521
|
-
hr:
|
|
7522
|
-
hu:
|
|
7477
|
+
fr: _d,
|
|
7478
|
+
hr: Ad,
|
|
7479
|
+
hu: Ld,
|
|
7523
7480
|
id: Vd,
|
|
7524
7481
|
it: Id,
|
|
7525
7482
|
ja: Md,
|
|
7526
7483
|
ko: Pd,
|
|
7527
7484
|
lt: Dd,
|
|
7528
|
-
lv:
|
|
7529
|
-
ms:
|
|
7485
|
+
lv: Rd,
|
|
7486
|
+
ms: Od,
|
|
7530
7487
|
ru: $d,
|
|
7531
7488
|
mt: Nd,
|
|
7532
7489
|
no: Sd,
|
|
@@ -7536,8 +7493,8 @@ const fd = {
|
|
|
7536
7493
|
ro: zd,
|
|
7537
7494
|
uk: Kd,
|
|
7538
7495
|
sk: qd,
|
|
7539
|
-
sl:
|
|
7540
|
-
sv:
|
|
7496
|
+
sl: Hd,
|
|
7497
|
+
sv: Gd,
|
|
7541
7498
|
th: Yd,
|
|
7542
7499
|
tr: Ud,
|
|
7543
7500
|
vi: Wd,
|
|
@@ -7550,20 +7507,20 @@ const fd = {
|
|
|
7550
7507
|
if (!n) return Jt();
|
|
7551
7508
|
const t = Zt[n] || Jt();
|
|
7552
7509
|
return {
|
|
7553
|
-
card:
|
|
7510
|
+
card: y(y({}, t.card), e.card && {
|
|
7554
7511
|
required: e.card.required || t.card.required,
|
|
7555
|
-
number: e.card.number ? M(
|
|
7556
|
-
error: e.card.number.error ?
|
|
7512
|
+
number: e.card.number ? M(y(y({}, t.card.number), e.card.number), {
|
|
7513
|
+
error: e.card.number.error ? y(y({}, t.card.number.error), e.card.number.error) : t.card.number.error
|
|
7557
7514
|
}) : t.card.number,
|
|
7558
|
-
expiry: e.card.expiry ? M(
|
|
7559
|
-
error: e.card.expiry.error ?
|
|
7515
|
+
expiry: e.card.expiry ? M(y(y({}, t.card.expiry), e.card.expiry), {
|
|
7516
|
+
error: e.card.expiry.error ? y(y({}, t.card.expiry.error), e.card.expiry.error) : t.card.expiry.error
|
|
7560
7517
|
}) : t.card.expiry,
|
|
7561
|
-
cvc: e.card.cvc ? M(
|
|
7562
|
-
error: e.card.cvc.error ?
|
|
7518
|
+
cvc: e.card.cvc ? M(y(y({}, t.card.cvc), e.card.cvc), {
|
|
7519
|
+
error: e.card.cvc.error ? y(y({}, t.card.cvc.error), e.card.cvc.error) : t.card.cvc.error
|
|
7563
7520
|
}) : t.card.cvc,
|
|
7564
|
-
name: e.card.name ?
|
|
7565
|
-
pay: e.card.pay ?
|
|
7566
|
-
compact: e.card.compact ?
|
|
7521
|
+
name: e.card.name ? y(y({}, t.card.name), e.card.name) : t.card.name,
|
|
7522
|
+
pay: e.card.pay ? y(y({}, t.card.pay), e.card.pay) : t.card.pay,
|
|
7523
|
+
compact: e.card.compact ? y(y({}, t.card.compact), e.card.compact) : t.card.compact
|
|
7567
7524
|
}),
|
|
7568
7525
|
status: {
|
|
7569
7526
|
error: ((r = e == null ? void 0 : e.status) == null ? void 0 : r.error) || t.status.error,
|
|
@@ -7614,7 +7571,7 @@ class Qd {
|
|
|
7614
7571
|
}
|
|
7615
7572
|
// init
|
|
7616
7573
|
init(e) {
|
|
7617
|
-
return
|
|
7574
|
+
return E(this, null, function* () {
|
|
7618
7575
|
if (typeof window == "undefined")
|
|
7619
7576
|
throw new Error("PayPal can only be initialized in browser environment");
|
|
7620
7577
|
try {
|
|
@@ -7631,12 +7588,12 @@ class Qd {
|
|
|
7631
7588
|
}
|
|
7632
7589
|
// render
|
|
7633
7590
|
render(e, t) {
|
|
7634
|
-
return
|
|
7591
|
+
return E(this, null, function* () {
|
|
7635
7592
|
var i, r;
|
|
7636
7593
|
if (!e.isConnected)
|
|
7637
7594
|
throw new Error("PayPal parent element must be connected to DOM before render()");
|
|
7638
7595
|
if (this.paypal) {
|
|
7639
|
-
const a =
|
|
7596
|
+
const a = y(y({}, Xd), (t == null ? void 0 : t.style) || {}), s = M(y({
|
|
7640
7597
|
fundingSource: "paypal"
|
|
7641
7598
|
}, t), {
|
|
7642
7599
|
style: a
|
|
@@ -7656,7 +7613,7 @@ class eu {
|
|
|
7656
7613
|
}
|
|
7657
7614
|
// init
|
|
7658
7615
|
init(e) {
|
|
7659
|
-
return
|
|
7616
|
+
return E(this, null, function* () {
|
|
7660
7617
|
if (typeof window == "undefined")
|
|
7661
7618
|
throw new Error("Braintree can only be initialized in browser environment");
|
|
7662
7619
|
try {
|
|
@@ -7678,12 +7635,12 @@ class eu {
|
|
|
7678
7635
|
}
|
|
7679
7636
|
// create venmo instance
|
|
7680
7637
|
createVenmo(e) {
|
|
7681
|
-
return
|
|
7638
|
+
return E(this, null, function* () {
|
|
7682
7639
|
if (!this.client)
|
|
7683
7640
|
throw new Error("Braintree client must be initialized before creating Venmo instance");
|
|
7684
7641
|
try {
|
|
7685
7642
|
const i = (yield import("./venmo-Dybrh4_x.js").then((r) => r.v)).default;
|
|
7686
|
-
return this.venmoInstance = yield i.create(
|
|
7643
|
+
return this.venmoInstance = yield i.create(y({
|
|
7687
7644
|
client: this.client,
|
|
7688
7645
|
allowDesktop: !0,
|
|
7689
7646
|
mobileWebFallBack: !0,
|
|
@@ -7707,7 +7664,7 @@ class eu {
|
|
|
7707
7664
|
}
|
|
7708
7665
|
// tokenize venmo payment
|
|
7709
7666
|
tokenize() {
|
|
7710
|
-
return
|
|
7667
|
+
return E(this, null, function* () {
|
|
7711
7668
|
if (!this.venmoInstance)
|
|
7712
7669
|
throw new Error("Venmo instance not initialized");
|
|
7713
7670
|
return new Promise((e, t) => {
|
|
@@ -7715,7 +7672,7 @@ class eu {
|
|
|
7715
7672
|
if (i)
|
|
7716
7673
|
t(i);
|
|
7717
7674
|
else {
|
|
7718
|
-
const a = M(
|
|
7675
|
+
const a = M(y({}, r), {
|
|
7719
7676
|
device_data: this.deviceData || void 0
|
|
7720
7677
|
}), s = r, o = (s == null ? void 0 : s.billingAddress) || (s == null ? void 0 : s.billing_address);
|
|
7721
7678
|
if (o) {
|
|
@@ -7759,6 +7716,6 @@ class su {
|
|
|
7759
7716
|
export {
|
|
7760
7717
|
su as Core,
|
|
7761
7718
|
iu as PayNextCheckout,
|
|
7762
|
-
|
|
7719
|
+
T as PaymentMethod
|
|
7763
7720
|
};
|
|
7764
7721
|
//# sourceMappingURL=index.es.js.map
|