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

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

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

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

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

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

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

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

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

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