@bcrumbs.net/inbox 0.0.25 → 0.0.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/inbox",
   "description": "Inbox widget for Bread Crumbs portals",
-  "version": "0.0.25",
+  "version": "0.0.28",
   "keyword": [
     "bcrumbs",
     "bc-ui",
@@ -23,7 +23,7 @@
     "graphql": "15.4.0"
   },
   "dependencies": {
-    "@bcrumbs.net/bc-shared": "^0.0.5",
+    "@bcrumbs.net/bc-shared": "^0.0.6",
     "@bcrumbs.net/bc-ui": "^0.0.5",
     "@bcrumbs.net/bc-api": "^0.0.42",
     "@azure/storage-blob": "^12.25.0"

package/src/app/auth/components/UserAvatar/AccountSettingsDropdown.d.ts

@@ -7,5 +7,6 @@ export type AccountSettingsProps = {
     itemClicked: (e: DropdownListItemValue) => void;
     itemsList: DropdownListItemType[];
     dataTestid?: string;
+    userInfo?: any;
 };
-export declare function AccountSettingsDropdown({ url, itemsList, itemClicked, text, color, dataTestid, }: PropsWithChildren<AccountSettingsProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function AccountSettingsDropdown({ url, itemsList, itemClicked, text, color, dataTestid, userInfo }: PropsWithChildren<AccountSettingsProps>): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/auth/components/UserAvatar/index.d.ts

@@ -1,6 +1,7 @@
 export type AccountWrapperProps = {
     size?: number;
     textSize?: number;
+    rtl?: boolean;
 };
 export type UserAvatarProps = {
     userInfo: {
@@ -9,6 +10,7 @@ export type UserAvatarProps = {
         AccessFailedCount: number;
         Id: string;
         UserName: string;
+        Role?: string;
     };
     onLogout: () => void;
 };

package/src/app/auth/redux/actions/loginAction.d.ts

@@ -26,6 +26,14 @@ export declare function checkIfUserIsAuthenticated(time?: string, source?: strin
     user: {
         id: string;
         username: string;
+        role: string;
+    } | {
+        id: string;
+        email: string;
+        username: string;
+        lastLogin: string;
+        createdAt: string;
+        modifiedAt: string;
     } | null;
     source: string | undefined;
 };

package/src/app/auth/redux/actions/registerAction.d.ts

@@ -19,5 +19,13 @@ export declare function checkIfUserIsRegistered(time?: string): {
     user: {
         id: string;
         username: string;
+        role: string;
+    } | {
+        id: string;
+        email: string;
+        username: string;
+        lastLogin: string;
+        createdAt: string;
+        modifiedAt: string;
     } | null;
 };

package/src/app/auth/utils/formatNameFromEmail.d.ts

@@ -0,0 +1 @@
+export declare const formatNameFromEmail: (email?: string) => string;

package/src/app/contact/components/AddContact.d.ts

@@ -0,0 +1,7 @@
+interface AddContactProps {
+    setAddContactIsOpen: (isOpen: boolean) => void;
+    addContactIsOpen: boolean;
+    onContactCreated?: () => void;
+}
+declare const AddContact: ({ setAddContactIsOpen, addContactIsOpen, onContactCreated }: AddContactProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AddContact;

package/src/app/contact/components/ContactFilterOptions.d.ts

@@ -0,0 +1,10 @@
+interface FilterOptionsProps {
+    setSelectedTags: (tags: string[]) => void;
+    selectedTags: string[];
+    setSelectedStageId: (stageId: string | undefined) => void;
+    selectedStageId: string | undefined;
+    setFilterIsOpen: (isOpen: boolean) => void;
+    onApplyFilters?: () => void;
+}
+declare const FilterOptions: ({ setSelectedTags, selectedTags, setSelectedStageId, selectedStageId, setFilterIsOpen, onApplyFilters, }: FilterOptionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FilterOptions;

package/src/app/contact/components/ContactLifeCycleFilterOptions.d.ts

@@ -0,0 +1,5 @@
+interface FilterOptionsProps {
+    setFilterIsOpen: (isOpen: boolean) => void;
+}
+declare const ContactLifeCycleFilterOptions: ({ setFilterIsOpen }: FilterOptionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ContactLifeCycleFilterOptions;

package/src/app/contact/config/contactDefinition.d.ts

@@ -0,0 +1,4 @@
+import { Client } from '../../../graphql.autogenerated';
+import { ResourceDefinition } from '../types';
+declare const contactDefinition: ResourceDefinition<Client>;
+export default contactDefinition;

package/src/app/contact/config/contactLifeCycleDefinition.d.ts

@@ -0,0 +1,4 @@
+import { Tag } from '../../../graphql.autogenerated';
+import { ResourceDefinition } from '../types';
+declare const contactLifeCycleDefinition: ResourceDefinition<Tag>;
+export default contactLifeCycleDefinition;

package/src/app/contact/pages/contact/index.d.ts

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

package/src/app/contact/pages/contactLifeCycle/index.d.ts

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

package/src/app/contact/types.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import * as Apollo from '@apollo/client';
+import { ModelFieldsTypes } from '@bcrumbs.net/bc-api';
+export interface BackendField<T> {
+    field: keyof T;
+    i18Key?: string;
+    type: ModelFieldsTypes;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    subFields?: BackendField<T>[];
+    cssClass?: string;
+    CustomHeaderComponent?: React.FC<any>;
+    CustomRowComponent?: React.FC<any>;
+    sortable?: boolean;
+}
+export interface BackendCallDefinition<T> {
+    fields?: BackendField<T>[];
+    type: 'query' | 'lazyQuery' | 'mutation';
+    isPaginated?: boolean;
+}
+export interface BackendQueryDefinition<T> extends BackendCallDefinition<T> {
+    reactHook: (options: Apollo.QueryHookOptions<any, any> & ({
+        variables: any;
+        skip?: boolean;
+    } | {
+        skip: boolean;
+    })) => Apollo.QueryResult<any, any>;
+    queryName: string;
+    type: 'query';
+}
+export interface BackendLazyQueryDefinition<T> extends BackendCallDefinition<T> {
+    reactHook: (options: Apollo.LazyQueryHookOptions<any, any> & ({
+        variables: any;
+        skip?: boolean;
+    } | {
+        skip: boolean;
+    })) => Apollo.LazyQueryResultTuple<any, any>;
+    queryName: string;
+    type: 'lazyQuery';
+}
+export interface CustomComponentProps<T> {
+    resourceDef: ResourceDefinition<T>;
+    itemId?: string;
+}
+export interface BackendMutationDefinition<T> extends BackendCallDefinition<T> {
+    component?: React.FC<CustomComponentProps<T>>;
+    reactHook: (options: Apollo.MutationHookOptions<any, any>) => Apollo.MutationTuple<any, any, Apollo.DefaultContext, Apollo.ApolloCache<any>>;
+    type: 'mutation';
+}
+export interface ResourceDefinition<T> {
+    name: string;
+    i18Key: string;
+    orderField?: keyof T;
+    listQuery: BackendLazyQueryDefinition<T> | BackendQueryDefinition<T>;
+    getQuery?: BackendQueryDefinition<T>;
+    createMutation?: BackendMutationDefinition<T>;
+    patchMutation?: BackendMutationDefinition<T>;
+    deleteMutation?: Omit<BackendMutationDefinition<T>, 'fields'>;
+    client?: Apollo.ApolloClient<Apollo.NormalizedCacheObject>;
+}

package/src/app/generic/components/Containers.d.ts

@@ -3,3 +3,15 @@ export declare const FillContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FilterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ResourceTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/src/app/generic/hooks/useGetProviderIcon.d.ts

@@ -0,0 +1,4 @@
+declare const useGetProviderIcon: ({ provider }: {
+    provider: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default useGetProviderIcon;

package/src/app/generic/hooks/usePaginatedQuery.d.ts

@@ -0,0 +1,20 @@
+interface PaginationOptions {
+    limit?: number;
+    workspaceId?: string;
+    additionalVariables?: Record<string, any>;
+    searchQuery?: string;
+    tags?: string[];
+    stageId?: string;
+}
+interface UsePaginatedQueryResult<T> {
+    items: T[];
+    hasMore: boolean;
+    loading: boolean;
+    error: any;
+    loadMoreItems?: () => void;
+    refetch: () => void;
+    reset: () => void;
+    loadingMore: boolean;
+}
+export declare const usePaginatedQuery: <T = any>(resourceDef: any, options?: PaginationOptions) => UsePaginatedQueryResult<T>;
+export {};

package/src/app/generic/hooks/useResourceColumns.d.ts

@@ -0,0 +1,19 @@
+import { CellContext } from '@tanstack/react-table';
+import { CustomColumn, TableAction } from '@bcrumbs.net/bc-ui';
+import { ResourceDefinition } from '../../resources/config';
+interface GetResourceColumnsParams {
+    resourceDef: ResourceDefinition<any>;
+    onSortChange?: (field: string) => void;
+    customHeaderProps?: any;
+    customRowProps?: any;
+    otherActions?: TableAction[];
+    handlePatchResource?: (row: CellContext<any, any>) => void;
+    handleDeleteResource?: (row: CellContext<any, any>) => void;
+    currentSortField?: string;
+    currentSortDirection?: 'asc' | 'desc';
+}
+export declare const useResourceColumns: ({ resourceDef, onSortChange, customHeaderProps, customRowProps, otherActions, handlePatchResource, handleDeleteResource, currentSortField, currentSortDirection, }: GetResourceColumnsParams) => {
+    columns: CustomColumn[];
+    actions: TableAction[];
+};
+export {};

package/src/app/generic/hooks/useSort.d.ts

@@ -0,0 +1,7 @@
+export interface UseSortReturn<T> {
+    sortedItems: T[];
+    sortField: string | undefined;
+    sortDirection: 'asc' | 'desc';
+    onSortChange: (fieldName: string) => void;
+}
+export declare const useSort: <T extends Record<string, any>>(items: T[]) => UseSortReturn<T>;

package/src/app/inbox/components/NewConvList/ChatTypeSwitcher.d.ts

@@ -0,0 +1,6 @@
+interface ChatTypeSwitcherProps {
+    chatType: string;
+    setChatType: (chatType: string) => void;
+}
+declare const ChatTypeSwitcher: ({ chatType, setChatType }: ChatTypeSwitcherProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ChatTypeSwitcher;

package/src/app/inbox/components/NewConvList/ConvList.d.ts

@@ -0,0 +1,17 @@
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
+import { ConvsFilters } from '../../utils/convs';
+interface ConvListProps {
+    convs: Conversation[];
+    loading: boolean;
+    conversationTags: Tag[];
+    clientTags: Tag[];
+    clientStages: Tag[];
+    convStages: Tag[];
+    agents: Agent[];
+    filters: ConvsFilters;
+    setFilters: (filters: ConvsFilters) => void;
+    DropdownActions: ActionItem[];
+}
+declare const ConvList: ({ convs, loading, conversationTags, clientTags, clientStages, convStages, agents, filters, setFilters, DropdownActions, }: ConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ConvList;

package/src/app/inbox/components/NewConvList/ConversationItem.d.ts

@@ -0,0 +1,17 @@
+import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+import { ConvsFilters } from '../../utils/convs';
+interface ConversationItemProps {
+    conv: Conversation;
+    isActive?: boolean;
+    conversationTags: Tag[];
+    clientTags: Tag[];
+    clientStages: Tag[];
+    convStages: Tag[];
+    agents: Agent[];
+    filters: ConvsFilters;
+    setFilters: (filters: ConvsFilters) => void;
+    DropdownActions: ActionItem[];
+}
+declare const ConversationItem: ({ conv, isActive, conversationTags, clientTags, clientStages, convStages, agents, filters, setFilters, DropdownActions, }: ConversationItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ConversationItem;

package/src/app/inbox/components/NewConvList/HeaderSection.d.ts

@@ -0,0 +1,9 @@
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+interface HeaderSectionProps {
+    searchQuery: string;
+    setSearchQuery: (value: string) => void;
+    agentsMenu: ActionItem[];
+    lifeCycleMenu: ActionItem[];
+}
+declare const HeaderSection: ({ searchQuery, setSearchQuery, agentsMenu, lifeCycleMenu }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default HeaderSection;

package/src/app/inbox/components/NewConvList/index.d.ts

@@ -0,0 +1,12 @@
+import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
+interface NewConvListProps {
+    agents: Agent[];
+    convStages: Tag[];
+    convs: Conversation[];
+    loading: boolean;
+    conversationTags: Tag[];
+    clientTags: Tag[];
+    clientStages: Tag[];
+}
+declare const NewConvList: ({ agents, convStages, convs, loading, conversationTags, clientTags, clientStages, }: NewConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewConvList;

package/src/app/inbox/constants/index.d.ts

@@ -16,7 +16,6 @@ export declare const WABA_TEMPLATE_COSTS: {
     AUTHENTIC: number;
 };
 export declare const CONVERSATIONS_LIMIT = 100;
-export declare const MOBILE_DIMENSION = 767;
 export declare const WhatsappLanguageCodes: {
     ar: string;
     en: string;

package/src/app/inbox/hooks/useConvFilter.d.ts

@@ -0,0 +1,15 @@
+import { Agent, Tag } from '../../../graphql.autogenerated';
+import { ConvsFilters } from '../utils/convs';
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+declare const useConvFilter: ({ filters, setFilters, agents, convStages, myAgent, }: {
+    filters: ConvsFilters;
+    setFilters: (filters: ConvsFilters) => void;
+    agents: Agent[];
+    convStages: Tag[];
+    myAgent: Agent | undefined;
+}) => {
+    DropdownActions: ActionItem[];
+    getAgentsMenu: (addSeparatorAtLast?: boolean) => ActionItem[];
+    getLifeCycleMenu: (addSeparatorAtLast?: boolean) => ActionItem[];
+};
+export default useConvFilter;

package/src/app/inbox/utils/convs.d.ts

@@ -9,3 +9,5 @@ export type ConvsFilters = {
 };
 export declare function getNumOfNewClientMessages(messages: Maybe<Message[]> | undefined): number;
 export declare function getLastMessage(messages: Maybe<Message[]> | undefined): Message;
+export declare function truncateParagraph(paragraph: string, count?: number): string;
+export declare function formatSeconds(value: number): string;

package/src/app/layout/components/Header.d.ts

@@ -10,8 +10,7 @@ export declare const Separator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function Header({ onLogout, mobileInboxVersion }: {
+declare function Header({ onLogout }: {
     onLogout: () => void;
-    mobileInboxVersion: boolean;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Header;

package/src/app/layout/constants/index.d.ts

@@ -1,10 +1,18 @@
+import { Permission } from '@bcrumbs.net/bc-shared';
 export declare const BCMainNavigation: {
-    leftLinks: {
+    leftLinks: ({
         label: string;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
         link: string;
         action: string;
-    }[];
+        requiredPermissions?: undefined;
+    } | {
+        label: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        link: string;
+        action: string;
+        requiredPermissions: Permission[];
+    })[];
     leftBottomLinks: {
         label: string;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
@@ -12,3 +20,4 @@ export declare const BCMainNavigation: {
         action: string;
     }[];
 };
+export declare const MOBILE_DIMENSION = 767;

package/src/app/layout/hooks/useMobileInboxVersion.d.ts

@@ -0,0 +1,6 @@
+export declare const useMobileInboxVersion: () => {
+    mobileInboxVersion: boolean;
+    isInboxPath: boolean;
+    pageWidth: number;
+    location: import("history").Location<unknown>;
+};

package/src/app/resources/config/types.d.ts

@@ -11,6 +11,9 @@ export interface BackendField<T> {
     }[];
     subFields?: BackendField<T>[];
     cssClass?: string;
+    CustomHeaderComponent?: React.FC<any>;
+    CustomRowComponent?: React.FC<any>;
+    sortable?: boolean;
 }
 export interface BackendCallDefinition<T> {
     fields?: BackendField<T>[];

package/src/app/subscriptions/components/SubscriptionSwitcher/Switcher.d.ts

@@ -1,5 +1,4 @@
-import { ReactElement } from 'react';
-import { FooterItemsProps, HeaderItemsProps, DropdownListItemType, Color } from '@bcrumbs.net/bc-ui';
+import { FooterItemsProps, HeaderItemsProps, DropdownListItemType } from '@bcrumbs.net/bc-ui';
 export type SwitcherProps = {
     items: DropdownListItemType[];
     title?: string;
@@ -7,9 +6,6 @@ export type SwitcherProps = {
     footerItems?: FooterItemsProps[] | null;
     width?: number;
     name?: string;
-    img?: string;
-    iconContent?: ReactElement;
-    bgColor: Color;
     maxVisibleItems?: number;
     plan?: string | null;
     addPlanWord?: boolean;
@@ -18,4 +14,4 @@ export type SwitcherProps = {
     }) => void;
     isLoading: boolean;
 };
-export declare function Switcher({ items, title, headerItems, footerItems, width, name, img, iconContent, bgColor, maxVisibleItems, addPlanWord, isLoading, plan, onDropdownStateChange, }: SwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Switcher({ items, title, headerItems, footerItems, width, name, maxVisibleItems, addPlanWord, isLoading, plan, onDropdownStateChange, }: SwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/subscriptions/constants/Plans.d.ts

@@ -11,7 +11,8 @@ export declare enum PlanTypes {
     FREE = "free",
     BASIC = "basic",
     PREMIUM = "premium",
-    ENTERPRISE = "enterprise"
+    ENTERPRISE = "enterprise",
+    CUSTOM = "custom"
 }
 export declare const PlanCodes: {
     [key in PlanTypes]: string;

package/src/assets/locales/translations.d.ts

@@ -104,6 +104,7 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         terms: string;
     };
     subscriptions: {
+        planName: string;
         subscriptions: string;
         settings: string;
         sortByName: string;
@@ -294,6 +295,7 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         startWith_AGENT: string;
         startWith_AI_BY_COUNTRY_CODE: string;
         startWith_AGENT_BY_COUNTRY_CODE: string;
+        startWith_AUTO: string;
         countryCode: string;
         defaultAI: string;
         defaultAgent: string;
@@ -367,6 +369,9 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         broadcast: string;
         launch: string;
         messageTemplate: string;
+        version: string;
+        contactLifeCycle: string;
+        contact: string;
     };
     dashboard: {
         dashboardOverview: string;
@@ -444,4 +449,47 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         retry: string;
         checking: string;
     };
+    contact: {
+        addNewContact: string;
+        searchPlaceholder: string;
+        export: string;
+        name: string;
+        surname: string;
+        email: string;
+        phone: string;
+        address: string;
+        createDate: string;
+        tags: string;
+        loadingMoreText: string;
+        filterContent: string;
+        category: string;
+        status: string;
+        from: string;
+        to: string;
+        apply: string;
+        namePlaceholder: string;
+        surnamePlaceholder: string;
+        emailPlaceholder: string;
+        group: string;
+        groupPlaceholder: string;
+        cancel: string;
+        save: string;
+        externalClientId: string;
+        externalClientIdPlaceholder: string;
+        stage: string;
+        noTagsAvailable: string;
+        noStagesAvailable: string;
+        title: string;
+        noContacts: string;
+    };
+    contactLifeCycle: {
+        searchPlaceholder: string;
+        export: string;
+        filterContent: string;
+        from: string;
+        to: string;
+        apply: string;
+        title: string;
+        noContactLifecycle: string;
+    };
 }>, current?: string) => void;

package/src/config/constants.d.ts

@@ -8,4 +8,4 @@ export declare const HELPDESK_URL = "https://bcrumbs.featurebase.app/help";
 export declare const CHANGELOG_URL = "https://bcrumbs.featurebase.app/changelog";
 export declare const FEEDBACK_URL = "https://bcrumbs.featurebase.app/";
 export declare const ROADMAP_URL = "https://bcrumbs.featurebase.app/roadmap";
-export declare const SUPPORT_PHONE = "19306009087";
+export declare const SUPPORT_PHONE = "19179638971";