@livechat/platform-workflows 0.0.81 → 0.0.82

package/dist/index.mjs

@@ -2300,15 +2300,15 @@ function Waitlist({ image }) {
 var Waitlist_default = Waitlist;
 
 // src/views/Workflows/index.tsx
-import { useEffect as useEffect18 } from "react";
-import { Navigate as Navigate2, Route as Route6, Routes as Routes6, useNavigate as useNavigate20 } from "react-router-dom";
+import { useEffect as useEffect19 } from "react";
+import { Navigate as Navigate2, Route as Route6, Routes as Routes6, useNavigate as useNavigate21 } from "react-router-dom";
 import { Loader as Loader6 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Workflows/Creator/index.tsx
 import {
   Route as Route3,
   Routes as Routes3,
-  useLocation as useLocation6,
+  useLocation as useLocation5,
   useNavigate as useNavigate13,
   useParams as useParams4
 } from "react-router-dom";
@@ -12000,7 +12000,7 @@ function OneMessagesProvider({ children }) {
   const generateAiResponseMutation = useGenerateAIResponse();
   const { user } = useUserContext2();
   const isLoading = generateAiResponseMutation.isLoading;
-  const sendMessage = (message) => __async(this, null, function* () {
+  const sendMessage2 = (message) => __async(this, null, function* () {
     setIsError(null);
     setEvents((prevEvents) => [
       ...prevEvents,
@@ -12062,7 +12062,7 @@ function OneMessagesProvider({ children }) {
         isError,
         groupedEvents: eventsGroup,
         hasAdditionalEvents,
-        sendMessage
+        sendMessage: sendMessage2
       },
       children
     }
@@ -16359,7 +16359,7 @@ function CustomTagsField({
   error,
   trim: trim2,
   disabled,
-  wrapperCss: wrapperCss2,
+  wrapperCss: wrapperCss3,
   onChange
 }) {
   const wrapperRef = useRef5(null);
@@ -16367,7 +16367,7 @@ function CustomTagsField({
   useOnClickOutside(wrapperRef, () => {
     setIsPickerVisible(false);
   });
-  return /* @__PURE__ */ jsx4("div", { css: wrapperCss2, ref: wrapperRef, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("div", { css: wrapperCss3, ref: wrapperRef, children: /* @__PURE__ */ jsx4(
     CustomTagsInput,
     {
       context,
@@ -18919,16 +18919,16 @@ import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexica
 import { CLEAR_EDITOR_COMMAND } from "lexical";
 var useSendOneMessage = () => {
   const [editor] = useLexicalComposerContext2();
-  const { sendMessage } = useContext8(OneMessagesContext);
+  const { sendMessage: sendMessage2 } = useContext8(OneMessagesContext);
   const onSend = useCallback8(() => {
     var _a;
     const messageToSend = (_a = editor.getRootElement()) == null ? void 0 : _a.innerText.trim();
     if (!messageToSend) {
       return;
     }
-    sendMessage(messageToSend);
+    sendMessage2(messageToSend);
     editor.dispatchCommand(CLEAR_EDITOR_COMMAND, void 0);
-  }, [editor, sendMessage]);
+  }, [editor, sendMessage2]);
   return onSend;
 };
 
@@ -21411,13 +21411,20 @@ function PublishWorkflowModal({
 }
 
 // src/views/Workflows/Creator/View.tsx
+import { useEffect as useEffect18 } from "react";
 import { Route as Route2, Routes as Routes2 } from "react-router-dom";
+import { useReactFlow as useReactFlow3 } from "reactflow";
 import {
   DesignToken as DesignToken37,
   RadiusToken as RadiusToken18,
   SpacingToken as SpacingToken34
 } from "@livechat/design-system-react-components";
 
+// src/utils/sendMessage.ts
+var sendMessage = (type) => {
+  window.parent.postMessage({ type }, "*");
+};
+
 // src/views/Workflows/Creator/Panels/Details/index.tsx
 import { Navigate, Route, Routes } from "react-router-dom";
 
@@ -22049,7 +22056,7 @@ var Panel_default3 = WorkflowElementPanel;
 // src/views/Workflows/Creator/Navbar.tsx
 import { useEffect as useEffect17, useRef as useRef9, useState as useState27 } from "react";
 import { useNavigate as useNavigate12 } from "react-router-dom";
-import { ArrowBarLeft, ChevronDown as ChevronDown3 } from "@livechat/design-system-icons";
+import { ChevronDown as ChevronDown3, Close as Close6 } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu2,
   Button as Button28,
@@ -22144,42 +22151,25 @@ function WorkflowCreatorNavbar() {
       borderBottom: true,
       center: true,
       css: css`
-        min-height: 70px;
+        min-height: var(${SpacingToken33.Spacing14});
+        padding-left: var(${SpacingToken33.Spacing4});
       `,
       flexEnd: true,
       lowMargin: true,
-      lowPadding: true,
       noMaxWidth: true,
       noWrap: true,
       notPadded: true,
-      paddingLeft: true,
       spaceBetween: true,
       children: [
-        getWorkflowsEnv("isHeadless") && /* @__PURE__ */ jsx4(
+        getWorkflowsEnv("isLiveChatMode") && /* @__PURE__ */ jsx4(
           Button28,
           {
-            css: css`
-            font-size: var(${SpacingToken33.Spacing4});
-            text-decoration: none;
-          `,
-            kind: "text",
+            icon: /* @__PURE__ */ jsx4(Icon31, { source: Close6 }),
+            kind: "plain",
             onClick: () => {
               navigate("/workflow/list");
-            },
-            children: /* @__PURE__ */ jsxs2(Row16, { center: true, noWrap: true, notPadded: true, children: [
-              /* @__PURE__ */ jsx4(
-                Icon31,
-                {
-                  css: css`
-                min-height: var(${SpacingToken33.Spacing8});
-                min-width: var(${SpacingToken33.Spacing8});
-              `,
-                  size: "large",
-                  source: ArrowBarLeft
-                }
-              ),
-              "Workflows"
-            ] })
+              sendMessage("openSideNav" /* OpenSideNav */);
+            }
           }
         ),
         /* @__PURE__ */ jsxs2(Row16, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
@@ -22365,6 +22355,22 @@ function WorkflowCreatorView() {
     state: { selection },
     focus
   } = useWorkflowCreator();
+  const { fitView } = useReactFlow3();
+  useEffect18(() => {
+    if (getWorkflowsEnv("isLiveChatMode")) {
+      sendMessage("closeSideNav" /* CloseSideNav */);
+      const timeoutId = setTimeout(() => {
+        fitView({
+          duration: 400,
+          maxZoom: 1.15,
+          minZoom: 1.15
+        });
+      }, 200);
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    }
+  }, [fitView]);
   return /* @__PURE__ */ jsxs2(View2, { children: [
     /* @__PURE__ */ jsx4(Navbar_default, {}),
     /* @__PURE__ */ jsxs2(WorkflowCreatorContent, { grayBackground: getWorkflowsEnv("isHeadless"), children: [
@@ -22394,7 +22400,7 @@ var View_default = WorkflowCreatorView;
 // src/views/Workflows/Creator/index.tsx
 function WorkflowCreator() {
   var _a, _b, _c;
-  const location = useLocation6();
+  const location = useLocation5();
   const { id } = useParams4();
   const navigate = useNavigate13();
   const workflowQuery = useFetchWorkflow(id === "new" ? void 0 : id);
@@ -22869,6 +22875,7 @@ function WorkflowTemplatesCategoryFilter({
   handleStatus,
   status
 }) {
+  var _a;
   const [isVisible, setIsVisible] = useState28(false);
   const getItem = useCallback15(
     (key, category, icon2) => ({
@@ -22884,25 +22891,26 @@ function WorkflowTemplatesCategoryFilter({
     }),
     [handleStatus]
   );
+  const options = [
+    getItem("0", "All"),
+    getItem("1", WorkflowTemplateCategory3.NotificationAndAlerts, Notifications2),
+    getItem("2", WorkflowTemplateCategory3.SalesManagement, CurrencyDollar2),
+    getItem("3", WorkflowTemplateCategory3.LeadCollection, TargetArrow2),
+    getItem("4", WorkflowTemplateCategory3.ChatManagement, ChatDots2),
+    getItem("5", WorkflowTemplateCategory3.CustomerExperience, Smiles2)
+  ];
+  const selectedKey = (_a = options.find(
+    (option) => option.element.props.children[1] === status
+  )) == null ? void 0 : _a.key;
   return /* @__PURE__ */ jsx4(
     ActionMenu3,
     {
       onClose: () => {
         setIsVisible(false);
       },
-      options: [
-        getItem("0", "All"),
-        getItem(
-          "1",
-          WorkflowTemplateCategory3.NotificationAndAlerts,
-          Notifications2
-        ),
-        getItem("2", WorkflowTemplateCategory3.SalesManagement, CurrencyDollar2),
-        getItem("3", WorkflowTemplateCategory3.LeadCollection, TargetArrow2),
-        getItem("4", WorkflowTemplateCategory3.ChatManagement, ChatDots2),
-        getItem("5", WorkflowTemplateCategory3.CustomerExperience, Smiles2)
-      ],
+      options,
       placement: "bottom",
+      selectedOptions: selectedKey ? [selectedKey] : [],
       triggerRenderer: /* @__PURE__ */ jsxs2(
         Button30,
         {
@@ -22945,6 +22953,7 @@ function WorkflowTemplatesProductFilter({
   handleStatus,
   status
 }) {
+  var _a;
   const [isVisible, setIsVisible] = useState29(false);
   const getItem = useCallback16(
     (key, product, icon2) => ({
@@ -22960,23 +22969,28 @@ function WorkflowTemplatesProductFilter({
     }),
     [handleStatus]
   );
+  const options = [
+    getItem("0", "All"),
+    getItem("1", IntegrationDisplayNames11.LiveChat, LiveChatColored),
+    getItem("2", IntegrationDisplayNames11.HelpDesk, HelpDeskColored),
+    getItem("3", IntegrationDisplayNames11.OpenAI, Chatgpt),
+    getItem("4", IntegrationDisplayNames11.Shopify, ShopifyColored),
+    getItem("5", IntegrationDisplayNames11.Mailchimp, Mailchimp)
+    // getItem('6', IntegrationDisplayNames.Stripe, Stripe),
+    // getItem('7', IntegrationDisplayNames.GoogleSheets, GoogleSheets),
+  ];
+  const selectedKey = (_a = options.find(
+    (option) => option.element.props.children[1] === status
+  )) == null ? void 0 : _a.key;
   return /* @__PURE__ */ jsx4(
     ActionMenu4,
     {
       onClose: () => {
         setIsVisible(false);
       },
-      options: [
-        getItem("0", "All"),
-        getItem("1", IntegrationDisplayNames11.LiveChat, LiveChatColored),
-        getItem("2", IntegrationDisplayNames11.HelpDesk, HelpDeskColored),
-        getItem("3", IntegrationDisplayNames11.OpenAI, Chatgpt),
-        getItem("4", IntegrationDisplayNames11.Shopify, ShopifyColored),
-        getItem("5", IntegrationDisplayNames11.Mailchimp, Mailchimp)
-        // getItem('6', IntegrationDisplayNames.Stripe, Stripe),
-        // getItem('7', IntegrationDisplayNames.GoogleSheets, GoogleSheets),
-      ],
+      options,
       placement: "bottom",
+      selectedOptions: selectedKey ? [selectedKey] : [],
       triggerRenderer: /* @__PURE__ */ jsxs2(
         Button31,
         {
@@ -23252,11 +23266,11 @@ var Create_default = WorkflowCreate;
 
 // src/views/Workflows/List/View.tsx
 import { useState as useState32 } from "react";
-import { useNavigate as useNavigate19 } from "react-router-dom";
+import { useNavigate as useNavigate20 } from "react-router-dom";
 import {
-  Button as Button34,
-  DesignToken as DesignToken43,
-  SpacingToken as SpacingToken43
+  Button as Button35,
+  DesignToken as DesignToken44,
+  SpacingToken as SpacingToken44
 } from "@livechat/design-system-react-components";
 import { mergeDeep as mergeDeep2 } from "@livechat/developer-studio-api";
 import {
@@ -23267,6 +23281,64 @@ import {
   View as View3
 } from "@livechat/developer-studio-ui-react";
 
+// src/views/Workflows/Creator/LiveChatNavbar.tsx
+import { useCallback as useCallback18 } from "react";
+import { useNavigate as useNavigate18 } from "react-router-dom";
+import { LayoutSidebarLeft } from "@livechat/design-system-icons";
+import {
+  Button as Button32,
+  DesignToken as DesignToken42,
+  Heading as Heading8,
+  Icon as Icon37,
+  SpacingToken as SpacingToken42
+} from "@livechat/design-system-react-components";
+var wrapperCss = (hasData) => css`
+  flex-shrink: 0;
+  height: var(${SpacingToken42.Spacing14});
+  width: 100%;
+  display: flex;
+  padding: 0 var(${SpacingToken42.Spacing6}) 0 var(${SpacingToken42.Spacing4});
+  align-items: center;
+  gap: var(${SpacingToken42.Spacing2});
+  border-bottom: 1px solid var(${DesignToken42.BorderBasicSecondary});
+
+  ${hasData && `> button:last-of-type {
+    margin-left: auto;
+  }`}
+`;
+function LiveChatNavbar() {
+  const navigate = useNavigate18();
+  const workflows = useFetchWorkflows({});
+  const isLoading = workflows.isLoading;
+  const hasNoData = workflows.isSuccess && workflows.data.length === 0;
+  const hasData = !isLoading && !hasNoData;
+  const handleClick = useCallback18(() => {
+    sendMessage("toggleSideNav" /* ToggleSideNav */);
+  }, []);
+  return /* @__PURE__ */ jsxs2("div", { css: wrapperCss(hasData), children: [
+    /* @__PURE__ */ jsx4(
+      Button32,
+      {
+        icon: /* @__PURE__ */ jsx4(Icon37, { source: LayoutSidebarLeft }),
+        kind: "plain",
+        onClick: handleClick
+      }
+    ),
+    /* @__PURE__ */ jsx4(Heading8, { size: "sm", children: "Workflows" }),
+    hasData ? /* @__PURE__ */ jsx4(
+      Button32,
+      {
+        kind: "primary",
+        onClick: () => {
+          navigate("create");
+        },
+        children: "Create workflow"
+      }
+    ) : null
+  ] });
+}
+var LiveChatNavbar_default = LiveChatNavbar;
+
 // src/views/Workflows/List/Grid/Grid.tsx
 import { SearchInput as SearchInput4 } from "@livechat/design-system-react-components";
 import { Grid as Grid2 } from "@livechat/developer-studio-ui-react";
@@ -23276,13 +23348,14 @@ import { useState as useState31 } from "react";
 import { ToggleLeft } from "@livechat/design-system-icons";
 import {
   ActionMenu as ActionMenu5,
-  Button as Button32,
-  Icon as Icon37
+  Button as Button33,
+  Icon as Icon38
 } from "@livechat/design-system-react-components";
 function WorkflowStatusFilter({
   handleStatus,
   status
 }) {
+  var _a;
   const [isVisible, setIsVisible] = useState31(false);
   const items = [
     {
@@ -23310,6 +23383,7 @@ function WorkflowStatusFilter({
       }
     }
   ];
+  const selectedKey = (_a = items.find((item) => item.element === status)) == null ? void 0 : _a.key;
   return /* @__PURE__ */ jsx4(
     ActionMenu5,
     {
@@ -23318,10 +23392,11 @@ function WorkflowStatusFilter({
       },
       options: items,
       placement: "bottom",
+      selectedOptions: selectedKey ? [selectedKey] : [],
       triggerRenderer: /* @__PURE__ */ jsxs2(
-        Button32,
+        Button33,
         {
-          icon: /* @__PURE__ */ jsx4(Icon37, { source: ToggleLeft }),
+          icon: /* @__PURE__ */ jsx4(Icon38, { source: ToggleLeft }),
           kind: "secondary",
           onClick: () => {
             setIsVisible(!isVisible);
@@ -23339,7 +23414,7 @@ function WorkflowStatusFilter({
 var StatusFilter_default = WorkflowStatusFilter;
 
 // src/views/Workflows/List/Grid/Table.tsx
-import { useNavigate as useNavigate18 } from "react-router-dom";
+import { useNavigate as useNavigate19 } from "react-router-dom";
 import {
   Delete as Delete3,
   Info as Info2,
@@ -23349,10 +23424,10 @@ import {
 import {
   ActionMenu as ActionMenu6,
   ActionMenuItem as ActionMenuItem2,
-  Button as Button33,
-  DesignToken as DesignToken42,
-  Icon as Icon38,
-  SpacingToken as SpacingToken42,
+  Button as Button34,
+  DesignToken as DesignToken43,
+  Icon as Icon39,
+  SpacingToken as SpacingToken43,
   Switch as Switch2,
   Tag as Tag3,
   Text as Text21,
@@ -23369,7 +23444,7 @@ import {
 } from "@livechat/developer-studio-ui-react";
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
-  const navigate = useNavigate18();
+  const navigate = useNavigate19();
   const notifications = useNotificationContext5();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
@@ -23406,7 +23481,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                     cursor: pointer;
 
                     &:hover {
-                      background: var(${DesignToken42.SurfacePrimaryHover});
+                      background: var(${DesignToken43.SurfacePrimaryHover});
                     }
                   `,
             onClick: () => {
@@ -23414,7 +23489,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
               navigate(`/workflow/${workflow.id}`);
             },
             children: [
-              /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(Row24, { gap: `var(${SpacingToken42.Spacing2})`, noWrap: true, notPadded: true, children: [
+              /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(Row24, { gap: `var(${SpacingToken43.Spacing2})`, noWrap: true, notPadded: true, children: [
                 /* @__PURE__ */ jsx4(Text21, { noMargin: true, size: "sm", children: workflow.name }),
                 workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
                   Tag3,
@@ -23469,9 +23544,9 @@ function WorkflowsTable({ workflowsQuery, state }) {
                 }
               ) }),
               /* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
-                Button33,
+                Button34,
                 {
-                  icon: /* @__PURE__ */ jsx4(Icon38, { source: Info2 }),
+                  icon: /* @__PURE__ */ jsx4(Icon39, { source: Info2 }),
                   kind: "plain",
                   onClick: (e) => {
                     e.stopPropagation();
@@ -23488,7 +23563,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                       element: /* @__PURE__ */ jsx4(
                         ActionMenuItem2,
                         {
-                          leftNode: /* @__PURE__ */ jsx4(Icon38, { source: PlayArrow }),
+                          leftNode: /* @__PURE__ */ jsx4(Icon39, { source: PlayArrow }),
                           children: "Trigger manually"
                         }
                       ),
@@ -23501,7 +23576,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                       element: /* @__PURE__ */ jsx4(
                         ActionMenuItem2,
                         {
-                          leftNode: /* @__PURE__ */ jsx4(Icon38, { source: Delete3 }),
+                          leftNode: /* @__PURE__ */ jsx4(Icon39, { source: Delete3 }),
                           children: "Delete"
                         }
                       ),
@@ -23517,9 +23592,9 @@ function WorkflowsTable({ workflowsQuery, state }) {
                     }
                   ],
                   triggerRenderer: /* @__PURE__ */ jsx4(
-                    Button33,
+                    Button34,
                     {
-                      icon: /* @__PURE__ */ jsx4(Icon38, { source: MoreHoriz2 }),
+                      icon: /* @__PURE__ */ jsx4(Icon39, { source: MoreHoriz2 }),
                       kind: "text",
                       loading: deleteAction.isLoading ? ((_g = deleteAction.variables) == null ? void 0 : _g.id) === workflow.id : void 0,
                       size: "compact"
@@ -23538,7 +23613,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
       {
         css: css`
               background: transparent !important;
-              color: var(${DesignToken42.ContentBasicSecondary});
+              color: var(${DesignToken43.ContentBasicSecondary});
             `,
         children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(Text21, { as: "div", size: "md", children: [
           "There are no",
@@ -23609,11 +23684,11 @@ var Grid_default = WorkflowsGrid;
 
 // src/views/Workflows/List/View.tsx
 var markedStyles = css`
-  color: var(${DesignToken43.ActionPrimaryDefault});
+  color: var(${DesignToken44.ActionPrimaryDefault});
 `;
 function WorkflowListView() {
   var _a;
-  const navigate = useNavigate19();
+  const navigate = useNavigate20();
   const [state, setState] = useState32({
     filters: {
       status: "All",
@@ -23628,6 +23703,7 @@ function WorkflowListView() {
     return /* @__PURE__ */ jsx4(Loader5, { stretch: true });
   }
   return /* @__PURE__ */ jsxs2(View3, { center: hasNoData, noWrap: true, stretch: isLoading, children: [
+    getWorkflowsEnv("isLiveChatMode") ? /* @__PURE__ */ jsx4(Row25, { noMaxWidth: true, notPadded: true, children: /* @__PURE__ */ jsx4(LiveChatNavbar_default, {}) }) : null,
     /* @__PURE__ */ jsxs2(Row25, { topMargin: true, verticalCenter: hasNoData, children: [
       /* @__PURE__ */ jsx4(Column18, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(Row25, { notPadded: true, children: /* @__PURE__ */ jsx4(
         Intro4,
@@ -23638,7 +23714,7 @@ function WorkflowListView() {
             Row25,
             {
               center: true,
-              gap: `var(${SpacingToken43.Spacing2})`,
+              gap: `var(${SpacingToken44.Spacing2})`,
               notPadded: true,
               verticalCenter: true,
               children: [
@@ -23658,8 +23734,8 @@ function WorkflowListView() {
           header: "Your workflows"
         }
       ) }),
-      hasData ? /* @__PURE__ */ jsx4(Column18, { pullRight: true, children: /* @__PURE__ */ jsx4(
-        Button34,
+      hasData && !getWorkflowsEnv("isHeadless") ? /* @__PURE__ */ jsx4(Column18, { pullRight: true, children: /* @__PURE__ */ jsx4(
+        Button35,
         {
           kind: "primary",
           onClick: () => {
@@ -23669,7 +23745,7 @@ function WorkflowListView() {
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ jsx4(Row25, { children: /* @__PURE__ */ jsxs2(Column18, { gap: `var(${SpacingToken43.Spacing10})`, noMaxWidth: true, width: 12, children: [
+    /* @__PURE__ */ jsx4(Row25, { children: /* @__PURE__ */ jsxs2(Column18, { gap: `var(${SpacingToken44.Spacing10})`, noMaxWidth: true, width: 12, children: [
       hasData ? /* @__PURE__ */ jsx4(
         Grid_default,
         {
@@ -23702,9 +23778,9 @@ var List_default2 = WorkflowList;
 // src/views/Workflows/index.tsx
 import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function Workflows() {
-  const navigate = useNavigate20();
+  const navigate = useNavigate21();
   const { userHasInstalledWorkflows, isWorkflowAppLoading } = useFetchUserInstalledWorkflows();
-  useEffect18(() => {
+  useEffect19(() => {
     if (isWorkflowAppLoading) {
       return;
     }
@@ -23724,7 +23800,7 @@ function Workflows() {
 var Workflows_default = Workflows;
 
 // src/views/Common/LoginError.tsx
-import { Button as Button35, SpacingToken as SpacingToken44 } from "@livechat/design-system-react-components";
+import { Button as Button36, SpacingToken as SpacingToken45 } from "@livechat/design-system-react-components";
 import {
   Column as Column19,
   Intro as Intro5,
@@ -23736,14 +23812,14 @@ var imgContainerCss2 = css`
   img {
     height: auto;
     max-width: 100%;
-    margin-bottom: var(${SpacingToken44.Spacing10});
+    margin-bottom: var(${SpacingToken45.Spacing10});
   }
 `;
 var paragraphCss = (heading) => css`
     ${heading ? theme.typography.heading.xs : theme.typography.paragraph.s}
-    margin-top: var(${heading ? SpacingToken44.Spacing10 : SpacingToken44.Spacing2});
+    margin-top: var(${heading ? SpacingToken45.Spacing10 : SpacingToken45.Spacing2});
   `;
-var wrapperCss = css`
+var wrapperCss2 = css`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -23757,12 +23833,12 @@ function LoginErrorPage({
   onAuthorize
 }) {
   if (getWorkflowsEnv("isHeadless")) {
-    return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
+    return /* @__PURE__ */ jsxs2("div", { css: wrapperCss2, children: [
       /* @__PURE__ */ jsx4(Row27, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column19, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
       /* @__PURE__ */ jsx4(Row27, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(Column19, { center: true, width: 10, children: [
         /* @__PURE__ */ jsx4(Intro5, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
         /* @__PURE__ */ jsx4("p", { css: paragraphCss(false), children: "You're using a browser that required additional login to access Workflows" }),
-        /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(Button35, { kind: "primary", onClick: onAuthorize, children: "Login with Text" }) })
+        /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(Button36, { kind: "primary", onClick: onAuthorize, children: "Login with Text" }) })
       ] }) })
     ] });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.81",
+  "version": "0.0.82",
   "description": "Text Platform | Workflows",
   "author": "Wojciech Dudek",
   "license": "MIT",
@@ -81,9 +81,9 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "web-worker": "^1.3.0",
+    "@livechat/developer-studio-api": "3.4.10",
     "@livechat/developer-studio-ui-react": "1.1.1",
-    "@livechat/platform-integrations": "0.0.47",
-    "@livechat/developer-studio-api": "3.4.10"
+    "@livechat/platform-integrations": "0.0.47"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",