@livechat/platform-workflows 0.0.45 → 0.0.47

package/dist/index.js

@@ -8936,9 +8936,7 @@ var useFetchWorkflowExecutionList = (workflowId) => {
 var useCreateWorkflow = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
   const notifications = (0, import_developer_studio_ui_react4.useNotifications)();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react4.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react4.useUserContext)();
   return (0, import_react_query2.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -8980,9 +8978,7 @@ var useCreateWorkflow = () => {
 var useCreateWorkflowDraft = () => {
   const queryClient = (0, import_react_query2.useQueryClient)();
   const notifications = (0, import_developer_studio_ui_react4.useNotifications)();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react4.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react4.useUserContext)();
   return (0, import_react_query2.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -14444,9 +14440,7 @@ var import_platform_integrations4 = require("@livechat/platform-integrations");
 function GlobalAccounts(props) {
   const { pathname } = (0, import_react_router_dom4.useLocation)();
   const notifications = (0, import_developer_studio_ui_react17.useNotifications)();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react17.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react17.useUserContext)();
   const organizationProductsQuery = useFetchOrganizationProducts();
   const {
     updateOrganizationProducts,
@@ -16213,9 +16207,7 @@ var OneMessagesProvider = ({
   const [isError, setIsError] = (0, import_react60.useState)(null);
   const [events, setEvents] = (0, import_react60.useState)([getInitialMessage()]);
   const generateAiResponseMutation = useGenerateAIResponse();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react21.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react21.useUserContext)();
   const isLoading = generateAiResponseMutation.isLoading;
   const sendMessage = (message) => __async(void 0, null, function* () {
     const config12 = getWorkflowsConfig();
@@ -18361,9 +18353,7 @@ function WorkflowDeleteModal({
     remove,
     discardDraft
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react26.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react26.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -18450,9 +18440,7 @@ function WorkflowEditModal({ onClose }) {
     },
     createDraft
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react27.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react27.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -18852,9 +18840,7 @@ function AddWorkflowTask({ basePath, onClose }) {
     addTask,
     state: { workflow }
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react29.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react29.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -19254,9 +19240,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
   const params = (0, import_react_router_dom13.useParams)();
   const [state, setState] = (0, import_react90.useState)();
   const { addTrigger } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react31.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react31.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -19469,9 +19453,7 @@ function WorkflowBuilderNavbar() {
   const inputRef = (0, import_react92.useRef)(null);
   const [isNameChanging, setIsNameChanging] = (0, import_react92.useState)(false);
   const [workflowName, setWorkflowName] = (0, import_react92.useState)(workflow.name);
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react32.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react32.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -21505,9 +21487,7 @@ function WorkflowTemplatePreviewModal({
       actions: { isSaving }
     }
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react35.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react35.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -21833,9 +21813,7 @@ function WorkflowScratchCard({
   openOne
 }) {
   const navigate = (0, import_react_router_dom18.useNavigate)();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react38.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react38.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -22157,9 +22135,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
   const notifications = (0, import_developer_studio_ui_react41.useNotifications)();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
-  const {
-    userData: { user }
-  } = (0, import_developer_studio_ui_react41.useRootContext)();
+  const { user } = (0, import_developer_studio_ui_react41.useUserContext)();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -22202,7 +22178,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
               navigate(`/workflow/${workflow.id}`);
             },
             children: [
-              /* @__PURE__ */ jsx2("td", { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Row, { gap: `var(${import_design_system_react_components79.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
+              /* @__PURE__ */ jsx2("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Row, { gap: `var(${import_design_system_react_components79.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
                 /* @__PURE__ */ jsx2(import_design_system_react_components79.Text, { noMargin: true, size: "sm", children: workflow.name }),
                 workflow.related_workflow_id ? /* @__PURE__ */ jsx2(
                   import_design_system_react_components79.Tag,
@@ -22515,12 +22491,10 @@ var List_default2 = WorkflowList;
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function Workflows() {
   const navigate = (0, import_react_router_dom25.useNavigate)();
-  const {
-    userData: { user, isLoading: isUserLoading }
-  } = (0, import_developer_studio_ui_react44.useRootContext)();
+  const { user, isUserFetching } = (0, import_developer_studio_ui_react44.useUserContext)();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowAppLoading } = useFetchUserInstalledWorkflows(user);
   (0, import_react107.useEffect)(() => {
-    if (isUserLoading || isWorkflowAppLoading) {
+    if (isUserFetching || isWorkflowAppLoading) {
       return;
     }
     if (!userHasInstalledWorkflows) {
@@ -22528,11 +22502,11 @@ function Workflows() {
     }
   }, [
     navigate,
-    isUserLoading,
+    isUserFetching,
     isWorkflowAppLoading,
     userHasInstalledWorkflows
   ]);
-  if (isUserLoading || isWorkflowAppLoading) {
+  if (isUserFetching || isWorkflowAppLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_developer_studio_ui_react44.Loader, { stretch: true });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_react_router_dom25.Routes, { children: [
@@ -22574,9 +22548,7 @@ var imgContainerCss2 = css`
   }
 `;
 function Waitlist({ image }) {
-  const {
-    userData: { user, isLoading }
-  } = (0, import_developer_studio_ui_react45.useRootContext)();
+  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)(() => {
@@ -22584,7 +22556,7 @@ function Waitlist({ image }) {
       navigate("/workflow/list");
     }
   }, [userHasInstalledWorkflows, navigate]);
-  if (isLoading || isWorkflowsAppLoading) {
+  if (isUserFetching || isWorkflowsAppLoading) {
     return /* @__PURE__ */ jsx2(import_developer_studio_ui_react45.Loader, { stretch: true });
   }
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.View, { children: [

package/dist/index.mjs

@@ -1852,7 +1852,7 @@ import { Route as Route6, Routes as Routes6 } from "react-router-dom";
 // src/views/Flows/Definitions/index.tsx
 import { useEffect as useEffect18 } from "react";
 import { Navigate as Navigate2, Route as Route5, Routes as Routes5, useNavigate as useNavigate18 } from "react-router-dom";
-import { Loader as Loader5, useRootContext as useRootContext13 } from "@livechat/developer-studio-ui-react";
+import { Loader as Loader5, useUserContext as useUserContext12 } from "@livechat/developer-studio-ui-react";
 
 // src/hooks/state/apps/apps.ts
 import { useContext as useContext4 } from "react";
@@ -8897,7 +8897,7 @@ import { useMutation as useMutation2, useQuery as useQuery2, useQueryClient as u
 import { api as api2, IntegrationNames as IntegrationNames7 } from "@livechat/developer-studio-api";
 import {
   useNotifications as useNotifications2,
-  useRootContext as useRootContext2
+  useUserContext
 } from "@livechat/developer-studio-ui-react";
 import { integrationCredentialsQueryKeys } from "@livechat/platform-integrations";
 var queryKeys = {
@@ -8973,9 +8973,7 @@ var useFetchWorkflowExecutionList = (workflowId) => {
 var useCreateWorkflow = () => {
   const queryClient = useQueryClient2();
   const notifications = useNotifications2();
-  const {
-    userData: { user }
-  } = useRootContext2();
+  const { user } = useUserContext();
   return useMutation2(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -9017,9 +9015,7 @@ var useCreateWorkflow = () => {
 var useCreateWorkflowDraft = () => {
   const queryClient = useQueryClient2();
   const notifications = useNotifications2();
-  const {
-    userData: { user }
-  } = useRootContext2();
+  const { user } = useUserContext();
   return useMutation2(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -11048,7 +11044,7 @@ import {
   SpacingToken as SpacingToken29,
   Text as Text12
 } from "@livechat/design-system-react-components";
-import { useRootContext as useRootContext5 } from "@livechat/developer-studio-ui-react";
+import { useUserContext as useUserContext4 } from "@livechat/developer-studio-ui-react";
 
 // src/utils/tracking.ts
 import * as amplitude from "@amplitude/analytics-browser";
@@ -14631,7 +14627,7 @@ import {
   Column as Column6,
   Row as Row10,
   useNotifications as useNotifications4,
-  useRootContext as useRootContext3
+  useUserContext as useUserContext2
 } from "@livechat/developer-studio-ui-react";
 import {
   TextStatus,
@@ -14640,9 +14636,7 @@ import {
 function GlobalAccounts(props) {
   const { pathname } = useLocation();
   const notifications = useNotifications4();
-  const {
-    userData: { user }
-  } = useRootContext3();
+  const { user } = useUserContext2();
   const organizationProductsQuery = useFetchOrganizationProducts();
   const {
     updateOrganizationProducts,
@@ -16372,7 +16366,7 @@ import {
   useState as useState19
 } from "react";
 import { v4 as uuid } from "uuid";
-import { useRootContext as useRootContext4 } from "@livechat/developer-studio-ui-react";
+import { useUserContext as useUserContext3 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Definitions/Common/One/helpers.ts
 import { v4 as uuidv4 } from "uuid";
@@ -16473,9 +16467,7 @@ var OneMessagesProvider = ({
   const [isError, setIsError] = useState19(null);
   const [events, setEvents] = useState19([getInitialMessage()]);
   const generateAiResponseMutation = useGenerateAIResponse();
-  const {
-    userData: { user }
-  } = useRootContext4();
+  const { user } = useUserContext3();
   const isLoading = generateAiResponseMutation.isLoading;
   const sendMessage = (message) => __async(void 0, null, function* () {
     const config12 = getWorkflowsConfig();
@@ -18662,9 +18654,7 @@ function WorkflowDeleteModal({
     remove,
     discardDraft
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = useRootContext5();
+  const { user } = useUserContext4();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -18727,7 +18717,7 @@ import {
   SpacingToken as SpacingToken30,
   Text as Text13
 } from "@livechat/design-system-react-components";
-import { useRootContext as useRootContext6 } from "@livechat/developer-studio-ui-react";
+import { useUserContext as useUserContext5 } from "@livechat/developer-studio-ui-react";
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var ModalContent3 = newStyled.div`
   display: grid;
@@ -18760,9 +18750,7 @@ function WorkflowEditModal({ onClose }) {
     },
     createDraft
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = useRootContext6();
+  const { user } = useUserContext5();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -18995,7 +18983,7 @@ import {
   Column as Column12,
   Row as Row12,
   Text as Text16,
-  useRootContext as useRootContext7
+  useUserContext as useUserContext6
 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Definitions/Edit/Tasks/Options.tsx
@@ -19202,9 +19190,7 @@ function AddWorkflowTask({ basePath, onClose }) {
     addTask,
     state: { workflow }
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = useRootContext7();
+  const { user } = useUserContext6();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -19449,7 +19435,7 @@ import {
   Column as Column14,
   Row as Row13,
   Text as Text18,
-  useRootContext as useRootContext8
+  useUserContext as useUserContext7
 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Definitions/Edit/Triggers/Options.tsx
@@ -19626,9 +19612,7 @@ function AddWorkflowTrigger({ basePath, onClose }) {
   const params = useParams3();
   const [state, setState] = useState27();
   const { addTrigger } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = useRootContext8();
+  const { user } = useUserContext7();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -19836,7 +19820,7 @@ import {
   Column as Column15,
   Row as Row14,
   useOnClickOutside as useOnClickOutside2,
-  useRootContext as useRootContext9
+  useUserContext as useUserContext8
 } from "@livechat/developer-studio-ui-react";
 function WorkflowBuilderNavbar() {
   var _a, _b, _c, _d, _e;
@@ -19856,9 +19840,7 @@ function WorkflowBuilderNavbar() {
   const inputRef = useRef9(null);
   const [isNameChanging, setIsNameChanging] = useState28(false);
   const [workflowName, setWorkflowName] = useState28(workflow.name);
-  const {
-    userData: { user }
-  } = useRootContext9();
+  const { user } = useUserContext8();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -21819,7 +21801,7 @@ import {
 import {
   Column as Column16,
   Row as Row16,
-  useRootContext as useRootContext10
+  useUserContext as useUserContext9
 } from "@livechat/developer-studio-ui-react";
 
 // src/views/Flows/Templates/Common/CategoryIcon.tsx
@@ -21927,9 +21909,7 @@ function WorkflowTemplatePreviewModal({
       actions: { isSaving }
     }
   } = useWorkflowContext();
-  const {
-    userData: { user }
-  } = useRootContext10();
+  const { user } = useUserContext9();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -22284,7 +22264,7 @@ import {
   BetaTag,
   Card as Card2,
   Row as Row19,
-  useRootContext as useRootContext11
+  useUserContext as useUserContext10
 } from "@livechat/developer-studio-ui-react";
 function WorkflowScratchCard({
   title,
@@ -22292,9 +22272,7 @@ function WorkflowScratchCard({
   openOne
 }) {
   const navigate = useNavigate13();
-  const {
-    userData: { user }
-  } = useRootContext11();
+  const { user } = useUserContext10();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -22651,7 +22629,7 @@ import {
   Row as Row22,
   Table,
   useNotifications as useNotifications6,
-  useRootContext as useRootContext12
+  useUserContext as useUserContext11
 } from "@livechat/developer-studio-ui-react";
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
@@ -22659,9 +22637,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
   const notifications = useNotifications6();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
-  const {
-    userData: { user }
-  } = useRootContext12();
+  const { user } = useUserContext11();
   const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
     user == null ? void 0 : user.meta.email
   );
@@ -22704,7 +22680,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
               navigate(`/workflow/${workflow.id}`);
             },
             children: [
-              /* @__PURE__ */ jsx2("td", { children: /* @__PURE__ */ jsxs2(Row22, { gap: `var(${SpacingToken45.Spacing2})`, noWrap: true, notPadded: true, children: [
+              /* @__PURE__ */ jsx2("td", { width: "45%", children: /* @__PURE__ */ jsxs2(Row22, { gap: `var(${SpacingToken45.Spacing2})`, noWrap: true, notPadded: true, children: [
                 /* @__PURE__ */ jsx2(Text22, { noMargin: true, size: "sm", children: workflow.name }),
                 workflow.related_workflow_id ? /* @__PURE__ */ jsx2(
                   Tag3,
@@ -23017,12 +22993,10 @@ var List_default2 = WorkflowList;
 import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function Workflows() {
   const navigate = useNavigate18();
-  const {
-    userData: { user, isLoading: isUserLoading }
-  } = useRootContext13();
+  const { user, isUserFetching } = useUserContext12();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowAppLoading } = useFetchUserInstalledWorkflows(user);
   useEffect18(() => {
-    if (isUserLoading || isWorkflowAppLoading) {
+    if (isUserFetching || isWorkflowAppLoading) {
       return;
     }
     if (!userHasInstalledWorkflows) {
@@ -23030,11 +23004,11 @@ function Workflows() {
     }
   }, [
     navigate,
-    isUserLoading,
+    isUserFetching,
     isWorkflowAppLoading,
     userHasInstalledWorkflows
   ]);
-  if (isUserLoading || isWorkflowAppLoading) {
+  if (isUserFetching || isWorkflowAppLoading) {
     return /* @__PURE__ */ jsx15(Loader5, { stretch: true });
   }
   return /* @__PURE__ */ jsxs10(Routes5, { children: [
@@ -23061,7 +23035,7 @@ import {
   Intro as Intro5,
   Loader as Loader6,
   Row as Row24,
-  useRootContext as useRootContext14,
+  useUserContext as useUserContext13,
   View as View3
 } from "@livechat/developer-studio-ui-react";
 var infoCss = css`
@@ -23089,9 +23063,7 @@ var imgContainerCss2 = css`
   }
 `;
 function Waitlist({ image }) {
-  const {
-    userData: { user, isLoading }
-  } = useRootContext14();
+  const { user, isUserFetching } = useUserContext13();
   const { data: userHasInstalledWorkflows, isLoading: isWorkflowsAppLoading } = useFetchUserInstalledWorkflows(user);
   const navigate = useNavigate19();
   useEffect19(() => {
@@ -23099,7 +23071,7 @@ function Waitlist({ image }) {
       navigate("/workflow/list");
     }
   }, [userHasInstalledWorkflows, navigate]);
-  if (isLoading || isWorkflowsAppLoading) {
+  if (isUserFetching || isWorkflowsAppLoading) {
     return /* @__PURE__ */ jsx2(Loader6, { stretch: true });
   }
   return /* @__PURE__ */ jsxs2(View3, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "description": "Text Platform | Workflows",
   "author": "Wojciech Dudek",
   "license": "MIT",
@@ -48,8 +48,8 @@
     "esbuild-sass-plugin": "^3.2.0",
     "tsup": "^8.0.0",
     "typescript": "^5.1.6",
-    "tsconfig": "0.0.1",
-    "eslint-config-custom": "0.0.10"
+    "eslint-config-custom": "0.0.10",
+    "tsconfig": "0.0.1"
   },
   "dependencies": {
     "@amplitude/analytics-browser": "^2.11.9",
@@ -81,9 +81,9 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "web-worker": "^1.3.0",
-    "@livechat/developer-studio-ui-react": "0.0.70",
-    "@livechat/platform-integrations": "0.0.20",
-    "@livechat/developer-studio-api": "3.3.9"
+    "@livechat/developer-studio-api": "3.3.9",
+    "@livechat/platform-integrations": "0.0.22",
+    "@livechat/developer-studio-ui-react": "0.0.72"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",