@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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

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

@@ -0,0 +1,4 @@
+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

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

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

@@ -0,0 +1,8 @@
+/// <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/Modals/DescriptionModal.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../spinner/Spinner.js"),s=require("../../../assets/icons/image.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(i);const o=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),d=require("../../spinner/Spinner.js"),s=require("../../../assets/icons/image.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const a=o.default.div`
 	margin: 2px;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
@@ -7,14 +7,14 @@
 		color: grey;
 		opacity: 0.6;
 	}
-`,a=d.default.div`
+`,l=o.default.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	border: 1px solid #e0e0e0;
 	border-radius: 16px;
 	padding: 8px;
-`,l=d.default.div`
+`,x=o.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -24,16 +24,16 @@
 		height: 80px;
 		width: 80px;
 	}
-`,x=d.default.div`
+`,p=o.default.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
-`,p=d.default.div`
+`,u=o.default.div`
 	height: 1px;
 	width: auto;
 	margin: 16px;
 	background: #e0e0e0;
-`,c=d.default.div`
+`,c=o.default.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
@@ -45,4 +45,4 @@
 		height: auto;
 		width: 100%;
 	}
-`;exports.DescriptionModal=i=>{const{title:n,description:d,imageUrl:u}=i,[g,f]=r.useState(!1),[h,m]=r.useState(!1);return r.useEffect((()=>{(async()=>{m(!1);const e=await async function(e){return new Promise((r=>{const i=new Image;i.onload=()=>r(!0),i.onerror=()=>r(!1),i.src=e}))}(u);f(e),m(!0)})()}),[g,u]),e.jsxs(a,{children:[e.jsxs(l,{children:[h?e.jsxs(e.Fragment,{children:[!g&&e.jsx(o,{children:e.jsx("div",{children:e.jsx(s.default,{width:24})})}),g&&e.jsx("img",{src:u,className:"image",alt:"Product"})]}):e.jsx(o,{children:e.jsx(t.Spinner,{size:"large"})}),e.jsx(x,{children:n})]}),e.jsx(p,{}),e.jsx(c,{dangerouslySetInnerHTML:{__html:d}})]})};
+`;exports.DescriptionModal=t=>{const{title:n,description:o,imageUrl:f}=t,[g,h]=r.useState(!1),[m,v]=r.useState(!1);return r.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){v(!1);const i=yield function(i){return e.__awaiter(this,void 0,void 0,(function*(){return new Promise((e=>{const r=new Image;r.onload=()=>e(!0),r.onerror=()=>e(!1),r.src=i}))}))}(f);h(i),v(!0)}))}),[g,f]),i.jsxs(l,{children:[i.jsxs(x,{children:[m?i.jsxs(i.Fragment,{children:[!g&&i.jsx(a,{children:i.jsx("div",{children:i.jsx(s.default,{width:24})})}),g&&i.jsx("img",{src:f,className:"image",alt:"Product"})]}):i.jsx(a,{children:i.jsx(d.Spinner,{size:"large"})}),i.jsx(p,{children:n})]}),i.jsx(u,{}),i.jsx(c,{dangerouslySetInnerHTML:{__html:o}})]})};

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

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

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

@@ -1,144 +1,142 @@
-interface MessageSource {
-    sources: InfoContent[];
-    intent: string;
-    messageId: string;
-    output_message_id?: string;
-    isUnsatisfactoryAnswer?: boolean;
-    isEditable?: boolean;
-}
-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;
-}
-interface DataSourcePanelZeroState {
-    title: string;
-    leadingIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    onClick: () => void;
-}
-interface AllSourceInfoDetailsCustomDataModel {
-    [keys: string]: SourceInfoDetailsCustomDataModel;
-}
-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;
-}
-declare enum CustomDataCategories {
-    PAGE = "page",
-    POLICY = "policy",
-    ARTICLE = "article",
-    UPLOADED = "uploaded",
-    TEXT = "text"
-}
-type CustomDataCategory = keyof typeof CustomDataCategories;
-declare enum CustomDataType {
-    FAQ = "FAQ",
-    FILES = "FILES",
-    WEBSITE_LINKS = "WEBSITE_LINKS",
-    TEXTS = "TEXTS",
-    FETCHED_LINKS = "FETCHED_LINKS",
-    URL = "URL",
-    TRAINING_TEMPLATE = "TRAINING_TEMPLATE"
-}
-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;
-}
-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;
-}
-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;
-}
-interface FaqProductModel {
-    id: string;
-    variantId: string;
-    name: string;
-    imageUrl: string;
-}
-interface CRMNoteMeta {
-    createdAt: Date;
-    sessionId: string;
-    userId: number;
-    messageId: string;
-    customerId: string;
-    updatedAt: Date;
-}
-interface LiveChatCTA {
-    url: string;
-    cta: string;
-    buttonType: string;
-}
-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;
-}
-interface ProductSourceData {
-    [keys: string]: {
-        description: string;
-        metafield: string[];
-        faqs: CustomDataFaqModel[];
-        onEditFaqClick: (faqs: CustomDataFaqModel[]) => void;
-    };
-}
-
-export { CustomDataCategories, CustomDataType };
-export type { AllSourceInfoDetailsCustomDataModel, CRMNoteMeta, CustomDataCategory, CustomDataDocument, CustomDataFaqModel, DataSourcePanelZeroState, FaqProductModel, FileMetaData, InfoContent, LiveChatCTA, MessageSource, ProductSourceData, SourceInfoDetailsCustomDataModel, footerButtonOptionModel };
+/// <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/data-source-panel/model.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var E=(E=>(E.PAGE="page",E.POLICY="policy",E.ARTICLE="article",E.UPLOADED="uploaded",E.TEXT="text",E))(E||{}),e=(E=>(E.FAQ="FAQ",E.FILES="FILES",E.WEBSITE_LINKS="WEBSITE_LINKS",E.TEXTS="TEXTS",E.FETCHED_LINKS="FETCHED_LINKS",E.URL="URL",E.TRAINING_TEMPLATE="TRAINING_TEMPLATE",E))(e||{});exports.CustomDataCategories=E,exports.CustomDataType=e;
+"use strict";var t,e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomDataCategories=void 0,(t=exports.CustomDataCategories||(exports.CustomDataCategories={})).PAGE="page",t.POLICY="policy",t.ARTICLE="article",t.UPLOADED="uploaded",t.TEXT="text",exports.CustomDataType=void 0,(e=exports.CustomDataType||(exports.CustomDataType={})).FAQ="FAQ",e.FILES="FILES",e.WEBSITE_LINKS="WEBSITE_LINKS",e.TEXTS="TEXTS",e.FETCHED_LINKS="FETCHED_LINKS",e.URL="URL",e.TRAINING_TEMPLATE="TRAINING_TEMPLATE";

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

@@ -1,16 +1,12 @@
-import React__default from 'react';
-
-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;
-};
-declare const DatePicker: React__default.FC<DatePickerProps>;
-
-export { DatePicker };
-export type { 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;
+};
+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"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a);exports.DatePicker=a=>{const[r,c]=t.useState();t.useEffect((()=>{a.selectedDates?c(a.selectedDates):c([null,null])}),[a.selectedDates]);const[i,s]=t.useState(a.selectedDate),u=null===a.maxRangeLimit?null:void 0===a.maxRangeLimit?180:a.maxRangeLimit;return e.jsx(n.PickerContainer,{selectRange:a.selectRange,children:e.jsx(l.default,{onChange:e=>{a.selectRange&&a.onSelectRange?function(e){a.onSelectRange?.(e[0],e[1]),c([e[0],e[1]])}(e):a.onSelectDate&&(a.onSelectDate(e),s(e))},tileDisabled:({date:e,view:t})=>{if(!Array.isArray(r))return!1;const[a,n]=r;if(a&&!n&&null!==u){const n=Math.round((e-a)/864e5);return"month"===t&&(n<-u||n>u)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void c([e,null]);const[t,a]=r;c(t&&t&&!a?[t,e]:[e,null])},value:a.selectRange?r:i,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate},"bik-calendar")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-calendar"),n=require("./DatePicker.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a);exports.DatePicker=a=>{const[r,c]=t.useState();t.useEffect((()=>{a.selectedDates?c(a.selectedDates):c([null,null])}),[a.selectedDates]);const[i,s]=t.useState(a.selectedDate),u=null===a.maxRangeLimit?null:void 0===a.maxRangeLimit?180:a.maxRangeLimit;return e.jsx(n.PickerContainer,Object.assign({selectRange:a.selectRange},{children:e.jsx(l.default,{onChange:e=>{a.selectRange&&a.onSelectRange?function(e){var t;null===(t=a.onSelectRange)||void 0===t||t.call(a,e[0],e[1]),c([e[0],e[1]])}(e):a.onSelectDate&&(a.onSelectDate(e),s(e))},tileDisabled:e=>{let{date:t,view:a}=e;if(!Array.isArray(r))return!1;const[n,l]=r;if(n&&!l&&null!==u){const e=Math.round((t-n)/864e5);return"month"===a&&(e<-u||e>u)}return!1},onClickDay:function(e){if(!Array.isArray(r))return void c([e,null]);const[t,a]=r;c(t&&t&&!a?[t,e]:[e,null])},value:a.selectRange?r:i,selectRange:a.selectRange,minDate:a.minDate,maxDate:a.maxDate},"bik-calendar")}))};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectRange: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;