@livechat/platform-workflows 0.0.76 → 0.0.77

package/dist/index.js

@@ -1896,7 +1896,7 @@ var useFetchUserInstalledWorkflows = () => {
   };
 };
 var useFetchWorkflows = (params) => {
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useQuery)(
     queryKeys.workflows.get(params),
     () => __async(void 0, null, function* () {
@@ -1912,12 +1912,14 @@ var useFetchWorkflows = (params) => {
       });
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useFetchWorkflow = (workflowId) => {
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useQuery)(
     queryKeys.workflow.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -1928,12 +1930,14 @@ var useFetchWorkflow = (workflowId) => {
     }),
     {
       enabled: Boolean(workflowId),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useFetchWorkflowExecutionList = (workflowId) => {
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useQuery)(
     queryKeys.workflowExecutions.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -1944,13 +1948,15 @@ var useFetchWorkflowExecutionList = (workflowId) => {
     }),
     {
       enabled: Boolean(workflowId),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useCreateWorkflow = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   const { user } = (0, import_developer_studio_ui_react2.useUserContext)();
   return (0, import_react_query2.useMutation)(
     (payload) => __async(void 0, null, function* () {
@@ -1986,13 +1992,15 @@ var useCreateWorkflow = () => {
         );
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useCreateWorkflowDraft = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   const { user } = (0, import_developer_studio_ui_react2.useUserContext)();
   return (0, import_react_query2.useMutation)(
     (payload) => __async(void 0, null, function* () {
@@ -2020,13 +2028,15 @@ var useCreateWorkflowDraft = () => {
         );
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useUpdateWorkflow = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield import_developer_studio_api2.api.integrations.text.platform.workflow.workflows.updateWorkflow(
@@ -2039,13 +2049,15 @@ var useUpdateWorkflow = () => {
       onSuccess: () => {
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useDeleteWorkflow = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       yield import_developer_studio_api2.api.integrations.text.platform.workflow.workflows.deleteWorkflow(
@@ -2065,13 +2077,15 @@ var useDeleteWorkflow = () => {
         }
         void queryClient.refetchQueries([queryKeys.workflows.base]);
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var usePublishWorkflowDraft = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield import_developer_studio_api2.api.integrations.text.platform.workflow.workflows.publishWorkflowDraft(
@@ -2100,13 +2114,15 @@ var usePublishWorkflowDraft = () => {
         }
         void queryClient.refetchQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useActivateWorkflow = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (_0) => __async(void 0, [_0], function* ({ id, active }) {
       yield import_developer_studio_api2.api.integrations.text.platform.workflow.workflows.toggleWorkflowActivation(
@@ -2123,12 +2139,14 @@ var useActivateWorkflow = () => {
         void queryClient.refetchQueries([queryKeys.workflows.base]);
         void queryClient.refetchQueries(queryKeys.workflow.get(id));
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useExecuteWorkflow = () => {
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (_0) => __async(void 0, [_0], function* ({
       workflow,
@@ -2140,12 +2158,14 @@ var useExecuteWorkflow = () => {
       );
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useGenerateAIResponse = () => {
-  const notifications = (0, import_developer_studio_ui_react2.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query2.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const response = yield import_developer_studio_api2.api.integrations.text.ai.generateResponses(
@@ -2154,7 +2174,9 @@ var useGenerateAIResponse = () => {
       return response;
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
@@ -11362,12 +11384,12 @@ var jsonUtils = {
     return prefix2 === "$" ? jsonUtils.HASH_TAG : jsonUtils.HASH_TAG2;
   },
   getMatchesInText(text2, options) {
-    var _a, _b;
+    var _a;
     if (typeof text2 !== "string") {
       return void 0;
     }
     const templates = jsonUtils.getRegex((_a = options == null ? void 0 : options.prefix) != null ? _a : "$").exec(text2);
-    const results = (_b = templates == null ? void 0 : templates.filter((match2) => jsonUtils.PATH.exec(jsonUtils.escapeTag(match2)))) == null ? void 0 : _b.map(jsonUtils.escapeTag);
+    const results = templates == null ? void 0 : templates.filter((match2) => jsonUtils.PATH.exec(jsonUtils.escapeTag(match2))).map(jsonUtils.escapeTag);
     return results;
   },
   getMatchesInObject(input, prefix2 = "$") {
@@ -12498,14 +12520,14 @@ var validateTasks = (workflow, frames, products) => {
     }).filter(Boolean);
     const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
       return {
-        instancePath: `${baseInstancePath}`,
+        instancePath: baseInstancePath,
         keyword: "connection",
         message: `Not connected to ${error.params.provider}`,
         params: {}
       };
     });
     const activationError = (config2 == null ? void 0 : config2.customization.provider.startsWith(import_developer_studio_api18.IntegrationNames.Text)) && !products.find(({ product }) => product === config2.customization.product) ? {
-      instancePath: `${baseInstancePath}`,
+      instancePath: baseInstancePath,
       keyword: "activation",
       message: `${config2.customization.product} not activated`,
       params: {}
@@ -12927,7 +12949,7 @@ function WorkflowCreatorProviderBase({
   var _a, _b;
   const { fitView } = (0, import_reactflow.useReactFlow)();
   const navigate = (0, import_react_router_dom2.useNavigate)();
-  const notifications = (0, import_developer_studio_ui_react5.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react5.useNotificationContext)();
   const createWorkflowAction = useCreateWorkflow();
   const createWorkflowDraftAction = useCreateWorkflowDraft();
   const updateWorkflowAction = useUpdateWorkflow();
@@ -13256,7 +13278,9 @@ function WorkflowCreatorProviderBase({
           state2.workflow
         );
         if (!silent) {
-          notifications.showSuccess("Workflow has been updated successfully");
+          notifications.addSuccessToast(
+            "Workflow has been updated successfully"
+          );
         }
         setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
           version: updateMutationResult.version
@@ -13266,7 +13290,9 @@ function WorkflowCreatorProviderBase({
           state2.workflow
         );
         if (!silent) {
-          notifications.showSuccess("Workflow has been created successfully");
+          notifications.addSuccessToast(
+            "Workflow has been created successfully"
+          );
         }
         navigate(`/workflow/${workflowId}`);
       }
@@ -13298,7 +13324,7 @@ function WorkflowCreatorProviderBase({
     setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
       active: !prevState.active
     }));
-    notifications.showSuccess(
+    notifications.addSuccessToast(
       `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
     );
     setAction("isActivating", false);
@@ -13316,7 +13342,7 @@ function WorkflowCreatorProviderBase({
       yield deleteWorkflowAction.mutateAsync(state2.workflow);
     }
     navigate("/workflow/list");
-    notifications.showSuccess("Workflow has been removed successfully");
+    notifications.addSuccessToast("Workflow has been removed successfully");
     setAction("isRemoving", false);
   }), [setAction, navigate, notifications, deleteWorkflowAction]);
   const createDraft = (0, import_react10.useCallback)(
@@ -13341,7 +13367,9 @@ function WorkflowCreatorProviderBase({
         state2.workflow
       );
       navigate(`/workflow/${draftId}`);
-      notifications.showSuccess("Workflow draft has been created successfully");
+      notifications.addSuccessToast(
+        "Workflow draft has been created successfully"
+      );
       setAction("isCreating", false);
     }),
     [
@@ -13378,7 +13406,7 @@ function WorkflowCreatorProviderBase({
         }));
         navigate(`/workflow/${id}`);
       }
-      notifications.showSuccess(
+      notifications.addSuccessToast(
         "Workflow draft has been published successfully"
       );
       setAction("isPublishing", false);
@@ -13411,7 +13439,9 @@ function WorkflowCreatorProviderBase({
       });
       navigate(`/workflow/${state2.workflow.id}`);
     }
-    notifications.showSuccess("Workflow draft has been discarded successfully");
+    notifications.addSuccessToast(
+      "Workflow draft has been discarded successfully"
+    );
     setAction("isDiscarding", false);
   }), [deleteWorkflowAction, notifications, navigate, setAction]);
   const [previewModalVisible, setPreviewModalVisible] = (0, import_react10.useState)({ isVisible: false });
@@ -13714,10 +13744,10 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
     user == null ? void 0 : user.meta.email
   );
   (0, import_react12.useEffect)(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b, _c, _d, _e, _f, _g;
     if (!params.task) {
       const service = (_a2 = params.service) != null ? _a2 : "livechat";
-      const firstTask = (_d = (_c = (_b = config2.find((el) => el.name === service)) == null ? void 0 : _b.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _c[0]) == null ? void 0 : _d.key;
+      const firstTask = (_c = (_b = config2.find((el) => el.name === service)) == null ? void 0 : _b.values.sort((a, b) => a.name.localeCompare(b.name))[0]) == null ? void 0 : _c.key;
       navigate(`${basePath}/${service}/${firstTask}`, {
         state: location.state
       });
@@ -13726,13 +13756,13 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
     const tasks = params.service ? templates.tasks[params.service] : void 0;
     const task2 = params.task && tasks ? tasks[params.task] : void 0;
     const suggestions = jsonUtils.stringifyToObjectKeyArray(
-      (_f = (_e = location.state) == null ? void 0 : _e.frame) != null ? _f : {},
+      (_e = (_d = location.state) == null ? void 0 : _d.frame) != null ? _e : {},
       {}
     );
     const matches = Object.fromEntries(
-      (_h = (_g = jsonUtils.getMatchesInText(jsonUtils.stringify(task2), {
+      (_g = (_f = jsonUtils.getMatchesInText(jsonUtils.stringify(task2), {
         prefix: "#"
-      })) == null ? void 0 : _g.map((match2) => {
+      })) == null ? void 0 : _f.map((match2) => {
         const matchesWithAliases = match2.split("__");
         const path = suggestions.find(
           (x) => matchesWithAliases.some(
@@ -13743,7 +13773,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
           return [match2, `\${${path}}`];
         }
         return [match2, null];
-      })) != null ? _h : []
+      })) != null ? _g : []
     );
     const newTask = task2 ? jsonUtils.resolveObjectByContext(task2, matches, {
       prefix: "#"
@@ -14164,9 +14194,9 @@ function AddWorkflowTriggerModal({
     user == null ? void 0 : user.meta.email
   );
   (0, import_react15.useEffect)(() => {
-    var _a, _b, _c;
+    var _a, _b;
     if (!params.trigger) {
-      const firstTrigger = (_c = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _b[0]) == null ? void 0 : _c.key;
+      const firstTrigger = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))[0]) == null ? void 0 : _b.key;
       navigate(`${basePath}/${params.service}/${firstTrigger}`);
     }
     const templates = WorkflowSpecification.templates;
@@ -14178,7 +14208,7 @@ function AddWorkflowTriggerModal({
     if (trigger) {
       amplitudeWorkflowsJourney.draft.edit.actions.addTrigger(
         trigger.type,
-        trigger.type === "webhook" ? `${trigger.webhook.source}` : void 0
+        trigger.type === "webhook" ? trigger.webhook.source : void 0
       );
       addTrigger(trigger);
     }
@@ -15272,8 +15302,8 @@ function convertToTreeNode(obj, meta, nodeName, path) {
     name: (_e = (_d = customization == null ? void 0 : customization.displayName) != null ? _d : currentSpec == null ? void 0 : currentSpec.title) != null ? _e : nodeName,
     description: (_f = customization == null ? void 0 : customization.description) != null ? _f : currentSpec == null ? void 0 : currentSpec.description,
     icon: customization == null ? void 0 : customization.provider,
-    value: `${meta.basePath ? `${meta.basePath}` : ""}${path ? `.${path}` : ""}`,
-    path: `${path != null ? path : ""}`,
+    value: `${meta.basePath ? meta.basePath : ""}${path ? `.${path}` : ""}`,
+    path: path != null ? path : "",
     relativePath: meta.baseRelativePath && path && path.startsWith(meta.baseRelativePath) ? path.replace(`${meta.baseRelativePath}.`, "") : "",
     children: [],
     canAddChildren: (_g = config2 == null ? void 0 : config2.specification) == null ? void 0 : _g.additionalProperties,
@@ -15298,7 +15328,7 @@ function convertToTreeNode(obj, meta, nodeName, path) {
           index: index != null ? index : meta.index
         },
         key,
-        meta.dummy ? `${key}` : `${path ? `${path}.` : ""}${key}`
+        meta.dummy ? key : `${path ? `${path}.` : ""}${key}`
       )
     ).filter(Boolean);
   } else if (Array.isArray(obj)) {
@@ -17278,7 +17308,7 @@ var import_developer_studio_ui_react19 = require("@livechat/developer-studio-ui-
 var import_platform_integrations3 = require("@livechat/platform-integrations");
 function GlobalAccounts(props) {
   const { pathname } = (0, import_react_router_dom6.useLocation)();
-  const notifications = (0, import_developer_studio_ui_react19.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react19.useNotificationContext)();
   const { user } = (0, import_developer_studio_ui_react19.useUserContext)();
   const organizationProductsQuery = useFetchOrganizationProducts();
   const {
@@ -17328,7 +17358,7 @@ function GlobalAccounts(props) {
                   onSuccess: refetch
                 },
                 {
-                  notifications: notifications.context,
+                  notifications,
                   user
                 }
               );
@@ -19723,13 +19753,13 @@ function ApplyWorkflowButton({
 var import_developer_studio_ui_react22 = require("@livechat/developer-studio-ui-react");
 var useMessageBottomBar = (event) => {
   const { text: text2, sessionId } = event;
-  const notifications = (0, import_developer_studio_ui_react22.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react22.useNotificationContext)();
   const handleCopyClick = () => __async(void 0, null, function* () {
     const isCopied = yield (0, import_developer_studio_ui_react22.copyTextToClipboard)(text2);
     if (isCopied) {
-      notifications.showSuccess("Message copied successfully");
+      notifications.addSuccessToast("Message copied successfully");
     } else {
-      notifications.showError("Could not copy message");
+      notifications.addErrorToast("Could not copy message");
     }
   });
   const handleRateMessageClick = () => {
@@ -19760,7 +19790,7 @@ function OneAssistantMessageBottomBar({
   const numberOfSources = (eventSources == null ? void 0 : eventSources.length) || 0;
   const { topSources } = getSources(eventSources);
   const { handleCopyClick, handleRateMessageClick } = useMessageBottomBar(event);
-  const sourcesText = `${(0, import_developer_studio_ui_react23.plural)(numberOfSources, "Source", "Sources")}`;
+  const sourcesText = (0, import_developer_studio_ui_react23.plural)(numberOfSources, "Source", "Sources");
   return /* @__PURE__ */ jsxs2("div", { css: bottomBarContainer, children: [
     /* @__PURE__ */ jsxs2("div", { css: bottomBar2, children: [
       /* @__PURE__ */ jsxs2("div", { children: [
@@ -21076,7 +21106,6 @@ var import_design_system_react_components65 = require("@livechat/design-system-r
 var import_developer_studio_ui_react30 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Panels/Details/Executions/List.tsx
-var import_design_system = require("@livechat/design-system");
 var import_design_system_icons28 = require("@livechat/design-system-icons");
 var import_design_system_react_components63 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react28 = require("@livechat/developer-studio-ui-react");
@@ -21112,7 +21141,7 @@ function WorkflowExecutionList({
       /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react28.formatUSADate)(execution.started_at) }),
       /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react28.formatUSADate)(execution.ended_at) }),
       /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-        import_design_system.Badge,
+        import_design_system_react_components63.Badge,
         {
           css: css`
                       display: flex;
@@ -22338,7 +22367,7 @@ function WorkflowTemplatePreviewModal({
                         " "
                       ] }),
                       /* @__PURE__ */ jsx4(import_design_system_react_components71.Text, { as: "span", noMargin: true, size: "md", children: item.description })
-                    ] }, `${item.product}`)) })
+                    ] }, item.product)) })
                   ]
                 }
               ),
@@ -22626,7 +22655,7 @@ function WorkflowTemplateCard({
               /* @__PURE__ */ jsx4(TemplateCategoryIcon_default, { category }),
               /* @__PURE__ */ jsx4(import_design_system_react_components75.Heading, { as: "div", size: "xs", children: name })
             ] }),
-            /* @__PURE__ */ jsx4(import_developer_studio_ui_react40.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, `${i.toString()}`)) })
+            /* @__PURE__ */ jsx4(import_developer_studio_ui_react40.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, i.toString())) })
           ]
         }
       )
@@ -22863,7 +22892,7 @@ var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
   const navigate = (0, import_react_router_dom24.useNavigate)();
-  const notifications = (0, import_developer_studio_ui_react42.useNotifications)();
+  const notifications = (0, import_developer_studio_ui_react42.useNotificationContext)();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
   const { user } = (0, import_developer_studio_ui_react42.useUserContext)();
@@ -23003,7 +23032,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                           "list"
                         );
                         yield deleteAction.mutateAsync(workflow);
-                        notifications.showSuccess(
+                        notifications.addSuccessToast(
                           "Workflow has been deleted successfully"
                         );
                       }))()

package/dist/index.mjs

@@ -1831,7 +1831,7 @@ import {
 import { useMutation, useQuery as useQuery2, useQueryClient } from "@tanstack/react-query";
 import { api as api2, IntegrationNames } from "@livechat/developer-studio-api";
 import {
-  useNotifications,
+  useNotificationContext,
   useUserContext
 } from "@livechat/developer-studio-ui-react";
 import { integrationCredentialsQueryKeys } from "@livechat/platform-integrations";
@@ -1894,7 +1894,7 @@ var useFetchUserInstalledWorkflows = () => {
   };
 };
 var useFetchWorkflows = (params) => {
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useQuery2(
     queryKeys.workflows.get(params),
     () => __async(void 0, null, function* () {
@@ -1910,12 +1910,14 @@ var useFetchWorkflows = (params) => {
       });
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useFetchWorkflow = (workflowId) => {
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useQuery2(
     queryKeys.workflow.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -1926,12 +1928,14 @@ var useFetchWorkflow = (workflowId) => {
     }),
     {
       enabled: Boolean(workflowId),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useFetchWorkflowExecutionList = (workflowId) => {
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useQuery2(
     queryKeys.workflowExecutions.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -1942,13 +1946,15 @@ var useFetchWorkflowExecutionList = (workflowId) => {
     }),
     {
       enabled: Boolean(workflowId),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useCreateWorkflow = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   const { user } = useUserContext();
   return useMutation(
     (payload) => __async(void 0, null, function* () {
@@ -1984,13 +1990,15 @@ var useCreateWorkflow = () => {
         );
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useCreateWorkflowDraft = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   const { user } = useUserContext();
   return useMutation(
     (payload) => __async(void 0, null, function* () {
@@ -2018,13 +2026,15 @@ var useCreateWorkflowDraft = () => {
         );
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useUpdateWorkflow = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield api2.integrations.text.platform.workflow.workflows.updateWorkflow(
@@ -2037,13 +2047,15 @@ var useUpdateWorkflow = () => {
       onSuccess: () => {
         void queryClient.invalidateQueries([queryKeys.workflows.base]);
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useDeleteWorkflow = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (workflow) => __async(void 0, null, function* () {
       yield api2.integrations.text.platform.workflow.workflows.deleteWorkflow(
@@ -2063,13 +2075,15 @@ var useDeleteWorkflow = () => {
         }
         void queryClient.refetchQueries([queryKeys.workflows.base]);
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var usePublishWorkflowDraft = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield api2.integrations.text.platform.workflow.workflows.publishWorkflowDraft(
@@ -2098,13 +2112,15 @@ var usePublishWorkflowDraft = () => {
         }
         void queryClient.refetchQueries([queryKeys.workflows.base]);
       }),
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useActivateWorkflow = () => {
   const queryClient = useQueryClient();
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (_0) => __async(void 0, [_0], function* ({ id, active }) {
       yield api2.integrations.text.platform.workflow.workflows.toggleWorkflowActivation(
@@ -2121,12 +2137,14 @@ var useActivateWorkflow = () => {
         void queryClient.refetchQueries([queryKeys.workflows.base]);
         void queryClient.refetchQueries(queryKeys.workflow.get(id));
       },
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useExecuteWorkflow = () => {
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (_0) => __async(void 0, [_0], function* ({
       workflow,
@@ -2138,12 +2156,14 @@ var useExecuteWorkflow = () => {
       );
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
 var useGenerateAIResponse = () => {
-  const notifications = useNotifications();
+  const notifications = useNotificationContext();
   return useMutation(
     (payload) => __async(void 0, null, function* () {
       const response = yield api2.integrations.text.ai.generateResponses(
@@ -2152,7 +2172,9 @@ var useGenerateAIResponse = () => {
       return response;
     }),
     {
-      onError: (e) => notifications.showError(e.message)
+      onError: (e) => {
+        notifications.addErrorToast(e.message);
+      }
     }
   );
 };
@@ -11422,12 +11444,12 @@ var jsonUtils = {
     return prefix2 === "$" ? jsonUtils.HASH_TAG : jsonUtils.HASH_TAG2;
   },
   getMatchesInText(text2, options) {
-    var _a, _b;
+    var _a;
     if (typeof text2 !== "string") {
       return void 0;
     }
     const templates = jsonUtils.getRegex((_a = options == null ? void 0 : options.prefix) != null ? _a : "$").exec(text2);
-    const results = (_b = templates == null ? void 0 : templates.filter((match2) => jsonUtils.PATH.exec(jsonUtils.escapeTag(match2)))) == null ? void 0 : _b.map(jsonUtils.escapeTag);
+    const results = templates == null ? void 0 : templates.filter((match2) => jsonUtils.PATH.exec(jsonUtils.escapeTag(match2))).map(jsonUtils.escapeTag);
     return results;
   },
   getMatchesInObject(input, prefix2 = "$") {
@@ -11874,7 +11896,7 @@ import { useNavigate as useNavigate2 } from "react-router-dom";
 import { ReactFlowProvider, useReactFlow } from "reactflow";
 import debounce from "lodash.debounce";
 import { WorkflowDefinitionTaskType as WorkflowDefinitionTaskType12 } from "@livechat/developer-studio-api";
-import { useNotifications as useNotifications2 } from "@livechat/developer-studio-ui-react";
+import { useNotificationContext as useNotificationContext2 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Workflows/Common/One/contexts/OneMessagesContext.tsx
 import { createContext as createContext2, useContext as useContext4, useMemo, useState } from "react";
@@ -12576,14 +12598,14 @@ var validateTasks = (workflow, frames, products) => {
     }).filter(Boolean);
     const connectionErrors = resolvingErrors.filter((error) => error.params.subType === "credentials").map((error) => {
       return {
-        instancePath: `${baseInstancePath}`,
+        instancePath: baseInstancePath,
         keyword: "connection",
         message: `Not connected to ${error.params.provider}`,
         params: {}
       };
     });
     const activationError = (config2 == null ? void 0 : config2.customization.provider.startsWith(IntegrationNames12.Text)) && !products.find(({ product }) => product === config2.customization.product) ? {
-      instancePath: `${baseInstancePath}`,
+      instancePath: baseInstancePath,
       keyword: "activation",
       message: `${config2.customization.product} not activated`,
       params: {}
@@ -13005,7 +13027,7 @@ function WorkflowCreatorProviderBase({
   var _a, _b;
   const { fitView } = useReactFlow();
   const navigate = useNavigate2();
-  const notifications = useNotifications2();
+  const notifications = useNotificationContext2();
   const createWorkflowAction = useCreateWorkflow();
   const createWorkflowDraftAction = useCreateWorkflowDraft();
   const updateWorkflowAction = useUpdateWorkflow();
@@ -13334,7 +13356,9 @@ function WorkflowCreatorProviderBase({
           state2.workflow
         );
         if (!silent) {
-          notifications.showSuccess("Workflow has been updated successfully");
+          notifications.addSuccessToast(
+            "Workflow has been updated successfully"
+          );
         }
         setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
           version: updateMutationResult.version
@@ -13344,7 +13368,9 @@ function WorkflowCreatorProviderBase({
           state2.workflow
         );
         if (!silent) {
-          notifications.showSuccess("Workflow has been created successfully");
+          notifications.addSuccessToast(
+            "Workflow has been created successfully"
+          );
         }
         navigate(`/workflow/${workflowId}`);
       }
@@ -13376,7 +13402,7 @@ function WorkflowCreatorProviderBase({
     setWorkflow((prevState) => __spreadProps(__spreadValues({}, prevState), {
       active: !prevState.active
     }));
-    notifications.showSuccess(
+    notifications.addSuccessToast(
       `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
     );
     setAction("isActivating", false);
@@ -13394,7 +13420,7 @@ function WorkflowCreatorProviderBase({
       yield deleteWorkflowAction.mutateAsync(state2.workflow);
     }
     navigate("/workflow/list");
-    notifications.showSuccess("Workflow has been removed successfully");
+    notifications.addSuccessToast("Workflow has been removed successfully");
     setAction("isRemoving", false);
   }), [setAction, navigate, notifications, deleteWorkflowAction]);
   const createDraft = useCallback2(
@@ -13419,7 +13445,9 @@ function WorkflowCreatorProviderBase({
         state2.workflow
       );
       navigate(`/workflow/${draftId}`);
-      notifications.showSuccess("Workflow draft has been created successfully");
+      notifications.addSuccessToast(
+        "Workflow draft has been created successfully"
+      );
       setAction("isCreating", false);
     }),
     [
@@ -13456,7 +13484,7 @@ function WorkflowCreatorProviderBase({
         }));
         navigate(`/workflow/${id}`);
       }
-      notifications.showSuccess(
+      notifications.addSuccessToast(
         "Workflow draft has been published successfully"
       );
       setAction("isPublishing", false);
@@ -13489,7 +13517,9 @@ function WorkflowCreatorProviderBase({
       });
       navigate(`/workflow/${state2.workflow.id}`);
     }
-    notifications.showSuccess("Workflow draft has been discarded successfully");
+    notifications.addSuccessToast(
+      "Workflow draft has been discarded successfully"
+    );
     setAction("isDiscarding", false);
   }), [deleteWorkflowAction, notifications, navigate, setAction]);
   const [previewModalVisible, setPreviewModalVisible] = useState4({ isVisible: false });
@@ -13798,10 +13828,10 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
     user == null ? void 0 : user.meta.email
   );
   useEffect4(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b, _c, _d, _e, _f, _g;
     if (!params.task) {
       const service = (_a2 = params.service) != null ? _a2 : "livechat";
-      const firstTask = (_d = (_c = (_b = config2.find((el) => el.name === service)) == null ? void 0 : _b.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _c[0]) == null ? void 0 : _d.key;
+      const firstTask = (_c = (_b = config2.find((el) => el.name === service)) == null ? void 0 : _b.values.sort((a, b) => a.name.localeCompare(b.name))[0]) == null ? void 0 : _c.key;
       navigate(`${basePath}/${service}/${firstTask}`, {
         state: location.state
       });
@@ -13810,13 +13840,13 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
     const tasks = params.service ? templates.tasks[params.service] : void 0;
     const task2 = params.task && tasks ? tasks[params.task] : void 0;
     const suggestions = jsonUtils.stringifyToObjectKeyArray(
-      (_f = (_e = location.state) == null ? void 0 : _e.frame) != null ? _f : {},
+      (_e = (_d = location.state) == null ? void 0 : _d.frame) != null ? _e : {},
       {}
     );
     const matches = Object.fromEntries(
-      (_h = (_g = jsonUtils.getMatchesInText(jsonUtils.stringify(task2), {
+      (_g = (_f = jsonUtils.getMatchesInText(jsonUtils.stringify(task2), {
         prefix: "#"
-      })) == null ? void 0 : _g.map((match2) => {
+      })) == null ? void 0 : _f.map((match2) => {
         const matchesWithAliases = match2.split("__");
         const path = suggestions.find(
           (x) => matchesWithAliases.some(
@@ -13827,7 +13857,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
           return [match2, `\${${path}}`];
         }
         return [match2, null];
-      })) != null ? _h : []
+      })) != null ? _g : []
     );
     const newTask = task2 ? jsonUtils.resolveObjectByContext(task2, matches, {
       prefix: "#"
@@ -14270,9 +14300,9 @@ function AddWorkflowTriggerModal({
     user == null ? void 0 : user.meta.email
   );
   useEffect5(() => {
-    var _a, _b, _c;
+    var _a, _b;
     if (!params.trigger) {
-      const firstTrigger = (_c = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))) == null ? void 0 : _b[0]) == null ? void 0 : _c.key;
+      const firstTrigger = (_b = (_a = config2.find((el) => el.name === params.service)) == null ? void 0 : _a.values.sort((a, b) => a.name.localeCompare(b.name))[0]) == null ? void 0 : _b.key;
       navigate(`${basePath}/${params.service}/${firstTrigger}`);
     }
     const templates = WorkflowSpecification.templates;
@@ -14284,7 +14314,7 @@ function AddWorkflowTriggerModal({
     if (trigger) {
       amplitudeWorkflowsJourney.draft.edit.actions.addTrigger(
         trigger.type,
-        trigger.type === "webhook" ? `${trigger.webhook.source}` : void 0
+        trigger.type === "webhook" ? trigger.webhook.source : void 0
       );
       addTrigger(trigger);
     }
@@ -15437,8 +15467,8 @@ function convertToTreeNode(obj, meta, nodeName, path) {
     name: (_e = (_d = customization == null ? void 0 : customization.displayName) != null ? _d : currentSpec == null ? void 0 : currentSpec.title) != null ? _e : nodeName,
     description: (_f = customization == null ? void 0 : customization.description) != null ? _f : currentSpec == null ? void 0 : currentSpec.description,
     icon: customization == null ? void 0 : customization.provider,
-    value: `${meta.basePath ? `${meta.basePath}` : ""}${path ? `.${path}` : ""}`,
-    path: `${path != null ? path : ""}`,
+    value: `${meta.basePath ? meta.basePath : ""}${path ? `.${path}` : ""}`,
+    path: path != null ? path : "",
     relativePath: meta.baseRelativePath && path && path.startsWith(meta.baseRelativePath) ? path.replace(`${meta.baseRelativePath}.`, "") : "",
     children: [],
     canAddChildren: (_g = config2 == null ? void 0 : config2.specification) == null ? void 0 : _g.additionalProperties,
@@ -15463,7 +15493,7 @@ function convertToTreeNode(obj, meta, nodeName, path) {
           index: index != null ? index : meta.index
         },
         key,
-        meta.dummy ? `${key}` : `${path ? `${path}.` : ""}${key}`
+        meta.dummy ? key : `${path ? `${path}.` : ""}${key}`
       )
     ).filter(Boolean);
   } else if (Array.isArray(obj)) {
@@ -17496,7 +17526,7 @@ import {
   Card,
   Column as Column8,
   Row as Row9,
-  useNotifications as useNotifications3,
+  useNotificationContext as useNotificationContext3,
   useUserContext as useUserContext7
 } from "@livechat/developer-studio-ui-react";
 import {
@@ -17505,7 +17535,7 @@ import {
 } from "@livechat/platform-integrations";
 function GlobalAccounts(props) {
   const { pathname } = useLocation3();
-  const notifications = useNotifications3();
+  const notifications = useNotificationContext3();
   const { user } = useUserContext7();
   const organizationProductsQuery = useFetchOrganizationProducts();
   const {
@@ -17555,7 +17585,7 @@ function GlobalAccounts(props) {
                   onSuccess: refetch
                 },
                 {
-                  notifications: notifications.context,
+                  notifications,
                   user
                 }
               );
@@ -20022,17 +20052,17 @@ function ApplyWorkflowButton({
 // src/views/Workflows/Common/One/hooks/useMessageBottomBar.ts
 import {
   copyTextToClipboard,
-  useNotifications as useNotifications4
+  useNotificationContext as useNotificationContext4
 } from "@livechat/developer-studio-ui-react";
 var useMessageBottomBar = (event) => {
   const { text: text2, sessionId } = event;
-  const notifications = useNotifications4();
+  const notifications = useNotificationContext4();
   const handleCopyClick = () => __async(void 0, null, function* () {
     const isCopied = yield copyTextToClipboard(text2);
     if (isCopied) {
-      notifications.showSuccess("Message copied successfully");
+      notifications.addSuccessToast("Message copied successfully");
     } else {
-      notifications.showError("Could not copy message");
+      notifications.addErrorToast("Could not copy message");
     }
   });
   const handleRateMessageClick = () => {
@@ -20063,7 +20093,7 @@ function OneAssistantMessageBottomBar({
   const numberOfSources = (eventSources == null ? void 0 : eventSources.length) || 0;
   const { topSources } = getSources(eventSources);
   const { handleCopyClick, handleRateMessageClick } = useMessageBottomBar(event);
-  const sourcesText = `${plural(numberOfSources, "Source", "Sources")}`;
+  const sourcesText = plural(numberOfSources, "Source", "Sources");
   return /* @__PURE__ */ jsxs2("div", { css: bottomBarContainer, children: [
     /* @__PURE__ */ jsxs2("div", { css: bottomBar2, children: [
       /* @__PURE__ */ jsxs2("div", { children: [
@@ -21408,9 +21438,9 @@ import {
 import { Row as Row13 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Workflows/Creator/Panels/Details/Executions/List.tsx
-import { Badge as Badge2 } from "@livechat/design-system";
 import { CheckCircle as CheckCircle2, CloseCircle as CloseCircle2 } from "@livechat/design-system-icons";
 import {
+  Badge as Badge2,
   DesignToken as DesignToken32,
   Icon as Icon27,
   SpacingToken as SpacingToken28
@@ -22734,7 +22764,7 @@ function WorkflowTemplatePreviewModal({
                         " "
                       ] }),
                       /* @__PURE__ */ jsx4(Text19, { as: "span", noMargin: true, size: "md", children: item.description })
-                    ] }, `${item.product}`)) })
+                    ] }, item.product)) })
                   ]
                 }
               ),
@@ -23063,7 +23093,7 @@ function WorkflowTemplateCard({
               /* @__PURE__ */ jsx4(TemplateCategoryIcon_default, { category }),
               /* @__PURE__ */ jsx4(Heading7, { as: "div", size: "xs", children: name })
             ] }),
-            /* @__PURE__ */ jsx4(Row22, { gap: `var(${SpacingToken40.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, `${i.toString()}`)) })
+            /* @__PURE__ */ jsx4(Row22, { gap: `var(${SpacingToken40.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, i.toString())) })
           ]
         }
       )
@@ -23331,13 +23361,13 @@ import {
   Row as Row24,
   StopPropagation,
   Table,
-  useNotifications as useNotifications5,
+  useNotificationContext as useNotificationContext5,
   useUserContext as useUserContext11
 } from "@livechat/developer-studio-ui-react";
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
   const navigate = useNavigate18();
-  const notifications = useNotifications5();
+  const notifications = useNotificationContext5();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
   const { user } = useUserContext11();
@@ -23477,7 +23507,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                           "list"
                         );
                         yield deleteAction.mutateAsync(workflow);
-                        notifications.showSuccess(
+                        notifications.addSuccessToast(
                           "Workflow has been deleted successfully"
                         );
                       }))()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "description": "Text Platform | Workflows",
   "author": "Wojciech Dudek",
   "license": "MIT",
@@ -81,13 +81,12 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "web-worker": "^1.3.0",
-    "@livechat/developer-studio-ui-react": "1.0.12",
     "@livechat/developer-studio-api": "3.4.9",
-    "@livechat/platform-integrations": "0.0.44"
+    "@livechat/platform-integrations": "0.0.45",
+    "@livechat/developer-studio-ui-react": "1.0.13"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",
-    "@livechat/design-system": "^0.13.5",
     "@livechat/design-system-icons": "^2.5.3",
     "@livechat/design-system-react-components": "1.38.5",
     "react": "^18.3.1",