@alma/widgets 2.8.3 → 2.10.0

package/dist/raw/widgets.css

@@ -571,6 +571,10 @@
   cursor: not-allowed;
 }
 
+._3_qcn {
+  border: none;
+}
+
 ._25GrF {
   font-family: Public Sans, sans-serif;
   font-style: normal;

package/dist/raw/widgets.js

@@ -2946,11 +2946,12 @@ var useButtonAnimation = function useButtonAnimation(iterateValues, transitionDe
       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]);
         }
@@ -2959,6 +2960,7 @@ var useButtonAnimation = function useButtonAnimation(iterateValues, transitionDe
 
     return function () {
       isMounted = false;
+      clearTimeout(timeout);
     };
   }, [iterateValues, current]);
   return {
@@ -3025,7 +3027,7 @@ var STATIC_CUSTOMISATION_CLASSES$1 = {
   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;
@@ -3040,7 +3042,9 @@ var PaymentPlanWidget = function PaymentPlanWidget(_ref) {
       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],
@@ -3138,7 +3142,7 @@ var PaymentPlanWidget = function PaymentPlanWidget(_ref) {
 
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     onClick: handleOpenModal,
-    className: cx(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: cx(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__default.createElement("div", {
     className: cx(s$c.primaryContainer, STATIC_CUSTOMISATION_CLASSES$1.eligibilityLine)
@@ -3156,7 +3160,11 @@ var PaymentPlanWidget = function PaymentPlanWidget(_ref) {
       onMouseEnter: function onMouseEnter() {
         return onHover(key);
       },
+      onTouchStart: function onTouchStart() {
+        return onHover(key);
+      },
       onMouseOut: onLeave,
+      onTouchEnd: onLeave,
       className: cx(s$c.plan, (_cx2 = {}, _cx2[cx(s$c.active, STATIC_CUSTOMISATION_CLASSES$1.activeOption)] = isCurrent, _cx2[s$c.polychrome] = !monochrome && isCurrent, _cx2[cx(s$c.notEligible, STATIC_CUSTOMISATION_CLASSES$1.notEligibleOption)] = !eligibilityPlan.eligible, _cx2))
     }, paymentPlanShorthandName(eligibilityPlan));
   }))), /*#__PURE__*/React__default.createElement("div", {
@@ -3192,6 +3200,8 @@ var WidgetsController = /*#__PURE__*/function () {
           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,
@@ -3210,7 +3220,8 @@ var WidgetsController = /*#__PURE__*/function () {
           purchaseAmount: purchaseAmount,
           suggestedPaymentPlan: suggestedPaymentPlan,
           cards: cards,
-          transitionDelay: transitionDelay
+          transitionDelay: transitionDelay,
+          hideBorder: hideBorder
         })), document.querySelector(container));
       }
     }