@wise/dynamic-flow-client 3.19.6 → 3.20.0

package/build/main.js

@@ -7014,25 +7014,89 @@ var getActionByReference = ($ref, actions = []) => {
 };
 
 // src/revamp/domain/mappers/layout/buttonLayoutToComponent.ts
-var buttonLayoutToComponent = (uid, button, { onAction, step }) => {
+var buttonLayoutToComponent = (uid, button, mapperProps) => {
+  if (button.behavior) {
+    return buttonLayoutToComponentWithBehavior(
+      uid,
+      __spreadProps(__spreadValues({}, button), { behavior: button.behavior }),
+      mapperProps
+    );
+  }
+  if (button.action) {
+    return buttonLayoutToComponentWithAction(
+      uid,
+      __spreadProps(__spreadValues({}, button), { action: button.action }),
+      mapperProps
+    );
+  }
+  return buttonLayoutToComponentWithNoop(uid, button);
+};
+var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
+  const { onAction, onLink, step } = mapperProps;
+  const { context, control, disabled, margin = "md", pinOrder, size, title, behavior } = button;
+  const { action, link } = behavior;
+  const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : null;
+  const onClick = (() => {
+    if (inlinedAction) {
+      return () => {
+        void onAction(inlinedAction);
+      };
+    }
+    if (link) {
+      return () => {
+        onLink(link.url);
+      };
+    }
+    return () => {
+    };
+  })();
+  return createButtonComponent({
+    uid,
+    context: mapLegacyContext(context != null ? context : "neutral"),
+    control,
+    disabled: disabled != null ? disabled : false,
+    margin,
+    pinOrder,
+    size,
+    title: title != null ? title : "",
+    onClick
+  });
+};
+var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
+  const { onAction, step } = mapperProps;
   const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
-  const action = button.action ? inlineAction(button.action, step == null ? void 0 : step.actions) : {};
-  const onClick = button.action ? () => {
-    void onAction(action);
-  } : () => {
+  const { action } = button;
+  const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : {};
+  const onClick = () => {
+    void onAction(inlinedAction);
   };
   return createButtonComponent({
     uid,
-    context: getButtonContext({ context, action }),
-    control: getButtonControl({ control, action }),
-    disabled: getButtonDisabled({ disabled, action }),
+    context: getButtonContext({ context, action: inlinedAction }),
+    control: getButtonControl({ control, action: inlinedAction }),
+    disabled: getButtonDisabled({ disabled, action: inlinedAction }),
     margin,
     pinOrder,
     size,
-    title: getButtonTitle({ title, action }),
+    title: getButtonTitle({ title, action: inlinedAction }),
     onClick
   });
 };
+var buttonLayoutToComponentWithNoop = (uid, button) => {
+  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
+  return createButtonComponent({
+    uid,
+    context: mapLegacyContext(context != null ? context : "neutral"),
+    control,
+    disabled: disabled != null ? disabled : false,
+    margin,
+    pinOrder,
+    size,
+    title: title != null ? title : "",
+    onClick: () => {
+    }
+  });
+};
 var getButtonTitle = ({ title, action }) => {
   var _a;
   return (_a = title != null ? title : action == null ? void 0 : action.title) != null ? _a : "";
@@ -10731,6 +10795,7 @@ function useDynamicFlowCore(props) {
   const httpClient = useStableCallback(rest.httpClient);
   const onCompletion = useStableCallback(rest.onCompletion);
   const onValueChange = useStableCallback(props.onValueChange);
+  const onLink = useStableCallback(props.onLink);
   const onError = useStableCallback(rest.onError);
   const onEvent = useStableCallback(rest.onEvent);
   const onLog = useStableCallback(rest.onLog);
@@ -10794,6 +10859,7 @@ function useDynamicFlowCore(props) {
           onAction,
           onRefresh,
           onPoll,
+          onLink,
           onValueChange
         });
         setStepComponent(() => {
@@ -10972,14 +11038,7 @@ function DynamicFlowCore(props) {
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
         onError == null ? void 0 : onError(error);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "div",
-        {
-          id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id,
-          className: "dynamic-flow",
-          children: stepComponentRef.current ? render(stepComponentRef.current) : null
-        }
-      )
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id, className: "dynamic-flow", children: stepComponentRef.current ? render(stepComponentRef.current) : null })
     }
   );
 }
@@ -13039,13 +13098,24 @@ var getWiseRenderers = () => [
   StepRenderer
 ];
 
+// src/revamp/utils/openLinkInNewTab.tsx
+var openLinkInNewTab = (url) => {
+  var _a;
+  try {
+    const w = (_a = window == null ? void 0 : window.open) == null ? void 0 : _a.call(window, url, "_blank");
+    return Boolean(w);
+  } catch (e) {
+    return false;
+  }
+};
+
 // src/revamp/DynamicFlowWise.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowWise(props) {
-  const { httpClient, renderers } = props;
+  const { httpClient, renderers, onLink = openLinkInNewTab } = props;
   const mergedRenderers = (0, import_react20.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RendererHttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RendererHttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers, onLink })) });
 }
 var DynamicFlowWise_default = DynamicFlowWise;
 
@@ -13076,10 +13146,17 @@ var useHasHttpClientProvider = () => {
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var wiseRenderers2 = getWiseRenderers();
 var DynamicFragmentWise = (0, import_react22.forwardRef)(function DynamicFragmentWise2(props, ref) {
-  const { httpClient, onCompletion = () => {
-  }, onEvent, onError, renderers } = props;
+  const {
+    httpClient,
+    onCompletion = () => {
+    },
+    onEvent,
+    onError,
+    renderers,
+    onLink = openLinkInNewTab
+  } = props;
   const mergedRenderers = (0, import_react22.useMemo)(() => [...renderers != null ? renderers : [], ...wiseRenderers2], [renderers]);
-  const { stepComponentRef } = useDynamicFlowCore(__spreadValues({ onCompletion }, props));
+  const { stepComponentRef } = useDynamicFlowCore(__spreadProps(__spreadValues({ onCompletion }, props), { onLink }));
   (0, import_react22.useImperativeHandle)(
     ref,
     () => ({
@@ -13117,8 +13194,8 @@ var import_react23 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var DynamicFragmentCore = (0, import_react23.forwardRef)(function DynamicFragmentCore2(props, ref) {
   const { onCompletion = () => {
-  }, onEvent, onError, renderers } = props;
-  const { stepComponentRef } = useDynamicFlowCore(__spreadValues({ onCompletion }, props));
+  }, onEvent, onError, onLink = openLinkInNewTab, renderers } = props;
+  const { stepComponentRef } = useDynamicFlowCore(__spreadProps(__spreadValues({ onCompletion }, props), { onLink }));
   (0, import_react23.useImperativeHandle)(
     ref,
     () => ({