@bikdotai/bik-component-library 0.0.731-beta.1 → 0.0.731-beta.11

package/dist/esm/components/bik-layout/FeatureModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"react-dom";import{COLORS as t}from"../../constants/Theme.js";import o from"../../assets/icons/cross.svg.js";import"../button/index.js";import{TitleMedium as n,BodyPrimary as r}from"../TypographyStyle.js";import{FeatureModalContainer as i,InnerModalContainer as a}from"./CommonStyles.js";import{Button as c}from"../button/Button.js";const d=d=>{const{zIndex:l,disableCross:m=!1,otherContent:j,onClickingCross:u,onUpgrade:p,title:h,subTitle:x,showBookADemo:b,demoLink:g,primaryButtonText:f}=d,y=h||"Upgrade to access this feature",T=x||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return s.createPortal(e.jsxs(i,Object.assign({zIndex:l},{children:[!m&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>u(),"aria-hidden":"true"},{children:e.jsx(o,{height:20,width:20,color:t.surface.subdued})})),e.jsx(a,{children:j?e.jsx(e.Fragment,{children:j}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(n,Object.assign({className:"title-color"},{children:y})),e.jsx(r,Object.assign({className:"title-color mt-8"},{children:T}))]}),e.jsxs("div",Object.assign({className:"cta-buttons"},{children:[b&&e.jsx(c,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(g,"_blank")}}),e.jsx(c,{buttonText:f||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>p?p():""})]}))]}))})]})),document.body)};export{d as FeatureModal};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"react-dom";import{COLORS as t}from"../../constants/Theme.js";import o from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as i}from"../TypographyStyle.js";import{FeatureModalContainer as a,InnerModalContainer as c}from"./CommonStyles.js";const d=d=>{const{zIndex:l,disableCross:m=!1,otherContent:j,onClickingCross:u,onUpgrade:h,title:p,subTitle:x,showBookADemo:b,demoLink:g,primaryButtonText:f}=d,y=p||"Upgrade to access this feature",T=x||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return s.createPortal(e.jsxs(a,Object.assign({zIndex:l},{children:[!m&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>u(),"aria-hidden":"true"},{children:e.jsx(o,{height:20,width:20,color:t.surface.subdued})})),e.jsx(c,{children:j?e.jsx(e.Fragment,{children:j}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(r,Object.assign({className:"title-color"},{children:y})),e.jsx(i,Object.assign({className:"title-color mt-8"},{children:T}))]}),e.jsxs("div",Object.assign({className:"cta-buttons"},{children:[b&&e.jsx(n,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(g,"_blank")}}),e.jsx(n,{buttonText:f||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>h?h():""})]}))]}))})]})),document.body)};export{d as FeatureModal};

package/dist/esm/components/bik-layout/FeatureModalV2.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as e,Fragment as o}from"react";import s from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import"../button/index.js";import"../modals/index.js";import{TitleMedium as r,BodySecondary as a}from"../TypographyStyle.js";import{FeatureModalV2Container as i}from"./CommonStyles.js";import{StyledModal as c}from"../modals/styledModal.js";import{Button as l}from"../button/Button.js";const m=m=>{const{zIndex:d,otherContent:b,onUpgrade:u,title:j,subTitle:p,primaryButtonText:y,onClose:g,featureImage:x,id:f}=m,h=void 0===j?"Start your 14-day free trial to test your AI assistant on your website":j,O=p||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",C=x||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[T,w]=e(!0);return s.createPortal(t.jsx(c,Object.assign({zIndex:d,open:T,onClose:function(){g&&g(),w(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:f},{children:t.jsx(i,{children:b?t.jsx(t.Fragment,{children:b}):t.jsxs(o,{children:[t.jsx("div",Object.assign({className:"top-feature-content"},{children:t.jsx("img",{src:C,alt:"general-icon"})})),t.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[t.jsx(r,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:h})),t.jsx(a,Object.assign({className:"text-align-center",style:{color:n.content.secondary}},{children:O})),t.jsx("div",Object.assign({className:"cta-buttons"},{children:t.jsx(l,{buttonText:y||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),w(!1)}})}))]}))]})})})),document.body)};export{m as FeatureModalV2};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,Fragment as o}from"react";import s from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import{Button as a}from"../button/Button.js";import{StyledModal as r}from"../modals/styledModal.js";import{TitleMedium as i,BodySecondary as c}from"../TypographyStyle.js";import{FeatureModalV2Container as l}from"./CommonStyles.js";const m=m=>{const{zIndex:d,otherContent:b,onUpgrade:u,title:y,subTitle:j,primaryButtonText:p,onClose:g,featureImage:x,id:f}=m,h=void 0===y?"Start your 14-day free trial to test your AI assistant on your website":y,O=j||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",C=x||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[T,w]=t(!0);return s.createPortal(e.jsx(r,Object.assign({zIndex:d,open:T,onClose:function(){g&&g(),w(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:f},{children:e.jsx(l,{children:b?e.jsx(e.Fragment,{children:b}):e.jsxs(o,{children:[e.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsx("img",{src:C,alt:"general-icon"})})),e.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsx(i,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:h})),e.jsx(c,Object.assign({className:"text-align-center",style:{color:n.content.secondary}},{children:O})),e.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsx(a,{buttonText:p||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),w(!1)}})}))]}))]})})})),document.body)};export{m as FeatureModalV2};

package/dist/esm/components/bik-layout/ShowShopifyRestrictedModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"react-dom";import{COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/cross.svg.js";import"../button/index.js";import{TitleMedium as n,BodyPrimary as i}from"../TypographyStyle.js";import{FeatureModalContainer as r,RelativeModalContainer as a}from"./CommonStyles.js";import{Button as c}from"../button/Button.js";const l=l=>{const{zIndex:d,containerType:m,handleButtonClick:h,triggerPosition:p,connectShopifyDescription:j,demoDescription:u}=l,b=e=>{h(e)},g=p&&window.innerHeight-p.top<100,x=p?{position:"fixed",top:g?"auto":p.top,bottom:g?"0":"auto",left:p.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return t.createPortal(e.jsx(r,Object.assign({zIndex:d,resetHeight:!0,style:x,relativePostion:!!p},{children:e.jsxs(a,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>b("close"),"aria-hidden":"true"},{children:e.jsx(s,{height:24,width:24,color:"#000000"})})),"demo_store"==m?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(n,Object.assign({color:o.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsx(i,{children:null!=u?u:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsx("div",Object.assign({className:"left-content"},{children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsx(n,{children:"Connect Shopify "}),e.jsx(i,Object.assign({style:{maxWidth:432}},{children:null!=j?j:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsx(c,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>b("shopify")}),e.jsx(c,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>b("demo")})]}))]}))]}))]})})),document.body)};export{l as ShowShopifyRestrictedModal};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"react-dom";import{COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as i,BodyPrimary as r}from"../TypographyStyle.js";import{FeatureModalContainer as a,RelativeModalContainer as c}from"./CommonStyles.js";const l=l=>{const{zIndex:d,containerType:m,handleButtonClick:h,triggerPosition:p,connectShopifyDescription:j,demoDescription:g}=l,u=e=>{h(e)},b=p&&window.innerHeight-p.top<100,y=p?{position:"fixed",top:b?"auto":p.top,bottom:b?"0":"auto",left:p.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return t.createPortal(e.jsx(a,Object.assign({zIndex:d,resetHeight:!0,style:y,relativePostion:!!p},{children:e.jsxs(c,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>u("close"),"aria-hidden":"true"},{children:e.jsx(s,{height:24,width:24,color:"#000000"})})),"demo_store"==m?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(i,Object.assign({color:o.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsx(r,{children:null!=g?g:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsx("div",Object.assign({className:"left-content"},{children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsx(i,{children:"Connect Shopify "}),e.jsx(r,Object.assign({style:{maxWidth:432}},{children:null!=j?j:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsx(n,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>u("shopify")}),e.jsx(n,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>u("demo")})]}))]}))]}))]})})),document.body)};export{l as ShowShopifyRestrictedModal};

package/dist/esm/components/bik-layout/SidebarSkeleton.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import"../shimmer/index.js";import{SimpleSidebarContainer as s}from"./SidebarStyles.js";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const r=r=>{const{width:t,zIndex:m,left:n,theme:d}=r;return e.jsx(s,Object.assign({width:t,zIndex:m,left:n,theme:d},{children:e.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((s=>e.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsx(i,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===d})}),s+"_"+Math.random())))}))}))};export{r as SidebarSkeleton};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{BikShimmer as s}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:r,zIndex:m,left:n,theme:a}=t;return e.jsx(i,Object.assign({width:r,zIndex:m,left:n,theme:a},{children:e.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((i=>e.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsx(s,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===a})}),i+"_"+Math.random())))}))}))};export{t as SidebarSkeleton};

package/dist/esm/components/bik-layout/SimpleSidebar.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s}from"react";import{COLORS as i}from"../../constants/Theme.js";import"../button/index.js";import{NavigationHyperlink as n}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as t,TitleSmall as a}from"../TypographyStyle.js";import{SimpleSidebarContainer as l}from"./SidebarStyles.js";import{Button as o}from"../button/Button.js";const r=r=>{const{menuList:d,activeMenu:c,theme:u,showAccessUpgradePanel:m=!1,header:p,width:h,zIndex:j,left:b,postion:g,top:v,router:x,onMouseLeaveOnMenu:y,onMouseEnterOnMenu:N,onMenuClick:f,onUpgrade:k,isNewSidebar:O}=r,[w,M]=s(c),S=(s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),f(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(t,Object.assign({className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":"")},{children:null==s?void 0:s.displayName})),s.isNew&&e.jsx("div",Object.assign({className:"sub-child-new-tag"},{children:"NEW"}))]}),i);return e.jsx(l,Object.assign({width:h,zIndex:j,left:b,theme:u,postion:g,top:v,isNewSidebar:O},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:y,onMouseEnter:N},{children:[e.jsxs("div",{children:[!O&&e.jsx(t,Object.assign({className:"sub-child-display-name"},{children:p})),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n,Object.assign({href:s.page,router:x},{children:S(s,i)})):S(s,i)))]}),m&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(a,Object.assign({className:"title-text",style:{color:i.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(o,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>k?k():""})]}))]}),"_sub-menu")}))};export{r as SimpleSidebar};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{NavigationHyperlink as t}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as a,TitleSmall as l}from"../TypographyStyle.js";import{SimpleSidebarContainer as r}from"./SidebarStyles.js";const o=o=>{const{menuList:c,activeMenu:d,theme:u,showAccessUpgradePanel:m=!1,header:p,width:h,zIndex:j,left:b,postion:g,top:v,router:x,onMouseLeaveOnMenu:y,onMouseEnterOnMenu:N,onMenuClick:f,onUpgrade:k,isNewSidebar:O}=o,[w,M]=s(d),S=(s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),f(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(a,Object.assign({className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":"")},{children:null==s?void 0:s.displayName})),s.isNew&&e.jsx("div",Object.assign({className:"sub-child-new-tag"},{children:"NEW"}))]}),i);return e.jsx(r,Object.assign({width:h,zIndex:j,left:b,theme:u,postion:g,top:v,isNewSidebar:O},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:y,onMouseEnter:N},{children:[e.jsxs("div",{children:[!O&&e.jsx(a,Object.assign({className:"sub-child-display-name"},{children:p})),null==c?void 0:c.map(((s,i)=>s.page?e.jsx(t,Object.assign({href:s.page,router:x},{children:S(s,i)})):S(s,i)))]}),m&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(l,Object.assign({className:"title-text",style:{color:i.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(n,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>k?k():""})]}))]}),"_sub-menu")}))};export{o as SimpleSidebar};

package/dist/esm/components/button/Button.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import n,{forwardRef as s}from"react";import"../spinner/index.js";import{Button as i,ButtonCustomDashedBorder as o}from"./Button.styled.js";import{GetButtonTextComponent as a,getButtonIconColor as r,SpinnerColorMap as c}from"./themes.js";import{Spinner as l}from"../spinner/Spinner.js";const d=s(((s,d)=>{var{version:m,id:b,buttonType:j="primary",size:u="small",buttonText:g,disabled:p,IconComponent:x,LeadingIcon:h,TrailingIcon:v,isLoading:y,inverse:C,onClick:I,matchParentWidth:N,subtitle:z,darkMode:O,activated:T,error:f,buttonTextColor:k,buttonFontSize:L,customIconColor:S,buttonColor:W,LeadingIconStyles:B}=s,E=t(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const F=a(u,j,p),M=r(u,j,C,p,y,O),P="chip"===u?16:20,_={height:P,width:P,color:S||M,style:{display:"block"},className:"icon"};return e.jsx(i,Object.assign({"data-test":E["data-test"],version:m,onClick:y?()=>{}:I,ref:d,id:b,disabled:p,size:u,buttonType:j,isLoading:y,inverse:C,matchParentWidth:N,darkMode:O,activated:T,error:f,buttonColor:W},E,{children:e.jsxs("div",Object.assign({className:"button-container"},{children:[j.startsWith("dash")&&e.jsx(o,{}),e.jsx("div",Object.assign({className:"overlay-container"},{children:y&&e.jsx(l,{className:"spinner",size:"small",color:c(j,C)})})),x&&e.jsx("div",Object.assign({className:"icon-component"},{children:n.createElement(x,_)})),h&&e.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},B)},{children:n.createElement(h,_)})),g?e.jsxs(F,Object.assign({className:"text",style:{color:k,fontSize:L}},{children:[g,e.jsx("div",Object.assign({className:"text-subtitle"},{children:z}))]})):e.jsx(e.Fragment,{}),v&&e.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:n.createElement(v,_)}))]}))}))}));d.displayName="Button";export{d as Button};
+import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import s,{forwardRef as n}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as i,ButtonCustomDashedBorder as a}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as c,GetButtonTextComponent as l}from"./themes.js";const d=n(((n,d)=>{var{version:m,id:b,buttonType:j="primary",size:u="small",buttonText:g,disabled:h,IconComponent:x,LeadingIcon:p,TrailingIcon:v,isLoading:y,inverse:C,onClick:I,matchParentWidth:N,subtitle:z,darkMode:O,activated:T,error:f,buttonTextColor:k,buttonFontSize:L,customIconColor:S,buttonColor:W,LeadingIconStyles:B}=n,E=t(n,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const F=l(u,j,h),M=r(u,j,C,h,y,O),P="chip"===u?16:20,_={height:P,width:P,color:S||M,style:{display:"block"},className:"icon"};return e.jsx(i,Object.assign({"data-test":E["data-test"],version:m,onClick:y?()=>{}:I,ref:d,id:b,disabled:h,size:u,buttonType:j,isLoading:y,inverse:C,matchParentWidth:N,darkMode:O,activated:T,error:f,buttonColor:W},E,{children:e.jsxs("div",Object.assign({className:"button-container"},{children:[j.startsWith("dash")&&e.jsx(a,{}),e.jsx("div",Object.assign({className:"overlay-container"},{children:y&&e.jsx(o,{className:"spinner",size:"small",color:c(j,C)})})),x&&e.jsx("div",Object.assign({className:"icon-component"},{children:s.createElement(x,_)})),p&&e.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},B)},{children:s.createElement(p,_)})),g?e.jsxs(F,Object.assign({className:"text",style:{color:k,fontSize:L}},{children:[g,e.jsx("div",Object.assign({className:"text-subtitle"},{children:z}))]})):e.jsx(e.Fragment,{}),v&&e.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:s.createElement(v,_)}))]}))}))}));d.displayName="Button";export{d as Button};

package/dist/esm/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-import{j as s}from"../../node_modules/react/jsx-runtime.js";import e from"../../assets/icons/info.svg.js";import{StyledCard as o,StyledCardContainer as i}from"./CardSelectionModal.styled.js";import"../modals/index.js";import{DEFAULT_THEME as n}from"../../constants/Theme.js";import{TitleRegular as t,BodyCaption as r,BodySecondary as l}from"../TypographyStyle.js";import{StyledModal as c}from"../modals/styledModal.js";const a=a=>s.jsx(c,Object.assign({open:a.isOpen,onClose:a.onClose,headingTitle:a.title,headingSubtitle:a.subTitle,centralContainerStyles:{width:716}},{children:s.jsxs(i,{children:[s.jsx("div",Object.assign({className:"cards__wrapper"},{children:a.cards.map((e=>s.jsxs(o,Object.assign({onClick:()=>{a.onCardSelected(e.value)}},{children:[e.icon&&s.jsx("div",Object.assign({className:"icon__container"},{children:s.jsx(e.icon,{width:22,color:n.colorsV2.content.brand})})),s.jsx(t,{children:e.title}),s.jsx(r,{children:e.description})]}),e.value)))})),a.infoText&&s.jsxs("div",Object.assign({className:"info__wrapper"},{children:[s.jsx(e,{width:15,color:n.colorsV2.content.placeholder}),s.jsx(l,{children:a.infoText})]}))]})}));export{a as CardSelectionModal};
+import{j as s}from"../../node_modules/react/jsx-runtime.js";import e from"../../assets/icons/info.svg.js";import{StyledCardContainer as o,StyledCard as i}from"./CardSelectionModal.styled.js";import{StyledModal as n}from"../modals/styledModal.js";import{DEFAULT_THEME as t}from"../../constants/Theme.js";import{BodySecondary as r,TitleRegular as c,BodyCaption as l}from"../TypographyStyle.js";const a=a=>s.jsx(n,Object.assign({open:a.isOpen,onClose:a.onClose,headingTitle:a.title,headingSubtitle:a.subTitle,centralContainerStyles:{width:716}},{children:s.jsxs(o,{children:[s.jsx("div",Object.assign({className:"cards__wrapper"},{children:a.cards.map((e=>s.jsxs(i,Object.assign({onClick:()=>{a.onCardSelected(e.value)}},{children:[e.icon&&s.jsx("div",Object.assign({className:"icon__container"},{children:s.jsx(e.icon,{width:22,color:t.colorsV2.content.brand})})),s.jsx(c,{children:e.title}),s.jsx(l,{children:e.description})]}),e.value)))})),a.infoText&&s.jsxs("div",Object.assign({className:"info__wrapper"},{children:[s.jsx(e,{width:15,color:t.colorsV2.content.placeholder}),s.jsx(r,{children:a.infoText})]}))]})}));export{a as CardSelectionModal};

package/dist/esm/components/card-selector/CardSelector.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{COLORS as t}from"../../constants/Theme.js";import{Spinner as i}from"../spinner/Spinner.js";import"../tooltips/index.js";import{TitleSmall as s,BodyCaption as l}from"../TypographyStyle.js";import{Container as n,Loader as o}from"./CardSelector.styled.js";import{Tooltip as d}from"../tooltips/Tooltip.js";const c=t=>{var i,s,l,o;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(d,Object.assign({title:t.tooltip},{children:e.jsx(n,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(s=t.loading)&&void 0!==s&&s,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(r,Object.assign({},t))}))})):e.jsx(n,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(l=t.disabled)&&void 0!==l&&l,loading:null!==(o=t.loading)&&void 0!==o&&o,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(r,Object.assign({},t))}))})},r=n=>e.jsx(e.Fragment,{children:n.loading?e.jsx(o,{children:e.jsx(i,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==n?void 0:n.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(n.icon,{width:24,color:n.selected?t.content.brand:n.disabled?t.content.inactive:t.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==n?void 0:n.dataTestId},{children:[n.title&&e.jsx(s,Object.assign({style:{color:n.selected?t.content.brand:n.disabled?t.content.inactive:t.content.secondary}},{children:n.title})),n.subtitle&&e.jsx(l,Object.assign({style:{marginTop:n.title?4:0,color:n.selected?t.content.brand:n.disabled?t.content.inactive:t.content.secondary}},{children:n.subtitle}))]}))]})});export{c as CardSelector};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{COLORS as t}from"../../constants/Theme.js";import{Spinner as i}from"../spinner/Spinner.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{TitleSmall as l,BodyCaption as n}from"../TypographyStyle.js";import{Container as o,Loader as d}from"./CardSelector.styled.js";const c=t=>{var i,l,n,d;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(s,Object.assign({title:t.tooltip},{children:e.jsx(o,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(l=t.loading)&&void 0!==l&&l,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(r,Object.assign({},t))}))})):e.jsx(o,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(n=t.disabled)&&void 0!==n&&n,loading:null!==(d=t.loading)&&void 0!==d&&d,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(r,Object.assign({},t))}))})},r=s=>e.jsx(e.Fragment,{children:s.loading?e.jsx(d,{children:e.jsx(i,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==s?void 0:s.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(s.icon,{width:24,color:s.selected?t.content.brand:s.disabled?t.content.inactive:t.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==s?void 0:s.dataTestId},{children:[s.title&&e.jsx(l,Object.assign({style:{color:s.selected?t.content.brand:s.disabled?t.content.inactive:t.content.secondary}},{children:s.title})),s.subtitle&&e.jsx(n,Object.assign({style:{marginTop:s.title?4:0,color:s.selected?t.content.brand:s.disabled?t.content.inactive:t.content.secondary}},{children:s.subtitle}))]}))]})});export{c as CardSelector};

package/dist/esm/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"react";import s from"react-slick";import"../../node_modules/slick-carousel/slick/slick-theme.css.js";import"../../node_modules/slick-carousel/slick/slick.css.js";import{Container as o,CarouselSlickContainer as l}from"./CarouselPreview.style.js";import t from"./CarouselPreviewCard.js";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as n,isRCSChannel as a}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as d}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as c,CustomCarouselLeftArrow as u}from"./CustomCarouselArrows.js";const m=r.forwardRef((r=>{let{channel:s,template:l,isPreview:c,removeBottomBorder:u,borderRadius:m,showArrows:v,hideBorder:w,showSampleValues:h}=r;var j,x;const{sliderRef:C,selectedCarouselIndex:f,cardCount:g,setIsCarouselHovered:I,cardIndex:P}=i(),R=-1==P?n(s):P,b=null===(x=null===(j=null==l?void 0:l.components)||void 0===j?void 0:j[R])||void 0===x?void 0:x.cards,S=(null==b?void 0:b.length)?e.jsx(p,{cards:b,cardCount:null!=g?g:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:C,isPreview:c,showArrows:v,channel:s,template:l,setIsCarouselHovered:I,showSampleValues:!!h}):null;return a(s)?e.jsx(d,Object.assign({borderRadius:m},{children:S})):e.jsxs(o,Object.assign({removeBottomBorder:u,borderRadius:m,hideBorder:w},{children:[e.jsx(t,{channel:s,currentTemplate:l,carouselCardIndex:-1,isPreview:c,width:"77%"}),S]}))})),p=r=>{let{cards:o,cardCount:i,selectedCarouselIndex:n,sliderRef:a,isPreview:d,showArrows:m,channel:p,template:v,setIsCarouselHovered:w,showSampleValues:h}=r;return e.jsx(l,Object.assign({cardCount:i,selectedCarouselIndex:n,onMouseEnter:()=>null==w?void 0:w(!0),onMouseLeave:()=>null==w?void 0:w(!1)},{children:e.jsx(s,Object.assign({ref:a,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:m,adaptiveHeight:!0,nextArrow:e.jsx(c,{isPreview:null!=d&&d}),prevArrow:e.jsx(u,{isPreview:null!=d&&d})},{children:null==o?void 0:o.map(((r,s)=>{var o,l;const i={components:r.components,mapping:null===(l=null===(o=null==v?void 0:v.mapping)||void 0===o?void 0:o.cards)||void 0===l?void 0:l[s],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(t,{channel:p,currentTemplate:i,carouselCardIndex:s,isPreview:d,width:"100%",showSampleValues:h},s)}))}))}))};export{m as CarouselPreview};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"react";import o from"react-slick";import{Container as s,CarouselSlickContainer as l}from"./CarouselPreview.style.js";import t from"./CarouselPreviewCard.js";import{useTemplateModalContext as n}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as i,isRCSChannel as a}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as d}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as u,CustomCarouselLeftArrow as c}from"./CustomCarouselArrows.js";const m=r.forwardRef((r=>{let{channel:o,template:l,isPreview:u,removeBottomBorder:c,borderRadius:m,showArrows:v,hideBorder:w,showSampleValues:h}=r;var j,x;const{sliderRef:C,selectedCarouselIndex:f,cardCount:g,setIsCarouselHovered:I,cardIndex:P}=n(),R=-1==P?i(o):P,b=null===(x=null===(j=null==l?void 0:l.components)||void 0===j?void 0:j[R])||void 0===x?void 0:x.cards,S=(null==b?void 0:b.length)?e.jsx(p,{cards:b,cardCount:null!=g?g:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:C,isPreview:u,showArrows:v,channel:o,template:l,setIsCarouselHovered:I,showSampleValues:!!h}):null;return a(o)?e.jsx(d,Object.assign({borderRadius:m},{children:S})):e.jsxs(s,Object.assign({removeBottomBorder:c,borderRadius:m,hideBorder:w},{children:[e.jsx(t,{channel:o,currentTemplate:l,carouselCardIndex:-1,isPreview:u,width:"77%"}),S]}))})),p=r=>{let{cards:s,cardCount:n,selectedCarouselIndex:i,sliderRef:a,isPreview:d,showArrows:m,channel:p,template:v,setIsCarouselHovered:w,showSampleValues:h}=r;return e.jsx(l,Object.assign({cardCount:n,selectedCarouselIndex:i,onMouseEnter:()=>null==w?void 0:w(!0),onMouseLeave:()=>null==w?void 0:w(!1)},{children:e.jsx(o,Object.assign({ref:a,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:m,adaptiveHeight:!0,nextArrow:e.jsx(u,{isPreview:null!=d&&d}),prevArrow:e.jsx(c,{isPreview:null!=d&&d})},{children:null==s?void 0:s.map(((r,o)=>{var s,l;const n={components:r.components,mapping:null===(l=null===(s=null==v?void 0:v.mapping)||void 0===s?void 0:s.cards)||void 0===l?void 0:l[o],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(t,{channel:p,currentTemplate:n,carouselCardIndex:o,isPreview:d,width:"100%",showSampleValues:h},o)}))}))}))};export{m as CarouselPreview};

package/dist/esm/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"react";import{useTemplateModalContext as a}from"../template-context-mapper/context/templateModalContext.js";import"../template-preview/index.js";import{determineCardIndex as r}from"../template-preview/helpers/templateMiscHelper.js";import{TemplatePreview as l}from"../template-preview/TemplatePreview.js";const i=t.forwardRef((t=>{let{channel:i,currentTemplate:o,showSampleValues:s,carouselCardIndex:p,isPreview:m,width:n}=t;var d,c,h;const{cardWidth:u,template:v,cardIndex:w}=a(),x=-1==w?r(i):w,j=(null!==(h=null===(c=null===(d=null==v?void 0:v.components)||void 0===d?void 0:d[x].cards)||void 0===c?void 0:c.length)&&void 0!==h?h:0)-1===p?12:0;return e.jsx("div",Object.assign({style:{width:n||u,height:(null!=p?p:-1)>-1?"100%":"auto"}},{children:e.jsx(l,{showSampleValues:s,template:o,channel:i,size:"small",hideHeader:!0,carouselCardIndex:p,isWhatsappCarousel:!0,isPreview:m,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})}))}));export{i as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"react";import{useTemplateModalContext as a}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as p}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import"../template-preview/models/Channels.js";import{determineCardIndex as r}from"../template-preview/helpers/templateMiscHelper.js";const i=t.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:s,carouselCardIndex:m,isPreview:o,width:n}=t;var d,h,c;const{cardWidth:v,template:u,cardIndex:w}=a(),j=-1==w?r(i):w,x=(null!==(c=null===(h=null===(d=null==u?void 0:u.components)||void 0===d?void 0:d[j].cards)||void 0===h?void 0:h.length)&&void 0!==c?c:0)-1===m?12:0;return e.jsx("div",Object.assign({style:{width:n||v,height:(null!=m?m:-1)>-1?"100%":"auto"}},{children:e.jsx(p,{showSampleValues:s,template:l,channel:i,size:"small",hideHeader:!0,carouselCardIndex:m,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:x,height:"100%"}}})}))}));export{i as default};

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useMemo as i,useState as l,useEffect as s}from"react";import{CheckboxContainer as a,CheckboxIcon as t}from"./CheckBox.styled.js";import{TitleRegular as o,TitleSmall as r,BodySecondary as d,BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const b=l=>{const s=i((()=>l.activeColor||c.background.positive.vibrant),[l.activeColor]);return e.jsxs("svg",Object.assign({width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",viewBox:l.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",rx:"4",fill:l.isDisabled?c.content.inactive:s}),!l.isPartial&&e.jsx("svg",Object.assign({width:l.isSmall?"8":"10",height:l.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&e.jsx("rect",{x:"5",y:l.isSmall?"7":"8",width:l.isSmall?"6":"8",height:"2",rx:"1",fill:c.surface.standard})]}))},h=i=>{var h;const[x,m]=l(i.isChecked||!1),[j,v]=l(i.isPartiallyChecked||!1),[g,C]=l(i.isDisabled||!1),[p,S]=l(!1),[u,w]=l(!1);s((()=>{m(i.isChecked)}),[i.isChecked]),s((()=>{C(i.isDisabled||!1)}),[i.isDisabled]),s((()=>{v(i.isPartiallyChecked||!1)}),[i.isPartiallyChecked]);return e.jsxs(a,Object.assign({onClick:e=>{var l;if(!i.isDisabled){const s=!x;j?v(!j):m(s),null===(l=i.onValueChange)||void 0===l||l.call(i,s,i.value,e)}},onMouseEnter:()=>S(!i.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>w(!i.skipHoverState),onMouseUp:()=>w(!1),isDisabled:g,enableHover:i.enableHover,style:null!==(h=i.style)&&void 0!==h?h:{}},{children:[e.jsx(t,Object.assign({checked:x,hovered:p,clicked:u,isDisabled:g,size:i.size,borderColor:i.checkboxBorderColor},{children:x&&e.jsx(b,{isPartial:j||!1,isDisabled:g,isSmall:"SMALL"===i.size,activeColor:null==i?void 0:i.activeColor})})),i.label?i.boldOnChecked&&x||i.bold?"DEFAULT"===i.labelSize?e.jsx(o,Object.assign({color:i.isDisabled?c.text.disabled:c.text.primary},{children:i.label})):e.jsx(r,Object.assign({color:i.isDisabled?c.text.disabled:c.text.primary},{children:i.label})):"SMALL"===i.size||"SMALL"===i.labelSize?e.jsx(d,Object.assign({color:i.isDisabled?c.text.disabled:c.text.primary},{children:i.label})):e.jsx(n,Object.assign({color:i.isDisabled?c.text.disabled:c.text.primary},{children:i.label})):e.jsx(e.Fragment,{}),i.rightComponent]}))};export{h as CheckBox};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i,useEffect as l,useMemo as s}from"react";import{CheckboxContainer as a,CheckboxIcon as t}from"./CheckBox.styled.js";import{TitleRegular as o,TitleSmall as r,BodySecondary as d,BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const b=i=>{const l=s((()=>i.activeColor||c.background.positive.vibrant),[i.activeColor]);return e.jsxs("svg",Object.assign({width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?c.content.inactive:l}),!i.isPartial&&e.jsx("svg",Object.assign({width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:c.surface.standard})]}))},h=s=>{var h;const[x,m]=i(s.isChecked||!1),[j,v]=i(s.isPartiallyChecked||!1),[g,C]=i(s.isDisabled||!1),[p,S]=i(!1),[u,w]=i(!1);l((()=>{m(s.isChecked)}),[s.isChecked]),l((()=>{C(s.isDisabled||!1)}),[s.isDisabled]),l((()=>{v(s.isPartiallyChecked||!1)}),[s.isPartiallyChecked]);return e.jsxs(a,Object.assign({onClick:e=>{var i;if(!s.isDisabled){const l=!x;j?v(!j):m(l),null===(i=s.onValueChange)||void 0===i||i.call(s,l,s.value,e)}},onMouseEnter:()=>S(!s.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>w(!s.skipHoverState),onMouseUp:()=>w(!1),isDisabled:g,enableHover:s.enableHover,style:null!==(h=s.style)&&void 0!==h?h:{}},{children:[e.jsx(t,Object.assign({checked:x,hovered:p,clicked:u,isDisabled:g,size:s.size,borderColor:s.checkboxBorderColor},{children:x&&e.jsx(b,{isPartial:j||!1,isDisabled:g,isSmall:"SMALL"===s.size,activeColor:null==s?void 0:s.activeColor})})),s.label?s.boldOnChecked&&x||s.bold?"DEFAULT"===s.labelSize?e.jsx(o,Object.assign({color:s.isDisabled?c.text.disabled:c.text.primary},{children:s.label})):e.jsx(r,Object.assign({color:s.isDisabled?c.text.disabled:c.text.primary},{children:s.label})):"SMALL"===s.size||"SMALL"===s.labelSize?e.jsx(d,Object.assign({color:s.isDisabled?c.text.disabled:c.text.primary},{children:s.label})):e.jsx(n,Object.assign({color:s.isDisabled?c.text.disabled:c.text.primary},{children:s.label})):e.jsx(e.Fragment,{}),s.rightComponent]}))};export{h as CheckBox};

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s,useEffect as t}from"react";import"../checkBox/index.js";import{CheckListStyled as i}from"./CheckList.styled.js";import{TitleRegular as o,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as c}from"../checkBox/CheckBox.js";const l=l=>{var a;const[m,j]=s(l.listItems);t((()=>{j(l.listItems)}),[l.listItems]);const d=(e,s)=>{const t=[...m],i=m.find((e=>e.value===s));i&&(i.isChecked=e),j(t);const o=t.filter((e=>e.isChecked));l.onChange(o)};return e.jsxs(i,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(o,{children:l.title}),l.subTitle&&e.jsx(n,Object.assign({color:r.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({style:null!==(a=l.listContainerStyles)&&void 0!==a?a:{},className:"list__container"},{children:m.map((s=>e.jsx(c,Object.assign({},s,{onValueChange:d}),s.value)))}))]})};export{l as CheckList};
+import{j as s}from"../../node_modules/react/jsx-runtime.js";import{useState as e,useEffect as t}from"react";import{CheckBox as i}from"../checkBox/CheckBox.js";import{CheckListStyled as o}from"./CheckList.styled.js";import{TitleRegular as n,BodySecondary as l}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const c=c=>{var a;const[m,j]=e(c.listItems);t((()=>{j(c.listItems)}),[c.listItems]);const d=(s,e)=>{const t=[...m],i=m.find((s=>s.value===e));i&&(i.isChecked=s),j(t);const o=t.filter((s=>s.isChecked));c.onChange(o)};return s.jsxs(o,{children:[(c.title||c.subTitle)&&s.jsxs("div",Object.assign({className:"title__container"},{children:[c.title&&s.jsx(n,{children:c.title}),c.subTitle&&s.jsx(l,Object.assign({color:r.text.secondary},{children:c.subTitle}))]})),s.jsx("div",Object.assign({style:null!==(a=c.listContainerStyles)&&void 0!==a?a:{},className:"list__container"},{children:m.map((e=>s.jsx(i,Object.assign({},e,{onValueChange:d}),e.value)))}))]})};export{c as CheckList};

package/dist/esm/components/code-block/CodeBlock.styled.js

@@ -16,26 +16,26 @@ import e from"styled-components";const r=e.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-`,t=e.div`
+`;e.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`,d=e.div`
+`,e.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
 	background-color: ${e=>{let{color:r}=e;return r}};
-`,n=e.div`
+`;const t=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,i=e.span`
+`,d=e.span`
 	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 14px;
 	font-weight: 500;
-`,l=e.div`
+`,n=e.div`
 	background-color: ${e=>{let{bg:r}=e;return r}};
 	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
 	padding: 2px 6px;
@@ -43,7 +43,7 @@ import e from"styled-components";const r=e.div`
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,a=e.button`
+`,i=e.button`
 	background-color: transparent;
 	border: 1px solid
 		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
@@ -60,13 +60,13 @@ import e from"styled-components";const r=e.div`
 	&:hover {
 		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
 	}
-`,f=e.div`
+`,l=e.div`
 	max-height: ${e=>{let{maxHeight:r}=e;return r}};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,p=e.div`
+`,a=e.div`
 	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
 	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
 	padding: 16px 12px;
@@ -77,7 +77,7 @@ import e from"styled-components";const r=e.div`
 	border-right: 1px solid
 		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
 	min-width: 40px;
-`,s=e.pre`
+`,f=e.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
@@ -107,4 +107,4 @@ import e from"styled-components";const r=e.div`
 	.number {
 		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 	}
-`;export{s as Code,f as CodeContainer,r as Container,a as CopyButton,d as Dot,o as Header,l as LanguageBadge,p as LineNumbers,i as Title,n as TitleSection,t as WindowControls};
+`;export{f as Code,l as CodeContainer,r as Container,i as CopyButton,o as Header,n as LanguageBadge,a as LineNumbers,d as Title,t as TitleSection};

package/dist/esm/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const n={javascript:e},l=o=>{let e=0;for(let n=0;n<o.length;n++)e=(e<<5)-e+o.charCodeAt(n),e|=0;return Math.abs(e)},r=o=>{let e=0;for(let n=0;n<o.length;n++)e=o.charCodeAt(n)+((e<<5)-e);const n=(16777215&e).toString(16).toUpperCase();return`#${"00000".substring(0,6-n.length)+n}`},s=function(e,r){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[r.toLowerCase()]||[],t=(e=>{let{theme:r,lang:s}=e;var a,t;const c=o[s.toLowerCase()]||[],g={};let i={},p=[];const d=n[s.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,r))||{},p=(null===(t=d.colorMap)||void 0===t?void 0:t.call(d,r))||[],console.log(`Formatter found for ${s} (${r}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${s}:`,o)}else console.log(`No formatter found for ${s}`);const f="dark"===r?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${c.length} keywords for ${s}`),c.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=l(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=l(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:s,lang:r});let c=e;c=c.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),c=c.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),c=c.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),c=c.replace(/#.*$/gm,'<span class="comment">$&</span>'),c=c.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${r} keywords in order:`,g),g.forEach((o=>{let e;e="css"===r.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const n=c;c="css"===r.toLowerCase()?c.replace(e,`$1<span style="color: ${t[o]}">$2</span>`):c.replace(e,`<span style="color: ${t[o]}">$1</span>`),n!==c&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${t[o]} (made changes)`)})),c};export{s as highlightCode,r as randomStringToColor};
+import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const l={javascript:e},n=o=>{let e=0;for(let l=0;l<o.length;l++)e=(e<<5)-e+o.charCodeAt(l),e|=0;return Math.abs(e)},s=function(e,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[s.toLowerCase()]||[],c=(e=>{let{theme:s,lang:r}=e;var a,c;const t=o[r.toLowerCase()]||[],g={};let i={},p=[];const d=l[r.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,s))||{},p=(null===(c=d.colorMap)||void 0===c?void 0:c.call(d,s))||[],console.log(`Formatter found for ${r} (${s}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const f="dark"===s?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${t.length} keywords for ${r}`),t.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=n(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=n(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:r,lang:s});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${s} keywords in order:`,g),g.forEach((o=>{let e;e="css"===s.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const l=t;t="css"===s.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),l!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)})),t};export{s as highlightCode};

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/chevronDown.svg.js";import{useState as t,useEffect as l}from"react";import{CountriesData as s}from"./CountryCodePicker.modal.js";import{StyledCountryPickerOption as n,StyledCountryPickerWrapper as r}from"./CountryCodePicker.styled.js";import"../dropdown/index.js";import{BodySecondary as i}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import{DropdownPopover as d}from"../dropdown/DropdownPopover/index.js";const a=a=>{var m,p,u,v,y,j,g;const[h,x]=t(null!==(m=a.selectedCountry)&&void 0!==m?m:{name:"India",dial:"+91",code:"IN"}),C=`https://flagcdn.com/${null===(p=h.code)||void 0===p?void 0:p.toLowerCase()}.svg`;l((()=>{a.selectedCountry&&x(a.selectedCountry)}),[null===(u=a.selectedCountry)||void 0===u?void 0:u.code]);return e.jsx(d,Object.assign({version:a.version,isSearchable:!0,width:null!==(v=a.popoverWidth)&&void 0!==v?v:"200px",placement:null!==(y=a.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(j=a.placementStrategy)&&void 0!==j?j:"absolute",options:s.map((o=>{var t,l,s,r;const d=`https://flagcdn.com/${null===(t=o.code)||void 0===t?void 0:t.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n,{children:[!a.hideFlagImage&&e.jsx("img",{src:d,className:"country-flag__option",alt:o.name}),e.jsxs(i,Object.assign({style:null!==(l=a.countryTextStyle)&&void 0!==l?l:{}},{children:[e.jsx("span",Object.assign({style:{color:null!==(s=a.codeColor)&&void 0!==s?s:c.text.primary}},{children:o.code})),"  ",e.jsx("span",Object.assign({style:{color:null!==(r=a.dialColor)&&void 0!==r?r:c.text.primary}},{children:o.dial}))]}))]}),selected:h.code===o.code}})),disabled:a.disabled,onSelect:e=>{const o=s.filter((o=>o.code===e.value));x(o[0]),a.onCountrySelect(o[0])}},{children:e.jsxs(r,Object.assign({height:a.height,style:a.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=a.onDropdownClick)||void 0===e||e.call(a)}},{children:[e.jsxs("div",Object.assign({className:"content__wrapper"},{children:[!a.hideFlagImage&&e.jsx("img",{src:C,className:"country-flag__selected-option",alt:h.name}),e.jsx(i,Object.assign({style:null!==(g=a.countryTextStyle)&&void 0!==g?g:{}},{children:h.dial}))]})),e.jsx(o,{width:24,height:24,color:c.content.primary})]}))}))};export{a as CountryCodePicker};
+import{j as o}from"../../node_modules/react/jsx-runtime.js";import e from"../../assets/icons/chevronDown.svg.js";import{useState as t,useEffect as n}from"react";import{CountriesData as s}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as r,StyledCountryPickerOption as d}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as i}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const p=p=>{var m,a,u,j,y,h,v;const[w,g]=t(null!==(m=p.selectedCountry)&&void 0!==m?m:{name:"India",dial:"+91",code:"IN"}),x=`https://flagcdn.com/${null===(a=w.code)||void 0===a?void 0:a.toLowerCase()}.svg`;n((()=>{p.selectedCountry&&g(p.selectedCountry)}),[null===(u=p.selectedCountry)||void 0===u?void 0:u.code]);return o.jsx(l,Object.assign({version:p.version,isSearchable:!0,width:null!==(j=p.popoverWidth)&&void 0!==j?j:"200px",placement:null!==(y=p.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(h=p.placementStrategy)&&void 0!==h?h:"absolute",options:s.map((e=>{var t,n,s,r;const l=`https://flagcdn.com/${null===(t=e.code)||void 0===t?void 0:t.toLowerCase()}.svg`;return{value:e.code,label:e.dial,searchKey:e.name,customComponent:o.jsxs(d,{children:[!p.hideFlagImage&&o.jsx("img",{src:l,className:"country-flag__option",alt:e.name}),o.jsxs(i,Object.assign({style:null!==(n=p.countryTextStyle)&&void 0!==n?n:{}},{children:[o.jsx("span",Object.assign({style:{color:null!==(s=p.codeColor)&&void 0!==s?s:c.text.primary}},{children:e.code})),"  ",o.jsx("span",Object.assign({style:{color:null!==(r=p.dialColor)&&void 0!==r?r:c.text.primary}},{children:e.dial}))]}))]}),selected:w.code===e.code}})),disabled:p.disabled,onSelect:o=>{const e=s.filter((e=>e.code===o.value));g(e[0]),p.onCountrySelect(e[0])}},{children:o.jsxs(r,Object.assign({height:p.height,style:p.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=p.onDropdownClick)||void 0===o||o.call(p)}},{children:[o.jsxs("div",Object.assign({className:"content__wrapper"},{children:[!p.hideFlagImage&&o.jsx("img",{src:x,className:"country-flag__selected-option",alt:w.name}),o.jsx(i,Object.assign({style:null!==(v=p.countryTextStyle)&&void 0!==v?v:{}},{children:w.dial}))]})),o.jsx(e,{width:24,height:24,color:c.content.primary})]}))}))};export{p as CountryCodePicker};

package/dist/esm/components/curtain/Curtain.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as e}from"react";import{CurtainStyle as o,RightWrapper as r,Separator as n}from"./Curtain.styled.js";import{CURTAIN_COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as l}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";import"../button/index.js";import{Button as d}from"../button/Button.js";const p=p=>{const[x,j]=e(!1);if(x)return t.jsx(t.Fragment,{});return t.jsxs(o,Object.assign({isTeritaryButton:!!p.tertiaryButtonText,position:p.position,mode:p.mode,type:p.type,strokeAtTop:p.strokeAtTop,strokeAtBottom:p.strokeAtBottom},{children:[t.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t.jsx("div",{children:p.icon&&t.jsx(p.icon,{color:s[p.mode][p.type].textColor,height:16,width:16})}),t.jsxs("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[t.jsxs(c,Object.assign({style:{color:s[p.mode][p.type].textColor,marginLeft:8}},{children:[p.text,p.actionButtonText&&t.jsx(l,Object.assign({onClick:p.actionButtonClickHandler,style:{display:"inline",color:p.mode===i.DARK?s[p.mode][p.type].textColor:m.content.brand,marginLeft:6,textDecoration:"underline"}},{children:p.actionButtonText}))]})),p.customComponent&&t.jsx(p.customComponent,{})]}))]})),t.jsxs(r,{children:[p.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(d,{className:"tertiary-button",buttonText:p.tertiaryButtonText,onClick:p.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(n,{mode:p.mode,type:p.type})]}),!p.hideCrossIcon&&t.jsx(a,{onClick:()=>{j(!0),p.onCloseHandler&&p.onCloseHandler()},cursor:"pointer",height:20,width:20,color:s[p.mode][p.type].crossIconColor})]})]}))};export{p as Curtain};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as e}from"react";import{CurtainStyle as o,RightWrapper as r,Separator as n}from"./Curtain.styled.js";import{CURTAIN_COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as l}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";import{Button as d}from"../button/Button.js";const p=p=>{const[x,j]=e(!1);if(x)return t.jsx(t.Fragment,{});return t.jsxs(o,Object.assign({isTeritaryButton:!!p.tertiaryButtonText,position:p.position,mode:p.mode,type:p.type,strokeAtTop:p.strokeAtTop,strokeAtBottom:p.strokeAtBottom},{children:[t.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t.jsx("div",{children:p.icon&&t.jsx(p.icon,{color:s[p.mode][p.type].textColor,height:16,width:16})}),t.jsxs("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[t.jsxs(c,Object.assign({style:{color:s[p.mode][p.type].textColor,marginLeft:8}},{children:[p.text,p.actionButtonText&&t.jsx(l,Object.assign({onClick:p.actionButtonClickHandler,style:{display:"inline",color:p.mode===i.DARK?s[p.mode][p.type].textColor:m.content.brand,marginLeft:6,textDecoration:"underline"}},{children:p.actionButtonText}))]})),p.customComponent&&t.jsx(p.customComponent,{})]}))]})),t.jsxs(r,{children:[p.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(d,{className:"tertiary-button",buttonText:p.tertiaryButtonText,onClick:p.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(n,{mode:p.mode,type:p.type})]}),!p.hideCrossIcon&&t.jsx(a,{onClick:()=>{j(!0),p.onCloseHandler&&p.onCloseHandler()},cursor:"pointer",height:20,width:20,color:s[p.mode][p.type].crossIconColor})]})]}))};export{p as Curtain};

package/dist/esm/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{format as t,isToday as o}from"date-fns";import{useState as r,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import"../dropdown/index.js";import"../input/index.js";import{BodySecondary as n}from"../TypographyStyle.js";import m from"../../utils/DateUtils.js";import l from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as c}from"./CustomDateTime.styled.js";import{DropdownPopover as d}from"../dropdown/DropdownPopover/index.js";import{Input as p}from"../input/Input.js";const u=e=>{const t=[];for(let o=0;o<2;o++)for(let r=0;r<12;r++){let s;s=0===r?"12":r<10?`0${r}`:`${r}`;const i=`${s}:00 ${0===o?"AM":"PM"}`,n=`${s}:30 ${0===o?"AM":"PM"}`;t.push({label:i,value:i,selected:i===e},{label:n,value:n,selected:n===e})}return t},j=j=>{const[f,v]=r(j.time),[h,x]=r(j.date);s((()=>{j.setError(void 0);const e=m.convert12HourTimeTo24Hour(f),r=t(new Date,"HH:mm:ss");if(o(h)&&e<r)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[s,i]=e.split(":"),n=new Date(h.getTime());n.setHours(+s,+i),j.onChange(n)}),[h,f]);return e.jsxs(c,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(i,{customDate:h,setCustomDate:x,placement:j.placement,minDate:j.minDate})})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(d,Object.assign({options:u(f),onSelect:e=>{v(e.value)}},{children:e.jsx(p,{value:f,leftIcon:{icon:a},rightIcon:{icon:l},onChangeText:e=>(e=>{if(m.timeFormatValidation(e)){const r=m.convert12HourTimeTo24Hour(e),s=t(new Date,"HH:mm:ss");if(o(h)&&r<s)return void j.setError("Selected time should be later than current time");j.setError(void 0),v(e)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),j.error&&e.jsx(n,Object.assign({style:{paddingTop:8}},{children:j.error}))]})};export{j as CustomDateTime};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{format as o,isToday as t}from"date-fns";import{useState as r,useEffect as s}from"react";import n from"./DateSelector/DateSelector.js";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as m}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import d from"../../utils/DateUtils.js";import l from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as a}from"./CustomDateTime.styled.js";const u=e=>{const o=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let s;s=0===r?"12":r<10?`0${r}`:`${r}`;const n=`${s}:00 ${0===t?"AM":"PM"}`,i=`${s}:30 ${0===t?"AM":"PM"}`;o.push({label:n,value:n,selected:n===e},{label:i,value:i,selected:i===e})}return o},j=j=>{const[w,D]=r(j.time),[f,h]=r(j.date);s((()=>{j.setError(void 0);const e=d.convert12HourTimeTo24Hour(w),r=o(new Date,"HH:mm:ss");if(t(f)&&e<r)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[s,n]=e.split(":"),i=new Date(f.getTime());i.setHours(+s,+n),j.onChange(i)}),[f,w]);return e.jsxs(a,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(n,{customDate:f,setCustomDate:h,placement:j.placement,minDate:j.minDate})})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(i,Object.assign({options:u(w),onSelect:e=>{D(e.value)}},{children:e.jsx(p,{value:w,leftIcon:{icon:c},rightIcon:{icon:l},onChangeText:e=>(e=>{if(d.timeFormatValidation(e)){const r=d.convert12HourTimeTo24Hour(e),s=o(new Date,"HH:mm:ss");if(t(f)&&r<s)return void j.setError("Selected time should be later than current time");j.setError(void 0),D(e)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),j.error&&e.jsx(m,Object.assign({style:{paddingTop:8}},{children:j.error}))]})};export{j as CustomDateTime};

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/calendar.svg.js";import t from"../../../assets/icons/chevronDown.svg.js";import o,{useState as r}from"react";import{usePopper as i}from"react-popper";import"../../datePicker/index.js";import{OpenDropdownContainer as a}from"../../dropdown/Common.styled.js";import"../../dropShadow/index.js";import{useOutside as n}from"../../../hooks/useOutside.js";import m from"../../../utils/DateUtils.js";import{DropShadow as d}from"../../dropShadow/DropShadow.js";import{DatePicker as c}from"../../datePicker/DatePicker.js";const l=l=>{const[p,j]=r(null),[f,h]=r(null),[u,g]=r(!1),{styles:x,attributes:D}=i(p,f,{placement:l.placement}),y=o.useRef();return n(y,(()=>{g(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:j,onClick:()=>{g(!u)}},{children:[e.jsx(s,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:m.onlyDateFormat(l.customDate,"dd MMM yyyy")})),e.jsx(t,{style:{marginLeft:"auto"},width:22,height:22})]})),u&&e.jsx(a,Object.assign({ref:h,style:Object.assign(Object.assign({},x.popper),{zIndex:3})},D.popper,{children:e.jsx("div",Object.assign({ref:y},{children:e.jsx(d,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(c,{selectedDate:l.customDate||new Date,selectRange:!1,onSelectDate:e=>{g(!1),l.setCustomDate(e)},minDate:l.minDate})}))}))}))]})};export{l as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import o from"../../../assets/icons/calendar.svg.js";import t from"../../../assets/icons/chevronDown.svg.js";import s,{useState as r}from"react";import{usePopper as n}from"react-popper";import{DatePicker as p}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as i}from"../../../hooks/useOutside.js";import d from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as m}from"../../dropdown/Common.styled.js";import{DropShadow as a}from"../../dropShadow/DropShadow.js";const c=c=>{const[j,l]=r(null),[u,w]=r(null),[D,y]=r(!1),{styles:h,attributes:f}=n(j,u,{placement:c.placement}),g=s.useRef();return i(g,(()=>{y(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:l,onClick:()=>{y(!D)}},{children:[e.jsx(o,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:d.onlyDateFormat(c.customDate,"dd MMM yyyy")})),e.jsx(t,{style:{marginLeft:"auto"},width:22,height:22})]})),D&&e.jsx(m,Object.assign({ref:w,style:Object.assign(Object.assign({},h.popper),{zIndex:3})},f.popper,{children:e.jsx("div",Object.assign({ref:g},{children:e.jsx(a,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(p,{selectedDate:c.customDate||new Date,selectRange:!1,onSelectDate:e=>{y(!1),c.setCustomDate(e)},minDate:c.minDate})}))}))}))]})};export{c as default};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as o}from"react";import e from"../../assets/icons/cross.svg.js";import"../dropShadow/index.js";import{FiveStar as i}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as n}from"./components/ZeroState.js";import{Container as r,CrossIconHolder as a}from"./DashboardReviewPopUp.styled.js";import{DropShadow as m}from"../dropShadow/DropShadow.js";const l=l=>{let{onClose:p,onSubmit:c,quickAnswerOptions:d,titleMap:j,feedbackMap:S,fullStarSubmitText:u,onRatingChange:x,initialText:f,fiveStar:h}=l;const[b,w]=o(0);function g(t){w(t),null==x||x(t)}return t.jsx(m,Object.assign({level:"z2",position:"down"},{children:t.jsxs(r,{children:[t.jsx(a,Object.assign({onClick:p},{children:t.jsx(e,{width:24,height:24})})),0===b?t.jsx(n,{handleStarSelection:g,initialText:f}):5===b?t.jsx(i,{fullStarSubmitText:u,onSubmit:c,handleStarSelection:g,subtext:null==h?void 0:h.subText}):t.jsx(s,{titleMap:j,feedbackMap:S,stars:b,onStarChange:g,onSubmit:c,quickAnswerOptions:d})]})}))};export{l as DashboardReviewPopUp};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as o}from"react";import e from"../../assets/icons/cross.svg.js";import{DropShadow as s}from"../dropShadow/DropShadow.js";import{FiveStar as i}from"./components/FiveStar.js";import{Form as n}from"./components/Form.js";import{ZeroState as r}from"./components/ZeroState.js";import{Container as a,CrossIconHolder as m}from"./DashboardReviewPopUp.styled.js";const l=l=>{let{onClose:p,onSubmit:c,quickAnswerOptions:j,titleMap:d,feedbackMap:u,fullStarSubmitText:S,onRatingChange:x,initialText:f,fiveStar:h}=l;const[b,g]=o(0);function w(t){g(t),null==x||x(t)}return t.jsx(s,Object.assign({level:"z2",position:"down"},{children:t.jsxs(a,{children:[t.jsx(m,Object.assign({onClick:p},{children:t.jsx(e,{width:24,height:24})})),0===b?t.jsx(r,{handleStarSelection:w,initialText:f}):5===b?t.jsx(i,{fullStarSubmitText:S,onSubmit:c,handleStarSelection:w,subtext:null==h?void 0:h.subText}):t.jsx(n,{titleMap:d,feedbackMap:u,stars:b,onStarChange:w,onSubmit:c,quickAnswerOptions:j})]})}))};export{l as DashboardReviewPopUp};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../star-rating/index.js";import{TitleMedium as t,BodySecondary as r,ButtonLarge as s}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";import{Container as o,Button as a}from"./FiveStar.styled.js";import{StarRating as i}from"../../star-rating/StarRating.js";const l=l=>{let{handleStarSelection:c,onSubmit:d,fullStarSubmitText:j,subtext:m}=l;return e.jsxs(o,{children:[e.jsx(t,Object.assign({color:n.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),e.jsx(i,{starSize:32,value:5,onChange:c}),e.jsx(r,Object.assign({color:n.surface.standard,style:{textAlign:"center",width:200}},{children:null!=m?m:"Help us by leaving a review on Shopify App Store"})),e.jsx(a,Object.assign({onClick:()=>d(5)},{children:e.jsx(s,Object.assign({color:n.content.brand},{children:j}))}))]})};export{l as FiveStar};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{StarRating as t}from"../../star-rating/StarRating.js";import{TitleMedium as r,BodySecondary as s,ButtonLarge as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{Container as a,Button as i}from"./FiveStar.styled.js";const l=l=>{let{handleStarSelection:c,onSubmit:d,fullStarSubmitText:j,subtext:m}=l;return e.jsxs(a,{children:[e.jsx(r,Object.assign({color:o.surface.standard,style:{textAlign:"center"}},{children:"We're glad to hear that your experience has been good!"})),e.jsx(t,{starSize:32,value:5,onChange:c}),e.jsx(s,Object.assign({color:o.surface.standard,style:{textAlign:"center",width:200}},{children:null!=m?m:"Help us by leaving a review on Shopify App Store"})),e.jsx(i,Object.assign({onClick:()=>d(5)},{children:e.jsx(n,Object.assign({color:o.content.brand},{children:j}))}))]})};export{l as FiveStar};

package/dist/esm/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as r,useRef as s}from"react";import"../../star-rating/index.js";import{TitleRegular as i,BodySecondary as n,ButtonLarge as o}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{Container as c,StarWrapper as t,Wrapper as l,Chip as d,TextArea as p,Button as u}from"./Form.styled.js";import{StarRating as j}from"../../star-rating/StarRating.js";const m={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},h={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},f=f=>{let{stars:v,titleMap:x,feedbackMap:b,onStarChange:g,onSubmit:k,quickAnswerOptions:y}=f;const O=null!=x?x:m,w=null!=b?b:h,[S,W]=r([]),Y=s(null),C=O[v],A=w[v];return e.jsxs(c,{children:[e.jsxs(t,{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:C})),e.jsx(j,{starSize:24,value:v,onChange:g})]}),y&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:A})),e.jsx(l,{children:null==y?void 0:y.map(((r,s)=>{const i=S.includes(r);return e.jsx(d,Object.assign({selected:i,onClick:()=>{W(i?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsx(n,Object.assign({color:i?a.background.inverse:a.surface.standard},{children:r}))}),s)}))})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:"Add detailed feedback"})),e.jsx(p,{placeholder:"We read every response!",ref:Y})]})),e.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsx(u,Object.assign({onClick:function(){var e,r;k(v,S,null!==(r=null===(e=Y.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsx(o,Object.assign({color:a.content.primaryInverse},{children:"Submit"}))}))}))]})};export{f as Form};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{useState as r,useRef as s}from"react";import{StarRating as n}from"../../star-rating/StarRating.js";import{TitleRegular as i,BodySecondary as o,ButtonLarge as c}from"../../TypographyStyle.js";import{COLORS as a}from"../../../constants/Theme.js";import{Container as l,StarWrapper as t,Wrapper as d,Chip as p,TextArea as u,Button as j}from"./Form.styled.js";const m={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},h={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},f=f=>{let{stars:v,titleMap:x,feedbackMap:b,onStarChange:g,onSubmit:k,quickAnswerOptions:y}=f;const O=null!=x?x:m,w=null!=b?b:h,[S,W]=r([]),Y=s(null),C=O[v],A=w[v];return e.jsxs(l,{children:[e.jsxs(t,{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:C})),e.jsx(n,{starSize:24,value:v,onChange:g})]}),y&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:A})),e.jsx(d,{children:null==y?void 0:y.map(((r,s)=>{const n=S.includes(r);return e.jsx(p,Object.assign({selected:n,onClick:()=>{W(n?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsx(o,Object.assign({color:n?a.background.inverse:a.surface.standard},{children:r}))}),s)}))})]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsx(i,Object.assign({color:a.surface.standard},{children:"Add detailed feedback"})),e.jsx(u,{placeholder:"We read every response!",ref:Y})]})),e.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsx(j,Object.assign({onClick:function(){var e,r;k(v,S,null!==(r=null===(e=Y.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsx(c,Object.assign({color:a.content.primaryInverse},{children:"Submit"}))}))}))]})};export{f as Form};

package/dist/esm/components/dashboard-review-popup/components/ZeroState.js

@@ -1 +1 @@
-import e from"../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as c}from"../../../node_modules/react/jsx-runtime.js";import"../../star-rating/index.js";import{TitleMedium as t}from"../../TypographyStyle.js";import{COLORS as l}from"../../../constants/Theme.js";import{StarRating as g}from"../../star-rating/StarRating.js";const i=e("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),s=e=>{let{handleStarSelection:s,initialText:d}=e;return c.jsxs(i,{children:[c.jsx(t,Object.assign({color:l.surface.standard},{children:null!=d?d:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(g,{starSize:32,onChange:s})}))]})};export{s as ZeroState};
+import e from"../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as c}from"../../../node_modules/react/jsx-runtime.js";import{StarRating as t}from"../../star-rating/StarRating.js";import{TitleMedium as l}from"../../TypographyStyle.js";import{COLORS as g}from"../../../constants/Theme.js";const i=e("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),s=e=>{let{handleStarSelection:s,initialText:d}=e;return c.jsxs(i,{children:[c.jsx(l,Object.assign({color:g.surface.standard},{children:null!=d?d:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(t,{starSize:32,onChange:s})}))]})};export{s as ZeroState};

package/dist/esm/components/data-source-panel/DataSourceInfoFooter.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 i from"../../assets/icons/alert_triangle.svg.js";import o from"../../assets/icons/plus.svg.js";import{memo as n,useState as s,useMemo as r,useEffect as a}from"react";import{COLORS as d}from"../../constants/Theme.js";import"../button/index.js";import"../shimmer/index.js";import{BodyCaption as l}from"../TypographyStyle.js";import{SourceInfoFooterStyle as c}from"./DataSourcePanel.style.js";import{BikShimmer as u}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Button as h}from"../button/Button.js";const g=n((n=>{const{appType:g,sourceIntent:v,hideHeading:j,messageSource:b,trainingSourceCount:x={},ShowTrainingDataSource:T={},faqCount:y,ChecklistType:A,footerButtonOption:f,isFooterLoading:I,reasonForAiGeneratedResponse:F,showAiResponseReason:O,aiResponseLoading:w}=n,R=T,[N,_]=s(!0),[k,C]=s(!0),E="/bik-ai/training",[S,D]=s({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[P,U]=s({title:"",subTitle:""}),L=r((()=>{const e=(null==x?void 0:x[v])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`}),[x,v]),M=()=>{var e;(null==S?void 0:S.redirectUrl)?window.open(`${window.location.origin}${null==S?void 0:S.redirectUrl}`,"_self"):Object.keys(null!==(e=null==S?void 0:S.addFaqProps)&&void 0!==e?e:{}).length>0?null==f||f.onClick(S):(null==f?void 0:f.navigate)&&(null==f||f.navigate("Training",g==t.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return a((()=>{var e,i,o,n;if(v){if(null===(e=null==b?void 0:b.sources)||void 0===e?void 0:e.length){const e=b.sources[0];if(R[v])v===A.ORDER_ENQUIRY&&C(!1);else{let s=null==e?void 0:e.insights,r="";switch(v){case A.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(s=`${y||"No"} FAQs added for this product`,r="Add product-specific information via FAQs to improve responses",D({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case A.ORDER_MODIFICATION:s=(null==x?void 0:x[v])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",s&&D({buttonTitle:g==t.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:g==t.MANIFEST?"/customise?tab=AgentHandover":E,addFaqProps:{}});break;case A.ORDER_CANCELLATION:s=(null==x?void 0:x[v])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",D({buttonTitle:g==t.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:g==t.MANIFEST?"/customise?tab=AgentHandover":E,addFaqProps:{}});break;case A.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;D({buttonTitle:g==t.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:g==t.MANIFEST?"/training/order-management":E,addFaqProps:{}});break;case A.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(o=null===(i=null==b?void 0:b.sources)||void 0===i?void 0:i[0])||void 0===o?void 0:o.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){s="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}s="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}U({title:null!=s?s:"",subTitle:r})}}(R[v]||[A.PRODUCT_DETAILS,A.ORDER_MODIFICATION,A.ORDER_CANCELLATION,A.ORDER_TRACKING].includes(v))&&_(!1)}}),[null==b?void 0:b.messageId,x,v,null==b?void 0:b.sources,R,A,y,g,b]),e.jsx(c,{children:I?e.jsx(e.Fragment,{children:e.jsx(u,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}):e.jsx(e.Fragment,{children:!(null==P?void 0:P.title)&&x&&v in x?e.jsxs(e.Fragment,{children:[e.jsx(m,{hideHeading:null!=j&&j}),e.jsx(p,{reason:F||"",showAiResponseReason:null!=O&&O,isLoading:null!=w&&w,appType:g}),e.jsxs("div",Object.assign({className:"source_info_details "+(x[v]>0?"":"no_data_source")},{children:[x[v]>0&&k?e.jsxs(e.Fragment,{children:[e.jsx(l,{children:L}),e.jsx(l,Object.assign({color:d.content.secondary},{children:"Improve responses by adding more data sources for the identified intent"}))]}):k&&e.jsxs("div",Object.assign({className:"no_data_source_title"},{children:[e.jsx(i,{width:15,height:15,color:d.content.negative,style:{marginTop:2}}),e.jsx(l,{children:"No data sources added to the identified link"})]})),!f||f.hideAddDataButton||N?e.jsx(e.Fragment,{}):e.jsx(h,{size:"small",buttonType:"tertiary",LeadingIcon:o,buttonText:(null==S?void 0:S.buttonTitle.length)>0?null==S?void 0:S.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>M(),style:{backgroundColor:"unset"}})]}))]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{hideHeading:null!=j&&j}),e.jsx(p,{reason:F||"",showAiResponseReason:null!=O&&O,isLoading:null!=w&&w,appType:g}),e.jsxs("div",Object.assign({className:"source_info_details"},{children:[k&&e.jsxs(e.Fragment,{children:[e.jsx(l,{children:null==P?void 0:P.title}),e.jsx(l,Object.assign({color:d.content.secondary},{children:null==P?void 0:P.subTitle}))]}),!f||f.hideAddDataButton||N?e.jsx(e.Fragment,{}):e.jsx(h,{size:"small",buttonType:"tertiary",LeadingIcon:o,buttonText:(null==S?void 0:S.buttonTitle.length)>0?null==S?void 0:S.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>M(),style:{backgroundColor:"unset"}})]}))]})})})})),m=n((t=>t.hideHeading?null:e.jsx(l,Object.assign({color:d.content.secondary},{children:"Training insights"})))),p=n((i=>{const[o,n]=s(!1),r=i.reason&&i.reason.length>150,a=r&&!o?i.reason.substring(0,150)+"...":i.reason;return i.appType!==t.MANIFEST?e.jsx(e.Fragment,{}):e.jsx(e.Fragment,{children:i.isLoading?e.jsx("div",Object.assign({style:{height:70,width:"100%",marginBottom:8}},{children:e.jsx(u,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})})):e.jsxs("div",Object.assign({className:"source_info_details"},{children:[e.jsx(l,Object.assign({color:d.content.primary,className:"why_ai_gave_this_response"},{children:"Here’s why your AI gave this response"})),e.jsxs(l,Object.assign({color:d.content.secondary,className:"clamp-text"},{children:[a||"No reason provided for this response.",r&&e.jsx(l,Object.assign({color:d.content.brand,style:{cursor:"pointer",textDecoration:"underline",marginTop:"4px"},onClick:()=>n(!o)},{children:o?"Show less":"Show more"}))]}))]}))})}));p.displayName="WhyAiGaveThisResponse",m.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import o from"../../assets/icons/alert_triangle.svg.js";import n from"../../assets/icons/plus.svg.js";import{memo as i,useState as s,useMemo as r,useEffect as a}from"react";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{BikShimmer as c}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as u}from"../TypographyStyle.js";import{SourceInfoFooterStyle as h}from"./DataSourcePanel.style.js";const g=i((i=>{const{appType:g,sourceIntent:v,hideHeading:j,messageSource:b,trainingSourceCount:x={},ShowTrainingDataSource:T={},faqCount:y,ChecklistType:A,footerButtonOption:f,isFooterLoading:I,reasonForAiGeneratedResponse:F,showAiResponseReason:O,aiResponseLoading:w}=i,R=T,[N,_]=s(!0),[k,C]=s(!0),E="/bik-ai/training",[S,D]=s({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[P,U]=s({title:"",subTitle:""}),L=r((()=>{const e=(null==x?void 0:x[v])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`}),[x,v]),M=()=>{var e;(null==S?void 0:S.redirectUrl)?window.open(`${window.location.origin}${null==S?void 0:S.redirectUrl}`,"_self"):Object.keys(null!==(e=null==S?void 0:S.addFaqProps)&&void 0!==e?e:{}).length>0?null==f||f.onClick(S):(null==f?void 0:f.navigate)&&(null==f||f.navigate("Training",g==t.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return a((()=>{var e,o,n,i;if(v){if(null===(e=null==b?void 0:b.sources)||void 0===e?void 0:e.length){const e=b.sources[0];if(R[v])v===A.ORDER_ENQUIRY&&C(!1);else{let s=null==e?void 0:e.insights,r="";switch(v){case A.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(s=`${y||"No"} FAQs added for this product`,r="Add product-specific information via FAQs to improve responses",D({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case A.ORDER_MODIFICATION:s=(null==x?void 0:x[v])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",s&&D({buttonTitle:g==t.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:g==t.MANIFEST?"/customise?tab=AgentHandover":E,addFaqProps:{}});break;case A.ORDER_CANCELLATION:s=(null==x?void 0:x[v])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",D({buttonTitle:g==t.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:g==t.MANIFEST?"/customise?tab=AgentHandover":E,addFaqProps:{}});break;case A.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;D({buttonTitle:g==t.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:g==t.MANIFEST?"/training/order-management":E,addFaqProps:{}});break;case A.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(i=null===(n=null===(o=null==b?void 0:b.sources)||void 0===o?void 0:o[0])||void 0===n?void 0:n.title)||void 0===i?void 0:i.toLowerCase().indexOf("collection"))){s="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}s="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}U({title:null!=s?s:"",subTitle:r})}}(R[v]||[A.PRODUCT_DETAILS,A.ORDER_MODIFICATION,A.ORDER_CANCELLATION,A.ORDER_TRACKING].includes(v))&&_(!1)}}),[null==b?void 0:b.messageId,x,v,null==b?void 0:b.sources,R,A,y,g,b]),e.jsx(h,{children:I?e.jsx(e.Fragment,{children:e.jsx(c,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}):e.jsx(e.Fragment,{children:!(null==P?void 0:P.title)&&x&&v in x?e.jsxs(e.Fragment,{children:[e.jsx(m,{hideHeading:null!=j&&j}),e.jsx(p,{reason:F||"",showAiResponseReason:null!=O&&O,isLoading:null!=w&&w,appType:g}),e.jsxs("div",Object.assign({className:"source_info_details "+(x[v]>0?"":"no_data_source")},{children:[x[v]>0&&k?e.jsxs(e.Fragment,{children:[e.jsx(u,{children:L}),e.jsx(u,Object.assign({color:d.content.secondary},{children:"Improve responses by adding more data sources for the identified intent"}))]}):k&&e.jsxs("div",Object.assign({className:"no_data_source_title"},{children:[e.jsx(o,{width:15,height:15,color:d.content.negative,style:{marginTop:2}}),e.jsx(u,{children:"No data sources added to the identified link"})]})),!f||f.hideAddDataButton||N?e.jsx(e.Fragment,{}):e.jsx(l,{size:"small",buttonType:"tertiary",LeadingIcon:n,buttonText:(null==S?void 0:S.buttonTitle.length)>0?null==S?void 0:S.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>M(),style:{backgroundColor:"unset"}})]}))]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{hideHeading:null!=j&&j}),e.jsx(p,{reason:F||"",showAiResponseReason:null!=O&&O,isLoading:null!=w&&w,appType:g}),e.jsxs("div",Object.assign({className:"source_info_details"},{children:[k&&e.jsxs(e.Fragment,{children:[e.jsx(u,{children:null==P?void 0:P.title}),e.jsx(u,Object.assign({color:d.content.secondary},{children:null==P?void 0:P.subTitle}))]}),!f||f.hideAddDataButton||N?e.jsx(e.Fragment,{}):e.jsx(l,{size:"small",buttonType:"tertiary",LeadingIcon:n,buttonText:(null==S?void 0:S.buttonTitle.length)>0?null==S?void 0:S.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>M(),style:{backgroundColor:"unset"}})]}))]})})})})),m=i((t=>t.hideHeading?null:e.jsx(u,Object.assign({color:d.content.secondary},{children:"Training insights"})))),p=i((o=>{const[n,i]=s(!1),r=o.reason&&o.reason.length>150,a=r&&!n?o.reason.substring(0,150)+"...":o.reason;return o.appType!==t.MANIFEST?e.jsx(e.Fragment,{}):e.jsx(e.Fragment,{children:o.isLoading?e.jsx("div",Object.assign({style:{height:70,width:"100%",marginBottom:8}},{children:e.jsx(c,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})})):e.jsxs("div",Object.assign({className:"source_info_details"},{children:[e.jsx(u,Object.assign({color:d.content.primary,className:"why_ai_gave_this_response"},{children:"Here’s why your AI gave this response"})),e.jsxs(u,Object.assign({color:d.content.secondary,className:"clamp-text"},{children:[a||"No reason provided for this response.",r&&e.jsx(u,Object.assign({color:d.content.brand,style:{cursor:"pointer",textDecoration:"underline",marginTop:"4px"},onClick:()=>i(!n)},{children:n?"Show less":"Show more"}))]}))]}))})}));p.displayName="WhyAiGaveThisResponse",m.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};

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 x from"../../assets/icons/redirect.svg.js";import g from"../../assets/icons/text_t9.svg.js";import h from"../../assets/icons/website.svg.js";import{useState as m,useMemo as j,useEffect as f,useCallback as y}from"react";import{COLORS as v}from"../../constants/Theme.js";import"../button/index.js";import"../icon-button/index.js";import"../shimmer/index.js";import"../side-modal/index.js";import"../tag/index.js";import"../tooltips/index.js";import{TitleSmall as b,BodySecondary as C,BodyCaption as I}from"../TypographyStyle.js";import O from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as T}from"./DataSourcePanel.style.js";import{intentConfig as E}from"./IntentConfig.js";import{DescriptionModal as w}from"./Modals/DescriptionModal.js";import{CustomDataType as S}from"./model.js";import{Tag as L}from"../tag/Tag.js";import{Button as N}from"../button/Button.js";import{BikShimmer as k}from"../shimmer/ShimmerComponent/BikShimmer.js";import{IconButton as F}from"../icon-button/IconButton.js";import{Tooltip as A}from"../tooltips/Tooltip.js";import{SideModal as _}from"../side-modal/SideModal.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]=m(!1),[ce,pe]=m(!1),[ue,xe]=m(!1),[ge,he]=m(0),[me,je]=m(),[fe,ye]=m(null!=z?z:{}),[ve,be]=m(!1),[Ce,Ie]=m(!1),Oe={};E.forEach((t=>{let{key:s,type:i,tagText:o}=t;q[s]&&(Oe[q[s]]=e.jsx(L,{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=j((()=>{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),xe(!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=S.FILES:le.includes(e)?e=S.FETCHED_LINKS:"url"==e?e=S.WEBSITE_LINKS:"text"===e?e=S.TEXTS:"faq"===e&&(e=S.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(g,{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(T,{children:e.jsx(k,{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(C,{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(T,{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(b,{children:Q}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(I,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(C,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(I,Object.assign({color:v.content.secondary},{children:"Edit search rule"})),e.jsx(F,{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(L,{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(b,{children:"Insufficient data"})})),e.jsx(C,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(N,{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(L,{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(O,{appType:B,storeId:U,messageSource:K,sourceIntent:null!==(P=K.intent)&&void 0!==P?P:q.GENERIC,faqCount:ge,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"],g=t.title,h=t.productId&&(null==ee?void 0:ee[t.productId]),m=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(A,Object.assign({body:g,placement:"top"},{children:e.jsx(C,Object.assign({style:a==S.FETCHED_LINKS||a==S.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:v.content.primary,className:"clamp-title",onClick:()=>a==S.FETCHED_LINKS||a==S.WEBSITE_LINKS?X(t):{}},{children:g}))}))]})),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(I,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(F,{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(F,{Icon:x,height:16,width:16,iconColor:v.content.secondary,disabled:"custom"===t.type&&!u,disabledTooltip:"This source is deleted",onClick:()=>X(t)})}))]}))]})),h&&e.jsxs(I,{children:[e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>{var e;je({title:g,description:Fe(h.description),imageUrl:null!==(e=t.imageUrl)&&void 0!==e?e:"",onClose:()=>je(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(A,Object.assign({body:m,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,g,h,m,j,f,y,b,O;const T=Le(t.type||t.subTitle||"OpenAI"),E=Le(t.type||t.subTitle||"OpenAI",!0),w=Ne(T),L=null==Y?void 0:Y.includes(E),N="Products"===t.subTitle?H[null!==(i=t.productId)&&void 0!==i?i:"Products"]:H[null!==(o=t.docId)&&void 0!==o?o:""],k=E.toLowerCase()===(null===(n=S.FAQ)||void 0===n?void 0:n.toLowerCase())?"faq"===(null===(r=t.title)||void 0===r?void 0:r.toLowerCase())?t.subTitle:t.title:E.toLowerCase()===(null===(d=S.FILES)||void 0===d?void 0:d.toLowerCase())||E.toLowerCase()===(null===(a=S.FETCHED_LINKS)||void 0===a?void 0:a.toLowerCase())||E.toLowerCase()===(null===(c=S.TEXTS)||void 0===c?void 0:c.toLowerCase())?t.title:E.toLowerCase()===(null===(p=S.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,_="faq"===E.toLowerCase()?null!==(h=null!==(u=null==N?void 0:N.content)&&void 0!==u?u:null===(g=null==N?void 0:N.data)||void 0===g?void 0:g.answer)&&void 0!==h?h:"":E.toLowerCase()===(null===(m=S.FETCHED_LINKS)||void 0===m?void 0:m.toLowerCase())||E.toLowerCase()===(null===(j=S.WEBSITE_LINKS)||void 0===j?void 0:j.toLowerCase())||E.toLowerCase()===(null===(f=S.TEXTS)||void 0===f?void 0:f.toLowerCase())?null!==(O=null!==(y=null==N?void 0:N.content)&&void 0!==y?y:null===(b=null==N?void 0:N.data)||void 0===b?void 0:b.fileContentText)&&void 0!==O?O:"":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(T),e.jsx(A,Object.assign({body:k,placement:"top"},{children:e.jsx(C,Object.assign({style:E==S.FETCHED_LINKS||E==S.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:v.content.primary,className:"clamp-title",onClick:()=>E==S.FETCHED_LINKS||E==S.WEBSITE_LINKS?X(t):{}},{children:k}))}))]})),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(I,Object.assign({color:v.content.secondary},{children:w}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:L?e.jsx(F,{Icon:l,height:16,width:16,iconColor:v.content.secondary,onClick:()=>null==N?void 0:N.onEditClick(N.data,N.type),disabled:!N,disabledTooltip:"This source is deleted"}):e.jsx(F,{Icon:x,height:16,width:16,iconColor:v.content.secondary,disabled:"custom"===t.type&&!N,disabledTooltip:"This source is deleted",onClick:()=>X(t)})}))]}))]})),(null!=_?_:"").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(I,Object.assign({color:v.content.primary,className:"clamp-description"},{children:Fe(null!=_?_:"").trim()}))}))]}),`info-${s}`)}))}))}))}))})]})),null==D?void 0:D.children]})}),me&&e.jsx(_,Object.assign({header:"Product description",onClose:()=>je(void 0),width:"30%"},{children:e.jsx(w,{title:me.title,description:me.description,imageUrl:me.imageUrl,onClose:me.onClose})}))]})};export{D as DataSourcePanel};
+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};

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

@@ -82,7 +82,7 @@ import e from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 		width: 8px;
 		display: block;
 	}
-`,i=e.div`
+`;e.div`
 	display: flex;
 	margin: 16px 0px 0px 0px;
 	padding: 0px 0px 16px 0px;
@@ -139,7 +139,7 @@ import e from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 		-webkit-box-orient: vertical;
 		white-space: pre-line;
 	}
-`,p=e.div`
+`;const i=e.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -159,7 +159,7 @@ import e from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 		display: flex;
 		gap: 8px;
 	}
-`,l=e.div`
+`;e.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -168,4 +168,4 @@ import e from"styled-components";import{COLORS as o}from"../../constants/Theme.j
 	background-color: ${o.surface.subdued};
 	border-radius: 22px;
 	border: 1px solid ${o.stroke.primary};
-`;export{l as DataSourceCountStyle,r as SourceInfoDetailsStyle,p as SourceInfoFooterStyle,i as WithoutContentSourceInfoDetailsStyle};
+`;export{r as SourceInfoDetailsStyle,i as SourceInfoFooterStyle};