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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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