@bikdotai/bik-component-library 0.0.659 → 0.0.660-0

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AllSourceInfoDetailsCustomDataModel, AppType, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource } from './model';
+import { AllSourceInfoDetailsCustomDataModel, AppType, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
 export interface DataSourcePanelProps {
     storeId: string;
     appType: AppType;
@@ -21,5 +21,6 @@ export interface DataSourcePanelProps {
         [k in string]: number;
     }>;
     fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
+    productSourceData?: ProductSourceData;
 }
 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("../../assets/icons/boxV2.svg.js"),s=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/edit.svg.js"),o=require("../../assets/icons/filePdf.svg.js"),n=require("../../assets/icons/help.svg.js"),a=require("../../assets/icons/info.svg.js"),r=require("../../assets/icons/openai.svg.js"),l=require("../../assets/icons/plus.svg.js"),d=require("../../assets/icons/redirect.svg.js"),c=require("../../assets/icons/text_t9.svg.js"),u=require("../../assets/icons/website.svg.js"),p=require("react"),h=require("../../constants/Theme.js"),g=require("../button/Button.js"),C=require("../icon-button/IconButton.js"),x=require("../shimmer/ShimmerComponent/BikShimmer.js"),y=require("../tag/Tag.js"),v=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),f=require("./DataSourceInfoFooter.js"),O=require("./DataSourcePanel.style.js"),m=require("./IntentConfig.js"),S=require("./model.js");exports.DataSourcePanel=T=>{var I,L;const{appType:b,storeId:E,messageSource:w,setMessageSourcePanel:D,hideCloseButton:N,isSourceInfoFetched:R,allSourceInfoDetail:_,ChecklistType:A,title:q,zeroStateButton:B,editableSources:F,preFillTrainingSourceCount:k,redirect:P,footerButtonOption:K,fetchTrainingSourceCount:M,fetchProductFAQCount:U}=T,{sources:H}=w,Q=["blog","article","page","policy"],[W,$]=p.useState(!1),[Y,G]=p.useState(!1),[X,z]=p.useState(0),[V,J]=p.useState(null!=k?k:{}),Z={};m.intentConfig.forEach((t=>{let{key:s,type:i,tagText:o}=t;A[s]&&(Z[A[s]]=e.jsx(y.Tag,{theme:"light",type:i,tagText:o,cursor:"pointer"}))}));const ee=p.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=>{A[t]&&(e[A[t]]=A[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[A]);p.useEffect((()=>{var e,t,s,i;if(!(null==w?void 0:w.messageId))return;$(!0),G(!1!==(null===(t=null===(e=w.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(s=w.sources)||void 0===s?void 0:s[0])||void 0===i?void 0:i.insights));const o=w.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(o)).filter((e=>!!e));U(E,n).then((e=>z(e))).then((()=>{k?(J(k),setTimeout((()=>$(!1)),100)):M(E).then((e=>J(e))).then((()=>{setTimeout((()=>$(!1)),100)}))}))}),[U,M,null==w?void 0:w.messageId,w.sources,k,E]);const te=e=>!(0!==e.length&&!(null==w?void 0:w.isUnsatisfactoryAnswer)),se=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var s;return"custom"==e?e=S.CustomDataType.FILES:Q.includes(e)?e=S.CustomDataType.FETCHED_LINKS:"url"==e?e=S.CustomDataType.WEBSITE_LINKS:"text"===e?e=S.CustomDataType.TEXTS:"faq"===e&&(e=S.CustomDataType.FAQ),t?e:null===(s=null==e?void 0:e.toLowerCase())||void 0===s?void 0:s.replace(/_/g," ")},ie=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};return W||!R?e.jsx(O.SourceInfoDetailsStyle,{children:e.jsx(x.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"}]})}):e.jsx(e.Fragment,{children:e.jsx(O.SourceInfoDetailsStyle,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",paddingBottom:"12px"}},{children:[!!q&&e.jsx(j.TitleSmall,{children:q}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(j.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:"Intent"})),null!==(I=Z[w.intent])&&void 0!==I?I:Z.GENERIC,!N&&e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>D(void 0)},{children:e.jsx(s.default,{height:20,width:20,color:h.COLORS.content.secondary})}))]})),te(H)?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:`${h.COLORS.background.negative.light}`,borderRadius:"100px"}},{children:e.jsx(a.default,{width:24,height:24,color:h.COLORS.stroke.negative.vibrant})})),e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e.jsx(j.TitleSmall,{children:"Insufficient data"})})),e.jsx(j.BodySecondary,Object.assign({color:h.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"})),B&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(g.Button,{LeadingIcon:null!==(t=B.leadingIcon)&&void 0!==t?t:l.default,buttonText:null!==(s=B.title)&&void 0!==s?s:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{B.onClick()}})}))]}))})()})):e.jsx(y.Tag,{LeadingIcon:a.default,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:w.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 ${b===S.AppType.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]})),!te(H)&&e.jsx("div",Object.assign({className:"info-container"},{children:e.jsx("div",Object.assign({style:{padding:"0 8px",maxWidth:"100%"}},{children:H.map(((s,a)=>{var l,p,g,x,y,f,O,m,T,I,L,b,E,w,D,N,R;const q=se(s.type||s.subTitle||"OpenAI"),B=se(s.type||s.subTitle||"OpenAI",!0),k=(K=q)?"faq"==K.toLocaleLowerCase()?"FAQ":"openai"==K.toLocaleLowerCase()?"OPENAI":"files"==K.toLocaleLowerCase()?"PDF":"texts"==K.toLocaleLowerCase()?"Custom text":((K=(K=K.charAt(0).toUpperCase()+K.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(K=K.slice(0,-1)),K.replace("Website","Manual")):"";var K;const M=null==F?void 0:F.includes(B),U="Products"===s.subTitle?_[null!==(l=s.productId)&&void 0!==l?l:"Products"]:_[null!==(p=s.docId)&&void 0!==p?p:""],H=B.toLowerCase()===(null===(g=S.CustomDataType.FAQ)||void 0===g?void 0:g.toLowerCase())?"faq"===(null===(x=s.title)||void 0===x?void 0:x.toLowerCase())?s.subTitle:s.title:B.toLowerCase()===(null===(y=S.CustomDataType.FILES)||void 0===y?void 0:y.toLowerCase())||B.toLowerCase()===(null===(f=S.CustomDataType.FETCHED_LINKS)||void 0===f?void 0:f.toLowerCase())||B.toLowerCase()===(null===(O=S.CustomDataType.TEXTS)||void 0===O?void 0:O.toLowerCase())?s.title:B.toLowerCase()===(null===(m=S.CustomDataType.WEBSITE_LINKS)||void 0===m?void 0:m.toLowerCase())?s.title.split("/")[s.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):s.intent===A.EMAIL_COLLECTION?k:s.title,Q="faq"===B.toLowerCase()?null!==(L=null!==(T=null==U?void 0:U.content)&&void 0!==T?T:null===(I=null==U?void 0:U.data)||void 0===I?void 0:I.answer)&&void 0!==L?L:"":B.toLowerCase()===(null===(b=S.CustomDataType.FETCHED_LINKS)||void 0===b?void 0:b.toLowerCase())||B.toLowerCase()===(null===(E=S.CustomDataType.WEBSITE_LINKS)||void 0===E?void 0:E.toLowerCase())||B.toLowerCase()===(null===(w=S.CustomDataType.TEXTS)||void 0===w?void 0:w.toLowerCase())?null!==(R=null!==(D=null==U?void 0:U.content)&&void 0!==D?D:null===(N=null==U?void 0:U.data)||void 0===N?void 0:N.fileContentText)&&void 0!==R?R:"":s.intent===A.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"24px 0px",borderBottom:`1px solid ${h.COLORS.stroke.primary}`}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(v.Tooltip,Object.assign({body:H,placement:"top"},{children:e.jsx(j.BodySecondary,Object.assign({style:B==S.CustomDataType.FETCHED_LINKS||B==S.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:h.COLORS.content.primary,className:"clamp-title",onClick:()=>B==S.CustomDataType.FETCHED_LINKS||B==S.CustomDataType.WEBSITE_LINKS?P(s):{}},{children:H}))}))})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[s.intent!==A.EMAIL_COLLECTION&&e.jsxs(e.Fragment,{children:[(W=q,"products"==W||"product"==W?e.jsx(t.default,{height:16,width:16,color:h.COLORS.content.secondary}):"files"==W?e.jsx(o.default,{height:16,width:16,color:h.COLORS.content.secondary}):"website links"==W||"fetched links"==W?e.jsx(u.default,{height:16,width:16,color:h.COLORS.content.secondary}):"faq"==W?e.jsx(n.default,{height:16,width:16,color:h.COLORS.content.secondary}):"texts"==W?e.jsx(c.default,{height:16,width:16,color:h.COLORS.content.secondary}):e.jsx(r.default,{height:16,width:16,color:h.COLORS.content.secondary})),e.jsx(j.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:k}))]}),(s.link||s.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"4px"}},{children:M?e.jsx(C.IconButton,{Icon:i.default,height:16,width:16,bordered:!0,onClick:()=>null==U?void 0:U.onEditClick(U.data,U.type),disabled:!U,disabledTooltip:"This source is deleted"}):e.jsx(C.IconButton,{Icon:d.default,height:16,width:16,bordered:!0,disabled:"custom"===s.type&&!U,disabledTooltip:"This source is deleted",onClick:()=>P(s)})}))]}))]})),(null!=Q?Q:"").trim()&&e.jsx("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${h.COLORS.stroke.primary}`,borderRadius:"4px",backgroundColor:h.COLORS.surface.subdued}},{children:e.jsx(j.BodyCaption,Object.assign({color:h.COLORS.content.primary,className:"clamp-description"},{children:ie(null!=Q?Q:"").trim()}))}))]}),`info-${a}`);var W}))}))})),Y&&!te(H)&&e.jsx("div",Object.assign({className:"footer"},{children:e.jsx(f.default,{appType:b,storeId:E,messageSource:w,sourceIntent:null!==(L=w.intent)&&void 0!==L?L:A.GENERIC,faqCount:X,trainingSourceCount:V,ShowTrainingDataSource:ee,ChecklistType:A,footerButtonOption:K})}))]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/boxV2.svg.js"),s=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/edit.svg.js"),o=require("../../assets/icons/filePdf.svg.js"),n=require("../../assets/icons/help.svg.js"),r=require("../../assets/icons/info.svg.js"),l=require("../../assets/icons/openai.svg.js"),a=require("../../assets/icons/plus.svg.js"),d=require("../../assets/icons/redirect.svg.js"),c=require("../../assets/icons/text_t9.svg.js"),u=require("../../assets/icons/website.svg.js"),p=require("react"),h=require("../../constants/Theme.js"),g=require("../button/Button.js"),x=require("../icon-button/IconButton.js"),y=require("../shimmer/ShimmerComponent/BikShimmer.js"),C=require("../tag/Tag.js"),j=require("../tooltips/Tooltip.js"),O=require("../TypographyStyle.js"),f=require("./DataSourceInfoFooter.js"),m=require("./DataSourcePanel.style.js"),v=require("./IntentConfig.js"),T=require("./model.js");exports.DataSourcePanel=S=>{var I,L;const{appType:b,storeId:E,messageSource:w,setMessageSourcePanel:D,hideCloseButton:N,isSourceInfoFetched:R,allSourceInfoDetail:B,ChecklistType:_,title:A,zeroStateButton:q,editableSources:F,preFillTrainingSourceCount:k,redirect:P,footerButtonOption:K,fetchTrainingSourceCount:U,fetchProductFAQCount:M,productSourceData:W}=S,{sources:H}=w,$=["blog","article","page","policy"],[Q,Y]=p.useState(!1),[G,X]=p.useState(!1),[z,V]=p.useState(0),[J,Z]=p.useState(null!=k?k:{}),ee={};v.intentConfig.forEach((t=>{let{key:s,type:i,tagText:o}=t;_[s]&&(ee[_[s]]=e.jsx(C.Tag,{theme:"light",type:i,tagText:o,cursor:"pointer"}))}));const te=p.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=>{_[t]&&(e[_[t]]=_[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[_]);p.useEffect((()=>{var e,t,s,i;if(!(null==w?void 0:w.messageId))return;Y(!0),X(!1!==(null===(t=null===(e=w.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(s=w.sources)||void 0===s?void 0:s[0])||void 0===i?void 0:i.insights));const o=w.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(o)).filter((e=>!!e));M(E,n).then((e=>V(e))).then((()=>{k?(Z(k),setTimeout((()=>Y(!1)),100)):U(E).then((e=>Z(e))).then((()=>{setTimeout((()=>Y(!1)),100)}))}))}),[M,U,null==w?void 0:w.messageId,w.sources,k,E]);const se=e=>!!(e&&0===e.length||(null==w?void 0:w.isUnsatisfactoryAnswer)),ie=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var s;return"custom"==e?e=T.CustomDataType.FILES:$.includes(e)?e=T.CustomDataType.FETCHED_LINKS:"url"==e?e=T.CustomDataType.WEBSITE_LINKS:"text"===e?e=T.CustomDataType.TEXTS:"faq"===e&&(e=T.CustomDataType.FAQ),t?e:null===(s=null==e?void 0:e.toLowerCase())||void 0===s?void 0:s.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")):"",ne=s=>"products"==s||"product"==s?e.jsx(t.default,{height:16,width:16,color:h.COLORS.content.secondary}):"files"==s?e.jsx(o.default,{height:16,width:16,color:h.COLORS.content.secondary}):"website links"==s||"fetched links"==s?e.jsx(u.default,{height:16,width:16,color:h.COLORS.content.secondary}):"faq"==s?e.jsx(n.default,{height:16,width:16,color:h.COLORS.content.secondary}):"texts"==s?e.jsx(c.default,{height:16,width:16,color:h.COLORS.content.secondary}):e.jsx(l.default,{height:16,width:16,color:h.COLORS.content.secondary}),re=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};return Q||!R?e.jsx(m.SourceInfoDetailsStyle,{children:e.jsx(y.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"}]})}):e.jsx(e.Fragment,{children:e.jsx(m.SourceInfoDetailsStyle,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",paddingBottom:"12px"}},{children:[!!A&&e.jsx(O.TitleSmall,{children:A}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:"Intent"})),null!==(I=ee[w.intent])&&void 0!==I?I:ee.GENERIC,!N&&e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>D(void 0)},{children:e.jsx(s.default,{height:20,width:20,color:h.COLORS.content.secondary})}))]})),se(H)?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:`${h.COLORS.background.negative.light}`,borderRadius:"100px"}},{children:e.jsx(r.default,{width:24,height:24,color:h.COLORS.stroke.negative.vibrant})})),e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e.jsx(O.TitleSmall,{children:"Insufficient data"})})),e.jsx(O.BodySecondary,Object.assign({color:h.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"})),q&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(g.Button,{LeadingIcon:null!==(t=q.leadingIcon)&&void 0!==t?t:a.default,buttonText:null!==(s=q.title)&&void 0!==s?s:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{q.onClick()}})}))]}))})()})):e.jsx(C.Tag,{LeadingIcon:r.default,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:w.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 ${b===T.AppType.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]})),!se(H)&&e.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsxs("div",Object.assign({className:"info-product-source"},{children:[e.jsx(O.BodyCaption,{children:"Product Source"}),e.jsx("div",Object.assign({style:{padding:"0 8px",maxWidth:"100%"}},{children:H.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)).map(((t,s)=>{var o;const n=ie(t.type||t.subTitle||"OpenAI"),r=ie(t.type||t.subTitle||"OpenAI",!0),l=oe(n),a=null==F?void 0:F.includes(r),c=B[null!==(o=t.productId)&&void 0!==o?o:"Products"],u=t.title,p=t.productId&&(null==W?void 0:W[t.productId]),g=p&&p.metafield.join(", ");return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"24px 0px",borderBottom:`1px solid ${h.COLORS.stroke.primary}`}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(j.Tooltip,Object.assign({body:u,placement:"top"},{children:e.jsx(O.BodySecondary,Object.assign({style:r==T.CustomDataType.FETCHED_LINKS||r==T.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:h.COLORS.content.primary,className:"clamp-title",onClick:()=>r==T.CustomDataType.FETCHED_LINKS||r==T.CustomDataType.WEBSITE_LINKS?P(t):{}},{children:u}))}))})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==_.EMAIL_COLLECTION&&e.jsxs(e.Fragment,{children:[ne(n),e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:l}))]}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"4px"}},{children:a?e.jsx(x.IconButton,{Icon:i.default,height:16,width:16,bordered:!0,onClick:()=>null==c?void 0:c.onEditClick(c.data,c.type),disabled:!c,disabledTooltip:"This source is deleted"}):e.jsx(x.IconButton,{Icon:d.default,height:16,width:16,bordered:!0,disabled:"custom"===t.type&&!c,disabledTooltip:"This source is deleted",onClick:()=>P(t)})}))]}))]})),p&&e.jsxs("div",Object.assign({className:"product-data"},{children:[e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:`${p.description.length} characters description`})),e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:`${p.faqs.length} FAQs`})),e.jsx(j.Tooltip,Object.assign({body:g},{children:e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:`${p.metafield.length} metafields`}))}))]}))]}),`info-${s}`)}))}))]})),e.jsxs("div",Object.assign({className:"info-content-source"},{children:[e.jsx(O.BodyCaption,{children:"Content Source"}),e.jsx("div",Object.assign({style:{padding:"0 8px",maxWidth:"100%"}},{children:H.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)).map(((t,s)=>{var o,n,r,l,a,c,u,p,g,y,C,f,m,v,S,I,L;const b=ie(t.type||t.subTitle||"OpenAI"),E=ie(t.type||t.subTitle||"OpenAI",!0),w=oe(b),D=null==F?void 0:F.includes(E),N="Products"===t.subTitle?B[null!==(o=t.productId)&&void 0!==o?o:"Products"]:B[null!==(n=t.docId)&&void 0!==n?n:""],R=E.toLowerCase()===(null===(r=T.CustomDataType.FAQ)||void 0===r?void 0:r.toLowerCase())?"faq"===(null===(l=t.title)||void 0===l?void 0:l.toLowerCase())?t.subTitle:t.title:E.toLowerCase()===(null===(a=T.CustomDataType.FILES)||void 0===a?void 0:a.toLowerCase())||E.toLowerCase()===(null===(c=T.CustomDataType.FETCHED_LINKS)||void 0===c?void 0:c.toLowerCase())||E.toLowerCase()===(null===(u=T.CustomDataType.TEXTS)||void 0===u?void 0:u.toLowerCase())?t.title:E.toLowerCase()===(null===(p=T.CustomDataType.WEBSITE_LINKS)||void 0===p?void 0:p.toLowerCase())?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):t.intent===_.EMAIL_COLLECTION?w:t.title,A="faq"===E.toLowerCase()?null!==(C=null!==(g=null==N?void 0:N.content)&&void 0!==g?g:null===(y=null==N?void 0:N.data)||void 0===y?void 0:y.answer)&&void 0!==C?C:"":E.toLowerCase()===(null===(f=T.CustomDataType.FETCHED_LINKS)||void 0===f?void 0:f.toLowerCase())||E.toLowerCase()===(null===(m=T.CustomDataType.WEBSITE_LINKS)||void 0===m?void 0:m.toLowerCase())||E.toLowerCase()===(null===(v=T.CustomDataType.TEXTS)||void 0===v?void 0:v.toLowerCase())?null!==(L=null!==(S=null==N?void 0:N.content)&&void 0!==S?S:null===(I=null==N?void 0:N.data)||void 0===I?void 0:I.fileContentText)&&void 0!==L?L:"":t.intent===_.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"24px 0px",borderBottom:`1px solid ${h.COLORS.stroke.primary}`}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(j.Tooltip,Object.assign({body:R,placement:"top"},{children:e.jsx(O.BodySecondary,Object.assign({style:E==T.CustomDataType.FETCHED_LINKS||E==T.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:h.COLORS.content.primary,className:"clamp-title",onClick:()=>E==T.CustomDataType.FETCHED_LINKS||E==T.CustomDataType.WEBSITE_LINKS?P(t):{}},{children:R}))}))})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==_.EMAIL_COLLECTION&&e.jsxs(e.Fragment,{children:[ne(b),e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.secondary},{children:w}))]}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"4px"}},{children:D?e.jsx(x.IconButton,{Icon:i.default,height:16,width:16,bordered:!0,onClick:()=>null==N?void 0:N.onEditClick(N.data,N.type),disabled:!N,disabledTooltip:"This source is deleted"}):e.jsx(x.IconButton,{Icon:d.default,height:16,width:16,bordered:!0,disabled:"custom"===t.type&&!N,disabledTooltip:"This source is deleted",onClick:()=>P(t)})}))]}))]})),(null!=A?A:"").trim()&&e.jsx("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${h.COLORS.stroke.primary}`,borderRadius:"4px",backgroundColor:h.COLORS.surface.subdued}},{children:e.jsx(O.BodyCaption,Object.assign({color:h.COLORS.content.primary,className:"clamp-description"},{children:re(null!=A?A:"").trim()}))}))]}),`info-${s}`)}))}))]}))]})),G&&!se(H)&&e.jsx("div",Object.assign({className:"footer"},{children:e.jsx(f.default,{appType:b,storeId:E,messageSource:w,sourceIntent:null!==(L=w.intent)&&void 0!==L?L:_.GENERIC,faqCount:z,trainingSourceCount:J,ShowTrainingDataSource:te,ChecklistType:_,footerButtonOption:K})}))]})})})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const l=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const l=i.default.div`
 	display: flex;
 	margin: 0px 8px 0px 8px;
 	padding: 20px 0px 20px 0px;
@@ -6,6 +6,27 @@
 	max-height: calc(100vh - 130px);
 	.info-container {
 		border-radius: 8px;
+		gap: 12px;
+	}
+	.info-content-source {
+		border-radius: 8px;
+		background-color: ${o.COLORS.surface.subdued};
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+	}
+	.info-product-source {
+		border-radius: 8px;
+		background-color: ${o.COLORS.surface.subdued};
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+
+		.product-data {
+			display: flex;
+			flex-direction: row;
+			gap: 8px;
+		}
 	}
 	.pop-up-header {
 		padding: 6px 8px;
@@ -44,7 +65,7 @@
 		width: 8px;
 		display: block;
 	}
-`;r.default.div`
+`;i.default.div`
 	display: flex;
 	margin: 16px 0px 0px 0px;
 	padding: 0px 0px 16px 0px;
@@ -100,7 +121,7 @@
 		-webkit-box-orient: vertical;
 		white-space: pre-line;
 	}
-`;const p=r.default.div`
+`;const p=i.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;

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

@@ -132,6 +132,13 @@ export interface footerButtonOptionModel {
         addFaqProps?: any;
     }) => void;
 }
+export interface ProductSourceData {
+    [keys: string]: {
+        description: string;
+        metafield: string[];
+        faqs: CustomDataFaqModel[];
+    };
+}
 export declare enum AppType {
     MANIFEST = "MANIFEST",
     BIK = "BIK"

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AllSourceInfoDetailsCustomDataModel, AppType, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource } from './model';
+import { AllSourceInfoDetailsCustomDataModel, AppType, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
 export interface DataSourcePanelProps {
     storeId: string;
     appType: AppType;
@@ -21,5 +21,6 @@ export interface DataSourcePanelProps {
         [k in string]: number;
     }>;
     fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
+    productSourceData?: ProductSourceData;
 }
 export declare const DataSourcePanel: React.FC<DataSourcePanelProps>;

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

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

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

@@ -6,6 +6,27 @@ import e from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 	max-height: calc(100vh - 130px);
 	.info-container {
 		border-radius: 8px;
+		gap: 12px;
+	}
+	.info-content-source {
+		border-radius: 8px;
+		background-color: ${o.surface.subdued};
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+	}
+	.info-product-source {
+		border-radius: 8px;
+		background-color: ${o.surface.subdued};
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+
+		.product-data {
+			display: flex;
+			flex-direction: row;
+			gap: 8px;
+		}
 	}
 	.pop-up-header {
 		padding: 6px 8px;

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

@@ -132,6 +132,13 @@ export interface footerButtonOptionModel {
         addFaqProps?: any;
     }) => void;
 }
+export interface ProductSourceData {
+    [keys: string]: {
+        description: string;
+        metafield: string[];
+        faqs: CustomDataFaqModel[];
+    };
+}
 export declare enum AppType {
     MANIFEST = "MANIFEST",
     BIK = "BIK"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.659",
+	"version": "0.0.660-0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",