@alma/widgets 2.8.3 → 2.10.0

package/dist/raw/widgets.umd.js

@@ -20356,11 +20356,12 @@
         setUpdate = _useState2[1];
 
     react.useEffect(function () {
+      var timeout;
       var isMounted = true;
 
       if (iterateValues.length !== 0) {
         if (!iterateValues.includes(current) && update) setCurrent(iterateValues[0]);
-        setTimeout(function () {
+        timeout = setTimeout(function () {
           if (update && isMounted) {
             setCurrent(iterateValues[iterateValues.includes(current) ? (iterateValues.indexOf(current) + 1) % iterateValues.length : 0]);
           }
@@ -20369,6 +20370,7 @@
 
       return function () {
         isMounted = false;
+        clearTimeout(timeout);
       };
     }, [iterateValues, current]);
     return {
@@ -20435,7 +20437,7 @@
     activeOption: prefix$1 + '-active-option'
   };
 
-  var s$c = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","polychrome":"_2icEF","notEligible":"_3O1bg","info":"_25GrF","loader":"_30j1O","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
+  var s$c = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","polychrome":"_2icEF","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
 
   var VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
   var DEFAULT_TRANSITION_TIME = 5500;
@@ -20450,7 +20452,9 @@
         purchaseAmount = _ref.purchaseAmount,
         suggestedPaymentPlan = _ref.suggestedPaymentPlan,
         cards = _ref.cards,
-        transitionDelay = _ref.transitionDelay;
+        transitionDelay = _ref.transitionDelay,
+        _ref$hideBorder = _ref.hideBorder,
+        hideBorder = _ref$hideBorder === void 0 ? false : _ref$hideBorder;
 
     var _useFetchEligibility = useFetchEligibility(purchaseAmount, apiData, configPlans),
         eligibilityPlans = _useFetchEligibility[0],
@@ -20548,7 +20552,7 @@
 
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
       onClick: handleOpenModal,
-      className: classnames(s$c.widgetButton, (_cx = {}, _cx[s$c.clickable] = eligiblePlans.length > 0, _cx[s$c.unClickable] = eligiblePlans.length === 0, _cx), STATIC_CUSTOMISATION_CLASSES$1.container),
+      className: classnames(s$c.widgetButton, (_cx = {}, _cx[s$c.clickable] = eligiblePlans.length > 0, _cx[s$c.unClickable] = eligiblePlans.length === 0, _cx[s$c.hideBorder] = hideBorder, _cx), STATIC_CUSTOMISATION_CLASSES$1.container),
       "data-testid": "widget-button"
     }, /*#__PURE__*/react.createElement("div", {
       className: classnames(s$c.primaryContainer, STATIC_CUSTOMISATION_CLASSES$1.eligibilityLine)
@@ -20566,7 +20570,11 @@
         onMouseEnter: function onMouseEnter() {
           return onHover(key);
         },
+        onTouchStart: function onTouchStart() {
+          return onHover(key);
+        },
         onMouseOut: onLeave,
+        onTouchEnd: onLeave,
         className: classnames(s$c.plan, (_cx2 = {}, _cx2[classnames(s$c.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)] = isCurrent, _cx2[s$c.polychrome] = !monochrome && isCurrent, _cx2[classnames(s$c.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = !eligibilityPlan.eligible, _cx2))
       }, paymentPlanShorthandName(eligibilityPlan));
     }))), /*#__PURE__*/react.createElement("div", {
@@ -20602,6 +20610,8 @@
             plans = options.plans,
             transitionDelay = options.transitionDelay,
             hideIfNotEligible = options.hideIfNotEligible,
+            _options$hideBorder = options.hideBorder,
+            hideBorder = _options$hideBorder === void 0 ? false : _options$hideBorder,
             _options$monochrome = options.monochrome,
             monochrome = _options$monochrome === void 0 ? true : _options$monochrome,
             suggestedPaymentPlan = options.suggestedPaymentPlan,
@@ -20620,7 +20630,8 @@
             purchaseAmount: purchaseAmount,
             suggestedPaymentPlan: suggestedPaymentPlan,
             cards: cards,
-            transitionDelay: transitionDelay
+            transitionDelay: transitionDelay,
+            hideBorder: hideBorder
           })), document.querySelector(container));
         }
       }