@bcrumbs.net/inbox 0.0.58 → 0.0.59

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/inbox",
   "description": "Inbox widget for Bread Crumbs portals",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "keyword": [
     "bcrumbs",
     "bc-ui",
@@ -24,8 +24,8 @@
     "graphql": "15.4.0"
   },
   "dependencies": {
-    "@bcrumbs.net/bc-shared": "^0.0.9",
-    "@bcrumbs.net/bc-ui": "^0.0.14",
+    "@bcrumbs.net/bc-shared": "^0.0.10",
+    "@bcrumbs.net/bc-ui": "^0.0.15",
     "@bcrumbs.net/bc-api": "^0.0.47",
     "@azure/storage-blob": "^12.25.0"
   },

package/src/app/broadcast/utils/helper.d.ts

@@ -1,4 +1,5 @@
-export declare const fullDateTimeFormat: (date: string | null | undefined) => string;
+export declare const formatLocalizedDate: (date: string | null | undefined, locale?: string) => string;
+export declare const fullDateTimeFormat: (date: string | null | undefined, locale?: string) => string;
 /**
  * Template sends store `content` as JSON: `{ name, language: { code }, components }`.
  */

package/src/app/dashboard/components/DashboardSections.d.ts

@@ -1,6 +1,7 @@
-import { Agent, AgentsReportQuery, ConvsReportQuery, Conversation } from '../../../graphql.autogenerated';
+import { Agent, AgentsReportQuery, ConvTagsReportQuery, ConvsReportQuery, Conversation } from '../../../graphql.autogenerated';
 import React from 'react';
 type AgentReportNode = NonNullable<AgentsReportQuery['agentsReport']['nodes']>[number];
+type ConvTagReportNode = NonNullable<ConvTagsReportQuery['convTagsReport']['nodes']>[number];
 type ConvReportNode = NonNullable<ConvsReportQuery['convsReport']['nodes']>[number];
 type ReportNode = AgentReportNode | ConvReportNode;
 interface DashboardSectionsProps {
@@ -9,6 +10,8 @@ interface DashboardSectionsProps {
     agentsReportData?: AgentReportNode[];
     agentsLoading?: boolean;
     agentsReportLoading?: boolean;
+    convTagsReportData?: ConvTagReportNode[];
+    convTagsReportLoading?: boolean;
     totalMessages?: number;
     convsLoading?: boolean;
     integrationId?: string;
@@ -18,7 +21,8 @@ interface DashboardSectionsProps {
     liveConvs?: Conversation[] | null;
     startDate: string;
     endDate: string;
+    selectedPeriod: string;
     reportNodes: ReportNode[];
 }
-declare const _default: React.MemoExoticComponent<({ agentsData, allAgentsData, agentsReportData, agentsLoading, agentsReportLoading, totalMessages, convsLoading, integrationId, agentIds, assignedConversations, unassignedConversations, liveConvs, startDate, endDate, reportNodes, }: DashboardSectionsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ agentsData, allAgentsData, agentsReportData, agentsLoading, agentsReportLoading, convTagsReportData, convTagsReportLoading, totalMessages, convsLoading, integrationId, agentIds, assignedConversations, unassignedConversations, liveConvs, startDate, endDate, selectedPeriod, reportNodes, }: DashboardSectionsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/dashboard/components/OpenedChatsCard.d.ts

@@ -2,7 +2,8 @@ export interface AllChatsCardProps {
     totalMessages?: number;
     assignedConversations?: number;
     unassignedConversations?: number;
+    selectedPeriod?: string;
     loading?: boolean;
 }
-declare const OpenedChatsCard: ({ totalMessages, assignedConversations, unassignedConversations, loading, }: AllChatsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const OpenedChatsCard: ({ totalMessages, assignedConversations, unassignedConversations, selectedPeriod, loading, }: AllChatsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default OpenedChatsCard;

package/src/app/dashboard/components/TagPerformanceCard.d.ts

@@ -0,0 +1,8 @@
+import { ConvTagsReportQuery } from '../../../graphql.autogenerated';
+type ConvTagReportNode = NonNullable<ConvTagsReportQuery['convTagsReport']['nodes']>[number];
+interface TagPerformanceCardProps {
+    data?: ConvTagReportNode[];
+    loading?: boolean;
+}
+declare const TagPerformanceCard: ({ data, loading }: TagPerformanceCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TagPerformanceCard;

package/src/app/dashboard/utils/dateHelpers.d.ts

@@ -21,4 +21,7 @@ export declare const getBroadcastReportQueryDateRange: (period?: string) => {
     startDate?: string;
     endDate?: string;
 };
+export declare const PERIOD_TRANSLATION_KEYS: Record<string, string>;
+export declare const getPeriodTranslationKey: (period: string) => string;
+export declare const isDateInRange: (date: string | Date, startDate: string, endDate: string) => boolean;
 export declare const formatTime: (seconds: number) => string;

package/src/app/inbox/components/Chat/ChatContent.d.ts

@@ -18,6 +18,7 @@ interface ChatContentProps {
         title: string;
         content: string;
         id: string;
+        type: MessageType;
     } | null;
     onCancelReplyMessage: () => void;
     errorMessage: string;

package/src/app/inbox/components/Shared/SharedStyle.d.ts

@@ -13,12 +13,6 @@ export declare const DetailsSectionLabel: import("@emotion/styled").StyledCompon
 export declare const EditButton: import("@emotion/styled").StyledComponent<import("@bcrumbs.net/bc-ui").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const TagContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    $isMobile?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ClientDetailsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

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

@@ -1,9 +1,10 @@
+import { Role } from '@bcrumbs.net/bc-shared';
 import { Agent, Conversation } from '../../../graphql.autogenerated';
 interface Props {
-    hasAdminOrOwnerRole?: boolean;
+    role?: Role;
     selectedConv?: Conversation;
     myAgent?: Agent;
     userType?: string;
 }
-declare const useCanContribute: ({ hasAdminOrOwnerRole, selectedConv, myAgent, userType }: Props) => boolean;
+declare const useCanContribute: ({ role, selectedConv, myAgent, userType }: Props) => boolean;
 export default useCanContribute;

package/src/app/resources/components/Integrations/Facebook/PagePickerPopup.d.ts

@@ -1,9 +1,8 @@
 import { IntegrationWithSecrets } from '../../../../../graphql.autogenerated';
 import { FBPage } from '../../../hooks/useFBPagesHook';
-export declare function PagePickerPopup({ onClose, setInitialValues, token, pages, rtl, }: {
+export declare function PagePickerPopup({ onClose, setInitialValues, pages, rtl, }: {
     onClose: () => void;
     setInitialValues: (initialResource: Partial<IntegrationWithSecrets>) => void;
-    token?: string;
     pages: FBPage[];
     rtl?: boolean;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/resources/components/Integrations/Facebook/index.d.ts

@@ -4,7 +4,9 @@ import { IntegrationFlowComponentProps } from '../types';
 import { ChannelFlowExtendedProps } from '../RenderCorrectIntegrationFlow';
 type Props = IntegrationFlowComponentProps<IntegrationWithSecrets> & ChannelFlowExtendedProps;
 export declare const FacebookMessanger: React.FC<Props>;
-export declare const FacebookMessangerReconnect: React.FC<IntegrationFlowComponentProps<IntegrationWithSecrets>>;
+export declare const FacebookMessangerReconnect: React.FC<IntegrationFlowComponentProps<IntegrationWithSecrets> & {
+    pageId?: string;
+}>;
 export declare const InstaMessanger: React.FC<IntegrationFlowComponentProps<IntegrationWithSecrets>>;
 export declare const InstaMessangerReconnect: React.FC<IntegrationFlowComponentProps<IntegrationWithSecrets>>;
 export {};

package/src/app/resources/components/ListResources/Utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFunction } from "i18next";
 import { Row, Action } from "@bcrumbs.net/bc-ui";
 import { ResourceDefinition } from "../../config";

package/src/app/resources/hooks/useFBPagesHook.d.ts

@@ -6,6 +6,7 @@ declare global {
 export interface FBPage {
     id: string;
     name: string;
+    access_token: string;
 }
 declare function useFBPagesHook(scope: string): {
     login: (onResult: (fbUserAccessToken: string, pages: FBPage[]) => void) => void;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionUsers.d.ts

@@ -4,7 +4,7 @@ type SubscriptionProfileRouteProps = {
     users: any[];
     refetchUsers: any;
     loadingUsers: boolean;
-    inviteUser: (companyId: number, email: string) => Promise<unknown>;
+    inviteUser: (companyId: number, Email: string, actorEmail: string) => Promise<unknown>;
     removeUserFromCompany: (companyId: number, userId: string) => Promise<unknown>;
 };
 export declare const SubscriptionUsers: (props: SubscriptionProfileRouteProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -120,6 +120,18 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         sessionNotFound: string;
         subscriptionUpdated: string;
         subscriptionVerified: string;
+        purchaseConfirmed: string;
+        purchaseConfirmedDescription: string;
+        purchaseConfirmedWithPlan: string;
+        planName: string;
+        billingInterval: string;
+        nextRenewalDate: string;
+        createFirstChannel: string;
+        goToInbox: string;
+        manageSubscription: string;
+        helpAlert: string;
+        helpAlertWhatsApp: string;
+        channelGuideTitle: string;
         subscriptionCancelled: string;
         subscriptionCancelledDescription: string;
         backToInbox: string;
@@ -193,7 +205,13 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         workspaceIdCopyFailed: string;
         copyWorkspaceId: string;
         upgradePlan: string;
+        planUpdatedSuccessfully: string;
         cancelSubscription: string;
+        cancelSubscriptionConfirmTitle: string;
+        cancelSubscriptionConfirmDescription: string;
+        subscriptionCanceledSuccessfully: string;
+        subscriptionReactivatedSuccessfully: string;
+        reactivateSubscription: string;
         activePlan: string;
         cancelledBadge: string;
         currentCycleEnd: string;
@@ -592,6 +610,7 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         agentPerformance: string;
         agents: string;
         openedChats: string;
+        openedChatsForPeriod: string;
         agent: string;
         messagesSent: string;
         messagesReceived: string;
@@ -613,6 +632,9 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         last14Days: string;
         last30Days: string;
         agentPerformanceTooltip: string;
+        tagPerformance: string;
+        tag: string;
+        tagPerformanceTooltip: string;
         selectAll: string;
         clearAll: string;
         reports: string;
@@ -980,6 +1002,9 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
             integrationNamePlaceholder: string;
             token: string;
             tokenPlaceholder: string;
+            authorizationCode: string;
+            authorizationCodePlaceholder: string;
+            zohoInvalidCode: string;
             urlHeader: string;
             urlHeaderPlaceholder: string;
             clientId: string;

package/src/graphql.autogenerated.d.ts

@@ -1192,6 +1192,57 @@ export type ConvTagInput = {
     tag: Scalars['String']['input'];
     workspaceId: Scalars['Int']['input'];
 };
+/** ConvTagReport is a report of conversations breaked down by tag per day. It is used to understand tag performance. */
+export type ConvTagReport = {
+    __typename?: 'ConvTagReport';
+    /** The number of messages sent by the agents. */
+    agentMessagesCount: Scalars['Int']['output'];
+    /** The average rating for rated conversations. */
+    averageRating: Scalars['Float']['output'];
+    /** The average time of the conversation. */
+    avgConversationTime: Scalars['Int']['output'];
+    /** The average time to first response. */
+    avgFirstResponseTime: Scalars['Int']['output'];
+    /** The number of messages sent by the clients. */
+    clientMessageCount: Scalars['Int']['output'];
+    /** The number of conversations with this tag. */
+    conversationCount: Scalars['Int']['output'];
+    /** The date and time when the tag report was created. */
+    createdAt: Scalars['DateTime']['output'];
+    /** The CSAT percentage (4 and 5 ratings over rated conversations). */
+    csat: Scalars['Float']['output'];
+    /** Conversations included in avgFirstResponseTime (client messaged before the agent replied). */
+    firstResponseConversationCount: Scalars['Int']['output'];
+    id: Scalars['ID']['output'];
+    /** The integration (channel) id. */
+    integrationId: Scalars['ID']['output'];
+    /** The number of new client conversations. */
+    newClientConvCount?: Maybe<Scalars['Int']['output']>;
+    /** The percentage of conversations that received a rating. */
+    responseRate: Scalars['Float']['output'];
+    /** The tag name. */
+    tag: Scalars['String']['output'];
+    workspaceId: Scalars['Int']['output'];
+};
+/** ConvTagsReportInput is an input of the conversation tags report query. */
+export type ConvTagsReportInput = {
+    /** The end date of the report. */
+    endDate: Scalars['DateTime']['input'];
+    /** The integration/channel id of the conversation. */
+    integrationId?: InputMaybe<Scalars['ID']['input']>;
+    /** The start date of the report. */
+    startDate: Scalars['DateTime']['input'];
+    /** Filter by a single tag name. */
+    tag?: InputMaybe<Scalars['String']['input']>;
+    /** Filter by multiple tag names (OR). When non-empty, takes precedence over tag. */
+    tags?: InputMaybe<Array<Scalars['String']['input']>>;
+    workspaceId: Scalars['Int']['input'];
+};
+/** ConvTagsReportPayload is a payload of the conversation tags report query. */
+export type ConvTagsReportPayload = {
+    __typename?: 'ConvTagsReportPayload';
+    nodes?: Maybe<Array<ConvTagReport>>;
+};
 /** Conversation is a type of the conversation. */
 export type Conversation = {
     __typename?: 'Conversation';
@@ -1600,6 +1651,8 @@ export type MediaType = typeof MediaType[keyof typeof MediaType];
 /** Message is a type of the message. */
 export type Message = {
     __typename?: 'Message';
+    /** When the message record was persisted in the database. Null for legacy rows. */
+    addedAt?: Maybe<Scalars['DateTime']['output']>;
     /** The id of the agent that sent the message. */
     agentId?: Maybe<Scalars['ID']['output']>;
     /**
@@ -1609,7 +1662,7 @@ export type Message = {
     content: Scalars['String']['output'];
     /** The context of the message. */
     context?: Maybe<MessageContext>;
-    /** The date and time when the message was created. */
+    /** When the message was sent or received on the channel (e.g. WhatsApp timestamp). */
     createdAt: Scalars['DateTime']['output'];
     /** The external message id of the message. */
     externalMessageId?: Maybe<Scalars['String']['output']>;
@@ -2257,6 +2310,8 @@ export type Query = {
     convLastMessage?: Maybe<Message>;
     /** Get an AI summary for conversation messages. */
     convSummary: ConvAssistPayload;
+    /** Get the conversation tags report. You should have the MANAGE_CONVS permission to get the tags report. */
+    convTagsReport: ConvTagsReportPayload;
     /** Get the conversations. If you don't have the MANAGE_CONVS permission, it will return only the conversations assigned to you. */
     convs: ConvsPayload;
     /** Get the conversations report. You should have the MANAGE_CONVS permission to get the conversations report. */
@@ -2372,6 +2427,9 @@ export type QueryConvLastMessageArgs = {
 export type QueryConvSummaryArgs = {
     input: ConvAssistInput;
 };
+export type QueryConvTagsReportArgs = {
+    input: ConvTagsReportInput;
+};
 export type QueryConvsArgs = {
     input: ConvsInput;
     pageInfo?: InputMaybe<PageInfoInput>;
@@ -3877,6 +3935,24 @@ export type AgentReportFragment = {
     csat: number;
     createdAt: any;
 };
+export type ConvTagReportFragment = {
+    __typename?: 'ConvTagReport';
+    workspaceId: number;
+    id: string;
+    tag: string;
+    integrationId: string;
+    conversationCount: number;
+    agentMessagesCount: number;
+    clientMessageCount: number;
+    avgFirstResponseTime: number;
+    firstResponseConversationCount: number;
+    avgConversationTime: number;
+    newClientConvCount?: number | null;
+    responseRate: number;
+    averageRating: number;
+    csat: number;
+    createdAt: any;
+};
 export type ConversationReportFragment = {
     __typename?: 'ConversationReport';
     workspaceId: number;
@@ -3921,6 +3997,33 @@ export type AgentsReportQuery = {
         }> | null;
     };
 };
+export type ConvTagsReportQueryVariables = Exact<{
+    input: ConvTagsReportInput;
+}>;
+export type ConvTagsReportQuery = {
+    __typename?: 'Query';
+    convTagsReport: {
+        __typename?: 'ConvTagsReportPayload';
+        nodes?: Array<{
+            __typename?: 'ConvTagReport';
+            workspaceId: number;
+            id: string;
+            tag: string;
+            integrationId: string;
+            conversationCount: number;
+            agentMessagesCount: number;
+            clientMessageCount: number;
+            avgFirstResponseTime: number;
+            firstResponseConversationCount: number;
+            avgConversationTime: number;
+            newClientConvCount?: number | null;
+            responseRate: number;
+            averageRating: number;
+            csat: number;
+            createdAt: any;
+        }> | null;
+    };
+};
 export type ConvsReportQueryVariables = Exact<{
     input: ConvsReportInput;
 }>;
@@ -5875,6 +5978,7 @@ export declare const UserRoleFragmentDoc: Apollo.DocumentNode;
 export declare const BroadcastFragmentDoc: Apollo.DocumentNode;
 export declare const BroadcastReportFragmentDoc: Apollo.DocumentNode;
 export declare const AgentReportFragmentDoc: Apollo.DocumentNode;
+export declare const ConvTagReportFragmentDoc: Apollo.DocumentNode;
 export declare const ConversationReportFragmentDoc: Apollo.DocumentNode;
 export declare const PageInfoFragmentDoc: Apollo.DocumentNode;
 export declare const AgentFragmentDoc: Apollo.DocumentNode;
@@ -6935,6 +7039,47 @@ export declare function refetchAgentsReportQuery(variables: AgentsReportQueryVar
         input: AgentsReportInput;
     }>;
 };
+export declare const ConvTagsReportDocument: Apollo.DocumentNode;
+/**
+ * __useConvTagsReportQuery__
+ *
+ * To run a query within a React component, call `useConvTagsReportQuery` and pass it any options that fit your needs.
+ * When your component renders, `useConvTagsReportQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useConvTagsReportQuery({
+ *   variables: {
+ *      input: // value for 'input'
+ *   },
+ * });
+ */
+export declare function useConvTagsReportQuery(baseOptions: Apollo.QueryHookOptions<ConvTagsReportQuery, ConvTagsReportQueryVariables> & ({
+    variables: ConvTagsReportQueryVariables;
+    skip?: boolean;
+} | {
+    skip: boolean;
+})): Apollo.QueryResult<ConvTagsReportQuery, Exact<{
+    input: ConvTagsReportInput;
+}>>;
+export declare function useConvTagsReportLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<ConvTagsReportQuery, ConvTagsReportQueryVariables>): Apollo.LazyQueryResultTuple<ConvTagsReportQuery, Exact<{
+    input: ConvTagsReportInput;
+}>>;
+export declare function useConvTagsReportSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<ConvTagsReportQuery, ConvTagsReportQueryVariables>): Apollo.UseSuspenseQueryResult<ConvTagsReportQuery | undefined, Exact<{
+    input: ConvTagsReportInput;
+}>>;
+export type ConvTagsReportQueryHookResult = ReturnType<typeof useConvTagsReportQuery>;
+export type ConvTagsReportLazyQueryHookResult = ReturnType<typeof useConvTagsReportLazyQuery>;
+export type ConvTagsReportSuspenseQueryHookResult = ReturnType<typeof useConvTagsReportSuspenseQuery>;
+export type ConvTagsReportQueryResult = Apollo.QueryResult<ConvTagsReportQuery, ConvTagsReportQueryVariables>;
+export declare function refetchConvTagsReportQuery(variables: ConvTagsReportQueryVariables): {
+    query: Apollo.DocumentNode;
+    variables: Exact<{
+        input: ConvTagsReportInput;
+    }>;
+};
 export declare const ConvsReportDocument: Apollo.DocumentNode;
 /**
  * __useConvsReportQuery__