app-v3-scripts-editor 1.9.0 → 1.11.0

package/dist/src/lib/constants/common.d.ts

@@ -0,0 +1,57 @@
+export declare enum CRM_OBJECT_TYPE {
+    CONTACT = "contact",
+    ENTERPRISE = "enterprise",
+    CRMORDER = "crmorder",
+    CRMDEAL = "crmdeal",
+    CRMPRODUCT = "crmproduct",
+    TICKET = "ticket",
+    CALL = "call"
+}
+export declare const CrmObjectTypeLabel: {
+    contact: string;
+    enterprise: string;
+    crmorder: string;
+    crmdeal: string;
+    crmproduct: string;
+    ticket: string;
+    call: string;
+};
+export declare const CrmObjectTypeList: CRM_OBJECT_TYPE[];
+export declare const NUMBER_OPERATORS: {
+    value: string;
+    label: string;
+}[];
+export declare const SELECT_FILTER_TYPES: string[];
+export declare const TEXT_OPERATORS: {
+    value: string;
+    label: string;
+}[];
+export declare const TIME_OPERATORS: {
+    value: string;
+    label: string;
+}[];
+export declare const DATE_TYPE_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const FILE_OPERATORS: {
+    value: string;
+    label: string;
+}[];
+export declare enum DATA_TYPE_PROPERTY {
+    formulaproperty = "formulaproperty",
+    singlelineproperty = "singlelineproperty",
+    multilineproperty = "multilineproperty",
+    richtextproperty = "richtextproperty",
+    integerproperty = "integerproperty",
+    floatproperty = "floatproperty",
+    dateproperty = "dateproperty",
+    singleoptionproperty = "singleoptionproperty",
+    multioptionproperty = "multioptionproperty",
+    singleuserproperty = "singleuserproperty",
+    multiuserproperty = "multiuserproperty",
+    associateproperty = "associateproperty",
+    phoneproperty = "phoneproperty",
+    fileproperty = "fileproperty",
+    singleassociateproperty = "singleassociateproperty"
+}

package/dist/src/lib/constants/node-types.d.ts

@@ -4,6 +4,10 @@ export declare const nodeTypes: {
     LISTEN: import('react').FC<import('../components/Blocks/Listen/types').ListenNodeProps>;
     TRANSFER: import('react').FC<import('../components/Blocks/Transfer/types').TransferNodeProps>;
     GROUP: import('react').FC<import('../components/Blocks/Group/types').GroupNodeProps>;
+    CONTACT_TRIGGER: import('react').FC<import('../components/Blocks/Contact/trigger/types').BlockContactTriggerProps>;
+    CONTACT_ACTION: import('react').FC<import('../components/Blocks/Contact/action/types').BlockContactActionProps>;
+    EMAIL: import('react').FC<import('../components/Blocks/Email/types').BlockEmailActionProps>;
+    DELAY: import('react').FC<import('../components/Blocks/Delay/types').BlockDelayActionProps>;
 };
 export declare const getNodeColor: (node: any) => string;
 export default nodeTypes;

package/dist/src/lib/constants/regex.d.ts

@@ -0,0 +1,2 @@
+export declare const emailRegex: RegExp;
+export declare const variableRegex: RegExp;

package/dist/src/lib/constants/sidebar-buttons.d.ts

@@ -1,12 +1,22 @@
 import { default as React } from 'react';
 import { BlockType } from './block-types';
-export interface SidebarButton {
+export interface AutoCallSidebarButton {
     key: BlockType;
     label: string;
     icon: React.ComponentType;
     active?: boolean;
     group?: number;
 }
+export interface AutoFlowSidebarButton {
+    key: string;
+    label: string;
+    description?: string;
+    icon: React.ComponentType;
+    color?: string;
+    group?: string | number;
+    items?: AutoFlowSidebarButton[];
+}
 export declare const DEFAULT_SIDEBAR_BUTTONS: BlockType[];
-export declare const sidebarButtons: SidebarButton[];
+export declare const autoCallSidebarButtons: AutoCallSidebarButton[];
+export declare const autoFlowSidebarButtons: AutoFlowSidebarButton[];
 export declare const iconColors: Record<BlockType, string>;

package/dist/src/lib/events/emit-to-parent/emitToParent.d.ts

@@ -0,0 +1,2 @@
+import { ScriptsEvents } from './event';
+export declare const emitToParent: <T>(event: keyof ScriptsEvents, payload?: T) => void;

package/dist/src/lib/events/emit-to-parent/event.d.ts

@@ -0,0 +1,3 @@
+export interface ScriptsEvents {
+    openIntegrationEmailPage: {};
+}

package/dist/src/lib/events/index.d.ts

@@ -0,0 +1 @@
+export * from './emit-to-parent/event';

package/dist/src/lib/hooks/use-filter-option-color/useFilterColorOption.d.ts

@@ -0,0 +1,6 @@
+import { IOptionValue } from '../../../services';
+declare const useFilterOptions: (optionValue?: IOptionValue[]) => {
+    value: string;
+    label: import("react/jsx-runtime").JSX.Element;
+}[];
+export default useFilterOptions;

package/dist/src/lib/hooks/use-interaction-mode/index.d.ts

@@ -1,6 +1,6 @@
-export type InteractionMode = "trackpad" | "mouse";
-export declare function useInteractionMode(defaultMode?: InteractionMode): {
-    mode: InteractionMode;
+export declare function useInteractionMode(): {
+    mode: import('./interactionMode.store').InteractionMode;
+    toggleMode: () => void;
     flowProps: {
         panOnScroll: boolean;
         panOnDrag: boolean;
@@ -8,5 +8,4 @@ export declare function useInteractionMode(defaultMode?: InteractionMode): {
         zoomOnPinch: boolean;
         zoomOnDoubleClick: boolean;
     };
-    toggleMode: () => void;
 };

package/dist/src/lib/hooks/use-interaction-mode/interactionMode.store.d.ts

@@ -0,0 +1,7 @@
+export type InteractionMode = "trackpad" | "mouse";
+interface InteractionStore {
+    mode: InteractionMode;
+    toggleMode: () => void;
+}
+export declare const useInteractionModeStore: import('zustand').UseBoundStore<import('zustand').StoreApi<InteractionStore>>;
+export {};

package/dist/src/lib/index.d.ts

@@ -3,3 +3,4 @@ export * from './components';
 export * from './constants';
 export * from './hooks';
 export * from './provider';
+export * from './events';

package/dist/src/lib/provider/instance-context/index.d.ts

@@ -5,18 +5,21 @@ import { UseErrorsAndInfosReturn } from '../../hooks/use-alerts';
 export interface ContextProps {
     CALLBOTSCENARIO_ID?: string;
     COMPANY_ID: string;
+    AUTOFLOW_ID?: string;
 }
 export interface InstanceContextProps {
     axiosInstance: AxiosInstance;
     reactFlowRef: React.RefObject<HTMLDivElement>;
     context: ContextProps;
     BLOCKS_ENABLED?: BlockType[];
+    type: "autocall" | "autoflow";
 }
 export interface InstanceScriptEditorProps {
     BASE_URL: string;
     AUTHORIZATION_HEADER: string;
     context: ContextProps;
     BLOCKS_ENABLED?: BlockType[];
+    type: "autocall" | "autoflow";
     onAlertsChange?: (values: UseErrorsAndInfosReturn) => void;
 }
 interface InstanceContextProviderProps extends InstanceScriptEditorProps {

package/dist/src/lib/store/undo-redo/undoRedoStore.d.ts

@@ -0,0 +1,21 @@
+import { Edge, Node } from '@xyflow/react';
+type FlowSnapshot = {
+    nodes: Node[];
+    edges: Edge[];
+    viewport: {
+        x: number;
+        y: number;
+        zoom: number;
+    };
+};
+type UndoStoreState = {
+    history: FlowSnapshot[];
+    currentStep: number;
+    pushSnapshot: (snap: FlowSnapshot) => void;
+    applySnapshot: (step: number) => FlowSnapshot | null;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    reset: (snap: FlowSnapshot) => void;
+};
+export declare const useUndoStore: import('zustand').UseBoundStore<import('zustand').StoreApi<UndoStoreState>>;
+export {};

package/dist/src/lib/store/undo-redo/useUndoRedoControls.d.ts

@@ -0,0 +1,6 @@
+export declare const useUndoControls: () => {
+    canUndo: boolean;
+    canRedo: boolean;
+    undo: () => void;
+    redo: () => void;
+};

package/dist/src/lib/store/undo-redo/useUndoRedoManager.d.ts

@@ -0,0 +1,12 @@
+export declare const useUndoRedoManager: () => {
+    commitImmediate: () => void;
+    applySnapshot: (step: number, api: {
+        setNodes: (n: any[]) => void;
+        setEdges: (e: any[]) => void;
+        setViewport: (v: {
+            x: number;
+            y: number;
+            zoom: number;
+        }) => void;
+    }) => void;
+};

package/dist/src/lib/styles/colors.d.ts

@@ -26,18 +26,6 @@ declare const colors: {
         border: string;
         boxShadow: string;
     };
-    icon: {
-        speak: string;
-        listen: string;
-        transferCall: string;
-        getData: string;
-        updateData: string;
-        addData: string;
-        httpRequest: string;
-        condition: string;
-        assignVariable: string;
-        setting: string;
-    };
     groupBlock: {
         focus: string;
         indicator: string;
@@ -55,6 +43,28 @@ declare const colors: {
         border: string;
         boxShadow: string;
     };
+    contactBlock: {
+        background: string;
+        backgroundNoGradient: string;
+        boxShadow: string;
+    };
+    delayBlock: {
+        background: string;
+        backgroundNoGradient: string;
+        boxShadow: string;
+    };
+    icon: {
+        speak: string;
+        listen: string;
+        transferCall: string;
+        getData: string;
+        updateData: string;
+        addData: string;
+        httpRequest: string;
+        condition: string;
+        assignVariable: string;
+        setting: string;
+    };
     reactFlow: {
         boxShadow: string;
     };

package/dist/src/lib/utils/common.d.ts

@@ -0,0 +1,2 @@
+export declare function getInitialsAvatarName(name: string): string;
+export declare function getSuffixCount(name: string): number;

package/dist/src/services/campaign/useGetListCampaign.d.ts

@@ -0,0 +1,8 @@
+import { IPaginationInputs } from '../types';
+interface IParams extends IPaginationInputs {
+    enable?: boolean;
+    campaigns?: Record<string, boolean>;
+    currentFilters?: Record<string, any>;
+}
+declare const useGetListCampaign: ({ currentFilters, pagination, enable, campaigns, }: IParams) => import('@tanstack/react-query').UseQueryResult<any[], Error>;
+export default useGetListCampaign;

package/dist/src/services/contact/useInfiniteContact.d.ts

@@ -0,0 +1,8 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IContact, IPagination } from '../../lib';
+export declare const filterInfiniteContactKey = "filter-infinite-contact";
+declare const useInfiniteFilterContact: ({ currentFilters, pageSize, }: {
+    currentFilters: Record<string, unknown>;
+    pageSize?: number;
+}) => import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<AxiosResponse<IPagination<IContact>, any>, unknown>, AxiosError<unknown, any>>;
+export default useInfiniteFilterContact;

package/dist/src/services/enterprise/useInfiniteEnterprise.d.ts

@@ -0,0 +1,8 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IEnterprise, IPagination } from '../../lib';
+export declare const filterInfiniteEnterpriseKey = "filter-infinite-enterprise";
+declare const useInfiniteFilterEnterprise: ({ currentFilters, pageSize, }: {
+    currentFilters: Record<string, unknown>;
+    pageSize?: number;
+}) => import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<AxiosResponse<IPagination<IEnterprise>, any>, unknown>, AxiosError<unknown, any>>;
+export default useInfiniteFilterEnterprise;

package/dist/src/services/list/useFilterList.d.ts

@@ -0,0 +1,4 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IList, IPagination, IPaginationInputs } from '../types';
+declare const useFilterList: ({ pagination, currentFilters }: IPaginationInputs) => import('@tanstack/react-query').UseQueryResult<AxiosResponse<IPagination<IList>, any>, AxiosError<unknown, any>>;
+export default useFilterList;

package/dist/src/services/mail/useInfiniteMail.d.ts

@@ -0,0 +1,9 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IMailConfig, IPagination } from '../../lib';
+export declare const filterInfiniteOptionKey = "filter-infinite-option";
+declare const useInfiniteFilterMailConfig: ({ currentFilters, pageSize, enabled, }: {
+    currentFilters: Record<string, unknown>;
+    pageSize?: number;
+    enabled?: boolean;
+}) => import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<AxiosResponse<IPagination<IMailConfig>, any>, unknown>, AxiosError<unknown, any>>;
+export default useInfiniteFilterMailConfig;

package/dist/src/services/option/useInfiniteOption.d.ts

@@ -0,0 +1,9 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IOptionValue, IPagination } from '../../lib';
+export declare const filterInfiniteOptionKey = "filter-infinite-option";
+declare const useInfiniteFilterOption: ({ property_id, currentFilters, pageSize, }: {
+    property_id: string;
+    currentFilters: Record<string, unknown>;
+    pageSize?: number;
+}) => import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/react-query').InfiniteData<AxiosResponse<IPagination<IOptionValue>, any>, unknown>, AxiosError<unknown, any>>;
+export default useInfiniteFilterOption;

package/dist/src/services/profile/useGetCompanyProfile.d.ts

@@ -0,0 +1,5 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IProfile } from '../types';
+export declare const GetCompanyProfileKey = "companyprofileraw";
+declare function useGetCompanyProfile(search?: string): import('@tanstack/react-query').UseQueryResult<AxiosResponse<IProfile[], any>, AxiosError<unknown, any>>;
+export default useGetCompanyProfile;

package/dist/src/services/property/useGetAllProperty.d.ts

@@ -0,0 +1,5 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IProperty } from '../types';
+export declare const getAllPropertyQueryKey = "all_property";
+declare function useGetAllProperty(modeName: string, enabled?: boolean): import('@tanstack/react-query').UseQueryResult<AxiosResponse<IProperty[], any>, AxiosError<unknown, any>>;
+export default useGetAllProperty;

package/dist/src/services/property/useGetCallProperty.d.ts

@@ -0,0 +1,8 @@
+import { AxiosError, AxiosResponse } from 'axios';
+import { IProperty } from '../types';
+export declare const getCallPropertyQueryKey = "call_property";
+declare function useGetCallProperty({ currentFilters, enabled, }: {
+    currentFilters?: Record<string, unknown>;
+    enabled?: boolean;
+}): import('@tanstack/react-query').UseQueryResult<AxiosResponse<IProperty[], any>, AxiosError<unknown, any>>;
+export default useGetCallProperty;

package/dist/src/services/types.d.ts

@@ -1,4 +1,14 @@
+import { Dayjs } from 'dayjs';
 import { AI_MODEL } from '../lib/constants/ai-model';
+import { DATA_TYPE_PROPERTY } from '../lib/constants/common';
+export interface IPaginationInputs {
+    pagination?: {
+        page: number;
+        size: number;
+    };
+    currentFilters?: any;
+    is_color?: boolean;
+}
 export interface IPagination<T> {
     count: number;
     page_count: number;
@@ -30,7 +40,7 @@ export interface IVoice {
     audio_url?: string;
     type?: "HUMAN" | "ADVANCE";
 }
-export type IModelAPIKey = {
+export interface IModelAPIKey {
     id: number;
     name?: string;
     provider?: AI_MODEL;
@@ -40,4 +50,160 @@ export type IModelAPIKey = {
     is_ucall?: boolean;
     created_at?: string;
     updated_at?: string;
-};
+}
+export interface IOptionValue {
+    id?: string;
+    code?: string;
+    value?: string;
+    color?: string;
+    order?: number;
+    is_used?: boolean;
+    updated_at?: string;
+    created_at?: string;
+    property?: string;
+    created_by?: string | null;
+    changed_by?: string | null;
+}
+export interface IProperty {
+    allow_blank?: boolean;
+    allow_in_form?: boolean;
+    can_delete?: boolean;
+    can_edit_in_list_view?: boolean;
+    changed_by?: string | null;
+    company?: string;
+    created_at?: string;
+    created_by?: string | null;
+    default_in_form?: boolean;
+    default_in_kanban?: boolean;
+    default_in_summary?: boolean;
+    default_in_table?: boolean;
+    group_name?: string;
+    id?: string;
+    is_auto?: boolean;
+    is_special?: boolean;
+    is_used?: boolean;
+    name?: string;
+    options?: IOptionValue[];
+    value: string | string[] | Record<string, string | string[]> | IOptionValue | null;
+    order_default?: number;
+    slug?: string;
+    type?: DATA_TYPE_PROPERTY;
+    updated_at?: string;
+    app_model?: "contact" | "enterprise" | "crmproduct" | "crmdeal" | "crmorder" | "ticket" | "call";
+}
+export interface IProfileCompany {
+    profilecompany?: string;
+    priority?: number;
+}
+export interface IList {
+    id: string;
+    company?: string;
+    properties?: IProperty[];
+    updated_at?: string;
+    created_at?: string;
+    created_by?: string | null;
+    changed_by?: string | null;
+    total_contacts?: number;
+    total_enterprises?: number;
+    contacts?: any[];
+    enterprises?: any[];
+    profilegroups?: string[];
+    profilecompanys?: IProfileCompany[];
+    assign_type?: string;
+    is_auto_assign?: boolean;
+}
+export interface IFilter {
+    id?: number;
+    property?: string | null;
+    type?: string;
+    slug?: string;
+    name?: string;
+    value?: string | string[] | Dayjs | {
+        id: string;
+        name?: string;
+        slug: string;
+    }[];
+    operator?: string;
+    dateType?: string;
+    type_date?: string;
+}
+export interface IEnterprise {
+    id: string;
+    company: string;
+    properties?: IProperty[];
+    updated_at?: string;
+    created_at?: string;
+    created_by?: string | null;
+    changed_by?: string | null;
+    can_update?: boolean;
+}
+export interface IContact {
+    id: string;
+    company: string;
+    properties?: IProperty[];
+    updated_at?: string;
+    created_at?: string;
+    created_by?: string | null;
+    changed_by?: string | null;
+    can_update?: boolean;
+}
+export interface IPartner {
+    id?: string;
+    name: string;
+    is_default: boolean;
+    logo?: string;
+    dark_logo?: string;
+    price_voice_record: number;
+    price_voice_basic: number;
+    price_voice_advance: number;
+    price_hotline_hub: number;
+    price_hotline_own: number;
+    bank_name: string;
+    bank_number: string;
+    bank_user: string;
+    bank_content: string;
+    bank_qr: string;
+}
+export interface ICompany {
+    id: string;
+    name: string;
+    slug: string;
+    partner: IPartner;
+    company_name?: string;
+    is_tax?: boolean;
+    location?: string;
+    tax?: string;
+    tax_email?: string;
+    is_init_information?: boolean;
+    init_information?: any;
+}
+export interface IProfile {
+    id: string;
+    email: string;
+    phone_number: string;
+    company: ICompany;
+    types: string[];
+    full_name: string;
+    companies: ICompany[];
+    avatar?: string;
+}
+export interface IMailConfig {
+    id: string;
+    updated_at: null | string;
+    created_at: null | string;
+    name: null | string;
+    smtp_host: null | string;
+    smtp_port: null | number;
+    imap_host: null | string;
+    imap_port: null | number;
+    use_tls: null | boolean;
+    use_ssl: null | boolean;
+    email_timeout: null | number;
+    auth_user: null | string;
+    auth_password: null | string;
+    from_email: null | string;
+    reply_to: null | string;
+    company: null | string;
+    created_by: null | string;
+    changed_by: null | string;
+}

package/dist/src/services/voices/useListVoices.d.ts

@@ -1,6 +1,6 @@
 import { AxiosError, AxiosResponse } from 'axios';
 import { IVoice } from '../../lib';
 export declare const listVoiceKey = "infinite_filter_voice";
-export declare const useListVoice: ({ enabled, }: {
+export declare const useListVoice: ({ enabled }: {
     enabled?: boolean;
 }) => import('@tanstack/react-query').UseQueryResult<AxiosResponse<IVoice[], any>, AxiosError<unknown, any>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "app-v3-scripts-editor",
   "private": false,
-  "version": "1.9.0",
+  "version": "1.11.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ucall-asia/app-v3-scripts-editor.git"

package/dist/src/lib/components/Shared/ButtonEdge/index.d.ts

@@ -1,3 +0,0 @@
-import { EdgeProps } from '@xyflow/react';
-declare const ButtonEdge: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, target, markerEnd, }: EdgeProps) => import("react/jsx-runtime").JSX.Element;
-export default ButtonEdge;

package/dist/src/lib/components/Sidebar/index.d.ts

@@ -1,2 +0,0 @@
-declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;
-export default Sidebar;