@transferwise/components 46.33.0 → 46.34.0

package/build/index.mjs

@@ -950,7 +950,7 @@ function Alert({
     "data-testid": "alert",
     onTouchStart: () => setShouldFire(true),
     onTouchEnd: event => {
-      if (shouldFire && action &&
+      if (shouldFire && action?.href &&
       // Check if current event is triggered from closeButton
       event.target instanceof Node && closeButtonReference.current && !closeButtonReference.current.contains(event.target)) {
         if (action.target === '_blank') {
@@ -987,13 +987,8 @@ function Alert({
               children: message
             })
           })]
-        }), action && /*#__PURE__*/jsx(Link, {
-          href: action.href,
-          className: "m-t-1",
-          "aria-label": action['aria-label'],
-          target: action.target,
-          type: Typography.LINK_LARGE,
-          children: action.text
+        }), action && /*#__PURE__*/jsx(Action, {
+          action: action
         })]
       })]
     }), onDismiss && /*#__PURE__*/jsx(CloseButton, {
@@ -1020,6 +1015,28 @@ function alertArrowClassNames(arrow) {
       return 'arrow';
   }
 }
+function Action({
+  action
+}) {
+  if ('href' in action) {
+    return /*#__PURE__*/jsx(Link, {
+      href: action.href,
+      className: "m-t-1",
+      "aria-label": action['aria-label'],
+      target: action.target,
+      type: Typography.LINK_LARGE,
+      onClick: action.onClick,
+      children: action.text
+    });
+  }
+  return /*#__PURE__*/jsx("button", {
+    type: "button",
+    "aria-label": action['aria-label'],
+    className: "btn-unstyled np-text-link-large m-t-1",
+    onClick: action.onClick,
+    children: action.text
+  });
+}
 
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
 var AvatarType;