@livechat/platform-workflows 0.0.2

package/dist/index.css

@@ -0,0 +1,134 @@
+/* src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/overrides/Fields/CustomTags/TagsInput/Input.css */
+.tagify-tooltip-trigger {
+  position: relative;
+  width: 100%;
+}
+.tags-input {
+  width: 100%;
+}
+.tagify.customLook {
+  --tags-disabled-bg: var(--surface-primary-disabled);
+  --tags-border-color: var(--border-basic-primary);
+  --tags-hover-border-color: var(--border-basic-hover);
+  --tags-focus-border-color: var(--action-primary-default);
+  --tag-border-radius: var(--radius-3);
+  --tag-bg: var(--surface-tertiary-default);
+  --tag-hover: var(--surface-tertiary-hover);
+  --tag-text-color: var(--content-basic-primary);
+  --tag-text-color--edit: var(--content-basic-primary);
+  --tag-pad: 0.2em 0.4em 0.2em 0.8em;
+  --tag-inset-shadow-size: 1.1em;
+  --tag-invalid-color: var(--content-basic-negative);
+  --tag-invalid-bg: var(--surface-accent-emphasis-low-negative);
+  --tag--min-width: 1ch;
+  --tag--max-width: 100%;
+  --tag-hide-transition: 0.3s;
+  --tag-remove-bg: rgba(211, 148, 148, 0.1);
+  --tag-remove-btn-color: var(--content-basic-primary);
+  --tag-remove-btn-bg: none;
+  --tag-remove-btn-bg--hover: var(--action-negative-default);
+  --input-color: inherit;
+  --placeholder-color: var(--content-basic-disabled);
+  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
+  --loader-size: 0.8em;
+  --readonly-striped: 1;
+  border-radius: var(--radius-3);
+  min-height: 36px;
+}
+.tagify--focus {
+  --tags-border-color: var(--tags-focus-border-color) !important;
+}
+.tagify--error {
+  --tags-border-color: var(--action-negative-default) !important;
+}
+.tagify__input {
+  padding: 4px 12px !important;
+  line-height: 26px !important;
+}
+.tagify__tag {
+  margin: 2px 1px !important;
+}
+.tagify__tag__content {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.tagify__tag__content__icon {
+  line-height: 0px;
+  min-width: 0 !important;
+  display: none !important;
+}
+.tagify__tag__content__icon.visible {
+  display: block !important;
+}
+.tagify.customLook[disabled] {
+  opacity: 1 !important;
+}
+.tagify__tag.tagify--notAllowed div > span {
+  --tag-text-color: var(--tag-invalid-color) !important;
+  color: var(--tag-invalid-color);
+  opacity: 1 !important;
+}
+
+/* src/views/Flows/Definitions/Common/Builder/Editors/Visual/Forms/Schema/Form.css */
+.rjsf #root {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+.rjsf .field:not(:first-of-type) {
+  margin-top: var(--spacing-7);
+}
+.rjsf .field.additional {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+.rjsf fieldset {
+  min-width: 0;
+}
+.rjsf fieldset fieldset {
+  border: solid 0.5px var(--surface-tertiary-default);
+  border-radius: var(--radius-3);
+  background-color: var(--surface-secondary-default);
+}
+.rjsf fieldset fieldset fieldset {
+  background-color: var(--surface-tertiary-default);
+}
+.rjsf .array-item-list {
+  margin-bottom: var(--spacing-2);
+}
+.rjsf .array-item {
+  display: flex;
+}
+.rjsf .array-item > div {
+  flex: 1;
+}
+.rjsf .array-item div.array-item-toolbox {
+  flex: 0;
+  align-self: flex-end;
+  justify-self: flex-end;
+  margin-bottom: var(--spacing-2);
+}
+
+/* src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Handles/CustomAdd/Handle.css */
+.react-flow__handle {
+  border-radius: 0;
+  width: 14px !important;
+  height: 14px !important;
+  background: transparent !important;
+  border: none !important;
+}
+.react-flow__handle svg {
+  opacity: 0;
+  width: 12px;
+  height: 12px;
+}
+
+/* src/views/Flows/Definitions/Common/Builder/Editors/Visual/Diagram/Diagram.css */
+.react-flow__edge-textbg {
+  fill: var(--surface-tertiary-default) !important;
+}
+.react-flow__edge-text {
+  fill: var(--content-basic-primary);
+}

package/dist/index.d.mts

@@ -0,0 +1,206 @@
+import React, { ReactNode } from 'react';
+import { IntegrationNames, GithubClientAuthorization, NetlifyClientAuthorization, VercelClientAuthorization, NeonClientAuthorization, MailchimpClientAuthorization, ShopifyClientAuthorization, HubspotClientAuthorization, BigCommerceClientAuthorization, TextClientAuthorization, initApi as initApi$1, UserSurveyDto, UserDto, ClientInfoDto, AccountDto, AgentDto } from '@livechat/developer-studio-api';
+import AccountsSDK from '@livechat/accounts-sdk';
+
+interface WorkflowsConfigBase {
+    env: string;
+    publicUrl: string;
+}
+interface WorkflowsConfig extends WorkflowsConfigBase {
+    accountsUrl: string;
+    platformUrl: string;
+    adapterUrl: string;
+    workflowsApiUr: string;
+    dpsApiUrl: string;
+    billingApiUrl: string;
+    adapterApiUrl: string;
+    livechatApiUrl: string;
+    textApiUrl: string;
+    accountsClientId: string;
+    bigcommerceClientId: string;
+    githubAppClientId: string;
+    githubOauthClientId: string;
+    hubpotClientId: string;
+    mailchimpClientId: string;
+    neonClientId: string;
+    netlifyClientId: string;
+    shopifyClientId: string;
+    vercelClientId: string;
+    textClientId: string;
+    workflowsAppId: string;
+    workflowsWebhooksAppId: string;
+    aiAgentId: string;
+    pusherKey: string;
+    amplitudeKey: string;
+}
+declare function setWorkflowsConfig(newConfig: Partial<WorkflowsConfigBase>): void;
+declare function getWorkflowsConfig(): WorkflowsConfig;
+declare const getWorkflowEnv: (key: keyof WorkflowsConfig) => string;
+
+type AuthSource = IntegrationNames.Accounts | IntegrationNames.GitHub | IntegrationNames.Vercel | IntegrationNames.Netlify | IntegrationNames.Neon | IntegrationNames.Mailchimp | IntegrationNames.Shopify | IntegrationNames.HubSpot | IntegrationNames.BigCommerce | IntegrationNames.Text;
+interface AuthState {
+    github: {
+        raw: GithubClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    netlify: {
+        raw: NetlifyClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    vercel: {
+        raw: VercelClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    neon: {
+        raw: NeonClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    mailchimp: {
+        raw: MailchimpClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    shopify: {
+        raw: ShopifyClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    hubspot: {
+        raw: HubspotClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    bigcommerce: {
+        raw: BigCommerceClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    text: {
+        raw: TextClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    context: {
+        appId?: string;
+    };
+}
+type AuthStateActionParams = {
+    [K in keyof Omit<AuthState, "context">]: {
+        source: K;
+        data: AuthState[K]["raw"];
+    };
+}[keyof Omit<AuthState, "context">];
+interface IAuthContext {
+    state: AuthState;
+    login: ({ source, data }: AuthStateActionParams) => void;
+    logout: (source: keyof Omit<AuthState, "context">) => void;
+}
+declare const AuthContext: React.Context<IAuthContext>;
+declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+
+interface ModeContextProps {
+    mode: Mode;
+    isMarketplaceFullscreenApp: boolean;
+}
+declare const PATHS: {
+    MARKETPLACE_FULLSCREEN_APP: string;
+};
+declare enum Mode {
+    MarketplaceFullscreenApp = "marketplace-fullscreen-app",
+    Regular = "regular"
+}
+declare const ModeContext: React.Context<ModeContextProps>;
+declare function ModeProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useMode: () => ModeContextProps;
+
+declare const initApi: (tokens: Parameters<typeof initApi$1>[1]) => void;
+
+declare const accountsSDK: AccountsSDK;
+declare const clearRootData: () => void;
+declare const setRootData: ({ access_token, scope, expires_in, }: {
+    access_token: string;
+    scope?: string | undefined;
+    expires_in?: string | undefined;
+}) => void;
+interface RootContextProps {
+    isAuthenticated: boolean;
+    hasLoginFailed: boolean;
+    login: (tokens: Parameters<typeof initApi>[0]) => Promise<void>;
+    logout: () => void;
+    authorize: (manually?: boolean) => void;
+    bootstrap: () => void;
+}
+declare const RootContext: React.Context<RootContextProps>;
+declare function RootProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useRootContext: () => RootContextProps;
+
+interface UserAggregate {
+    profile: {
+        id: string;
+        surveys: UserSurveyDto[];
+    } & UserDto["profile"];
+    auth: ClientInfoDto | Record<string, unknown>;
+    features: UserDto["features"];
+    meta: {
+        name?: string;
+        email?: string;
+        links: UserDto["links"];
+        organization_id: ClientInfoDto["organization_id"];
+        license: number;
+        roles?: {
+            role: string;
+            product: string;
+        }[];
+        avatar_url?: string;
+        properties?: {
+            avatar_url?: string;
+        };
+    } & Partial<AccountDto> & Partial<AgentDto>;
+}
+
+interface UserContextProps {
+    user: UserAggregate;
+    isUserFetching: boolean;
+    updateUser: unknown;
+    isUserUpdating: boolean;
+    isUserLoaded: boolean;
+    isUserAdmin: boolean;
+    isUserOwnerOrViceOwner: boolean;
+    isUserAgentInLiveChat: boolean;
+    userHasAccessToWorkflows: boolean;
+}
+declare const isUserLiveChatAgent: (userInfo: UserAggregate) => boolean;
+declare const isUserOrgAdmin: (userInfo: UserAggregate) => boolean;
+declare const isUserLivechatAdmin: (userInfo: UserAggregate) => boolean;
+declare const isUserOrgOwnerOrViceOwner: (userInfo: UserAggregate) => boolean;
+declare const UserContext: React.Context<UserContextProps>;
+declare function UserProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useUserContext: () => UserContextProps;
+
+declare function Flows(): JSX.Element;
+
+declare function SettingsSubNav(): JSX.Element;
+declare function Settings(): JSX.Element;
+
+export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, Mode, ModeContext, ModeProvider, PATHS, RootContext, RootProvider, Settings, SettingsSubNav, UserContext, UserProvider, type WorkflowsConfig, type WorkflowsConfigBase, accountsSDK, clearRootData, getWorkflowEnv, getWorkflowsConfig, isUserLiveChatAgent, isUserLivechatAdmin, isUserOrgAdmin, isUserOrgOwnerOrViceOwner, setRootData, setWorkflowsConfig, useMode, useRootContext, useUserContext };

package/dist/index.d.ts

@@ -0,0 +1,206 @@
+import React, { ReactNode } from 'react';
+import { IntegrationNames, GithubClientAuthorization, NetlifyClientAuthorization, VercelClientAuthorization, NeonClientAuthorization, MailchimpClientAuthorization, ShopifyClientAuthorization, HubspotClientAuthorization, BigCommerceClientAuthorization, TextClientAuthorization, initApi as initApi$1, UserSurveyDto, UserDto, ClientInfoDto, AccountDto, AgentDto } from '@livechat/developer-studio-api';
+import AccountsSDK from '@livechat/accounts-sdk';
+
+interface WorkflowsConfigBase {
+    env: string;
+    publicUrl: string;
+}
+interface WorkflowsConfig extends WorkflowsConfigBase {
+    accountsUrl: string;
+    platformUrl: string;
+    adapterUrl: string;
+    workflowsApiUr: string;
+    dpsApiUrl: string;
+    billingApiUrl: string;
+    adapterApiUrl: string;
+    livechatApiUrl: string;
+    textApiUrl: string;
+    accountsClientId: string;
+    bigcommerceClientId: string;
+    githubAppClientId: string;
+    githubOauthClientId: string;
+    hubpotClientId: string;
+    mailchimpClientId: string;
+    neonClientId: string;
+    netlifyClientId: string;
+    shopifyClientId: string;
+    vercelClientId: string;
+    textClientId: string;
+    workflowsAppId: string;
+    workflowsWebhooksAppId: string;
+    aiAgentId: string;
+    pusherKey: string;
+    amplitudeKey: string;
+}
+declare function setWorkflowsConfig(newConfig: Partial<WorkflowsConfigBase>): void;
+declare function getWorkflowsConfig(): WorkflowsConfig;
+declare const getWorkflowEnv: (key: keyof WorkflowsConfig) => string;
+
+type AuthSource = IntegrationNames.Accounts | IntegrationNames.GitHub | IntegrationNames.Vercel | IntegrationNames.Netlify | IntegrationNames.Neon | IntegrationNames.Mailchimp | IntegrationNames.Shopify | IntegrationNames.HubSpot | IntegrationNames.BigCommerce | IntegrationNames.Text;
+interface AuthState {
+    github: {
+        raw: GithubClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    netlify: {
+        raw: NetlifyClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    vercel: {
+        raw: VercelClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    neon: {
+        raw: NeonClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    mailchimp: {
+        raw: MailchimpClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    shopify: {
+        raw: ShopifyClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    hubspot: {
+        raw: HubspotClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    bigcommerce: {
+        raw: BigCommerceClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    text: {
+        raw: TextClientAuthorization;
+        data: {
+            isAuthorized?: boolean;
+        };
+    };
+    context: {
+        appId?: string;
+    };
+}
+type AuthStateActionParams = {
+    [K in keyof Omit<AuthState, "context">]: {
+        source: K;
+        data: AuthState[K]["raw"];
+    };
+}[keyof Omit<AuthState, "context">];
+interface IAuthContext {
+    state: AuthState;
+    login: ({ source, data }: AuthStateActionParams) => void;
+    logout: (source: keyof Omit<AuthState, "context">) => void;
+}
+declare const AuthContext: React.Context<IAuthContext>;
+declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+
+interface ModeContextProps {
+    mode: Mode;
+    isMarketplaceFullscreenApp: boolean;
+}
+declare const PATHS: {
+    MARKETPLACE_FULLSCREEN_APP: string;
+};
+declare enum Mode {
+    MarketplaceFullscreenApp = "marketplace-fullscreen-app",
+    Regular = "regular"
+}
+declare const ModeContext: React.Context<ModeContextProps>;
+declare function ModeProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useMode: () => ModeContextProps;
+
+declare const initApi: (tokens: Parameters<typeof initApi$1>[1]) => void;
+
+declare const accountsSDK: AccountsSDK;
+declare const clearRootData: () => void;
+declare const setRootData: ({ access_token, scope, expires_in, }: {
+    access_token: string;
+    scope?: string | undefined;
+    expires_in?: string | undefined;
+}) => void;
+interface RootContextProps {
+    isAuthenticated: boolean;
+    hasLoginFailed: boolean;
+    login: (tokens: Parameters<typeof initApi>[0]) => Promise<void>;
+    logout: () => void;
+    authorize: (manually?: boolean) => void;
+    bootstrap: () => void;
+}
+declare const RootContext: React.Context<RootContextProps>;
+declare function RootProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useRootContext: () => RootContextProps;
+
+interface UserAggregate {
+    profile: {
+        id: string;
+        surveys: UserSurveyDto[];
+    } & UserDto["profile"];
+    auth: ClientInfoDto | Record<string, unknown>;
+    features: UserDto["features"];
+    meta: {
+        name?: string;
+        email?: string;
+        links: UserDto["links"];
+        organization_id: ClientInfoDto["organization_id"];
+        license: number;
+        roles?: {
+            role: string;
+            product: string;
+        }[];
+        avatar_url?: string;
+        properties?: {
+            avatar_url?: string;
+        };
+    } & Partial<AccountDto> & Partial<AgentDto>;
+}
+
+interface UserContextProps {
+    user: UserAggregate;
+    isUserFetching: boolean;
+    updateUser: unknown;
+    isUserUpdating: boolean;
+    isUserLoaded: boolean;
+    isUserAdmin: boolean;
+    isUserOwnerOrViceOwner: boolean;
+    isUserAgentInLiveChat: boolean;
+    userHasAccessToWorkflows: boolean;
+}
+declare const isUserLiveChatAgent: (userInfo: UserAggregate) => boolean;
+declare const isUserOrgAdmin: (userInfo: UserAggregate) => boolean;
+declare const isUserLivechatAdmin: (userInfo: UserAggregate) => boolean;
+declare const isUserOrgOwnerOrViceOwner: (userInfo: UserAggregate) => boolean;
+declare const UserContext: React.Context<UserContextProps>;
+declare function UserProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare const useUserContext: () => UserContextProps;
+
+declare function Flows(): JSX.Element;
+
+declare function SettingsSubNav(): JSX.Element;
+declare function Settings(): JSX.Element;
+
+export { AuthContext, AuthProvider, type AuthSource, type AuthState, Flows, type IAuthContext, Mode, ModeContext, ModeProvider, PATHS, RootContext, RootProvider, Settings, SettingsSubNav, UserContext, UserProvider, type WorkflowsConfig, type WorkflowsConfigBase, accountsSDK, clearRootData, getWorkflowEnv, getWorkflowsConfig, isUserLiveChatAgent, isUserLivechatAdmin, isUserOrgAdmin, isUserOrgOwnerOrViceOwner, setRootData, setWorkflowsConfig, useMode, useRootContext, useUserContext };