@livechat/platform-workflows 0.0.51 → 0.0.52

package/dist/index.js

@@ -262,7 +262,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment17 = REACT_FRAGMENT_TYPE;
+        var Fragment18 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -321,7 +321,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment17;
+        exports2.Fragment = Fragment18;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -1860,7 +1860,7 @@ var LoginError_default = LoginErrorPage;
 var import_react_router_dom27 = require("react-router-dom");
 
 // src/views/Flows/Definitions/index.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 var import_react_router_dom25 = require("react-router-dom");
 var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
 
@@ -20131,12 +20131,13 @@ var Edit_default2 = EditWorkflow;
 var import_react_router_dom24 = require("react-router-dom");
 
 // src/views/Flows/Templates/Common/Modals/Preview/index.tsx
+var import_react96 = require("react");
 var import_react_router_dom17 = require("react-router-dom");
 
 // src/views/Flows/Templates/api.mocks.tsx
 var import_design_system_icons32 = require("@livechat/design-system-icons");
 var import_developer_studio_api27 = require("@livechat/developer-studio-api");
-var flowTemplates = [
+var getFlowTemplates = () => [
   {
     id: "1",
     name: "Create HelpDesk tickets with chat summaries when a chat ends",
@@ -21983,6 +21984,7 @@ function WorkflowTemplatePreview({
   workflow,
   onClose
 }) {
+  const flowTemplates = (0, import_react96.useMemo)(() => getFlowTemplates(), []);
   const params = (0, import_react_router_dom17.useParams)();
   const template = flowTemplates.find((t) => t.id === params.template);
   if (!workflow) {
@@ -22019,18 +22021,18 @@ var Preview_default2 = WorkflowTemplatePreview;
 var import_react_router_dom21 = require("react-router-dom");
 
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_react_router_dom20 = require("react-router-dom");
 var import_design_system_react_components77 = require("@livechat/design-system-react-components");
 
 // src/views/Flows/Definitions/List/Home/Home.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_design_system_icons37 = require("@livechat/design-system-icons");
 var import_design_system_react_components76 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Category.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_design_system_icons35 = require("@livechat/design-system-icons");
 var import_design_system_react_components72 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
@@ -22038,8 +22040,8 @@ function WorkflowTemplatesCategoryFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react96.useState)(false);
-  const getItem = (0, import_react96.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react97.useState)(false);
+  const getItem = (0, import_react97.useCallback)(
     (key, category, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -22093,7 +22095,7 @@ function WorkflowTemplatesCategoryFilter({
 var Category_default = WorkflowTemplatesCategoryFilter;
 
 // src/views/Flows/Templates/Common/Modals/List/Filters/Product.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_design_system_icons36 = require("@livechat/design-system-icons");
 var import_design_system_react_components73 = require("@livechat/design-system-react-components");
 var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
@@ -22101,8 +22103,8 @@ function WorkflowTemplatesProductFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react97.useState)(false);
-  const getItem = (0, import_react97.useCallback)(
+  const [isVisible, setIsVisible] = (0, import_react98.useState)(false);
+  const getItem = (0, import_react98.useCallback)(
     (key, product, icon2) => ({
       key,
       element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react37.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing1});`, notPadded: true, children: [
@@ -22256,8 +22258,9 @@ var Grid = newStyled.div`
   gap: var(${import_design_system_react_components76.SpacingToken.Spacing3});
 `;
 function WorkflowsHome({ isOnModal, basePath }) {
-  const [product, setProduct] = (0, import_react99.useState)("All");
-  const [category, setCategory] = (0, import_react99.useState)("All");
+  const [product, setProduct] = (0, import_react100.useState)("All");
+  const [category, setCategory] = (0, import_react100.useState)("All");
+  const flowTemplates = (0, import_react100.useMemo)(() => getFlowTemplates(), []);
   const filters = [
     (template) => product === "All" || template.products.includes(product),
     (template) => category === "All" || template.category.includes(category)
@@ -22295,13 +22298,7 @@ function WorkflowsHome({ isOnModal, basePath }) {
             notPadded: true,
             notPaddedOnMobile: true,
             children: [
-              /* @__PURE__ */ jsx2(
-                Scratch_default,
-                {
-                  icon: import_design_system_icons37.FiletypeOther,
-                  title: "Empty workflow"
-                }
-              ),
+              /* @__PURE__ */ jsx2(Scratch_default, { icon: import_design_system_icons37.FiletypeOther, title: "Empty workflow" }),
               /* @__PURE__ */ jsx2(
                 Scratch_default,
                 {
@@ -22366,7 +22363,7 @@ var Home_default = WorkflowsHome;
 // src/views/Flows/Definitions/List/Modals/Create/Modal.tsx
 function WorkflowCreateModal({ onClose }) {
   const navigate = (0, import_react_router_dom20.useNavigate)();
-  const handleClose = (0, import_react100.useCallback)(() => {
+  const handleClose = (0, import_react101.useCallback)(() => {
     if (onClose) {
       onClose();
       return;
@@ -22399,7 +22396,7 @@ function WorkflowCreate() {
 var Create_default = WorkflowCreate;
 
 // src/views/Flows/Definitions/List/View.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_react_router_dom23 = require("react-router-dom");
 var import_design_system_react_components81 = require("@livechat/design-system-react-components");
 var import_developer_studio_api29 = require("@livechat/developer-studio-api");
@@ -22410,7 +22407,7 @@ var import_design_system_react_components80 = require("@livechat/design-system-r
 var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Flows/Definitions/List/Grid/Filters/StatusFilter.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 var import_design_system_icons38 = require("@livechat/design-system-icons");
 var import_design_system_react_components78 = require("@livechat/design-system-react-components");
 var import_jsx_runtime112 = require("react/jsx-runtime");
@@ -22418,7 +22415,7 @@ function WorkflowStatusFilter({
   handleStatus,
   status
 }) {
-  const [isVisible, setIsVisible] = (0, import_react102.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react103.useState)(false);
   const items = [
     {
       key: "0",
@@ -22746,7 +22743,7 @@ var markedStyles = css`
 function WorkflowListView() {
   var _a;
   const navigate = (0, import_react_router_dom23.useNavigate)();
-  const [state, setState] = (0, import_react105.useState)({
+  const [state, setState] = (0, import_react106.useState)({
     filters: {
       status: "All",
       tasks: "All"
@@ -22843,7 +22840,7 @@ function Workflows() {
   const navigate = (0, import_react_router_dom25.useNavigate)();
   const { user, isUserFetching } = (0, import_developer_studio_ui_react44.useUserContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowAppLoading } = useFetchUserInstalledWorkflows(user);
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (isUserFetching || isWorkflowAppLoading) {
       return;
     }
@@ -22868,7 +22865,7 @@ function Workflows() {
 var Definitions_default = Workflows;
 
 // src/views/Flows/Waitlist/index.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_react_router_dom26 = require("react-router-dom");
 var import_design_system_icons40 = require("@livechat/design-system-icons");
 var import_design_system_react_components82 = require("@livechat/design-system-react-components");
@@ -22901,7 +22898,7 @@ function Waitlist({ image }) {
   const { user, isUserFetching } = (0, import_developer_studio_ui_react45.useUserContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowsAppLoading } = useFetchUserInstalledWorkflows(user);
   const navigate = (0, import_react_router_dom26.useNavigate)();
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (userHasInstalledWorkflows) {
       navigate("/workflow/list");
     }

package/dist/index.mjs

@@ -256,7 +256,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment17 = REACT_FRAGMENT_TYPE;
+        var Fragment18 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -315,7 +315,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment17;
+        exports.Fragment = Fragment18;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -20512,6 +20512,7 @@ var Edit_default2 = EditWorkflow;
 import { Route as Route4, Routes as Routes4 } from "react-router-dom";
 
 // src/views/Flows/Templates/Common/Modals/Preview/index.tsx
+import { useMemo as useMemo7 } from "react";
 import { useParams as useParams5 } from "react-router-dom";
 
 // src/views/Flows/Templates/api.mocks.tsx
@@ -20527,7 +20528,7 @@ import {
   IntegrationNames as IntegrationNames17,
   TextLivechatEventNames as TextLivechatEventNames2
 } from "@livechat/developer-studio-api";
-var flowTemplates = [
+var getFlowTemplates = () => [
   {
     id: "1",
     name: "Create HelpDesk tickets with chat summaries when a chat ends",
@@ -22399,6 +22400,7 @@ function WorkflowTemplatePreview({
   workflow,
   onClose
 }) {
+  const flowTemplates = useMemo7(() => getFlowTemplates(), []);
   const params = useParams5();
   const template = flowTemplates.find((t) => t.id === params.template);
   if (!workflow) {
@@ -22440,7 +22442,7 @@ import { useNavigate as useNavigate15 } from "react-router-dom";
 import { Modal as Modal9, ModalHeader as ModalHeader4 } from "@livechat/design-system-react-components";
 
 // src/views/Flows/Definitions/List/Home/Home.tsx
-import { useState as useState31 } from "react";
+import { useMemo as useMemo8, useState as useState31 } from "react";
 import { FiletypeOther, OneColored } from "@livechat/design-system-icons";
 import {
   DesignToken as DesignToken41,
@@ -22716,6 +22718,7 @@ var Grid = newStyled.div`
 function WorkflowsHome({ isOnModal, basePath }) {
   const [product, setProduct] = useState31("All");
   const [category, setCategory] = useState31("All");
+  const flowTemplates = useMemo8(() => getFlowTemplates(), []);
   const filters = [
     (template) => product === "All" || template.products.includes(product),
     (template) => category === "All" || template.category.includes(category)
@@ -22753,13 +22756,7 @@ function WorkflowsHome({ isOnModal, basePath }) {
             notPadded: true,
             notPaddedOnMobile: true,
             children: [
-              /* @__PURE__ */ jsx2(
-                Scratch_default,
-                {
-                  icon: FiletypeOther,
-                  title: "Empty workflow"
-                }
-              ),
+              /* @__PURE__ */ jsx2(Scratch_default, { icon: FiletypeOther, title: "Empty workflow" }),
               /* @__PURE__ */ jsx2(
                 Scratch_default,
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "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/platform-integrations": "0.0.25",
+    "@livechat/developer-studio-api": "3.3.9",
     "@livechat/developer-studio-ui-react": "0.0.75",
-    "@livechat/developer-studio-api": "3.3.9"
+    "@livechat/platform-integrations": "0.0.25"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",