@livechat/platform-workflows 0.0.16 → 0.0.17

package/dist/index.d.mts

@@ -109,4 +109,6 @@ declare const Flows: () => JSX.Element;
 declare function SettingsSubNav(): JSX.Element;
 declare function Settings(): JSX.Element;
 
-export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, Settings, SettingsSubNav, type WorkflowsConfig, type WorkflowsConfigBase, getWorkflowEnv, getWorkflowsConfig, setWorkflowsConfig };
+declare function LoginErrorPage(): JSX.Element;
+
+export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, LoginErrorPage as LoginError, Settings, SettingsSubNav, type WorkflowsConfig, type WorkflowsConfigBase, getWorkflowEnv, getWorkflowsConfig, setWorkflowsConfig };

package/dist/index.d.ts

@@ -109,4 +109,6 @@ declare const Flows: () => JSX.Element;
 declare function SettingsSubNav(): JSX.Element;
 declare function Settings(): JSX.Element;
 
-export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, Settings, SettingsSubNav, type WorkflowsConfig, type WorkflowsConfigBase, getWorkflowEnv, getWorkflowsConfig, setWorkflowsConfig };
+declare function LoginErrorPage(): JSX.Element;
+
+export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, LoginErrorPage as LoginError, Settings, SettingsSubNav, type WorkflowsConfig, type WorkflowsConfigBase, getWorkflowEnv, getWorkflowsConfig, setWorkflowsConfig };

package/dist/index.js

@@ -476,6 +476,7 @@ __export(src_exports, {
   AuthContext: () => AuthContext,
   AuthProvider: () => AuthProvider,
   Flows: () => Flows_default,
+  LoginError: () => LoginError_default,
   Settings: () => Settings_default,
   SettingsSubNav: () => SettingsSubNav,
   getWorkflowEnv: () => getWorkflowEnv,
@@ -13891,7 +13892,7 @@ var CustomTagsField = ({
   error,
   trim: trim2,
   disabled,
-  wrapperCss,
+  wrapperCss: wrapperCss2,
   onChange
 }) => {
   const wrapperRef = (0, import_react30.useRef)(null);
@@ -13899,7 +13900,7 @@ var CustomTagsField = ({
   (0, import_developer_studio_ui_react16.useOnClickOutside)(wrapperRef, () => {
     setIsPickerVisible(false);
   });
-  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss2, children: /* @__PURE__ */ jsx4(
     CustomTagsInput,
     {
       value,
@@ -28274,11 +28275,72 @@ function Settings() {
   ] });
 }
 var Settings_default = Settings;
+
+// src/views/Common/LoginError.tsx
+var import_design_system_react_components104 = require("@livechat/design-system-react-components");
+var import_developer_studio_ui_react87 = require("@livechat/developer-studio-ui-react");
+
+// src/assets/flows/workflows-welcome.png
+var workflows_welcome_default = "./workflows-welcome-N73H5YQR.png";
+
+// src/views/Common/LoginError.tsx
+var imgContainerCss2 = css`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`;
+var paragraphCss = (heading) => css`
+    ${heading ? import_developer_studio_ui_react87.theme.typography.heading.xs : import_developer_studio_ui_react87.theme.typography.paragraph.s}
+    margin-top: var(${heading ? import_design_system_react_components104.SpacingToken.Spacing10 : import_design_system_react_components104.SpacingToken.Spacing2});
+  `;
+var wrapperCss = css`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  width: 100%;
+`;
+function LoginErrorPage() {
+  const { authorize } = (0, import_developer_studio_ui_react87.useRootContext)();
+  if (getWorkflowEnv("isHeadless")) {
+    return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: /* @__PURE__ */ jsx4(
+        "img",
+        {
+          alt: "",
+          css: css`
+                  width: 600px;
+                  margin-bottom: var(${import_design_system_react_components104.SpacingToken.Spacing7});
+                `,
+          src: workflows_welcome_default
+        }
+      ) }) }) }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react87.Column, { center: true, width: 10, children: [
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.Intro, { 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(
+          import_design_system_react_components104.Button,
+          {
+            kind: "primary",
+            onClick: () => {
+              authorize(true);
+            },
+            children: "Login with Text"
+          }
+        ) })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react87.LoginErrorPage, {});
+}
+var LoginError_default = LoginErrorPage;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthContext,
   AuthProvider,
   Flows,
+  LoginError,
   Settings,
   SettingsSubNav,
   getWorkflowEnv,

package/dist/index.mjs

@@ -14042,7 +14042,7 @@ var CustomTagsField = ({
   error,
   trim: trim2,
   disabled,
-  wrapperCss,
+  wrapperCss: wrapperCss2,
   onChange
 }) => {
   const wrapperRef = useRef6(null);
@@ -14050,7 +14050,7 @@ var CustomTagsField = ({
   useOnClickOutside(wrapperRef, () => {
     setIsPickerVisible(false);
   });
-  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("div", { ref: wrapperRef, css: wrapperCss2, children: /* @__PURE__ */ jsx4(
     CustomTagsInput,
     {
       value,
@@ -29055,10 +29055,78 @@ function Settings() {
   ] });
 }
 var Settings_default = Settings;
+
+// src/views/Common/LoginError.tsx
+import { Button as Button50, SpacingToken as SpacingToken57 } from "@livechat/design-system-react-components";
+import {
+  Column as Column21,
+  Intro as Intro7,
+  LoginErrorPage as DefaultLoginErrorPage,
+  Row as Row31,
+  theme,
+  useRootContext as useRootContext30
+} from "@livechat/developer-studio-ui-react";
+
+// src/assets/flows/workflows-welcome.png
+var workflows_welcome_default = "./workflows-welcome-N73H5YQR.png";
+
+// src/views/Common/LoginError.tsx
+var imgContainerCss2 = css`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`;
+var paragraphCss = (heading) => css`
+    ${heading ? theme.typography.heading.xs : theme.typography.paragraph.s}
+    margin-top: var(${heading ? SpacingToken57.Spacing10 : SpacingToken57.Spacing2});
+  `;
+var wrapperCss = css`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  width: 100%;
+`;
+function LoginErrorPage() {
+  const { authorize } = useRootContext30();
+  if (getWorkflowEnv("isHeadless")) {
+    return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
+      /* @__PURE__ */ jsx4(Row31, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(Column21, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: /* @__PURE__ */ jsx4(
+        "img",
+        {
+          alt: "",
+          css: css`
+                  width: 600px;
+                  margin-bottom: var(${SpacingToken57.Spacing7});
+                `,
+          src: workflows_welcome_default
+        }
+      ) }) }) }),
+      /* @__PURE__ */ jsx4(Row31, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(Column21, { center: true, width: 10, children: [
+        /* @__PURE__ */ jsx4(Intro7, { 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(
+          Button50,
+          {
+            kind: "primary",
+            onClick: () => {
+              authorize(true);
+            },
+            children: "Login with Text"
+          }
+        ) })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx4(DefaultLoginErrorPage, {});
+}
+var LoginError_default = LoginErrorPage;
 export {
   AuthContext,
   AuthProvider,
   Flows_default as Flows,
+  LoginError_default as LoginError,
   Settings_default as Settings,
   SettingsSubNav,
   getWorkflowEnv,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/platform-workflows",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Text Platform | Workflows",
   "author": "Wojciech Dudek",
   "license": "MIT",
@@ -40,8 +40,8 @@
     "postcss-modules": "^6.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.1.6",
-    "eslint-config-custom": "0.0.10",
-    "tsconfig": "0.0.1"
+    "tsconfig": "0.0.1",
+    "eslint-config-custom": "0.0.10"
   },
   "dependencies": {
     "@lexical/react": "^0.19.0",
@@ -77,8 +77,8 @@
     "uuid": "^9.0.1",
     "validator": "^13.12.0",
     "web-worker": "^1.3.0",
-    "@livechat/developer-studio-ui-react": "0.0.56",
-    "@livechat/developer-studio-api": "3.3.7"
+    "@livechat/developer-studio-api": "3.3.7",
+    "@livechat/developer-studio-ui-react": "0.0.57"
   },
   "peerDependencies": {
     "@tanstack/react-query": "4.36.1",