@bikdotai/bik-component-library 0.0.735-beta.1 → 0.0.735

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

@@ -1,44 +1,45 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { AllSourceInfoDetailsCustomDataModel, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
-export interface ProductSearchRuleDB {
-    rule_id?: string;
-    rule_name: string;
-    keywords: string[];
-}
-export interface CollapsibleSectionProps {
-    title: string;
-    count: number;
-    isExpanded: boolean;
-    onToggle: () => void;
-    children: React.ReactNode;
-}
-export interface DataSourcePanelProps {
-    children?: React.ReactNode;
-    storeId: string;
-    appType: ApplicationType;
-    messageSource: MessageSource;
-    setMessageSourcePanel: (source?: MessageSource) => void;
-    hideCloseButton?: boolean;
-    title?: string;
-    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
-    isSourceInfoFetched?: boolean;
-    editableSources: CustomDataType[];
-    redirect: (sourceInfo: InfoContent) => void;
-    preFillTrainingSourceCount?: {
-        [k in string]: number;
-    };
-    zeroStateButton: DataSourcePanelZeroState;
-    ChecklistType: Record<string, string>;
-    footerButtonOption?: footerButtonOptionModel;
-    fetchTrainingSourceCount: (storeId: string) => Promise<{
-        [k in string]: number;
-    }>;
-    fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
-    productSourceData?: ProductSourceData;
-    reasonForAiGeneratedResponse?: string;
-    showAiResponseReason?: boolean;
-    aiResponseLoading?: boolean;
-    productSearchRule?: ProductSearchRuleDB;
-    onEditProductSearchRule?: (ruleId: string) => void;
-}
-export declare const DataSourcePanel: React.FC<DataSourcePanelProps>;
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { AllSourceInfoDetailsCustomDataModel, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
+export interface ProductSearchRuleDB {
+    rule_id?: string;
+    rule_name: string;
+    keywords: string[];
+}
+export interface CollapsibleSectionProps {
+    title: string;
+    count: number;
+    isExpanded: boolean;
+    onToggle: () => void;
+    children: React.ReactNode;
+}
+export interface DataSourcePanelProps {
+    children?: React.ReactNode;
+    storeId: string;
+    appType: ApplicationType;
+    messageSource: MessageSource;
+    setMessageSourcePanel: (source?: MessageSource) => void;
+    hideCloseButton?: boolean;
+    title?: string;
+    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
+    isSourceInfoFetched?: boolean;
+    editableSources: CustomDataType[];
+    redirect: (sourceInfo: InfoContent) => void;
+    preFillTrainingSourceCount?: {
+        [k in string]: number;
+    };
+    zeroStateButton: DataSourcePanelZeroState;
+    ChecklistType: Record<string, string>;
+    footerButtonOption?: footerButtonOptionModel;
+    fetchTrainingSourceCount: (storeId: string) => Promise<{
+        [k in string]: number;
+    }>;
+    fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
+    productSourceData?: ProductSourceData;
+    reasonForAiGeneratedResponse?: string;
+    showAiResponseReason?: boolean;
+    aiResponseLoading?: boolean;
+    productSearchRule?: ProductSearchRuleDB;
+    onEditProductSearchRule?: (ruleId: string) => void;
+}
+export declare const DataSourcePanel: React.FC<DataSourcePanelProps>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),o=require("../../assets/icons/box_search.svg.js"),i=require("../../assets/icons/boxV2.svg.js"),s=require("../../assets/icons/chevronDownOutline.svg.js"),n=require("../../assets/icons/chevronUpOutline.svg.js"),l=require("../../assets/icons/cross.svg.js"),r=require("../../assets/icons/edit.svg.js"),a=require("../../assets/icons/filePdf.svg.js"),d=require("../../assets/icons/help.svg.js"),c=require("../../assets/icons/info.svg.js"),u=require("../../assets/icons/openai.svg.js"),p=require("../../assets/icons/plus.svg.js"),x=require("../../assets/icons/redirect.svg.js"),h=require("../../assets/icons/text_t9.svg.js"),y=require("../../assets/icons/website.svg.js"),C=require("react"),g=require("../../constants/Theme.js"),m=require("../button/Button.js"),f=require("../icon-button/IconButton.js"),v=require("../shimmer/ShimmerComponent/BikShimmer.js"),j=require("../side-modal/SideModal.js"),S=require("../tag/Tag.js"),T=require("../tooltips/Tooltip.js"),I=require("../TypographyStyle.js"),O=require("./DataSourceInfoFooter.js"),L=require("./DataSourcePanel.style.js"),E=require("./IntentConfig.js"),w=require("./Modals/DescriptionModal.js"),R=require("./model.js");exports.DataSourcePanel=b=>{var D,N;const{appType:A,storeId:k,messageSource:F,setMessageSourcePanel:_,hideCloseButton:B,isSourceInfoFetched:q,allSourceInfoDetail:P,ChecklistType:M,title:U,zeroStateButton:K,editableSources:W,preFillTrainingSourceCount:$,redirect:H,footerButtonOption:Q,fetchTrainingSourceCount:G,fetchProductFAQCount:Y,productSourceData:z,reasonForAiGeneratedResponse:X,showAiResponseReason:V,aiResponseLoading:J,productSearchRule:Z,onEditProductSearchRule:ee}=b,{sources:te}=F,oe=["blog","article","page","policy"],[ie,se]=C.useState(!1),[ne,le]=C.useState(!1),[re,ae]=C.useState(!1),[de,ce]=C.useState(0),[ue,pe]=C.useState(),[xe,he]=C.useState(null!=$?$:{}),[ye,Ce]=C.useState(!1),[ge,me]=C.useState(!1),fe={};E.intentConfig.forEach((t=>{let{key:o,type:i,tagText:s}=t;M[o]&&(fe[M[o]]=e.jsx(S.Tag,{theme:"light",type:i,tagText:s,cursor:"pointer"}))}));const ve=te.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),je=te.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),Se=C.useMemo((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{M[t]&&(e[M[t]]=M[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[M]);C.useEffect((()=>{var e,t,o,i;if(!(null==F?void 0:F.messageId))return;se(!0),le(!0),ae(!1!==(null===(t=null===(e=F.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(o=F.sources)||void 0===o?void 0:o[0])||void 0===i?void 0:i.insights));const s=F.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(s)).filter((e=>!!e));Y(k,n).then((e=>ce(e))).then((()=>{$?(he($),setTimeout((()=>{se(!1),le(!1)}),100)):(setTimeout((()=>se(!1)),100),G(k).then((e=>he(e))).then((()=>setTimeout((()=>{le(!1)}),100))))}))}),[Y,G,null==F?void 0:F.messageId,F.sources,$,k]);const Te=e=>!!(e&&0===e.length||(null==F?void 0:F.isUnsatisfactoryAnswer)),Ie=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var o;return"custom"==e?e=R.CustomDataType.FILES:oe.includes(e)?e=R.CustomDataType.FETCHED_LINKS:"url"==e?e=R.CustomDataType.WEBSITE_LINKS:"text"===e?e=R.CustomDataType.TEXTS:"faq"===e&&(e=R.CustomDataType.FAQ),t?e:null===(o=null==e?void 0:e.toLowerCase())||void 0===o?void 0:o.replace(/_/g," ")},Oe=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Le=C.useCallback((t=>"products"==t||"product"==t?e.jsx(i.default,{height:16,width:16,color:g.COLORS.content.secondary}):"files"==t?e.jsx(a.default,{height:16,width:16,color:g.COLORS.content.secondary}):"website links"==t||"fetched links"==t?e.jsx(y.default,{height:16,width:16,color:g.COLORS.content.secondary}):"faq"==t?e.jsx(d.default,{height:16,width:16,color:g.COLORS.content.secondary}):"texts"==t?e.jsx(h.default,{height:16,width:16,color:g.COLORS.content.secondary}):e.jsx(u.default,{height:16,width:16,color:g.COLORS.content.secondary})),[]),Ee=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),o=document.createElement("textarea");return o.innerHTML=t,o.value};if(ie||!q)return e.jsx(L.SourceInfoDetailsStyle,{children:e.jsx(v.BikShimmer,{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"}]})});const we=o=>{const{title:i,count:l,isExpanded:r,onToggle:a,children:d}=o;return e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:a,children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(I.BodySecondary,{children:i}),A===t.ApplicationType.MANIFEST?e.jsx("div",{style:{backgroundColor:g.COLORS.surface.subdued,color:g.COLORS.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${g.COLORS.stroke.primary}`},children:l}):e.jsx(e.Fragment,{})]}),e.jsx(e.Fragment,{children:A===t.ApplicationType.BIK?e.jsx(e.Fragment,{}):r?e.jsx(n.default,{width:20,height:20,color:g.COLORS.content.primary}):e.jsx(s.default,{width:20,height:20,color:g.COLORS.content.primary})})]}),r&&d]})};return e.jsxs(e.Fragment,{children:[e.jsx(L.SourceInfoDetailsStyle,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"},children:[!!U&&e.jsx(I.TitleSmall,{children:U}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e.jsx(I.BodyCaption,{color:g.COLORS.content.secondary,children:"Intent"}),null!==(D=fe[F.intent])&&void 0!==D?D:fe.GENERIC,!B&&e.jsx("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>_(void 0),children:e.jsx(l.default,{height:20,width:20,color:g.COLORS.content.secondary})})]}),Z&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(I.BodySecondary,{color:g.COLORS.content.primary,children:Z.rule_name}),ee&&Z.rule_id&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(o.default,{width:14,color:g.COLORS.content.secondary}),e.jsx(I.BodyCaption,{color:g.COLORS.content.secondary,children:"Edit search rule"}),e.jsx(f.IconButton,{Icon:r.default,height:16,width:16,bordered:!0,iconColor:g.COLORS.content.primary,onClick:()=>ee(null==Z?void 0:Z.rule_id)})]})]}),Z.keywords&&Z.keywords.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:g.COLORS.surface.subdued,borderRadius:"8px",border:`1px dashed ${g.COLORS.stroke.primary}`},children:Z.keywords.map(((t,o)=>e.jsx(S.Tag,{tagText:t,theme:"light"},`keyword-${o}`)))})]}),Te(te)?e.jsx("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:(()=>{var t,o;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${g.COLORS.background.negative.light}`,borderRadius:"100px"},children:e.jsx(c.default,{width:24,height:24,color:g.COLORS.stroke.negative.vibrant})}),e.jsx("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e.jsx(I.TitleSmall,{children:"Insufficient data"})}),e.jsx(I.BodySecondary,{color:g.COLORS.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"}),K&&e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx(m.Button,{LeadingIcon:null!==(t=K.leadingIcon)&&void 0!==t?t:p.default,buttonText:null!==(o=K.title)&&void 0!==o?o:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{K.onClick()}})})]})})()}):!Z&&e.jsx(S.Tag,{LeadingIcon:c.default,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:F.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 ${A===t.ApplicationType.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),re&&!Te(te)&&e.jsx("div",{className:"footer",children:e.jsx(O.default,{appType:A,storeId:k,messageSource:F,sourceIntent:null!==(N=F.intent)&&void 0!==N?N:M.GENERIC,faqCount:de,trainingSourceCount:xe,ShowTrainingDataSource:Se,ChecklistType:M,footerButtonOption:Q,isFooterLoading:ne,reasonForAiGeneratedResponse:X,showAiResponseReason:V,aiResponseLoading:J})}),!Te(te)&&e.jsxs("div",{className:"info-container",children:[e.jsx(e.Fragment,{children:ve.length>0&&e.jsx("div",{className:"info-product-source",children:e.jsx(we,{title:"Product Sources",count:ve.length,isExpanded:A!==t.ApplicationType.MANIFEST||ye,onToggle:()=>Ce(!ye),children:e.jsx("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:ve.map(((t,o)=>{var i,s,n,l;const a=Ie(t.type||t.subTitle||"OpenAI"),d=Ie(t.type||t.subTitle||"OpenAI",!0),c=Oe(a),u=null==W?void 0:W.includes(d),p=P[null!==(i=t.productId)&&void 0!==i?i:"Products"],h=t.title,y=t.productId&&(null==z?void 0:z[t.productId]),C=y&&y.metafield.join(", ");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:o+1<(null==ve?void 0:ve.length)?`1px solid ${g.COLORS.stroke.primary}`:"none"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Le(a),e.jsx(T.Tooltip,{body:h,placement:"top",children:e.jsx(I.BodySecondary,{style:d==R.CustomDataType.FETCHED_LINKS||d==R.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:g.COLORS.content.primary,className:"clamp-title",onClick:()=>d==R.CustomDataType.FETCHED_LINKS||d==R.CustomDataType.WEBSITE_LINKS?H(t):{},children:h})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[t.intent!==M.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(I.BodyCaption,{color:g.COLORS.content.secondary,children:c})}),(t.link||t.docId)&&e.jsx("div",{style:{cursor:"pointer",marginLeft:"0px"},children:u?e.jsx(f.IconButton,{Icon:r.default,height:16,width:16,iconColor:g.COLORS.content.secondary,onClick:()=>null==p?void 0:p.onEditClick(p.data,p.type),disabled:!p,disabledTooltip:"This source is deleted"}):e.jsx(f.IconButton,{Icon:x.default,height:16,width:16,iconColor:g.COLORS.content.secondary,disabled:"custom"===t.type&&!p,disabledTooltip:"This source is deleted",onClick:()=>H(t)})})]})]}),y&&e.jsxs(I.BodyCaption,{children:[e.jsx("span",{className:"product-data-text1",onClick:()=>{var e;pe({title:h,description:Ee(y.description),imageUrl:null!==(e=t.imageUrl)&&void 0!==e?e:"",onClose:()=>pe(void 0)})},children:`${null===(s=y.description)||void 0===s?void 0:s.length} characters description,`}),e.jsx("span",{className:"product-data-text1",onClick:()=>y.onEditFaqClick(y.faqs),children:`${null===(n=y.faqs)||void 0===n?void 0:n.length} FAQs, `}),e.jsx("span",{className:"product-data-text2",children:"and"}),e.jsx(T.Tooltip,{body:C,placement:"top",children:e.jsx("span",{className:"product-data-text1",children:`${null===(l=y.metafield)||void 0===l?void 0:l.length} metafields`})})]})]},`info-${o}`)}))})})})}),e.jsx(e.Fragment,{children:je.length>0&&e.jsx("div",{className:"info-content-source",children:e.jsx(we,{title:"Content Sources",count:je.length,isExpanded:A!==t.ApplicationType.MANIFEST||ge,onToggle:()=>me(!ge),children:e.jsx("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:je.map(((t,o)=>{var i,s,n,l,a,d,c,u,p,h,y,C,m,v,j,S,O;const L=Ie(t.type||t.subTitle||"OpenAI"),E=Ie(t.type||t.subTitle||"OpenAI",!0),w=Oe(L),b=null==W?void 0:W.includes(E),D="Products"===t.subTitle?P[null!==(i=t.productId)&&void 0!==i?i:"Products"]:P[null!==(s=t.docId)&&void 0!==s?s:""],N=E.toLowerCase()===(null===(n=R.CustomDataType.FAQ)||void 0===n?void 0:n.toLowerCase())?"faq"===(null===(l=t.title)||void 0===l?void 0:l.toLowerCase())?t.subTitle:t.title:E.toLowerCase()===(null===(a=R.CustomDataType.FILES)||void 0===a?void 0:a.toLowerCase())||E.toLowerCase()===(null===(d=R.CustomDataType.FETCHED_LINKS)||void 0===d?void 0:d.toLowerCase())||E.toLowerCase()===(null===(c=R.CustomDataType.TEXTS)||void 0===c?void 0:c.toLowerCase())?t.title:E.toLowerCase()===(null===(u=R.CustomDataType.WEBSITE_LINKS)||void 0===u?void 0:u.toLowerCase())?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,o)=>t.toUpperCase()+o)):t.intent===M.EMAIL_COLLECTION?w:t.title,A="faq"===E.toLowerCase()?null!==(y=null!==(p=null==D?void 0:D.content)&&void 0!==p?p:null===(h=null==D?void 0:D.data)||void 0===h?void 0:h.answer)&&void 0!==y?y:"":E.toLowerCase()===(null===(C=R.CustomDataType.FETCHED_LINKS)||void 0===C?void 0:C.toLowerCase())||E.toLowerCase()===(null===(m=R.CustomDataType.WEBSITE_LINKS)||void 0===m?void 0:m.toLowerCase())||E.toLowerCase()===(null===(v=R.CustomDataType.TEXTS)||void 0===v?void 0:v.toLowerCase())?null!==(O=null!==(j=null==D?void 0:D.content)&&void 0!==j?j:null===(S=null==D?void 0:D.data)||void 0===S?void 0:S.fileContentText)&&void 0!==O?O:"":t.intent===M.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:o+1<(null==je?void 0:je.length)?`1px solid ${g.COLORS.stroke.primary}`:"none"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Le(L),e.jsx(T.Tooltip,{body:N,placement:"top",children:e.jsx(I.BodySecondary,{style:E==R.CustomDataType.FETCHED_LINKS||E==R.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:g.COLORS.content.primary,className:"clamp-title",onClick:()=>E==R.CustomDataType.FETCHED_LINKS||E==R.CustomDataType.WEBSITE_LINKS?H(t):{},children:N})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[t.intent!==M.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(I.BodyCaption,{color:g.COLORS.content.secondary,children:w})}),(t.link||t.docId)&&e.jsx("div",{style:{cursor:"pointer",marginLeft:"0px"},children:b?e.jsx(f.IconButton,{Icon:r.default,height:16,width:16,iconColor:g.COLORS.content.secondary,onClick:()=>null==D?void 0:D.onEditClick(D.data,D.type),disabled:!D,disabledTooltip:"This source is deleted"}):e.jsx(f.IconButton,{Icon:x.default,height:16,width:16,iconColor:g.COLORS.content.secondary,disabled:"custom"===t.type&&!D,disabledTooltip:"This source is deleted",onClick:()=>H(t)})})]})]}),(null!=A?A:"").trim()&&e.jsx("div",{style:{padding:"4px 8px",border:`1px dashed ${g.COLORS.stroke.primary}`,borderRadius:"4px",backgroundColor:g.COLORS.surface.subdued},children:e.jsx(I.BodyCaption,{color:g.COLORS.content.primary,className:"clamp-description",children:Ee(null!=A?A:"").trim()})})]},`info-${o}`)}))})})})})]}),null==b?void 0:b.children]})}),ue&&e.jsx(j.SideModal,{header:"Product description",onClose:()=>pe(void 0),width:"30%",children:e.jsx(w.DescriptionModal,{title:ue.title,description:ue.description,imageUrl:ue.imageUrl,onClose:ue.onClose})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),s=require("../../assets/icons/box_search.svg.js"),i=require("../../assets/icons/boxV2.svg.js"),o=require("../../assets/icons/chevronDownOutline.svg.js"),n=require("../../assets/icons/chevronUpOutline.svg.js"),l=require("../../assets/icons/cross.svg.js"),a=require("../../assets/icons/edit.svg.js"),r=require("../../assets/icons/filePdf.svg.js"),d=require("../../assets/icons/help.svg.js"),c=require("../../assets/icons/info.svg.js"),u=require("../../assets/icons/openai.svg.js"),p=require("../../assets/icons/plus.svg.js"),g=require("../../assets/icons/redirect.svg.js"),x=require("../../assets/icons/text_t9.svg.js"),h=require("../../assets/icons/website.svg.js"),j=require("react"),y=require("../../constants/Theme.js"),C=require("../button/Button.js"),O=require("../icon-button/IconButton.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),f=require("../side-modal/SideModal.js"),v=require("../tag/Tag.js"),S=require("../tooltips/Tooltip.js"),T=require("../TypographyStyle.js"),I=require("./DataSourceInfoFooter.js"),b=require("./DataSourcePanel.style.js"),L=require("./IntentConfig.js"),E=require("./Modals/DescriptionModal.js"),w=require("./model.js");exports.DataSourcePanel=R=>{var D,N;const{appType:A,storeId:k,messageSource:F,setMessageSourcePanel:_,hideCloseButton:B,isSourceInfoFetched:q,allSourceInfoDetail:P,ChecklistType:M,title:U,zeroStateButton:K,editableSources:W,preFillTrainingSourceCount:$,redirect:H,footerButtonOption:Q,fetchTrainingSourceCount:G,fetchProductFAQCount:Y,productSourceData:z,reasonForAiGeneratedResponse:X,showAiResponseReason:V,aiResponseLoading:J,productSearchRule:Z,onEditProductSearchRule:ee}=R,{sources:te}=F,se=["blog","article","page","policy"],[ie,oe]=j.useState(!1),[ne,le]=j.useState(!1),[ae,re]=j.useState(!1),[de,ce]=j.useState(0),[ue,pe]=j.useState(),[ge,xe]=j.useState(null!=$?$:{}),[he,je]=j.useState(!1),[ye,Ce]=j.useState(!1),Oe={};L.intentConfig.forEach((t=>{let{key:s,type:i,tagText:o}=t;M[s]&&(Oe[M[s]]=e.jsx(v.Tag,{theme:"light",type:i,tagText:o,cursor:"pointer"}))}));const me=te.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),fe=te.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),ve=j.useMemo((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{M[t]&&(e[M[t]]=M[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[M]);j.useEffect((()=>{var e,t,s,i;if(!(null==F?void 0:F.messageId))return;oe(!0),le(!0),re(!1!==(null===(t=null===(e=F.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(s=F.sources)||void 0===s?void 0:s[0])||void 0===i?void 0:i.insights));const o=F.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(o)).filter((e=>!!e));Y(k,n).then((e=>ce(e))).then((()=>{$?(xe($),setTimeout((()=>{oe(!1),le(!1)}),100)):(setTimeout((()=>oe(!1)),100),G(k).then((e=>xe(e))).then((()=>setTimeout((()=>{le(!1)}),100))))}))}),[Y,G,null==F?void 0:F.messageId,F.sources,$,k]);const Se=e=>!!(e&&0===e.length||(null==F?void 0:F.isUnsatisfactoryAnswer)),Te=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var s;return"custom"==e?e=w.CustomDataType.FILES:se.includes(e)?e=w.CustomDataType.FETCHED_LINKS:"url"==e?e=w.CustomDataType.WEBSITE_LINKS:"text"===e?e=w.CustomDataType.TEXTS:"faq"===e&&(e=w.CustomDataType.FAQ),t?e:null===(s=null==e?void 0:e.toLowerCase())||void 0===s?void 0:s.replace(/_/g," ")},Ie=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",be=j.useCallback((t=>"products"==t||"product"==t?e.jsx(i.default,{height:16,width:16,color:y.COLORS.content.secondary}):"files"==t?e.jsx(r.default,{height:16,width:16,color:y.COLORS.content.secondary}):"website links"==t||"fetched links"==t?e.jsx(h.default,{height:16,width:16,color:y.COLORS.content.secondary}):"faq"==t?e.jsx(d.default,{height:16,width:16,color:y.COLORS.content.secondary}):"texts"==t?e.jsx(x.default,{height:16,width:16,color:y.COLORS.content.secondary}):e.jsx(u.default,{height:16,width:16,color:y.COLORS.content.secondary})),[]),Le=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};if(ie||!q)return e.jsx(b.SourceInfoDetailsStyle,{children:e.jsx(m.BikShimmer,{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"}]})});const Ee=s=>{const{title:i,count:l,isExpanded:a,onToggle:r,children:d}=s;return e.jsxs("div",{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:r},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[e.jsx(T.BodySecondary,{children:i}),A===t.ApplicationType.MANIFEST?e.jsx("div",Object.assign({style:{backgroundColor:y.COLORS.surface.subdued,color:y.COLORS.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${y.COLORS.stroke.primary}`}},{children:l})):e.jsx(e.Fragment,{})]})),e.jsx(e.Fragment,{children:A===t.ApplicationType.BIK?e.jsx(e.Fragment,{}):a?e.jsx(n.default,{width:20,height:20,color:y.COLORS.content.primary}):e.jsx(o.default,{width:20,height:20,color:y.COLORS.content.primary})})]})),a&&d]})};return e.jsxs(e.Fragment,{children:[e.jsx(b.SourceInfoDetailsStyle,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"}},{children:[!!U&&e.jsx(T.TitleSmall,{children:U}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(T.BodyCaption,Object.assign({color:y.COLORS.content.secondary},{children:"Intent"})),null!==(D=Oe[F.intent])&&void 0!==D?D:Oe.GENERIC,!B&&e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>_(void 0)},{children:e.jsx(l.default,{height:20,width:20,color:y.COLORS.content.secondary})}))]})),Z&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[e.jsx(T.BodySecondary,Object.assign({color:y.COLORS.content.primary},{children:Z.rule_name})),ee&&Z.rule_id&&e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[e.jsx(s.default,{width:14,color:y.COLORS.content.secondary}),e.jsx(T.BodyCaption,Object.assign({color:y.COLORS.content.secondary},{children:"Edit search rule"})),e.jsx(O.IconButton,{Icon:a.default,height:16,width:16,bordered:!0,iconColor:y.COLORS.content.primary,onClick:()=>ee(null==Z?void 0:Z.rule_id)})]}))]})),Z.keywords&&Z.keywords.length>0&&e.jsx("div",Object.assign({style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:y.COLORS.surface.subdued,borderRadius:"8px",border:`1px dashed ${y.COLORS.stroke.primary}`}},{children:Z.keywords.map(((t,s)=>e.jsx(v.Tag,{tagText:t,theme:"light"},`keyword-${s}`)))}))]})),Se(te)?e.jsx("div",Object.assign({style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"}},{children:(()=>{var t,s;return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${y.COLORS.background.negative.light}`,borderRadius:"100px"}},{children:e.jsx(c.default,{width:24,height:24,color:y.COLORS.stroke.negative.vibrant})})),e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e.jsx(T.TitleSmall,{children:"Insufficient data"})})),e.jsx(T.BodySecondary,Object.assign({color:y.COLORS.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"})),K&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(C.Button,{LeadingIcon:null!==(t=K.leadingIcon)&&void 0!==t?t:p.default,buttonText:null!==(s=K.title)&&void 0!==s?s:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{K.onClick()}})}))]}))})()})):!Z&&e.jsx(v.Tag,{LeadingIcon:c.default,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:F.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 ${A===t.ApplicationType.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]})),ae&&!Se(te)&&e.jsx("div",Object.assign({className:"footer"},{children:e.jsx(I.default,{appType:A,storeId:k,messageSource:F,sourceIntent:null!==(N=F.intent)&&void 0!==N?N:M.GENERIC,faqCount:de,trainingSourceCount:ge,ShowTrainingDataSource:ve,ChecklistType:M,footerButtonOption:Q,isFooterLoading:ne,reasonForAiGeneratedResponse:X,showAiResponseReason:V,aiResponseLoading:J})})),!Se(te)&&e.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsx(e.Fragment,{children:me.length>0&&e.jsx("div",Object.assign({className:"info-product-source"},{children:e.jsx(Ee,Object.assign({title:"Product Sources",count:me.length,isExpanded:A!==t.ApplicationType.MANIFEST||he,onToggle:()=>je(!he)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:me.map(((t,s)=>{var i,o,n,l;const r=Te(t.type||t.subTitle||"OpenAI"),d=Te(t.type||t.subTitle||"OpenAI",!0),c=Ie(r),u=null==W?void 0:W.includes(d),p=P[null!==(i=t.productId)&&void 0!==i?i:"Products"],x=t.title,h=t.productId&&(null==z?void 0:z[t.productId]),j=h&&h.metafield.join(", ");return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==me?void 0:me.length)?`1px solid ${y.COLORS.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[be(r),e.jsx(S.Tooltip,Object.assign({body:x,placement:"top"},{children:e.jsx(T.BodySecondary,Object.assign({style:d==w.CustomDataType.FETCHED_LINKS||d==w.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:y.COLORS.content.primary,className:"clamp-title",onClick:()=>d==w.CustomDataType.FETCHED_LINKS||d==w.CustomDataType.WEBSITE_LINKS?H(t):{}},{children:x}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==M.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(T.BodyCaption,Object.assign({color:y.COLORS.content.secondary},{children:c}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:u?e.jsx(O.IconButton,{Icon:a.default,height:16,width:16,iconColor:y.COLORS.content.secondary,onClick:()=>null==p?void 0:p.onEditClick(p.data,p.type),disabled:!p,disabledTooltip:"This source is deleted"}):e.jsx(O.IconButton,{Icon:g.default,height:16,width:16,iconColor:y.COLORS.content.secondary,disabled:"custom"===t.type&&!p,disabledTooltip:"This source is deleted",onClick:()=>H(t)})}))]}))]})),h&&e.jsxs(T.BodyCaption,{children:[e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>{var e;pe({title:x,description:Le(h.description),imageUrl:null!==(e=t.imageUrl)&&void 0!==e?e:"",onClose:()=>pe(void 0)})}},{children:`${null===(o=h.description)||void 0===o?void 0:o.length} characters description,`})),e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>h.onEditFaqClick(h.faqs)},{children:`${null===(n=h.faqs)||void 0===n?void 0:n.length} FAQs, `})),e.jsx("span",Object.assign({className:"product-data-text2"},{children:"and"})),e.jsx(S.Tooltip,Object.assign({body:j,placement:"top"},{children:e.jsx("span",Object.assign({className:"product-data-text1"},{children:`${null===(l=h.metafield)||void 0===l?void 0:l.length} metafields`}))}))]})]}),`info-${s}`)}))}))}))}))}),e.jsx(e.Fragment,{children:fe.length>0&&e.jsx("div",Object.assign({className:"info-content-source"},{children:e.jsx(Ee,Object.assign({title:"Content Sources",count:fe.length,isExpanded:A!==t.ApplicationType.MANIFEST||ye,onToggle:()=>Ce(!ye)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:fe.map(((t,s)=>{var i,o,n,l,r,d,c,u,p,x,h,j,C,m,f,v,I;const b=Te(t.type||t.subTitle||"OpenAI"),L=Te(t.type||t.subTitle||"OpenAI",!0),E=Ie(b),R=null==W?void 0:W.includes(L),D="Products"===t.subTitle?P[null!==(i=t.productId)&&void 0!==i?i:"Products"]:P[null!==(o=t.docId)&&void 0!==o?o:""],N=L.toLowerCase()===(null===(n=w.CustomDataType.FAQ)||void 0===n?void 0:n.toLowerCase())?"faq"===(null===(l=t.title)||void 0===l?void 0:l.toLowerCase())?t.subTitle:t.title:L.toLowerCase()===(null===(r=w.CustomDataType.FILES)||void 0===r?void 0:r.toLowerCase())||L.toLowerCase()===(null===(d=w.CustomDataType.FETCHED_LINKS)||void 0===d?void 0:d.toLowerCase())||L.toLowerCase()===(null===(c=w.CustomDataType.TEXTS)||void 0===c?void 0:c.toLowerCase())?t.title:L.toLowerCase()===(null===(u=w.CustomDataType.WEBSITE_LINKS)||void 0===u?void 0:u.toLowerCase())?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):t.intent===M.EMAIL_COLLECTION?E:t.title,A="faq"===L.toLowerCase()?null!==(h=null!==(p=null==D?void 0:D.content)&&void 0!==p?p:null===(x=null==D?void 0:D.data)||void 0===x?void 0:x.answer)&&void 0!==h?h:"":L.toLowerCase()===(null===(j=w.CustomDataType.FETCHED_LINKS)||void 0===j?void 0:j.toLowerCase())||L.toLowerCase()===(null===(C=w.CustomDataType.WEBSITE_LINKS)||void 0===C?void 0:C.toLowerCase())||L.toLowerCase()===(null===(m=w.CustomDataType.TEXTS)||void 0===m?void 0:m.toLowerCase())?null!==(I=null!==(f=null==D?void 0:D.content)&&void 0!==f?f:null===(v=null==D?void 0:D.data)||void 0===v?void 0:v.fileContentText)&&void 0!==I?I:"":t.intent===M.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==fe?void 0:fe.length)?`1px solid ${y.COLORS.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[be(b),e.jsx(S.Tooltip,Object.assign({body:N,placement:"top"},{children:e.jsx(T.BodySecondary,Object.assign({style:L==w.CustomDataType.FETCHED_LINKS||L==w.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:y.COLORS.content.primary,className:"clamp-title",onClick:()=>L==w.CustomDataType.FETCHED_LINKS||L==w.CustomDataType.WEBSITE_LINKS?H(t):{}},{children:N}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==M.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(T.BodyCaption,Object.assign({color:y.COLORS.content.secondary},{children:E}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:R?e.jsx(O.IconButton,{Icon:a.default,height:16,width:16,iconColor:y.COLORS.content.secondary,onClick:()=>null==D?void 0:D.onEditClick(D.data,D.type),disabled:!D,disabledTooltip:"This source is deleted"}):e.jsx(O.IconButton,{Icon:g.default,height:16,width:16,iconColor:y.COLORS.content.secondary,disabled:"custom"===t.type&&!D,disabledTooltip:"This source is deleted",onClick:()=>H(t)})}))]}))]})),(null!=A?A:"").trim()&&e.jsx("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${y.COLORS.stroke.primary}`,borderRadius:"4px",backgroundColor:y.COLORS.surface.subdued}},{children:e.jsx(T.BodyCaption,Object.assign({color:y.COLORS.content.primary,className:"clamp-description"},{children:Le(null!=A?A:"").trim()}))}))]}),`info-${s}`)}))}))}))}))})]})),null==R?void 0:R.children]})}),ue&&e.jsx(f.SideModal,Object.assign({header:"Product description",onClose:()=>pe(void 0),width:"30%"},{children:e.jsx(E.DescriptionModal,{title:ue.title,description:ue.description,imageUrl:ue.imageUrl,onClose:ue.onClose})}))]})};

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

@@ -1,4 +1,4 @@
-export declare const SourceInfoDetailsStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const WithoutContentSourceInfoDetailsStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SourceInfoFooterStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataSourceCountStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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>;
+export declare const DataSourceCountStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/data-source-panel/IntentConfig.d.ts

@@ -1,5 +1,5 @@
-export declare const intentConfig: {
-    key: string;
-    type: string;
-    tagText: string;
-}[];
+export declare const intentConfig: {
+    key: string;
+    type: string;
+    tagText: string;
+}[];

package/dist/cjs/components/data-source-panel/Modals/DescriptionModal.d.ts

@@ -1,7 +1,8 @@
-export interface DescriptionModalProps {
-    title: string;
-    description: string;
-    imageUrl: string;
-    onClose: () => void;
-}
-export declare const DescriptionModal: React.FC<DescriptionModalProps>;
+/// <reference types="react" />
+export interface DescriptionModalProps {
+    title: string;
+    description: string;
+    imageUrl: string;
+    onClose: () => void;
+}
+export declare const DescriptionModal: React.FC<DescriptionModalProps>;

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

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

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

@@ -1,141 +1,142 @@
-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 {
-    hideAddDataButton?: boolean;
-    navigate?: (pagePathKey: string, params?: object, queryParam?: object, openInNewTab?: boolean) => void;
-    onClick: ({ buttonTitle, redirectUrl, addFaqProps, }: {
-        buttonTitle: string;
-        redirectUrl?: string;
-        addFaqProps?: any;
-    }) => void;
-}
-export interface ProductSourceData {
-    [keys: string]: {
-        description: string;
-        metafield: string[];
-        faqs: CustomDataFaqModel[];
-        onEditFaqClick: (faqs: CustomDataFaqModel[]) => void;
-    };
-}
+/// <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 {
+    hideAddDataButton?: boolean;
+    navigate?: (pagePathKey: string, params?: object, queryParam?: object, openInNewTab?: boolean) => void;
+    onClick: ({ buttonTitle, redirectUrl, addFaqProps, }: {
+        buttonTitle: string;
+        redirectUrl?: string;
+        addFaqProps?: any;
+    }) => void;
+}
+export interface ProductSourceData {
+    [keys: string]: {
+        description: string;
+        metafield: string[];
+        faqs: CustomDataFaqModel[];
+        onEditFaqClick: (faqs: CustomDataFaqModel[]) => void;
+    };
+}

package/dist/cjs/components/datePicker/DatePicker.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export type DatePickerProps = {
-    selectRange: boolean;
-    selectedDates?: Date[];
-    selectedDate?: Date;
-    onSelectRange?: (startDate: Date, endDate: Date) => void;
-    onSelectDate?: (date: Date) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    maxRangeLimit?: number | null;
-    showTimePicker?: boolean;
-    timeInterval?: number;
-};
-export declare const DatePicker: React.FC<DatePickerProps>;
+import React from 'react';
+export type DatePickerProps = {
+    selectRange: boolean;
+    selectedDates?: Date[];
+    selectedDate?: Date;
+    onSelectRange?: (startDate: Date, endDate: Date) => void;
+    onSelectDate?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    maxRangeLimit?: number | null;
+    showTimePicker?: boolean;
+    timeInterval?: number;
+};
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/cjs/components/datePicker/DatePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-calendar"),n=require("../button/Button.js"),a=require("./DatePicker.styled.js"),r=require("./TimePicker.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(i);exports.DatePicker=i=>{const[s,c]=t.useState(),[o,u]=t.useState("00:00"),[m,d]=t.useState("23:59");t.useEffect((()=>{if(i.selectedDates){if(c(i.selectedDates),i.showTimePicker){if(i.selectedDates[0]){const e=i.selectedDates[0].getHours(),t=i.selectedDates[0].getMinutes();u(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(i.selectedDates[1]){const e=i.selectedDates[1].getHours(),t=i.selectedDates[1].getMinutes();d(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else c([null,null]),i.showTimePicker&&(u("00:00"),d("23:59"))}),[i.selectedDates,i.showTimePicker]);const[f,g]=t.useState(i.selectedDate),p=null===i.maxRangeLimit?null:void 0===i.maxRangeLimit?180:i.maxRangeLimit;function v(e,t){var n;if(Array.isArray(s)&&s[0]&&s[1]){if(e){const[t,i]=e.split(":").map(Number);s[0].setHours(t,i,0,0)}if(t){const[e,i]=t.split(":").map(Number);s[1].setHours(e,i,0,0)}i.showTimePicker||null===(n=i.onSelectRange)||void 0===n||n.call(i,s[0],s[1])}}return e.jsxs(a.PickerContainer,{selectRange:i.selectRange,children:[e.jsx(l.default,{onChange:e=>{i.selectRange&&i.onSelectRange?function(e){var t;if(i.showTimePicker&&o){const[t,i]=o.split(":").map(Number);e[0].setHours(t,i,0,0)}if(i.showTimePicker&&m){const[t,i]=m.split(":").map(Number);e[1].setHours(t,i,0,0)}i.showTimePicker||null===(t=i.onSelectRange)||void 0===t||t.call(i,e[0],e[1]),c([e[0],e[1]])}(e):i.onSelectDate&&function(e){var t;if(i.showTimePicker&&o){const[t,i]=o.split(":").map(Number);e.setHours(t,i,0,0)}i.showTimePicker||null===(t=i.onSelectDate)||void 0===t||t.call(i,e),g(e)}(e)},tileDisabled:e=>{let{date:t,view:i}=e;if(!Array.isArray(s))return!1;const[n,a]=s;if(n&&!a&&null!==p){const e=Math.round((t-n)/864e5);return"month"===i&&(e<-p||e>p)}return!1},onClickDay:function(e){if(!Array.isArray(s))return void c([e,null]);const[t,i]=s;c(t&&t&&!i?[t,e]:[e,null])},value:i.selectRange?s:f,selectRange:i.selectRange,minDate:i.minDate,maxDate:i.maxDate},"bik-calendar"),i.showTimePicker&&i.selectRange&&e.jsxs(e.Fragment,{children:[e.jsx(r.TimePicker,{fromTime:o,toTime:m,onFromTimeChange:function(e){u(e),v(e,m)},onToTimeChange:function(e){d(e),v(o,e)},timeInterval:i.timeInterval}),e.jsx("div",{className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"},children:e.jsx(n.Button,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;i.selectRange&&Array.isArray(s)&&s[0]&&s[1]?null===(e=i.onSelectRange)||void 0===e||e.call(i,s[0],s[1]):!i.selectRange&&f&&(null===(t=i.onSelectDate)||void 0===t||t.call(i,f))}})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-calendar"),n=require("../button/Button.js"),a=require("./DatePicker.styled.js"),s=require("./TimePicker.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(i);exports.DatePicker=i=>{const[r,c]=t.useState(),[o,u]=t.useState("00:00"),[m,d]=t.useState("23:59");t.useEffect((()=>{if(i.selectedDates){if(c(i.selectedDates),i.showTimePicker){if(i.selectedDates[0]){const e=i.selectedDates[0].getHours(),t=i.selectedDates[0].getMinutes();u(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(i.selectedDates[1]){const e=i.selectedDates[1].getHours(),t=i.selectedDates[1].getMinutes();d(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else c([null,null]),i.showTimePicker&&(u("00:00"),d("23:59"))}),[i.selectedDates,i.showTimePicker]);const[f,g]=t.useState(i.selectedDate),p=null===i.maxRangeLimit?null:void 0===i.maxRangeLimit?180:i.maxRangeLimit;function v(e,t){var n;if(Array.isArray(r)&&r[0]&&r[1]){if(e){const[t,i]=e.split(":").map(Number);r[0].setHours(t,i,0,0)}if(t){const[e,i]=t.split(":").map(Number);r[1].setHours(e,i,0,0)}i.showTimePicker||null===(n=i.onSelectRange)||void 0===n||n.call(i,r[0],r[1])}}return e.jsxs(a.PickerContainer,Object.assign({selectRange:i.selectRange},{children:[e.jsx(l.default,{onChange:e=>{i.selectRange&&i.onSelectRange?function(e){var t;if(i.showTimePicker&&o){const[t,i]=o.split(":").map(Number);e[0].setHours(t,i,0,0)}if(i.showTimePicker&&m){const[t,i]=m.split(":").map(Number);e[1].setHours(t,i,0,0)}i.showTimePicker||null===(t=i.onSelectRange)||void 0===t||t.call(i,e[0],e[1]),c([e[0],e[1]])}(e):i.onSelectDate&&function(e){var t;if(i.showTimePicker&&o){const[t,i]=o.split(":").map(Number);e.setHours(t,i,0,0)}i.showTimePicker||null===(t=i.onSelectDate)||void 0===t||t.call(i,e),g(e)}(e)},tileDisabled:e=>{let{date:t,view:i}=e;if(!Array.isArray(r))return!1;const[n,a]=r;if(n&&!a&&null!==p){const e=Math.round((t-n)/864e5);return"month"===i&&(e<-p||e>p)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void c([e,null]);const[t,i]=r;c(t&&t&&!i?[t,e]:[e,null])},value:i.selectRange?r:f,selectRange:i.selectRange,minDate:i.minDate,maxDate:i.maxDate},"bik-calendar"),i.showTimePicker&&i.selectRange&&e.jsxs(e.Fragment,{children:[e.jsx(s.TimePicker,{fromTime:o,toTime:m,onFromTimeChange:function(e){u(e),v(e,m)},onToTimeChange:function(e){d(e),v(o,e)},timeInterval:i.timeInterval}),e.jsx("div",Object.assign({className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"}},{children:e.jsx(n.Button,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;i.selectRange&&Array.isArray(r)&&r[0]&&r[1]?null===(e=i.onSelectRange)||void 0===e||e.call(i,r[0],r[1]):!i.selectRange&&f&&(null===(t=i.onSelectDate)||void 0===t||t.call(i,f))}})}))]})]}))};

package/dist/cjs/components/datePicker/DatePicker.styled.d.ts

@@ -1,18 +1,19 @@
-export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    selectRange: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+/// <reference types="react" />
+export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    selectRange: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimePickerContainer: 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 TimeInputWrapper: 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 TimeLabel: 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>, {}>;