@paynext/sdk 0.0.50 → 0.0.52

package/README.md

@@ -69,6 +69,10 @@ export const CheckoutComponent: FC<Readonly<IProps> = (props) => {
         console.error('Payment failed:', error)
       }
     })
+
+    return () => {
+      checkout.destroy()
+    }
   }, [clientToken])
 
   // return

package/dist/index.d.ts

@@ -6,11 +6,6 @@ import { PayPalButtonsComponentOptions } from '@paypal/paypal-js';
 import { PayPalScriptOptions } from '@paypal/paypal-js';
 import { Venmo } from 'braintree-web/venmo';
 
-export declare interface Amount {
-    readonly currency: string;
-    readonly value: number;
-}
-
 declare type ApplePayButtonLocale = 'ar-AB' | 'ca-ES' | 'cs-CZ' | 'da-DK' | 'de-DE' | 'el-GR' | 'en-AU' | 'en-GB' | 'en-US' | 'es-ES' | 'es-MX' | 'fi-FI' | 'fr-CA' | 'fr-FR' | 'he-IL' | 'hi-IN' | 'hr-HR' | 'hu-HU' | 'id-ID' | 'it-IT' | 'ja-JP' | 'ko-KR' | 'ms-MY' | 'nb-NO' | 'nl-NL' | 'pl-PL' | 'pt-BR' | 'pt-PT' | 'ro-RO' | 'ru-RU' | 'sk-SK' | 'sv-SE' | 'th-TH' | 'tr-TR' | 'uk-UA' | 'vi-VN' | 'zh-CN' | 'zh-HK' | 'zh-TW';
 
 declare type ApplePayCardNetwork = 'amex' | 'bancomat' | 'bancontact' | 'cartesBancaires' | 'chinaUnionPay' | 'dankort' | 'discover' | 'eftpos' | 'electron' | 'elo' | 'girocard' | 'interac' | 'jcb' | 'mada' | 'maestro' | 'masterCard' | 'mir' | 'privateLabel' | 'visa' | 'vPay';
@@ -36,8 +31,6 @@ declare interface ApplePayTransaction {
     }>;
 }
 
-declare type Attributes = Record<string, unknown>;
-
 declare class BraintreeService {
     private client;
     private venmoInstance;
@@ -50,22 +43,6 @@ declare class BraintreeService {
     tokenize(): Promise<VenmoTokenizePayload>;
 }
 
-export declare interface Card {
-    readonly currency?: string;
-    readonly country?: string;
-    readonly funding?: string;
-    readonly issuer?: string;
-    readonly firstSixDigits: string;
-    readonly lastFourDigits: string;
-    readonly expMonth: number;
-    readonly expYear: number;
-    readonly cardBrand: string;
-    readonly number: string;
-    readonly cvc: string;
-    readonly type: PaymentType;
-    readonly metadata?: Attributes;
-}
-
 export declare enum CardType {
     Visa = "visa",
     Mastercard = "mastercard",
@@ -77,7 +54,7 @@ export declare enum CardType {
     Maestro = "maestro"
 }
 
-export declare interface CheckoutConfig {
+declare interface CheckoutConfig {
     type: 'paypal' | 'apple-pay' | 'google-pay' | 'card' | 'venmo';
     order: number;
     is_active: boolean;
@@ -105,11 +82,6 @@ declare class CheckoutModule {
     mount(): Promise<HTMLElement>;
 }
 
-export declare interface CheckoutResponse extends Partial<PaymentResult> {
-    error?: string;
-    three_ds_session_id?: string;
-}
-
 declare class CheckoutState extends State<PayNextConfig> {
     constructor(state?: PayNextConfig);
 }
@@ -238,7 +210,7 @@ declare interface GooglePayTransaction {
     }>;
 }
 
-export declare interface InputStyles {
+declare interface InputStyles {
     field?: {
         styles?: CSSProperties;
         className?: string;
@@ -421,10 +393,6 @@ export declare interface PaymentResult {
     };
 }
 
-declare enum PaymentType {
-    Card = "CARD"
-}
-
 export declare class PayNextCheckout {
     private readonly parent;
     private readonly core;
@@ -463,13 +431,11 @@ declare abstract class State<TState> {
     subscribe(listener: Listener<TState>): Unsubscribe;
 }
 
-declare interface StylesConfig {
-    card?: {
-        input?: InputStyles;
-        button?: {
-            styles?: CSSProperties;
-            className?: string;
-        };
+export declare interface StylesConfig {
+    Input?: InputStyles;
+    SubmitButton?: {
+        styles?: CSSProperties;
+        className?: string;
     };
 }
 
@@ -486,7 +452,7 @@ declare interface ThreeDsConfig {
     readonly onError?: () => void;
 }
 
-export declare interface TransactionConfig {
+declare interface TransactionConfig {
     amount: number;
     currency: string;
     country: string;
@@ -511,11 +477,6 @@ export declare interface TransactionConfig {
     };
 }
 
-export declare interface TransactionConfigResponse extends TransactionConfig {
-    code: number;
-    success: boolean;
-}
-
 declare class TransactionState extends State<TransactionConfig | null> {
     private clientToken;
     constructor(state?: TransactionConfig);

package/dist/index.es.js

@@ -2,7 +2,7 @@ var Ra = Object.defineProperty, Sa = Object.defineProperties;
 var ka = Object.getOwnPropertyDescriptors;
 var ht = Object.getOwnPropertySymbols;
 var Nr = Object.prototype.hasOwnProperty, xr = Object.prototype.propertyIsEnumerable;
-var It = (n, e, t) => e in n ? Ra(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Q = (n, e) => {
+var It = (n, e, t) => e in n ? Ra(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Y = (n, e) => {
   for (var t in e || (e = {}))
     Nr.call(e, t) && It(n, t, e[t]);
   if (ht)
@@ -343,7 +343,7 @@ function an(n) {
 }
 const ye = /* @__NO_SIDE_EFFECTS__ */ (n) => n * 1e3, Ee = /* @__NO_SIDE_EFFECTS__ */ (n) => n / 1e3;
 function Ti(n, e = 100, t) {
-  const r = t(te(Q({}, n), { keyframes: [0, e] })), i = Math.min(an(r), _t);
+  const r = t(te(Y({}, n), { keyframes: [0, e] })), i = Math.min(an(r), _t);
   return {
     type: "keyframes",
     ease: (a) => r.next(i * a).value / e,
@@ -386,7 +386,7 @@ function Za(n, a = {}, r, i) {
           const re = q[1] - q[0];
           N = Math.abs(re);
         }
-        const H = Q({}, z);
+        const H = Y({}, z);
         E !== void 0 && (H.duration = /* @__PURE__ */ ye(E));
         const X = Ti(H, N, _);
         g = X.ease, E = X.duration;
@@ -438,7 +438,7 @@ function Za(n, a = {}, r, i) {
         transition: {}
       });
       const I = l.get(v);
-      I.keyframes[y] = T, I.transition[y] = Q(te(Q({}, e), {
+      I.keyframes[y] = T, I.transition[y] = Y(te(Y({}, e), {
         duration: m,
         ease: A,
         times: x
@@ -456,7 +456,7 @@ function Xa(n) {
   return Array.isArray(n) ? n : [n];
 }
 function Ja(n, e) {
-  return n && n[e] ? Q(Q({}, n), n[e]) : Q({}, n);
+  return n && n[e] ? Y(Y({}, n), n[e]) : Y({}, n);
 }
 const es = (n) => typeof n == "number", ts = (n) => n.every(es), it = /* @__PURE__ */ new WeakMap(), ns = (n) => Array.isArray(n);
 function Sr(n) {
@@ -814,7 +814,7 @@ function ds(n) {
 }
 function ps(n, e) {
   let s = rs(n, e) || {}, { transitionEnd: r = {}, transition: i = {} } = s, a = ge(s, ["transitionEnd", "transition"]);
-  a = Q(Q({}, a), r);
+  a = Y(Y({}, a), r);
   for (const o in a) {
     const l = ds(a[o]);
     us(n, o, l);
@@ -889,9 +889,9 @@ const Pi = (n) => (e) => typeof e == "string" && e.startsWith(n), Ri = /* @__PUR
   test: (n) => typeof n == "number",
   parse: parseFloat,
   transform: (n) => n
-}, st = te(Q({}, Ue), {
+}, st = te(Y({}, Ue), {
   transform: (n) => Le(0, 1, n)
-}), vt = te(Q({}, Ue), {
+}), vt = te(Y({}, Ue), {
   default: 1
 }), rt = (n) => Math.round(n * 1e5) / 1e5, ln = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Ns(n) {
@@ -907,7 +907,7 @@ const xs = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [t]: parseFloat(s),
     alpha: o !== void 0 ? parseFloat(o) : 1
   };
-}, Ls = (n) => Le(0, 255, n), Ot = te(Q({}, Ue), {
+}, Ls = (n) => Le(0, 255, n), Ot = te(Y({}, Ue), {
   transform: (n) => Math.round(Ls(n))
 }), Ie = {
   test: /* @__PURE__ */ cn("rgb", "red"),
@@ -931,7 +931,7 @@ const Ut = {
   test: (e) => typeof e == "string" && e.endsWith(n) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${n}`
-}), we = /* @__PURE__ */ dt("deg"), ke = /* @__PURE__ */ dt("%"), $ = /* @__PURE__ */ dt("px"), Rs = /* @__PURE__ */ dt("vh"), Ss = /* @__PURE__ */ dt("vw"), Dr = te(Q({}, ke), {
+}), we = /* @__PURE__ */ dt("deg"), ke = /* @__PURE__ */ dt("%"), $ = /* @__PURE__ */ dt("px"), Rs = /* @__PURE__ */ dt("vh"), Ss = /* @__PURE__ */ dt("vw"), Dr = te(Y({}, ke), {
   parse: (n) => ke.parse(n) / 100,
   transform: (n) => ke.transform(n * 100)
 }), Re = {
@@ -1021,7 +1021,7 @@ const Ur = (n, e) => {
   const t = Fr(n), r = Fr(e);
   if (!t || !r)
     return At(n, e);
-  const i = Q({}, t);
+  const i = Y({}, t);
   return (a) => (i.red = xt(t.red, r.red, a), i.green = xt(t.green, r.green, a), i.blue = xt(t.blue, r.blue, a), i.alpha = ct(t.alpha, r.alpha, a), Ie.transform(i));
 }, Bt = /* @__PURE__ */ new Set(["none", "hidden"]);
 function qs(n, e) {
@@ -1043,7 +1043,7 @@ function Fi(n, e) {
   };
 }
 function Gs(n, e) {
-  const t = Q(Q({}, n), e), r = {};
+  const t = Y(Y({}, n), e), r = {};
   for (const i in t)
     n[i] !== void 0 && e[i] !== void 0 && (r[i] = dn(n[i])(n[i], e[i]));
   return (i) => {
@@ -1167,7 +1167,7 @@ function zr(n, e) {
   return e.some((t) => n[t] !== void 0);
 }
 function ro(n) {
-  let e = Q({
+  let e = Y({
     velocity: ie.velocity,
     stiffness: ie.stiffness,
     damping: ie.damping,
@@ -1177,14 +1177,14 @@ function ro(n) {
   if (!zr(n, no) && zr(n, to))
     if (n.visualDuration) {
       const t = n.visualDuration, r = 2 * Math.PI / (t * 1.2), i = r * r, a = 2 * Le(0.05, 1, 1 - (n.bounce || 0)) * Math.sqrt(i);
-      e = te(Q({}, e), {
+      e = te(Y({}, e), {
         mass: ie.mass,
         stiffness: i,
         damping: a
       });
     } else {
       const t = Xs(n);
-      e = te(Q(Q({}, e), t), {
+      e = te(Y(Y({}, e), t), {
         mass: ie.mass
       }), e.isResolvedFromDuration = !0;
     }
@@ -1197,7 +1197,7 @@ function lt(n = ie.visualDuration, e = ie.bounce) {
     bounce: e
   } : n;
   let { restSpeed: r, restDelta: i } = t;
-  const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: c, mass: u, duration: d, velocity: h, isResolvedFromDuration: p } = ro(te(Q({}, t), {
+  const a = t.keyframes[0], s = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: a }, { stiffness: l, damping: c, mass: u, duration: d, velocity: h, isResolvedFromDuration: p } = ro(te(Y({}, t), {
     velocity: -/* @__PURE__ */ Ee(t.velocity || 0)
   })), m = h || 0, f = c / (2 * Math.sqrt(l * u)), v = s - a, y = /* @__PURE__ */ Ee(Math.sqrt(l / u)), w = Math.abs(v) < 5;
   r || (r = w ? ie.restSpeed.granular : ie.restSpeed.default), i || (i = w ? ie.restDelta.granular : ie.restDelta.default);
@@ -1421,8 +1421,8 @@ class vn extends fn {
     let { keyframes: o } = e;
     const l = t || Se;
     process.env.NODE_ENV !== "production" && l !== Se && _e(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Se && typeof o[0] != "number" && (this.mixKeyframes = un(yo, Ui(o[0], o[1])), o = [0, 100]);
-    const c = l(te(Q({}, e), { keyframes: o }));
-    a === "mirror" && (this.mirroredGenerator = l(te(Q({}, e), {
+    const c = l(te(Y({}, e), { keyframes: o }));
+    a === "mirror" && (this.mirroredGenerator = l(te(Y({}, e), {
       keyframes: [...o].reverse(),
       velocity: -s
     }))), c.calculatedDuration === null && (c.calculatedDuration = an(c));
@@ -1858,7 +1858,7 @@ class Fo extends Mo {
       t.set(e);
       return;
     }
-    const o = new vn(te(Q({}, s), {
+    const o = new vn(te(Y({}, s), {
       autoplay: !1
     })), l = /* @__PURE__ */ ye((u = this.finishedTime) != null ? u : this.time);
     t.setWithVelocity(o.sample(l - Qr).value, o.sample(l).value, Qr), o.stop();
@@ -1919,7 +1919,7 @@ class Wo extends fn {
       var y, w;
       this._animation && (this._animation.stop(), (y = this.stopTimeline) == null || y.call(this)), (w = this.keyframeResolver) == null || w.cancel();
     }, this.createdAt = ve.now();
-    const m = Q({
+    const m = Y({
       autoplay: e,
       delay: t,
       type: r,
@@ -1936,12 +1936,12 @@ class Wo extends fn {
     this.keyframeResolver = void 0;
     const { name: a, type: s, velocity: o, delay: l, isHandoff: c, onUpdate: u } = r;
     this.resolvedAt = ve.now(), Bo(e, a, s, o) || ((Ce.instantAnimations || !l) && (u == null || u(mn(e, r, t))), e[0] = e[e.length - 1], r.duration = 0, r.repeat = 0);
-    const d = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ho ? this.resolvedAt : this.createdAt : this.createdAt : void 0, h = te(Q({
+    const d = i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Ho ? this.resolvedAt : this.createdAt : this.createdAt : void 0, h = te(Y({
       startTime: d,
       finalKeyframe: t
     }, r), {
       keyframes: e
-    }), p = !c && qo(h) ? new Fo(te(Q({}, h), {
+    }), p = !c && qo(h) ? new Fo(te(Y({}, h), {
       element: h.motionValue.owner.current
     })) : new vn(h);
     p.finished.then(() => this.notifyFinished()).catch(De), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
@@ -1999,7 +1999,7 @@ const ia = (n, e, t, r = {}, i, a) => (s) => {
   const o = Li(r, n) || {}, l = o.delay || r.delay || 0;
   let { elapsed: c = 0 } = r;
   c = c - /* @__PURE__ */ ye(l);
-  const u = te(Q({
+  const u = te(Y({
     keyframes: Array.isArray(t) ? t : [null, t],
     ease: "easeOut",
     velocity: e.getVelocity()
@@ -2049,7 +2049,7 @@ function Yo(n, e, { delay: t = 0, transitionOverride: r, type: i } = {}) {
     const p = n.getValue(h, (d = n.latestValues[h]) != null ? d : null), m = o[h];
     if (m === void 0 || c && Go(c, h))
       continue;
-    const f = Q({
+    const f = Y({
       delay: t
     }, Li(a || {}, h)), v = p.get();
     if (v !== void 0 && !p.isAnimating && !Array.isArray(m) && m === v && !f.velocity)
@@ -2184,12 +2184,12 @@ function ul(n) {
   let a = cl.has(e) ? 1 : 0;
   return r !== t && (a *= 100), e + "(" + a + i + ")";
 }
-const dl = /\b([a-z-]*)\(.*?\)/gu, Xt = te(Q({}, Be), {
+const dl = /\b([a-z-]*)\(.*?\)/gu, Xt = te(Y({}, Be), {
   getAnimatableNone: (n) => {
     const e = n.match(dl);
     return e ? e.map(ul).join(" ") : n;
   }
-}), ei = te(Q({}, Ue), {
+}), ei = te(Y({}, Ue), {
   transform: Math.round
 }), pl = {
   rotate: we,
@@ -2216,7 +2216,7 @@ const dl = /\b([a-z-]*)\(.*?\)/gu, Xt = te(Q({}, Be), {
   originX: Dr,
   originY: Dr,
   originZ: $
-}, En = te(Q({
+}, En = te(Y({
   // Border props
   borderWidth: $,
   borderTopWidth: $,
@@ -2258,7 +2258,7 @@ const dl = /\b([a-z-]*)\(.*?\)/gu, Xt = te(Q({}, Be), {
   fillOpacity: st,
   strokeOpacity: st,
   numOctaves: ei
-}), hl = te(Q({}, En), {
+}), hl = te(Y({}, En), {
   // Color props
   color: ue,
   backgroundColor: ue,
@@ -2306,7 +2306,7 @@ class ma {
       this.renderScheduledAt < p && (this.renderScheduledAt = p, Ae.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = s;
-    this.latestValues = l, this.baseTarget = Q({}, l), this.initialValues = t.initial ? Q({}, l) : {}, this.renderState = c, this.parent = e, this.props = t, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!a, this.isControllingVariants = oa(t), this.isVariantNode = il(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = l, this.baseTarget = Y({}, l), this.initialValues = t.initial ? Y({}, l) : {}, this.renderState = c, this.parent = e, this.props = t, this.presenceContext = r, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.blockInitialAnimation = !!a, this.isControllingVariants = oa(t), this.isVariantNode = il(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const h = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: u } = h, d = ge(h, ["willChange"]);
     for (const p in d) {
       const m = d[p];
@@ -2873,8 +2873,8 @@ function Aa(n, e, t, r) {
     for (let o = 0; o < s; o++) {
       const l = a[o], c = l instanceof Element ? Ul : Bl;
       it.has(l) || c(l);
-      const u = it.get(l), d = Q({}, t);
-      "delay" in d && typeof d.delay == "function" && (d.delay = d.delay(o, s)), i.push(...Yo(u, te(Q({}, e), { transition: d }), {}));
+      const u = it.get(l), d = Y({}, t);
+      "delay" in d && typeof d.delay == "function" && (d.delay = d.delay(o, s)), i.push(...Yo(u, te(Y({}, e), { transition: d }), {}));
     }
   }
   return i;
@@ -3050,7 +3050,8 @@ const mc = [
   { type: "paypal", is_active: !0, order: 1 },
   { type: "apple-pay", is_active: !0, order: 2 },
   { type: "google-pay", is_active: !0, order: 3 },
-  { type: "card", is_active: !0, order: 4 }
+  { type: "venmo", is_active: !0, order: 4 },
+  { type: "card", is_active: !0, order: 5 }
 ], Pe = {
   open: { y: 0, opacity: 1 },
   close: { y: 100, opacity: 0 },
@@ -3630,7 +3631,7 @@ class Sc {
       e && (yield this.paypal.init({
         clientId: e.clientId,
         vault: !0
-      }), yield this.paypal.render(this.element, te(Q({}, e), {
+      }), yield this.paypal.render(this.element, te(Y({}, e), {
         onApprove: (r) => j(this, [r], function* ({ billingToken: t }) {
           var i;
           (i = e.onSuccess) == null || i.call(e, t || "");
@@ -3984,7 +3985,7 @@ class Qc {
           locale: kc(t || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
-          onSuccess: (a) => this.events.success.emit(te(Q({}, a), { type: "apple" }))
+          onSuccess: (a) => this.events.success.emit(te(Y({}, a), { type: "apple" }))
         });
       } catch (a) {
         console.error(a);
@@ -4006,7 +4007,7 @@ class Qc {
           locale: Mc(t || "en"),
           onError: () => this.events.error.emit(),
           onCancel: () => this.events.cancel.emit(),
-          onSuccess: (i) => this.events.success.emit(te(Q({}, i), { type: "google" }))
+          onSuccess: (i) => this.events.success.emit(te(Y({}, i), { type: "google" }))
         });
       } catch (i) {
         console.error(i);
@@ -4727,7 +4728,7 @@ class Vu {
     return this.toggleLabelError(t), this.toggleErrorMessage(r), !t && !r ? (this.inputContainer.classList.remove(ne.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(ne.disabled), this.input.classList.add(ne.disabledInput)) : (this.inputContainer.classList.remove(ne.disabled), this.input.classList.remove(ne.disabledInput)), this.element;
   }
 }
-const Fu = "_inputContainer_1xdj3_5", Uu = "_input_1xdj3_5", Bu = "_endContent_1xdj3_20", zu = "_errorInput_1xdj3_24", ju = "_error_1xdj3_24", Ku = "_label_1xdj3_32", qu = "_labelError_1xdj3_36", Hu = "_disabled_1xdj3_40", Wu = "_disabledInput_1xdj3_44", Gu = "_hidden_1xdj3_51", Yu = "_securityContent_1xdj3_55", Y = {
+const Fu = "_inputContainer_1xdj3_5", Uu = "_input_1xdj3_5", Bu = "_endContent_1xdj3_20", zu = "_errorInput_1xdj3_24", ju = "_error_1xdj3_24", Ku = "_label_1xdj3_32", qu = "_labelError_1xdj3_36", Hu = "_disabled_1xdj3_40", Wu = "_disabledInput_1xdj3_44", Gu = "_hidden_1xdj3_51", Yu = "_securityContent_1xdj3_55", Q = {
   inputContainer: Fu,
   input: Uu,
   endContent: Bu,
@@ -4806,9 +4807,9 @@ class $u {
     });
     this.translate = e;
     const t = e.messages();
-    this.element = document.createElement("div"), this.element.classList.add(Y.securityContent), this.expiryInputContainer.classList.add(Y.inputContainer), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("auto-complete", "cc-expiry"), this.expiryInput.setAttribute("placeholder", t.card.expiry.placeholder), this.expiryInput.classList.add(Y.input), this.expiryEndContent.classList.add(Y.endContent), this.expiryEndContent.appendChild(this.warning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(Y.label), this.expiryLabelText.textContent = t.card.expiry.label, this.expiryLabelError.textContent = t.card.expiry.error.required, this.expiryLabelError.classList.add(Y.labelError, Y.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(Y.error, Y.hidden);
+    this.element = document.createElement("div"), this.element.classList.add(Q.securityContent), this.expiryInputContainer.classList.add(Q.inputContainer), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("auto-complete", "cc-expiry"), this.expiryInput.setAttribute("placeholder", t.card.expiry.placeholder), this.expiryInput.classList.add(Q.input), this.expiryEndContent.classList.add(Q.endContent), this.expiryEndContent.appendChild(this.warning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(Q.label), this.expiryLabelText.textContent = t.card.expiry.label, this.expiryLabelError.textContent = t.card.expiry.error.required, this.expiryLabelError.classList.add(Q.labelError, Q.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(Q.error, Q.hidden);
     const r = document.createElement("div");
-    r.appendChild(this.cvcError), this.cvcInputContainer.classList.add(Y.inputContainer), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("auto-complete", "cc-cvc"), this.cvcInput.setAttribute("placeholder", t.card.cvc.placeholder), this.cvcInput.classList.add(Y.input), this.cvcEndContent.classList.add(Y.endContent), this.cvcEndContent.appendChild(this.cardCvc.render()), this.cvcInputContainer.append(this.cvcInput, this.cvcEndContent), this.cvcLabel.setAttribute("for", this.cvcId), this.cvcLabel.classList.add(Y.label), this.cvcLabelText.textContent = t.card.cvc.label, this.cvcLabelError.textContent = t.card.cvc.error.required, this.cvcLabelError.classList.add(Y.labelError, Y.hidden), this.cvcLabel.append(this.cvcLabelText, this.cvcLabelError), this.cvcError.classList.add(Y.error, Y.hidden);
+    r.appendChild(this.cvcError), this.cvcInputContainer.classList.add(Q.inputContainer), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("auto-complete", "cc-cvc"), this.cvcInput.setAttribute("placeholder", t.card.cvc.placeholder), this.cvcInput.classList.add(Q.input), this.cvcEndContent.classList.add(Q.endContent), this.cvcEndContent.appendChild(this.cardCvc.render()), this.cvcInputContainer.append(this.cvcInput, this.cvcEndContent), this.cvcLabel.setAttribute("for", this.cvcId), this.cvcLabel.classList.add(Q.label), this.cvcLabelText.textContent = t.card.cvc.label, this.cvcLabelError.textContent = t.card.cvc.error.required, this.cvcLabelError.classList.add(Q.labelError, Q.hidden), this.cvcLabel.append(this.cvcLabelText, this.cvcLabelError), this.cvcError.classList.add(Q.error, Q.hidden);
     const i = document.createElement("div");
     i.appendChild(this.cvcError), this.element.append(
       this.expiryLabel,
@@ -4860,7 +4861,7 @@ class $u {
   toggleCvcLabelError(e) {
     return j(this, null, function* () {
       if (e) {
-        this.cvcInputContainer.classList.add(Y.errorInput), this.cvcLabelError.classList.remove(Y.hidden), yield se(this.cvcLabelError, de.open, de.transition);
+        this.cvcInputContainer.classList.add(Q.errorInput), this.cvcLabelError.classList.remove(Q.hidden), yield se(this.cvcLabelError, de.open, de.transition);
         return;
       }
       yield se(this.cvcLabelError, de.close, de.transition);
@@ -4869,7 +4870,7 @@ class $u {
   toggleCvcErrorMessage(e) {
     return j(this, null, function* () {
       if (e) {
-        this.cvcInputContainer.classList.add(Y.errorInput), this.cvcError.textContent = this.cvcErrorMessage, this.cvcError.classList.remove(Y.hidden), yield se(this.cvcError, fe.open, fe.transition);
+        this.cvcInputContainer.classList.add(Q.errorInput), this.cvcError.textContent = this.cvcErrorMessage, this.cvcError.classList.remove(Q.hidden), yield se(this.cvcError, fe.open, fe.transition);
         return;
       }
       yield se(this.cvcError, fe.close, fe.transition);
@@ -4907,26 +4908,26 @@ class $u {
   toggleExpiryLabelError(e) {
     return j(this, null, function* () {
       if (e) {
-        this.expiryInputContainer.classList.add(Y.errorInput), this.expiryLabelError.classList.remove(Y.hidden), yield se(this.expiryLabelError, de.open, de.transition);
+        this.expiryInputContainer.classList.add(Q.errorInput), this.expiryLabelError.classList.remove(Q.hidden), yield se(this.expiryLabelError, de.open, de.transition);
         return;
       }
-      yield se(this.expiryLabelError, de.close, de.transition), this.expiryLabelError.classList.add(Y.hidden);
+      yield se(this.expiryLabelError, de.close, de.transition), this.expiryLabelError.classList.add(Q.hidden);
     });
   }
   toggleExpiryErrorMessage(e) {
     return j(this, null, function* () {
       if (e) {
-        this.expiryInputContainer.classList.add(Y.errorInput), this.expiryError.textContent = this.expiryErrorMessage, this.expiryError.classList.remove(Y.hidden), yield se(this.expiryError, fe.open, fe.transition);
+        this.expiryInputContainer.classList.add(Q.errorInput), this.expiryError.textContent = this.expiryErrorMessage, this.expiryError.classList.remove(Q.hidden), yield se(this.expiryError, fe.open, fe.transition);
         return;
       }
-      yield se(this.expiryError, fe.close, fe.transition), this.expiryError.classList.add(Y.hidden);
+      yield se(this.expiryError, fe.close, fe.transition), this.expiryError.classList.add(Q.hidden);
     });
   }
   addEventListener(e, t) {
     return this.events[e].addListener(t);
   }
   disable(e) {
-    e ? (this.expiryInput.setAttribute("disabled", "true"), this.expiryInput.classList.add(Y.disabledInput), this.expiryInputContainer.classList.add(Y.disabled), this.cvcInput.setAttribute("disabled", "true"), this.cvcInput.classList.add(Y.disabledInput), this.cvcInputContainer.classList.add(Y.disabled)) : (this.expiryInput.removeAttribute("disabled"), this.expiryInput.classList.remove(Y.disabledInput), this.expiryInputContainer.classList.remove(Y.disabled), this.cvcInput.removeAttribute("disabled"), this.cvcInput.classList.remove(Y.disabledInput), this.cvcInputContainer.classList.remove(Y.disabled));
+    e ? (this.expiryInput.setAttribute("disabled", "true"), this.expiryInput.classList.add(Q.disabledInput), this.expiryInputContainer.classList.add(Q.disabled), this.cvcInput.setAttribute("disabled", "true"), this.cvcInput.classList.add(Q.disabledInput), this.cvcInputContainer.classList.add(Q.disabled)) : (this.expiryInput.removeAttribute("disabled"), this.expiryInput.classList.remove(Q.disabledInput), this.expiryInputContainer.classList.remove(Q.disabled), this.cvcInput.removeAttribute("disabled"), this.cvcInput.classList.remove(Q.disabledInput), this.cvcInputContainer.classList.remove(Q.disabled));
   }
   touchSubmit() {
     this.isTouchSubmit = !0, this.render();
@@ -4946,9 +4947,9 @@ class $u {
   }
   render() {
     const e = this.isTouchSubmit || this.isExpiryChanged, t = e && !this.isDisabled && this.isExpiryRequired, r = e && !this.isDisabled && !!this.expiryErrorMessage;
-    this.toggleExpiryLabelError(t), this.toggleExpiryErrorMessage(r), !t && !r ? (this.expiryInputContainer.classList.remove(Y.errorInput), this.expiryEndContent.classList.add(Y.hidden)) : this.expiryEndContent.classList.remove(Y.hidden);
+    this.toggleExpiryLabelError(t), this.toggleExpiryErrorMessage(r), !t && !r ? (this.expiryInputContainer.classList.remove(Q.errorInput), this.expiryEndContent.classList.add(Q.hidden)) : this.expiryEndContent.classList.remove(Q.hidden);
     const i = this.isTouchSubmit || this.isCvcChanged, a = i && !this.isDisabled && this.isCvcRequired, s = i && !this.isDisabled && !!this.cvcErrorMessage;
-    return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (this.cvcInputContainer.classList.remove(Y.errorInput), this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cardCvc.render())) : (this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.warning.render())), this.isDisabled ? (this.expiryInputContainer.classList.add(Y.disabled), this.expiryInput.classList.add(Y.disabledInput), this.cvcInputContainer.classList.add(Y.disabled), this.cvcInput.classList.add(Y.disabledInput)) : (this.expiryInputContainer.classList.remove(Y.disabled), this.expiryInput.classList.remove(Y.disabledInput), this.cvcInputContainer.classList.remove(Y.disabled), this.cvcInput.classList.remove(Y.disabledInput)), this.element;
+    return this.toggleCvcLabelError(a), this.toggleCvcErrorMessage(s), !a && !s ? (this.cvcInputContainer.classList.remove(Q.errorInput), this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.cardCvc.render())) : (this.cvcEndContent.innerHTML = "", this.cvcEndContent.appendChild(this.warning.render())), this.isDisabled ? (this.expiryInputContainer.classList.add(Q.disabled), this.expiryInput.classList.add(Q.disabledInput), this.cvcInputContainer.classList.add(Q.disabled), this.cvcInput.classList.add(Q.disabledInput)) : (this.expiryInputContainer.classList.remove(Q.disabled), this.expiryInput.classList.remove(Q.disabledInput), this.cvcInputContainer.classList.remove(Q.disabled), this.cvcInput.classList.remove(Q.disabledInput)), this.element;
   }
 }
 const Zu = "_container_94v1h_1", Xu = "_title_94v1h_10", pi = {
@@ -5161,7 +5162,7 @@ class id {
           yield this.config.service.ev.initThreeDs({
             threeDsId: a.three_ds_session_id,
             onSuccess: () => {
-              this.setLoading(!1), this.handleSuccess(te(Q({}, e), { threeDsSessionId: a.three_ds_session_id }));
+              this.setLoading(!1), this.handleSuccess(te(Y({}, e), { threeDsSessionId: a.three_ds_session_id }));
             },
             onError: () => {
               this.handleError("Three DS Error");
@@ -5253,13 +5254,13 @@ const sd = {
 };
 class od extends Tt {
   constructor(e) {
-    super(Q(Q({}, sd), e));
+    super(Y(Y({}, sd), e));
   }
 }
 const ld = {};
 class cd extends Tt {
   constructor(e) {
-    super(e || ld);
+    super(Y(Y({}, ld), e));
   }
 }
 class ud extends Tt {
@@ -7303,7 +7304,7 @@ class rp {
   render(e, t) {
     return j(this, null, function* () {
       var r, i;
-      this.paypal && (yield (i = (r = this.paypal).Buttons) == null ? void 0 : i.call(r, Q({
+      this.paypal && (yield (i = (r = this.paypal).Buttons) == null ? void 0 : i.call(r, Y({
         fundingSource: "paypal",
         style: np
       }, t)).render(e));
@@ -11907,7 +11908,7 @@ class up {
       if (!this.client)
         throw new Error("Braintree client must be initialized before creating Venmo instance");
       try {
-        return this.venmoInstance = yield cp.create(Q({
+        return this.venmoInstance = yield cp.create(Y({
           client: this.client,
           allowDesktop: !0,
           mobileWebFallBack: !0,