@wise/dynamic-flow-client-internal 5.16.0 → 5.17.0

package/build/main.js

@@ -141,7 +141,7 @@ var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.16.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.17.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -3630,7 +3630,7 @@ var StatusListRenderer = {
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          media: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StatusListItemMedia, __spreadValues({}, item)),
           additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             import_components53.ListItem.AdditionalInfo,
             {
@@ -3648,6 +3648,18 @@ var StatusListRenderer = {
     })
   ] })
 };
+var StatusListItemMedia = ({ icon, status }) => {
+  if (!icon) {
+    return void 0;
+  }
+  if ("name" in icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DynamicIcon_default, { name: icon.name }) });
+  }
+  if ("text" in icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: icon.text });
+  }
+  return void 0;
+};
 var mapStatus = (status) => {
   switch (status) {
     case "done":
@@ -3858,9 +3870,11 @@ var getIconButtonPriority = (control) => {
 
 // ../renderers/src/step/topbar/TopBar.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
-function TopBar({ back, toolbar }) {
-  return back || toolbar ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "d-flex m-b-2", children: [
-    back ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BackButton, __spreadValues({}, back)) : null,
+function TopBar({ back, toolbar, tags }) {
+  const isBackAllowed = !(tags == null ? void 0 : tags.includes("non-dismissible"));
+  const backCTA = isBackAllowed ? back : void 0;
+  return backCTA || toolbar ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "d-flex m-b-2", children: [
+    backCTA ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BackButton, __spreadValues({}, backCTA)) : null,
     toolbar ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Toolbar, __spreadValues({}, toolbar)) : null
   ] }) : null;
 }
@@ -3876,7 +3890,7 @@ function SplashCelebrationStepRendererComponent(props) {
   const { back, title, description, toolbar, children, footer, tags, trackEvent } = props;
   useCustomTheme("forest-green", trackEvent);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TopBar, { back, toolbar }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "m-b-4", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(StepHeader, { title, description, tags }) }) : void 0,
     children,
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(StepFooter, { footer, tags })
@@ -3893,7 +3907,7 @@ var SplashStepRenderer = {
 function SplashStepRendererComponent(props) {
   const { back, title, description, toolbar, children, footer, tags } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TopBar, { back, toolbar }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "m-b-4", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StepHeader, { title, description, tags }) }) : void 0,
     children,
     /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(StepFooter, { footer, tags })
@@ -3910,7 +3924,7 @@ var StepRenderer = {
 function StepRendererComponent(props) {
   const { back, description, error, title, children, toolbar, footer, tags } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TopBar, { back, toolbar }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "m-b-4", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(StepHeader, { title, description, tags }) }) : void 0,
     error ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_components58.Alert, { type: "negative", className: "m-b-2", message: error }) : null,
     children,

package/build/main.mjs

@@ -123,7 +123,7 @@ import { useDynamicFlow } from "@wise/dynamic-flow-client";
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.16.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.17.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -3615,7 +3615,7 @@ var StatusListRenderer = {
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ jsx76(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          media: /* @__PURE__ */ jsx76(StatusListItemMedia, __spreadValues({}, item)),
           additionalInfo: callToAction ? /* @__PURE__ */ jsx76(
             ListItem12.AdditionalInfo,
             {
@@ -3633,6 +3633,18 @@ var StatusListRenderer = {
     })
   ] })
 };
+var StatusListItemMedia = ({ icon, status }) => {
+  if (!icon) {
+    return void 0;
+  }
+  if ("name" in icon) {
+    return /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ jsx76(DynamicIcon_default, { name: icon.name }) });
+  }
+  if ("text" in icon) {
+    return /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: icon.text });
+  }
+  return void 0;
+};
 var mapStatus = (status) => {
   switch (status) {
     case "done":
@@ -3843,9 +3855,11 @@ var getIconButtonPriority = (control) => {
 
 // ../renderers/src/step/topbar/TopBar.tsx
 import { jsx as jsx81, jsxs as jsxs30 } from "react/jsx-runtime";
-function TopBar({ back, toolbar }) {
-  return back || toolbar ? /* @__PURE__ */ jsxs30("div", { className: "d-flex m-b-2", children: [
-    back ? /* @__PURE__ */ jsx81(BackButton, __spreadValues({}, back)) : null,
+function TopBar({ back, toolbar, tags }) {
+  const isBackAllowed = !(tags == null ? void 0 : tags.includes("non-dismissible"));
+  const backCTA = isBackAllowed ? back : void 0;
+  return backCTA || toolbar ? /* @__PURE__ */ jsxs30("div", { className: "d-flex m-b-2", children: [
+    backCTA ? /* @__PURE__ */ jsx81(BackButton, __spreadValues({}, backCTA)) : null,
     toolbar ? /* @__PURE__ */ jsx81(Toolbar, __spreadValues({}, toolbar)) : null
   ] }) : null;
 }
@@ -3861,7 +3875,7 @@ function SplashCelebrationStepRendererComponent(props) {
   const { back, title, description, toolbar, children, footer, tags, trackEvent } = props;
   useCustomTheme("forest-green", trackEvent);
   return /* @__PURE__ */ jsxs31("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ jsx82(TopBar, { back, toolbar }),
+    /* @__PURE__ */ jsx82(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ jsx82("div", { className: "m-b-4", children: /* @__PURE__ */ jsx82(StepHeader, { title, description, tags }) }) : void 0,
     children,
     /* @__PURE__ */ jsx82(StepFooter, { footer, tags })
@@ -3878,7 +3892,7 @@ var SplashStepRenderer = {
 function SplashStepRendererComponent(props) {
   const { back, title, description, toolbar, children, footer, tags } = props;
   return /* @__PURE__ */ jsxs32("div", { className: "splash-screen m-t-5", children: [
-    /* @__PURE__ */ jsx83(TopBar, { back, toolbar }),
+    /* @__PURE__ */ jsx83(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ jsx83("div", { className: "m-b-4", children: /* @__PURE__ */ jsx83(StepHeader, { title, description, tags }) }) : void 0,
     children,
     /* @__PURE__ */ jsx83(StepFooter, { footer, tags })
@@ -3895,7 +3909,7 @@ var StepRenderer = {
 function StepRendererComponent(props) {
   const { back, description, error, title, children, toolbar, footer, tags } = props;
   return /* @__PURE__ */ jsxs33("div", { children: [
-    /* @__PURE__ */ jsx84(TopBar, { back, toolbar }),
+    /* @__PURE__ */ jsx84(TopBar, { back, toolbar, tags }),
     title || description ? /* @__PURE__ */ jsx84("div", { className: "m-b-4", children: /* @__PURE__ */ jsx84(StepHeader, { title, description, tags }) }) : void 0,
     error ? /* @__PURE__ */ jsx84(Alert2, { type: "negative", className: "m-b-2", message: error }) : null,
     children,