@bikdotai/bik-component-library 0.0.646-beta.11 → 0.0.646-beta.2

package/dist/esm/components/data-source-panel/DataSourcePanel.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { AllSourceInfoDetailsCustomDataModel, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource } from './model';
-export interface DataSourcePanelProps {
-    storeId: string;
-    messageSource: MessageSource;
-    setMessageSourcePanel: (source?: MessageSource) => void;
-    hideCloseButton?: boolean;
-    title?: string;
-    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
-    isSourceInfoFetched?: boolean;
-    faqCount: number;
-    editableSources: CustomDataType[];
-    redirect: (sourceInfo: InfoContent) => void;
-    trainingSourceCount: {
-        [k in string]: number;
-    };
-    zeroStateButton: DataSourcePanelZeroState;
-    ChecklistType: Record<string, string>;
-    IntentComponentMap: Record<string, JSX.Element>;
-    ShowTrainingDataSource: Record<string, string>;
-    footerButtonOption?: footerButtonOptionModel;
-}
-export declare const DataSourcePanel: React.FC<DataSourcePanelProps>;

package/dist/esm/components/data-source-panel/DataSourcePanel.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import o from"../../assets/icons/boxV2.svg.js";import s from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/edit.svg.js";import r from"../../assets/icons/filePdf.svg.js";import l from"../../assets/icons/help.svg.js";import a from"../../assets/icons/info.svg.js";import d from"../../assets/icons/openai.svg.js";import c from"../../assets/icons/plus.svg.js";import p from"../../assets/icons/redirect.svg.js";import u from"../../assets/icons/text_t9.svg.js";import g from"../../assets/icons/website.svg.js";import{useState as h,useEffect as m}from"react";import{COLORS as v}from"../../constants/Theme.js";import{Button as f}from"../button/Button.js";import{IconButton as y}from"../icon-button/IconButton.js";import{BikShimmer as C}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as x}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleSmall as I,BodyCaption as L,BodySecondary as j}from"../TypographyStyle.js";import w from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as T}from"./DataSourcePanel.style.js";import{CustomDataType as E}from"./model.js";const S=S=>{var O,N;const{storeId:k,messageSource:D,setMessageSourcePanel:A,hideCloseButton:_,faqCount:B=0,isSourceInfoFetched:F,allSourceInfoDetail:K,ChecklistType:P,IntentComponentMap:W,title:q,zeroStateButton:M,editableSources:H,redirect:Q,trainingSourceCount:$,ShowTrainingDataSource:R,footerButtonOption:U}=S,{sources:X}=D,z=["blog","article","page","policy"],[G,V]=h(!1),[J,Y]=h(!1);m((()=>{var e,t,i,o;(null==D?void 0:D.messageId)&&(V(!0),setTimeout((()=>V(!1)),200),Y(!1!==(null===(t=null===(e=D.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(o=null===(i=D.sources)||void 0===i?void 0:i[0])||void 0===o?void 0:o.insights)))}),[null==D?void 0:D.messageId]);const Z=e=>!(0!==e.length&&!(null==D?void 0:D.isUnsatisfactoryAnswer)),ee=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var i;return"custom"==e?e=E.FILES:z.includes(e)?e=E.FETCHED_LINKS:"url"==e?e=E.WEBSITE_LINKS:"text"===e?e=E.TEXTS:"faq"===e&&(e=E.FAQ),t?e:null===(i=null==e?void 0:e.toLowerCase())||void 0===i?void 0:i.replace(/_/g," ")};return G||!F?e(T,{children:e(C,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})}):e(t,{children:e(T,{children:!!(null==X?void 0:X.length)&&i(t,{children:[i("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",paddingBottom:"12px"}},{children:[!!q&&e(I,{children:q}),i("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e(L,Object.assign({color:v.content.secondary},{children:"Intent"})),null!==(O=W[D.intent])&&void 0!==O?O:W.GENERIC,!_&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>A(void 0)},{children:e(s,{height:20,width:20,color:v.content.secondary})}))]})),Z(X)?e("div",Object.assign({style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"}},{children:(()=>{var t,o;return i("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"}},{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${v.background.negative.light}`,borderRadius:"100px"}},{children:e(a,{width:24,height:24,color:v.stroke.negative.vibrant})})),e("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e(I,{children:"Insufficient data"})})),e(j,Object.assign({color:v.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"}},{children:"No data available to answer this query. Add an FAQ to address it in the future"})),M&&e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(f,{LeadingIcon:null!==(t=M.leadingIcon)&&void 0!==t?t:c,buttonText:null!==(o=M.title)&&void 0!==o?o:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{M.onClick()}})}))]}))})()})):e(x,{LeadingIcon:a,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:D.isEditable?"If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in Manifest.":"Edit the original source and save again to update the response"})]})),!Z(X)&&e("div",Object.assign({className:"info-container"},{children:e("div",Object.assign({style:{padding:"0 8px",maxWidth:"100%"}},{children:X.map(((s,a)=>{var c,h,m,f,C,x,I,w,T,S,O,N,k,D;const A=ee(s.type||s.subTitle||"OpenAI"),_=ee(s.type||s.subTitle||"OpenAI",!0),B=(F=A)?"faq"==F.toLocaleLowerCase()?"FAQ":"openai"==F.toLocaleLowerCase()?"OPENAI":"files"==F.toLocaleLowerCase()?"PDF":"texts"==F.toLocaleLowerCase()?"Custom text":((F=(F=F.charAt(0).toUpperCase()+F.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(F=F.slice(0,-1)),F.replace("Website","Manual")):"";var F;const W=null==H?void 0:H.includes(_),q="Products"===s.subTitle?K[null!==(c=s.productId)&&void 0!==c?c:"Products"]:K[null!==(h=s.docId)&&void 0!==h?h:""],M=_.toLowerCase()===(null===(m=E.FAQ)||void 0===m?void 0:m.toLowerCase())?"faq"===(null===(f=s.title)||void 0===f?void 0:f.toLowerCase())?s.subTitle:s.title:_.toLowerCase()===(null===(C=E.FILES)||void 0===C?void 0:C.toLowerCase())||_.toLowerCase()===(null===(x=E.FETCHED_LINKS)||void 0===x?void 0:x.toLowerCase())||_.toLowerCase()===(null===(I=E.TEXTS)||void 0===I?void 0:I.toLowerCase())?s.title:_.toLowerCase()===(null===(w=E.WEBSITE_LINKS)||void 0===w?void 0:w.toLowerCase())?s.title.split("/")[s.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,i)=>t.toUpperCase()+i)):s.intent===P.EMAIL_COLLECTION?B:s.title,$="faq"===_.toLowerCase()?null===(T=null==q?void 0:q.data)||void 0===T?void 0:T.answer:_.toLowerCase()===(null===(S=E.FETCHED_LINKS)||void 0===S?void 0:S.toLowerCase())||_.toLowerCase()===(null===(O=E.WEBSITE_LINKS)||void 0===O?void 0:O.toLowerCase())||_.toLowerCase()===(null===(N=E.TEXTS)||void 0===N?void 0:N.toLowerCase())?null!==(D=null===(k=null==q?void 0:q.data)||void 0===k?void 0:k.fileContentText)&&void 0!==D?D:"":s.intent===P.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return i("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"24px 0px",borderBottom:`1px solid ${v.stroke.primary}`}},{children:[i("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e("div",Object.assign({style:{flex:1}},{children:e(b,Object.assign({body:M,placement:"top"},{children:e(j,Object.assign({style:_==E.FETCHED_LINKS||_==E.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:v.content.primary,className:"clamp-title",onClick:()=>_==E.FETCHED_LINKS||_==E.WEBSITE_LINKS?Q(s):{}},{children:M}))}))})),i("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[s.intent!==P.EMAIL_COLLECTION&&i(t,{children:[(U=A,e("products"==U?o:"files"==U?r:"website links"==U||"fetched links"==U?g:"faq"==U?l:"texts"==U?u:d,{height:16,width:16,color:v.content.secondary})),e(L,Object.assign({color:v.content.secondary},{children:B}))]}),(s.link||s.docId)&&e("div",Object.assign({style:{cursor:"pointer",marginLeft:"4px"}},{children:e(y,W?{Icon:n,height:16,width:16,bordered:!0,onClick:()=>null==q?void 0:q.onEditClick(q.data,q.type),disabled:!q,disabledTooltip:"This source is deleted"}:{Icon:p,height:16,width:16,bordered:!0,disabled:"custom"===s.type&&!q,disabledTooltip:"This source is deleted",onClick:()=>Q(s)})}))]}))]})),(null!=$?$:"").trim()&&e("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${v.stroke.primary}`,borderRadius:"4px",backgroundColor:v.surface.subdued}},{children:e(L,Object.assign({color:v.content.primary,className:"clamp-description"},{children:(R=null!=$?$:"",R.replace(/(<([^>]+)>)/gi,"")).trim()}))}))]}),`info-${a}`);var R,U}))}))})),J&&!Z(X)&&e("div",Object.assign({className:"footer"},{children:e(w,{storeId:k,messageSource:D,sourceIntent:null!==(N=D.intent)&&void 0!==N?N:P.GENERIC,faqCount:B,trainingSourceCount:$,ShowTrainingDataSource:R,ChecklistType:P,footerButtonOption:U})}))]})})})};export{S as DataSourcePanel};

package/dist/esm/components/data-source-panel/DataSourcePanel.style.d.ts

@@ -1,3 +0,0 @@
-export declare const SourceInfoDetailsStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WithoutContentSourceInfoDetailsStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SourceInfoFooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/data-source-panel/DataSourcePanel.style.js

@@ -1,123 +0,0 @@
-import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const i=e.div`
-	display: flex;
-	margin: 0px 8px 0px 8px;
-	padding: 20px 0px 20px 0px;
-	flex-direction: column;
-	max-height: calc(100vh - 130px);
-	.info-container {
-		border-radius: 8px;
-	}
-	.pop-up-header {
-		padding: 6px 8px;
-		background-color: rgba(255, 255, 255, 0.1);
-		display: flex;
-		flex-direction: column;
-		gap: 24px;
-	}
-	.footer {
-		display: flex;
-		flex-direction: column;
-		margin: 24px 8px 0px 8px;
-	}
-	.clamp-title {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: -webkit-box;
-		-webkit-line-clamp: 1;
-		-webkit-box-orient: vertical;
-		white-space: pre-line;
-	}
-	.clamp-description {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: -webkit-box;
-		-webkit-line-clamp: 5;
-		-webkit-box-orient: vertical;
-		white-space: pre-line;
-	}
-	overflow-y: scroll;
-	&::-webkit-scrollbar-thumb {
-		background: ${o.stroke.primary};
-		border-radius: 78px;
-	}
-	&::-webkit-scrollbar {
-		width: 8px;
-		display: block;
-	}
-`;e.div`
-	display: flex;
-	margin: 16px 0px 0px 0px;
-	padding: 0px 0px 16px 0px;
-	flex-direction: column;
-	border-bottom: 1px solid ${o.stroke.primary};
-	.info-container {
-		border-radius: 8px;
-		background-color: ${o.surface.grey};
-		max-height: calc(100vh - 380px);
-		overflow-y: scroll;
-		&::-webkit-scrollbar-thumb {
-			background: #888;
-			border-radius: 8px;
-		}
-		&::-webkit-scrollbar {
-			width: 4px;
-			display: block;
-		}
-	}
-	.pop-up-header {
-		padding: 6px 8px;
-		background-color: rgba(255, 255, 255, 0.1);
-		display: flex;
-		flex-direction: column;
-		gap: 16px;
-	}
-	.info-wrapper {
-		padding: 16px 0;
-		border-bottom: 1px solid ${o.stroke.primary};
-		display: flex;
-		flex-direction: column;
-		row-gap: 8px;
-		.info-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: start;
-			gap: 12px;
-		}
-	}
-	.info-wrapper:last-child {
-		border-bottom: none;
-	}
-	.footer {
-		display: flex;
-		flex-direction: column;
-		margin-top: 16px;
-	}
-	.clamp-text {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: -webkit-box;
-		-webkit-line-clamp: 1;
-		-webkit-box-orient: vertical;
-		white-space: pre-line;
-	}
-`;const r=e.div`
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-
-	.source_info_details {
-		display: flex;
-		flex-direction: column;
-		gap: 8px;
-		padding: 12px;
-		border-radius: 12px;
-		background-color: ${o.surface.grey};
-	}
-	.no_data_source {
-		background-color: ${o.background.negative.light};
-	}
-	.no_data_source_title {
-		display: flex;
-		gap: 8px;
-	}
-`;export{i as SourceInfoDetailsStyle,r as SourceInfoFooterStyle};

package/dist/esm/components/data-source-panel/index.d.ts

@@ -1 +0,0 @@
-export * from './DataSourcePanel';

package/dist/esm/components/data-source-panel/model.d.ts

@@ -1,135 +0,0 @@
-/// <reference types="react" />
-export interface MessageSource {
-    sources: InfoContent[];
-    intent: string;
-    messageId: string;
-    output_message_id?: string;
-    isUnsatisfactoryAnswer?: boolean;
-    isEditable?: boolean;
-}
-export interface InfoContent {
-    title: string;
-    docId?: string;
-    subTitle?: string;
-    link?: string | string[];
-    type?: string;
-    intent?: string;
-    productId?: string;
-    variantId?: string;
-    imageUrl?: string;
-    isTrainable?: boolean;
-    subIntent?: string;
-    insights?: string;
-}
-export interface DataSourcePanelZeroState {
-    title: string;
-    leadingIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    onClick: () => void;
-}
-export interface AllSourceInfoDetailsCustomDataModel {
-    [keys: string]: SourceInfoDetailsCustomDataModel;
-}
-export interface SourceInfoDetailsCustomDataModel {
-    storeId: string;
-    type: CustomDataType;
-    data: FileMetaData | CustomDataDocument | CustomDataFaqModel;
-    content?: string;
-    docId: string;
-    onEditClick: (item: FileMetaData | CustomDataDocument | CustomDataFaqModel, type: string) => void;
-    redirect?: (source: InfoContent) => void;
-}
-export declare enum CustomDataCategories {
-    PAGE = "page",
-    POLICY = "policy",
-    ARTICLE = "article",
-    UPLOADED = "uploaded",
-    TEXT = "text"
-}
-export type CustomDataCategory = keyof typeof CustomDataCategories;
-export declare enum CustomDataType {
-    FAQ = "FAQ",
-    FILES = "FILES",
-    WEBSITE_LINKS = "WEBSITE_LINKS",
-    TEXTS = "TEXTS",
-    FETCHED_LINKS = "FETCHED_LINKS",
-    URL = "URL",
-    TRAINING_TEMPLATE = "TRAINING_TEMPLATE"
-}
-export interface FileMetaData {
-    fileId: string;
-    fileName: string;
-    fileSize: string;
-    fileType: string;
-    fileUrl: string;
-    uploadType: 'URL' | 'FileUpload';
-    uploadDate: Date;
-    characterCount?: number;
-    intent?: string;
-    fileContent?: string;
-    fileContentPath?: string;
-    fileContentText?: string;
-    isActive?: boolean;
-}
-export interface CustomDataDocument {
-    category: CustomDataCategory;
-    id: string;
-    handle?: string;
-    title?: string;
-    createdAt?: Date;
-    updatedAt?: Date;
-    url?: string;
-    isActive?: boolean;
-    characterCount?: number;
-    intent?: string;
-    wasManualLinkAdded?: boolean;
-    fileContent?: string;
-    fileContentText?: string;
-    fileId?: string;
-    fileContentPath?: string;
-    fileName?: string;
-    lastEditedAt?: number;
-}
-export interface CustomDataFaqModel {
-    id: string;
-    question: string;
-    answer: string;
-    createdAt: Date;
-    updatedAt?: Date;
-    questionSpecificProducts?: Array<FaqProductModel>;
-    products?: Array<FaqProductModel>;
-    cta?: Array<LiveChatCTA>;
-    intent?: string;
-    crmNoteMeta?: CRMNoteMeta;
-    fromEditResponse?: boolean;
-    isTemplateFAQ?: boolean;
-    isSatisfactoryAnswer?: boolean;
-}
-export interface FaqProductModel {
-    id: string;
-    variantId: string;
-    name: string;
-    imageUrl: string;
-}
-export interface CRMNoteMeta {
-    createdAt: Date;
-    sessionId: string;
-    userId: number;
-    messageId: string;
-    customerId: string;
-    updatedAt: Date;
-}
-export interface LiveChatCTA {
-    url: string;
-    cta: string;
-    buttonType: string;
-}
-export interface footerButtonOptionModel {
-    title?: string;
-    subtitle?: string;
-    buttonTitle: string;
-    addFaqProps?: any;
-    redirectUrl?: string;
-    hideAddDataButton?: boolean;
-    navigate?: (pagePathKey: Record<string, string>, params?: object, queryParam?: object, openInNewTab?: boolean) => void;
-    onClick: () => void;
-}

package/dist/esm/components/data-source-panel/model.js

@@ -1 +0,0 @@
-var E,T;!function(E){E.PAGE="page",E.POLICY="policy",E.ARTICLE="article",E.UPLOADED="uploaded",E.TEXT="text"}(E||(E={})),function(E){E.FAQ="FAQ",E.FILES="FILES",E.WEBSITE_LINKS="WEBSITE_LINKS",E.TEXTS="TEXTS",E.FETCHED_LINKS="FETCHED_LINKS",E.URL="URL",E.TRAINING_TEMPLATE="TRAINING_TEMPLATE"}(T||(T={}));export{E as CustomDataCategories,T as CustomDataType};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export interface UnsatisfactoryCountIntentWiseProps {
-    storeId?: string;
-    showUnsatisfactoryResponseModal: boolean;
-    setShowUnsatisfactoryResponseModal: (value: boolean) => void;
-    ChecklistType: Record<string, string>;
-    UnsatisfactoryResponseIntentList: string[];
-    IntentHeaderTitle: Record<string, string>;
-    viewIntentWiseUnsatisfactoryResponse: (intent: string) => void;
-    fetchUnsatisfactoryResponseCountIntentWise: () => Promise<{
-        [keys in string]?: number;
-    }>;
-}
-export declare const UnsatisfactoryCountIntentWiseModal: React.FC<UnsatisfactoryCountIntentWiseProps>;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{StyledModal as a}from"../modals/styledModal.js";import{BikShimmer as c}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as o,TitleSmall as r,BodySecondary as d}from"../TypographyStyle.js";import{ModalBody as m}from"./UnsatisfactoryCountIntentWiseModal.style.js";const h=h=>{const{storeId:b,setShowUnsatisfactoryResponseModal:p,showUnsatisfactoryResponseModal:g,ChecklistType:y,UnsatisfactoryResponseIntentList:j,viewIntentWiseUnsatisfactoryResponse:O,IntentHeaderTitle:f,fetchUnsatisfactoryResponseCountIntentWise:v}=h,[u,x]=t(),[N,w]=t(!1);return n((()=>{b&&(w(!0),console.log("KB storeId",b),v().then((e=>{console.log("KB response",e),x(e),w(!1)})))}),[b]),e(a,Object.assign({onClose:()=>p(!1),open:g,headingTitle:"Improve unsatisfactory response"},{children:s(m,{children:[e("div",{children:e(o,Object.assign({style:{color:i.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),s("div",Object.assign({className:"modal-table"},{children:[s("div",Object.assign({className:"table-row header"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(r,Object.assign({style:{color:i.content.primary}},{children:"Intent"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(r,Object.assign({style:{color:i.content.primary}},{children:"Unsatisfactory response"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(r,Object.assign({style:{color:i.content.primary}},{children:"Action"}))}))]})),N&&[0,1,2,3,4,5,6].map((t=>s("div",Object.assign({className:"table-row"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(c,{boxes:[{width:"196px",height:"20px"}]})})),e("div",Object.assign({className:"table-cell center-align"},{children:e(c,{boxes:[{width:"176px",height:"20px"}]})})),e("div",Object.assign({className:"table-cell center-align"},{children:e(c,{boxes:[{width:"56px",height:"20px"}]})}))]}),t))),!N&&j.map((t=>s("div",Object.assign({className:"table-row"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(d,Object.assign({style:{color:i.content.primary}},{children:f[t]}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(d,Object.assign({style:{color:i.content.primary}},{children:(null==u?void 0:u[t])||"--"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(l,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>O(t),disabled:!(null==u?void 0:u[t])})}))]}),t)))]}))]})}))};export{h as UnsatisfactoryCountIntentWiseModal};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.d.ts

@@ -1 +0,0 @@
-export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.js

@@ -1,42 +0,0 @@
-import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const r=e.div`
-	display: flex;
-	flex-direction: column;
-	min-height: 480px;
-	max-height: 504px;
-	padding: 24px;
-	gap: 16px;
-	border-top: 1px solid ${o.stroke.primary};
-	.modal-table {
-		display: flex;
-		flex: 1;
-		height: calc(100% - 40px);
-		overflow-y: scroll;
-		flex-direction: column;
-		border: 1px solid ${o.stroke.primary};
-		border-radius: 8px;
-		width: 100%;
-		.header {
-			background-color: ${o.surface.subdued};
-			border-radius: 8px;
-			border-top: none !important;
-			position: sticky;
-			top: 0;
-		}
-		.center-align {
-			display: flex;
-			justify-content: center;
-		}
-		.table-row {
-			display: grid;
-			grid-template-columns: auto 240px 100px;
-			align-items: center;
-			border-top: 1px solid ${o.stroke.primary};
-			.table-cell {
-				height: 48px !important;
-				align-items: center;
-				display: flex;
-				padding: 0 16px;
-			}
-		}
-	}
-`;export{r as ModalBody};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface UnsatisfactoryResponseListProps {
-    storeId?: string;
-    incorrectMessages: any;
-    onIncorrectMessageBubbleClick: (messageId: string) => void;
-    setShowIncorrectReplies: (show: boolean) => void;
-    ChecklistType: Record<string, string>;
-    IntentHeaderTitle: Record<string, string>;
-    redirectToUnsatisfactoryResponse: (intent: string) => void;
-    fetchUnsatisfactoryResponseCountIntentWise: () => Promise<{
-        [keys in string]?: number;
-    }>;
-    fetchUnsatisfactoryResponseCount: () => Promise<number>;
-}
-export declare const UnsatisfactoryResponseList: React.FC<UnsatisfactoryResponseListProps>;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Avatar as c}from"../avatar/Avatar.js";import{SIZE as l,AVATAR_TYPES as d,AVATAR_BACKGROUND as p}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as m,StateInterface as f}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as h,BodySecondary as g,Caption as u}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as v}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as b}from"./UnsatisfactoryResponseList.style.js";const j=j=>{const{storeId:I,incorrectMessages:C,onIncorrectMessageBubbleClick:w,setShowIncorrectReplies:U,ChecklistType:x,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:M,fetchUnsatisfactoryResponseCount:T}=j,[k,N]=i(""),[S,A]=i((null==C?void 0:C.length)>0),[L,W]=i(!1);return r((()=>{S||T().then((e=>{e>0&&A(!0),0===e&&U(!1)}))}),[]),e(b,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[t(h,{children:"Unsatifactory responses"}),t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>U(!1)},{children:t(s,{height:16,width:16,color:a.content.primary})}))]})),t(g,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==C?void 0:C.length)&&t("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(m,{states:f.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:l.SMALL,icon:t(c,{type:d.ICON,size:l.MEDIUM,background:p.LIGHT,icon:()=>t(n,{width:16,height:16,color:a.content.warning})})})})),t("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==C?void 0:C.length)?"flex-start":"center"}},{children:t(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{W(!0)},disabled:!S})})),t(v,{storeId:I,setShowUnsatisfactoryResponseModal:W,showUnsatisfactoryResponseModal:L,ChecklistType:x,UnsatisfactoryResponseIntentList:[],IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:M,viewIntentWiseUnsatisfactoryResponse:R}),!!(null==C?void 0:C.length)&&t("div",Object.assign({className:"wrapper"},{children:C.map(((s,n)=>e("div",Object.assign({className:"bubble",onClick:()=>{w(s.messageId),N(s.messageId)},style:k===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[t(g,Object.assign({style:{color:a.content.primary}},{children:s.message})),t("div",{children:e(u,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),"incorrect-reply-"+n)))}))]})};export{j as UnsatisfactoryResponseList};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts

@@ -1 +0,0 @@
-export declare const IncorrectRepliesStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.js

@@ -1,38 +0,0 @@
-import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const e=o.div`
-	min-width: 100%;
-	padding: 20px;
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	height: 100%;
-	overflow-y: scroll;
-	flex: 1 1 0;
-	.wrapper {
-		display: flex;
-		flex-direction: column;
-		gap: 8px;
-		height: calc(100% - 92px);
-		overflow-y: scroll;
-		padding-right: 8px;
-		&::-webkit-scrollbar-thumb {
-			background: #888;
-			border-radius: 8px;
-		}
-		&::-webkit-scrollbar {
-			width: 6px;
-			display: block;
-		}
-	}
-	.bubble {
-		display: flex;
-		flex-direction: column;
-		padding: 12px;
-		border-radius: 12px;
-		row-gap: 4px;
-		cursor: pointer;
-		background-color: ${r.surface.subdued};
-	}
-	.bubble:hover {
-		background-color: ${r.surface.hovered};
-	}
-`;export{e as IncorrectRepliesStyle};