@alma/widgets 4.0.9 → 4.0.11

package/dist/widgets.js

@@ -566,7 +566,7 @@ function Zt(e, t, n) {
   }
   return a.__N || a.__;
 }
-function K(e, t) {
+function X(e, t) {
   var n = qe(Pe++, 3);
   !j.__s && Bn(n.__H, t) && (n.__ = e, n.u = t, $.__H.__h.push(n));
 }
@@ -707,7 +707,7 @@ function Un(e, t) {
   var n = t(), a = Q({ t: { __: n, u: t } }), r = a[0].t, i = a[1];
   return it(function() {
     r.__ = n, r.u = t, Qt(r) && i({ t: r });
-  }, [e, n, t]), K(function() {
+  }, [e, n, t]), X(function() {
     return Qt(r) && i({ t: r }), e(function() {
       Qt(r) && i({ t: r });
     });
@@ -955,7 +955,7 @@ w.diffed = function(e) {
 };
 var Gr = { ReactCurrentDispatcher: { current: { readContext: function(e) {
   return qn.__n[e.__c].props.value;
-}, useCallback: _t, useContext: St, useDebugValue: kn, useDeferredValue: Gn, useEffect: K, useId: Fn, useImperativeHandle: Dn, useInsertionEffect: Wn, useLayoutEffect: it, useMemo: De, useReducer: Zt, useRef: ke, useState: Q, useSyncExternalStore: Un, useTransition: zn } } }, wo = "18.3.1";
+}, useCallback: _t, useContext: St, useDebugValue: kn, useDeferredValue: Gn, useEffect: X, useId: Fn, useImperativeHandle: Dn, useInsertionEffect: Wn, useLayoutEffect: it, useMemo: De, useReducer: Zt, useRef: ke, useState: Q, useSyncExternalStore: Un, useTransition: zn } } }, wo = "18.3.1";
 function zr(e) {
   return de.bind(null, e);
 }
@@ -981,7 +981,7 @@ var Zr = function(e, t) {
   return e(t);
 }, Xr = function(e, t) {
   return e(t);
-}, Kr = pe, Jr = Tt, f = { useState: Q, useId: Fn, useReducer: Zt, useEffect: K, useLayoutEffect: it, useInsertionEffect: Wn, useTransition: zn, useDeferredValue: Gn, useSyncExternalStore: Un, startTransition: $n, useRef: ke, useImperativeHandle: Dn, useMemo: De, useCallback: _t, useContext: St, useDebugValue: kn, version: "18.3.1", Children: At, render: Vn, hydrate: $r, unmountComponentAtNode: Zn, createPortal: Br, createElement: de, createContext: yt, createFactory: zr, cloneElement: Vr, createRef: Cr, Fragment: pe, isValidElement: Tt, isElement: Jr, isFragment: Wr, isMemo: jr, findDOMNode: qr, Component: Ee, PureComponent: vt, memo: jn, forwardRef: Lr, flushSync: Xr, unstable_batchedUpdates: Zr, StrictMode: Kr, Suspense: mt, SuspenseList: Ye, lazy: Fr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Gr };
+}, Kr = pe, Jr = Tt, f = { useState: Q, useId: Fn, useReducer: Zt, useEffect: X, useLayoutEffect: it, useInsertionEffect: Wn, useTransition: zn, useDeferredValue: Gn, useSyncExternalStore: Un, startTransition: $n, useRef: ke, useImperativeHandle: Dn, useMemo: De, useCallback: _t, useContext: St, useDebugValue: kn, version: "18.3.1", Children: At, render: Vn, hydrate: $r, unmountComponentAtNode: Zn, createPortal: Br, createElement: de, createContext: yt, createFactory: zr, cloneElement: Vr, createRef: Cr, Fragment: pe, isValidElement: Tt, isElement: Jr, isFragment: Wr, isMemo: jr, findDOMNode: qr, Component: Ee, PureComponent: vt, memo: jn, forwardRef: Lr, flushSync: Xr, unstable_batchedUpdates: Zr, StrictMode: Kr, Suspense: mt, SuspenseList: Ye, lazy: Fr, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Gr };
 const No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Children: At,
@@ -1017,7 +1017,7 @@ const No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   useContext: St,
   useDebugValue: kn,
   useDeferredValue: Gn,
-  useEffect: K,
+  useEffect: X,
   useErrorBoundary: fo,
   useId: Fn,
   useImperativeHandle: Dn,
@@ -5068,7 +5068,7 @@ const nl = {
   ),
   0
 ).toString().replace("-", "A"), ml = (e) => Date.now() - e >= 36e5;
-var fl = { BUILD_VERSION: "v4.0.9" };
+var fl = { BUILD_VERSION: "v4.0.11" };
 const dl = () => ({
   setCache: (i, o) => {
     const s = Date.now();
@@ -5128,7 +5128,7 @@ const hl = (e, t) => e.eligible && t ? e.purchase_amount >= (t == null ? void 0
 }) : e.filter(
   (n) => !(n.installments_count === 1 && n.deferred_days === 0 && n.deferred_months === 0)
 );
-var _l = { BUILD_VERSION: "v4.0.9" };
+var _l = { BUILD_VERSION: "v4.0.11" };
 const Pi = (e, { domain: t, merchantId: n }, a, r, i) => {
   var E, N;
   const [o, s] = Q([]), [l, u] = Q(ue.PENDING), { getCache: m, setCache: c, createKey: d, clearCache: p } = dl(), g = d({
@@ -5143,7 +5143,7 @@ const Pi = (e, { domain: t, merchantId: n }, a, r, i) => {
     deferred_days: y == null ? void 0 : y.deferredDays,
     deferred_months: y == null ? void 0 : y.deferredMonths
   }));
-  return K(() => {
+  return X(() => {
     if (l === ue.PENDING) {
       let y = null;
       r && (y = {
@@ -5416,7 +5416,7 @@ const D = /* @__PURE__ */ Mt(Qn), oe = D.oneOfType([D.string, D.number]), Di = {
   monochrome: D.bool,
   resolution: oe,
   type: Object.keys(Di)
-}, ua = Dl, { type: Ym } = ua, kl = Lt(ua, ["type"]), Fl = Ne({
+}, ua = Dl, { type: Jm } = ua, kl = Lt(ua, ["type"]), Fl = Ne({
   minAspectRatio: D.string,
   maxAspectRatio: D.string,
   minDeviceAspectRatio: D.string,
@@ -5452,24 +5452,24 @@ const $l = (e) => `not ${e}`, Gl = (e, t) => {
   }), zl(t);
 }, jl = yt(void 0), Vl = (e) => e.query || Wl(e), Ya = (e) => e ? Object.keys(e).reduce((n, a) => (n[Li(a)] = e[a], n), {}) : void 0, ki = () => {
   const e = ke(!1);
-  return K(() => {
+  return X(() => {
     e.current = !0;
   }, []), e.current;
 }, ql = (e) => {
   const t = St(jl), n = () => Ya(e) || Ya(t), [a, r] = Q(n);
-  return K(() => {
+  return X(() => {
     const i = n();
     Rl(a, i) || r(i);
   }, [e, t]), a;
 }, Zl = (e) => {
   const t = () => Vl(e), [n, a] = Q(t);
-  return K(() => {
+  return X(() => {
     const r = t();
     n !== r && a(r);
   }, [e]), n;
 }, Xl = (e, t) => {
   const n = () => wl(e, t || {}, !!t), [a, r] = Q(n), i = ki();
-  return K(() => {
+  return X(() => {
     if (i) {
       const o = n();
       return r(o), () => {
@@ -5479,7 +5479,7 @@ const $l = (e) => `not ${e}`, Gl = (e, t) => {
   }, [e, t]), a;
 }, Kl = (e) => {
   const [t, n] = Q(e.matches);
-  return K(() => {
+  return X(() => {
     const a = (r) => {
       n(r.matches);
     };
@@ -5492,8 +5492,8 @@ const $l = (e) => `not ${e}`, Gl = (e, t) => {
   if (!r)
     throw new Error("Invalid or missing MediaQuery!");
   const i = Xl(r, a), o = Kl(i);
-  return ki(), K(() => {
-  }, [o]), K(() => () => {
+  return ki(), X(() => {
+  }, [o]), X(() => () => {
     i && i.dispose();
   }, []), o;
 };
@@ -6043,8 +6043,8 @@ $u.default.subscribe(ju);
       }, h.setContentRef = function(S) {
         h.content = S, h.props.contentRef && h.props.contentRef(S);
       }, h.afterClose = function() {
-        var S = h.props, J = S.appElement, ne = S.ariaHideApp, V = S.htmlOpenClassName, O = S.bodyOpenClassName, B = S.parentSelector, q = B && B().ownerDocument || document;
-        O && v.remove(q.body, O), V && v.remove(q.getElementsByTagName("html")[0], V), ne && U > 0 && (U -= 1, U === 0 && p.show(J)), h.props.shouldFocusAfterRender && (h.props.shouldReturnFocusAfterClose ? (u.returnFocus(h.props.preventScroll), u.teardownScopedFocus()) : u.popWithoutFocus()), h.props.onAfterClose && h.props.onAfterClose(), E.default.deregister(h);
+        var S = h.props, K = S.appElement, ne = S.ariaHideApp, V = S.htmlOpenClassName, O = S.bodyOpenClassName, B = S.parentSelector, q = B && B().ownerDocument || document;
+        O && v.remove(q.body, O), V && v.remove(q.getElementsByTagName("html")[0], V), ne && U > 0 && (U -= 1, U === 0 && p.show(K)), h.props.shouldFocusAfterRender && (h.props.shouldReturnFocusAfterClose ? (u.returnFocus(h.props.preventScroll), u.teardownScopedFocus()) : u.popWithoutFocus()), h.props.onAfterClose && h.props.onAfterClose(), E.default.deregister(h);
       }, h.open = function() {
         h.beforeOpen(), h.state.afterOpen && h.state.beforeClose ? (clearTimeout(h.closeTimer), h.setState({ beforeClose: !1 })) : (h.props.shouldFocusAfterRender && (u.setupScopedFocus(h.node), u.markForFocusLater()), h.setState({ isOpen: !0 }, function() {
           h.openAnimationFrame = requestAnimationFrame(function() {
@@ -6090,16 +6090,16 @@ $u.default.subscribe(ju);
         return !h.state.isOpen && !h.state.beforeClose;
       }, h.contentHasFocus = function() {
         return document.activeElement === h.content || h.content.contains(document.activeElement);
-      }, h.buildClassName = function(S, J) {
-        var ne = (typeof J == "undefined" ? "undefined" : a(J)) === "object" ? J : {
+      }, h.buildClassName = function(S, K) {
+        var ne = (typeof K == "undefined" ? "undefined" : a(K)) === "object" ? K : {
           base: F[S],
           afterOpen: F[S] + "--after-open",
           beforeClose: F[S] + "--before-close"
         }, V = ne.base;
-        return h.state.afterOpen && (V = V + " " + ne.afterOpen), h.state.beforeClose && (V = V + " " + ne.beforeClose), typeof J == "string" && J ? V + " " + J : V;
-      }, h.attributesFromObject = function(S, J) {
-        return Object.keys(J).reduce(function(ne, V) {
-          return ne[S + "-" + V] = J[V], ne;
+        return h.state.afterOpen && (V = V + " " + ne.afterOpen), h.state.beforeClose && (V = V + " " + ne.beforeClose), typeof K == "string" && K ? V + " " + K : V;
+      }, h.attributesFromObject = function(S, K) {
+        return Object.keys(K).reduce(function(ne, V) {
+          return ne[S + "-" + V] = K[V], ne;
         }, {});
       }, h.state = {
         afterOpen: !1,
@@ -6124,14 +6124,14 @@ $u.default.subscribe(ju);
     }, {
       key: "beforeOpen",
       value: function() {
-        var h = this.props, S = h.appElement, J = h.ariaHideApp, ne = h.htmlOpenClassName, V = h.bodyOpenClassName, O = h.parentSelector, B = O && O().ownerDocument || document;
-        V && v.add(B.body, V), ne && v.add(B.getElementsByTagName("html")[0], ne), J && (U += 1, p.hide(S)), E.default.register(this);
+        var h = this.props, S = h.appElement, K = h.ariaHideApp, ne = h.htmlOpenClassName, V = h.bodyOpenClassName, O = h.parentSelector, B = O && O().ownerDocument || document;
+        V && v.add(B.body, V), ne && v.add(B.getElementsByTagName("html")[0], ne), K && (U += 1, p.hide(S)), E.default.register(this);
       }
       // Don't steal focus from inner elements
     }, {
       key: "render",
       value: function() {
-        var h = this.props, S = h.id, J = h.className, ne = h.overlayClassName, V = h.defaultStyles, O = h.children, B = J ? {} : V.content, q = ne ? {} : V.overlay;
+        var h = this.props, S = h.id, K = h.className, ne = h.overlayClassName, V = h.defaultStyles, O = h.children, B = K ? {} : V.content, q = ne ? {} : V.overlay;
         if (this.shouldBeClosed())
           return null;
         var me = {
@@ -6144,7 +6144,7 @@ $u.default.subscribe(ju);
           id: S,
           ref: this.setContentRef,
           style: n({}, B, this.props.style.content),
-          className: this.buildClassName("content", J),
+          className: this.buildClassName("content", K),
           tabIndex: "-1",
           onKeyDown: this.handleKeyDown,
           onMouseDown: this.handleContentOnMouseDown,
@@ -6527,14 +6527,14 @@ function uc({ color: e = "#fff", className: t }) {
     )
   );
 }
-const cc = "_modal_1u882_1", mc = "_content_1u882_19", fc = "_contentScrollable_1u882_25", dc = "_overlay_1u882_31", pc = "_header_1u882_44", hc = "_closeButton_1u882_53", Xe = {
+const cc = "_modal_n41z8_1", mc = "_content_n41z8_19", fc = "_contentScrollable_n41z8_25", dc = "_overlay_n41z8_31", pc = "_header_n41z8_44", hc = "_closeButton_n41z8_53", Xe = {
   modal: cc,
   content: mc,
   contentScrollable: fc,
   overlay: dc,
   header: pc,
   closeButton: hc
-}, ae = "alma-eligibility-modal", X = {
+}, ae = "alma-eligibility-modal", Z = {
   desktopModal: `${ae}-desktop-modal`,
   mobileModal: `${ae}-mobile-modal`,
   leftSide: `${ae}-left-side`,
@@ -6591,7 +6591,7 @@ const cc = "_modal_1u882_1", mc = "_content_1u882_19", fc = "_contentScrollable_
       {
         type: "button",
         onClick: n,
-        className: R(Xe.closeButton, X.closeButton),
+        className: R(Xe.closeButton, Z.closeButton),
         "data-testid": "modal-close-button",
         "aria-label": u.formatMessage({
           id: "accessibility.close-button.aria-label",
@@ -6602,7 +6602,7 @@ const cc = "_modal_1u882_1", mc = "_content_1u882_19", fc = "_contentScrollable_
     )),
     /* @__PURE__ */ f.createElement("div", { className: R(Xe.content, r, { [Xe.contentScrollable]: i }) }, e)
   );
-}, yc = "_skipLinks_14mgg_2", _c = "_skipLinksList_14mgg_10", vc = "_skipLinkItem_14mgg_16", bc = "_skipLink_14mgg_2", Bt = {
+}, yc = "_skipLinks_ki0vu_2", _c = "_skipLinksList_ki0vu_10", vc = "_skipLinkItem_ki0vu_16", bc = "_skipLink_ki0vu_2", Bt = {
   skipLinks: yc,
   skipLinksList: _c,
   skipLinkItem: vc,
@@ -6908,15 +6908,15 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       { days: e.deferred_days }
     )
   }
-) : `${e.installments_count}x`, Rc = "_buttons_1dtt2_1", Lc = "_active_1dtt2_54", Hc = "_textButton_1dtt2_60", ln = {
+) : `${e.installments_count}x`, Rc = "_buttons_1oh6v_1", Lc = "_active_1oh6v_56", Hc = "_textButton_1oh6v_62", ln = {
   buttons: Rc,
   active: Lc,
   textButton: Hc
 }, Dc = ({ eligibilityPlans: e, currentPlanIndex: t, setCurrentPlanIndex: n, id: a }) => {
   const r = he(), i = ke([]), o = ke(!1);
-  K(() => {
+  X(() => {
     i.current = i.current.slice(0, e.length);
-  }, [e.length]), K(() => {
+  }, [e.length]), X(() => {
     var l;
     o.current && i.current[t] && ((l = i.current[t]) == null || l.focus(), o.current = !1);
   }, [t]);
@@ -6933,7 +6933,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     "div",
     {
       id: a,
-      className: R(ln.buttons, X.eligibilityOptions),
+      className: R(ln.buttons, Z.eligibilityOptions),
       role: "group",
       "aria-labelledby": "payment-plans-title"
     },
@@ -6943,7 +6943,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
         type: "button",
         key: `p${l.installments_count}x-d+${l.deferred_days}-m+${l.deferred_months}`,
         className: R({
-          [R(ln.active, X.activeOption)]: u === t
+          [R(ln.active, Z.activeOption)]: u === t
         }),
         onClick: () => n(u),
         onKeyDown: (m) => {
@@ -6980,7 +6980,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     month: "long",
     year: "numeric"
   }
-)), /* @__PURE__ */ f.createElement("div", { className: R({ [lt.bold]: t === 0 }) }, /* @__PURE__ */ f.createElement(Te, { value: e.total_amount / 100, style: "currency", currency: "EUR" }))), zc = "_container_gyhf6_1", Wc = "_total_gyhf6_18", jc = "_creditInfo_gyhf6_25", Vc = "_creditInfoTitle_gyhf6_36", qc = "_fees_gyhf6_40", Zc = "_creditCost_gyhf6_50", Xc = "_creditInfoLegalText_gyhf6_54", Ue = {
+)), /* @__PURE__ */ f.createElement("div", { className: R({ [lt.bold]: t === 0 }) }, /* @__PURE__ */ f.createElement(Te, { value: e.total_amount / 100, style: "currency", currency: "EUR" }))), zc = "_container_1jhi6_1", Wc = "_total_1jhi6_18", jc = "_creditInfo_1jhi6_25", Vc = "_creditInfoTitle_1jhi6_36", qc = "_fees_1jhi6_40", Zc = "_creditCost_1jhi6_50", Xc = "_creditInfoLegalText_1jhi6_54", Ue = {
   container: zc,
   total: Wc,
   creditInfo: jc,
@@ -7008,11 +7008,11 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   )), /* @__PURE__ */ f.createElement(
     "div",
     {
-      className: R(Ue.container, X.summary),
+      className: R(Ue.container, Z.summary),
       "data-testid": "modal-summary"
     },
-    /* @__PURE__ */ f.createElement("p", { className: R(Ue.total, X.scheduleTotal) }, /* @__PURE__ */ f.createElement(L, { tagName: "span", id: "installments.total-amount", defaultMessage: "Total" }), /* @__PURE__ */ f.createElement(Te, { value: n || 0, style: "currency", currency: "EUR" })),
-    /* @__PURE__ */ f.createElement("p", { className: R(Ue.fees, X.scheduleCredit) }, o ? /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
+    /* @__PURE__ */ f.createElement("p", { className: R(Ue.total, Z.scheduleTotal) }, /* @__PURE__ */ f.createElement(L, { tagName: "span", id: "installments.total-amount", defaultMessage: "Total" }), /* @__PURE__ */ f.createElement(Te, { value: n || 0, style: "currency", currency: "EUR" })),
+    /* @__PURE__ */ f.createElement("p", { className: R(Ue.fees, Z.scheduleCredit) }, o ? /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(
       L,
       {
         id: "credit-features.total-credit-cost",
@@ -7093,7 +7093,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   /* @__PURE__ */ f.createElement("div", { id: "payment-schedule-description" }, /* @__PURE__ */ f.createElement(
     "ul",
     {
-      className: R(un.schedule, X.scheduleDetails),
+      className: R(un.schedule, Z.scheduleDetails),
       "data-testid": "modal-installments-element"
     },
     ((e == null ? void 0 : e.payment_plan) || []).map((n, a) => /* @__PURE__ */ f.createElement("li", { key: n.due_date * 1e3, className: un.scheduleItem }, /* @__PURE__ */ f.createElement(Gc, { installment: n, index: a })))
@@ -7287,11 +7287,11 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     "div",
     {
       "data-testid": "card-logos",
-      className: R(fr.cardContainer, X.cardContainer)
+      className: R(fr.cardContainer, Z.cardContainer)
     },
     t.map((n) => /* @__PURE__ */ f.createElement("div", { key: n, className: fr.card, "data-testid": `card-logo-${n}` }, n === "cb" && /* @__PURE__ */ f.createElement(nm, null), n === "amex" && /* @__PURE__ */ f.createElement(tm, null), n === "mastercard" && /* @__PURE__ */ f.createElement(am, null), n === "visa" && /* @__PURE__ */ f.createElement(rm, null)))
   );
-}, om = "_list_1ep12_1", sm = "_listItem_1ep12_16", lm = "_bullet_1ep12_23", Re = {
+}, om = "_list_u16f0_1", sm = "_listItem_u16f0_16", lm = "_bullet_u16f0_24", Re = {
   list: om,
   listItem: sm,
   bullet: lm
@@ -7301,7 +7301,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     "div",
     {
       id: t,
-      className: R(Re.list, X.info),
+      className: R(Re.list, Z.info),
       "data-testid": "modal-info-element",
       role: "region",
       "aria-labelledby": "payment-info-title",
@@ -7316,7 +7316,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       }
     )),
     " ",
-    /* @__PURE__ */ f.createElement("ol", { className: Re.listContainer, id: "payment-info-description" }, /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, X.bullet) }, "1"), /* @__PURE__ */ f.createElement("div", { className: X.infoMessage }, e ? /* @__PURE__ */ f.createElement(
+    /* @__PURE__ */ f.createElement("ol", { className: Re.listContainer, id: "payment-info-description" }, /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, Z.bullet) }, "1"), /* @__PURE__ */ f.createElement("div", { className: Z.infoMessage }, e ? /* @__PURE__ */ f.createElement(
       L,
       {
         id: "eligibility-modal.p1x-bullet-1",
@@ -7330,7 +7330,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
         defaultMessage: "Choisissez <strong>Alma</strong> au moment du paiement.",
         values: { strong: Ke }
       }
-    ))), /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, X.bullet) }, "2"), /* @__PURE__ */ f.createElement("div", { className: X.infoMessage }, e ? /* @__PURE__ */ f.createElement(
+    ))), /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, Z.bullet) }, "2"), /* @__PURE__ */ f.createElement("div", { className: Z.infoMessage }, e ? /* @__PURE__ */ f.createElement(
       L,
       {
         id: "eligibility-modal.p1x-bullet-2",
@@ -7344,7 +7344,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
         defaultMessage: "Laissez-vous guider et validez votre paiement en <strong>2 minutes.</strong>",
         values: { strong: Ke }
       }
-    ))), /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, X.bullet) }, "3"), /* @__PURE__ */ f.createElement("div", { className: X.infoMessage }, e ? /* @__PURE__ */ f.createElement(
+    ))), /* @__PURE__ */ f.createElement("li", { className: Re.listItem }, /* @__PURE__ */ f.createElement("div", { className: R(Re.bullet, Z.bullet) }, "3"), /* @__PURE__ */ f.createElement("div", { className: Z.infoMessage }, e ? /* @__PURE__ */ f.createElement(
       L,
       {
         id: "eligibility-modal.p1x-bullet-3",
@@ -7360,7 +7360,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       }
     ))))
   )
-), um = "_title_1j2j8_1", cm = {
+), um = "_title_b7zxp_1", cm = {
   title: um
 }, Ji = ({
   isSomePlanDeferred: e,
@@ -7369,7 +7369,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   "h2",
   {
     id: "modal-title",
-    className: R(cm.title, X.title),
+    className: R(cm.title, Z.title),
     "data-testid": "modal-title-element"
   },
   e && /* @__PURE__ */ f.createElement(
@@ -7401,15 +7401,15 @@ const wc = "_openModalInfo_a4893_1", Nc = {
 }, hm = ({ children: e, isSomePlanDeferred: t, cards: n, isCurrentPlanP1X: a }) => /* @__PURE__ */ f.createElement(
   "div",
   {
-    className: R(ut.container, X.desktopModal),
+    className: R(ut.container, Z.desktopModal),
     "data-testid": "modal-container",
     role: "dialog",
     "aria-modal": "true",
     "aria-labelledby": "modal-title"
   },
-  /* @__PURE__ */ f.createElement("aside", { className: R([ut.block, ut.left, X.leftSide]) }, /* @__PURE__ */ f.createElement(Ji, { isSomePlanDeferred: t, isCurrentPlanP1X: a }), /* @__PURE__ */ f.createElement(Ki, { id: "payment-info", isCurrentPlanP1X: a }), n && /* @__PURE__ */ f.createElement(Xi, { cards: n }), /* @__PURE__ */ f.createElement(aa, { className: ut.logo, width: "75" })),
-  /* @__PURE__ */ f.createElement("div", { className: R(ut.block, X.rightSide) }, e)
-), gm = "_noEligibility_1pcwf_1", ym = "_loader_1pcwf_9", _m = "_scheduleArea_1pcwf_16", vm = "_verticalLine_1pcwf_20", $t = {
+  /* @__PURE__ */ f.createElement("aside", { className: R([ut.block, ut.left, Z.leftSide]) }, /* @__PURE__ */ f.createElement(Ji, { isSomePlanDeferred: t, isCurrentPlanP1X: a }), /* @__PURE__ */ f.createElement(Ki, { id: "payment-info", isCurrentPlanP1X: a }), n && /* @__PURE__ */ f.createElement(Xi, { cards: n }), /* @__PURE__ */ f.createElement(aa, { className: ut.logo, width: "75" })),
+  /* @__PURE__ */ f.createElement("div", { className: R(ut.block, Z.rightSide) }, e)
+), gm = "_noEligibility_3lnq8_1", ym = "_loader_3lnq8_9", _m = "_scheduleArea_3lnq8_16", vm = "_verticalLine_3lnq8_20", $t = {
   noEligibility: gm,
   loader: ym,
   scheduleArea: _m,
@@ -7420,7 +7420,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
 }, xm = ({ children: e, isSomePlanDeferred: t, cards: n, isCurrentPlanP1X: a }) => /* @__PURE__ */ f.createElement(
   "div",
   {
-    className: R(dr.container, X.mobileModal),
+    className: R(dr.container, Z.mobileModal),
     "data-testid": "modal-container",
     role: "dialog",
     "aria-modal": "true",
@@ -7543,7 +7543,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   }, []), r = _t(() => {
     n.current && (clearTimeout(n.current), n.current = null), t("");
   }, []);
-  return K(
+  return X(
     () => () => {
       n.current && clearTimeout(n.current);
     },
@@ -7560,7 +7560,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   transitionDelay: a
 }) => {
   const r = he(), { announce: i } = Qi();
-  K(() => {
+  X(() => {
     if (e === ue.SUCCESS && !t && n > 1 && // If transitionDelay is -1, animation is disabled, so no need to announce instructions
     a !== -1) {
       const s = r.formatMessage({
@@ -7574,7 +7574,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   }, [e, t, n, r, i, a]);
 }, wm = (e, t) => {
   const [n, a] = Q(0), [r, i] = Q(!0), [o, s] = Q(1), l = typeof window != "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches, u = t < 0 ? -1 : Math.max(t, 1e3);
-  return K(() => {
+  return X(() => {
     let m, c = !0;
     if (!(u === -1 || l))
       return e.length !== 0 && (!e.includes(n) && r && a(e[0]), o === e.length + 1 && i(!1), m = setTimeout(() => {
@@ -7619,23 +7619,22 @@ const wc = "_openModalInfo_a4893_1", Nc = {
   paymentInfo: `${$e}-payment-info`,
   activeOption: `${$e}-active-option`,
   knowMoreAction: `${$e}-know-more-action`
-}, Om = "_widgetContainer_1e5ls_1", Pm = "_primaryContainer_1e5ls_13", Rm = "_paymentPlans_1e5ls_19", Lm = "_plan_1e5ls_28", Hm = "_planButton_1e5ls_44", Dm = "_monochrome_1e5ls_69", km = "_notEligible_1e5ls_75", Fm = "_active_1e5ls_89", Bm = "_hideBorder_1e5ls_104", Um = "_infoContainer_1e5ls_108", $m = "_info_1e5ls_108", Gm = "_announceText_1e5ls_123", zm = "_pending_1e5ls_144", Wm = "_clickable_1e5ls_148", jm = "_knowMore_1e5ls_161", Z = {
+}, Om = "_widgetContainer_1dfil_1", Pm = "_primaryContainer_1dfil_13", Rm = "_paymentPlans_1dfil_19", Lm = "_planButton_1dfil_29", Hm = "_monochrome_1dfil_81", Dm = "_notEligible_1dfil_87", km = "_active_1dfil_101", Fm = "_hideBorder_1dfil_116", Bm = "_infoContainer_1dfil_120", Um = "_info_1dfil_120", $m = "_announceText_1dfil_135", Gm = "_pending_1dfil_156", zm = "_clickable_1dfil_160", Wm = "_knowMore_1dfil_173", J = {
   widgetContainer: Om,
   primaryContainer: Pm,
   paymentPlans: Rm,
-  plan: Lm,
-  planButton: Hm,
-  monochrome: Dm,
-  notEligible: km,
-  active: Fm,
-  hideBorder: Bm,
-  infoContainer: Um,
-  info: $m,
-  announceText: Gm,
-  pending: zm,
-  clickable: Wm,
-  knowMore: jm
-}, Vm = 5500, qm = ({
+  planButton: Lm,
+  monochrome: Hm,
+  notEligible: Dm,
+  active: km,
+  hideBorder: Fm,
+  infoContainer: Bm,
+  info: Um,
+  announceText: $m,
+  pending: Gm,
+  clickable: zm,
+  knowMore: Wm
+}, jm = 5500, Vm = ({
   apiData: e,
   configPlans: t,
   hideIfNotEligible: n,
@@ -7669,10 +7668,10 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       []
     ),
     [p]
-  ), Y = De(() => _ && !u ? -1 : u != null ? u : Vm, [u, _]), { current: U, onHover: we, onLeave: I } = wm(ee, Y), A = ke([]);
-  K(() => {
+  ), Y = De(() => _ && !u ? -1 : u != null ? u : jm, [u, _]), { current: U, onHover: we, onLeave: I } = wm(ee, Y), A = ke([]);
+  X(() => {
     A.current = A.current.slice(0, p.length);
-  }, [p.length]), K(() => {
+  }, [p.length]), X(() => {
     if (p[U] && g === ue.SUCCESS) {
       const O = p[U], B = mr(O, d), q = d.formatMessage(
         {
@@ -7683,7 +7682,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       );
       y(q, 1e3);
     }
-  }, [U, d, g, y]), K(() => {
+  }, [U, d, g, y]), X(() => {
     g === ue.SUCCESS && _ && (we(b), I());
   }, [g]), Mm({
     status: g,
@@ -7705,7 +7704,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     } else if (me = q - 1, me < 0) return;
     const te = ee[me];
     F(!0), we(te), (Pt = A.current[te]) == null || Pt.focus();
-  }, J = (O) => {
+  }, K = (O) => {
     var q;
     const B = O === "first" ? ee[0] : ee[ee.length - 1];
     F(!0), we(B), (q = A.current[B]) == null || q.focus();
@@ -7714,7 +7713,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
     return B === -1 ? 0 : B;
   };
   if (g === ue.PENDING)
-    return /* @__PURE__ */ f.createElement("div", { className: R(Z.widgetContainer, Z.pending) }, /* @__PURE__ */ f.createElement(Im, null));
+    return /* @__PURE__ */ f.createElement("div", { className: R(J.widgetContainer, J.pending) }, /* @__PURE__ */ f.createElement(Im, null));
   if (n && v.length === 0 || p.length === 0 || g === ue.FAILED)
     return null;
   const V = (O) => {
@@ -7729,10 +7728,10 @@ const wc = "_openModalInfo_a4893_1", Nc = {
         defaultMessage: "Sélection des options de paiement Alma"
       }),
       className: R(
-        Z.widgetContainer,
+        J.widgetContainer,
         {
-          [Z.hideBorder]: m,
-          [Z.monochrome]: a
+          [J.hideBorder]: m,
+          [J.monochrome]: a
         },
         Le.container
       ),
@@ -7742,7 +7741,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       "section",
       {
         "aria-labelledby": "payment-plans-title",
-        className: R(Z.primaryContainer, Le.eligibilityLine)
+        className: R(J.primaryContainer, Le.eligibilityLine)
       },
       /* @__PURE__ */ f.createElement("h2", { id: "payment-plans-title", className: "sr-only" }, d.formatMessage({
         id: "accessibility.payment-plans.section-title",
@@ -7757,9 +7756,9 @@ const wc = "_openModalInfo_a4893_1", Nc = {
             (O.key === "Enter" || O.key === " ") && (O.preventDefault(), V(O));
           },
           className: R(
-            Z.knowMore,
-            Z.clickable,
-            { [Z.monochrome]: a },
+            J.knowMore,
+            J.clickable,
+            { [J.monochrome]: a },
             Le.knowMoreAction
           ),
           "aria-label": d.formatMessage({
@@ -7773,7 +7772,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
           aa,
           {
             "data-testid": "Alma-Logo",
-            className: Z.logo,
+            className: J.logo,
             color: a ? "var(--off-black)" : void 0
           }
         )
@@ -7781,7 +7780,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       /* @__PURE__ */ f.createElement(
         "div",
         {
-          className: R(Z.paymentPlans, Le.eligibilityOptions),
+          className: R(J.paymentPlans, Le.eligibilityOptions),
           role: "listbox",
           "aria-label": d.formatMessage({
             id: "accessibility.payment-options.listbox.aria-label",
@@ -7802,15 +7801,15 @@ const wc = "_openModalInfo_a4893_1", Nc = {
               onTouchEnd: h,
               onFocus: me ? () => W(B) : void 0,
               onKeyDown: (te) => {
-                me && (te.key === "ArrowLeft" ? (te.preventDefault(), S("prev", B)) : te.key === "ArrowRight" ? (te.preventDefault(), S("next", B)) : te.key === "Home" ? (te.preventDefault(), J("first")) : te.key === "End" && (te.preventDefault(), J("last")));
+                me && (te.key === "ArrowLeft" ? (te.preventDefault(), S("prev", B)) : te.key === "ArrowRight" ? (te.preventDefault(), S("next", B)) : te.key === "Home" ? (te.preventDefault(), K("first")) : te.key === "End" && (te.preventDefault(), K("last")));
               },
               onClick: (te) => {
                 te.stopPropagation(), me && (we(B), v.length > 0 && M());
               },
-              className: R(Z.plan, Z.planButton, {
-                [R(Z.active, Le.activeOption)]: q,
-                [Z.monochrome]: a && q,
-                [R(Z.notEligible, Le.notEligibleOption)]: !me
+              className: R(J.planButton, {
+                [R(J.active, Le.activeOption)]: q,
+                [J.monochrome]: a && q,
+                [R(J.notEligible, Le.notEligibleOption)]: !me
               }),
               role: "option",
               "aria-selected": q,
@@ -7835,16 +7834,16 @@ const wc = "_openModalInfo_a4893_1", Nc = {
         })
       )
     ),
-    /* @__PURE__ */ f.createElement("aside", { "aria-labelledby": "payment-info-title", className: Z.infoContainer }, /* @__PURE__ */ f.createElement("h3", { id: "payment-info-title", className: "sr-only" }, d.formatMessage({
+    /* @__PURE__ */ f.createElement("aside", { "aria-labelledby": "payment-info-title", className: J.infoContainer }, /* @__PURE__ */ f.createElement("h3", { id: "payment-info-title", className: "sr-only" }, d.formatMessage({
       id: "accessibility.payment-info.section-title",
       defaultMessage: "Informations sur le plan de paiement sélectionné"
     })), /* @__PURE__ */ f.createElement(
       "div",
       {
         className: R(
-          Z.info,
+          J.info,
           {
-            [R(Z.notEligible, Le.notEligibleOption)]: p[U] && !p[U].eligible
+            [R(J.notEligible, Le.notEligibleOption)]: p[U] && !p[U].eligible
           },
           Le.paymentInfo
         ),
@@ -7861,8 +7860,8 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       status: g,
       cards: o
     }
-  ), /* @__PURE__ */ f.createElement("div", { role: "alert", "aria-live": "assertive", className: Z.announceText }, N));
-}, Je = /* @__PURE__ */ new Map(), Zm = (e, t, n) => {
+  ), /* @__PURE__ */ f.createElement("div", { role: "alert", "aria-live": "assertive", className: J.announceText }, N));
+}, Je = /* @__PURE__ */ new Map(), qm = (e, t, n) => {
   var r;
   const a = document.querySelector(n.container);
   if (a) {
@@ -7888,7 +7887,7 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       const _ = wa(a);
       _.render(
         /* @__PURE__ */ f.createElement(ja, { locale: g }, /* @__PURE__ */ f.createElement(
-          qm,
+          Vm,
           {
             apiData: e,
             configPlans: o,
@@ -7945,13 +7944,13 @@ const wc = "_openModalInfo_a4893_1", Nc = {
       close: p
     };
   }
-}, Xm = (e) => ({
-  add: (t, n) => Zm(e, t, n)
+}, Zm = (e) => ({
+  add: (t, n) => qm(e, t, n)
 });
-var Km = /* @__PURE__ */ ((e) => (e.LIVE = "https://api.getalma.eu", e.TEST = "https://api.sandbox.getalma.eu", e))(Km || {}), pr;
+var Xm = /* @__PURE__ */ ((e) => (e.LIVE = "https://api.getalma.eu", e.TEST = "https://api.sandbox.getalma.eu", e))(Xm || {}), pr;
 ((e) => {
   function t(n, a) {
-    return Xm({ domain: a, merchantId: n });
+    return Zm({ domain: a, merchantId: n });
   }
   e.initialize = t, e.PaymentPlans = pt.PaymentPlans, e.Modal = pt.Modal;
 })(pr || (pr = {}));
@@ -7960,7 +7959,7 @@ var hr;
   e.priceToCents = ao, e.priceFromCents = fe, e.formatCents = ro;
 })(hr || (hr = {}));
 export {
-  Km as ApiMode,
+  Xm as ApiMode,
   hr as Utils,
   pr as Widgets
 };