@bikdotai/bik-component-library 0.0.730-beta.1 → 0.0.730-beta.2

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 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};
+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};

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

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

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 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};
+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};

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

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

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 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};
+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};

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

@@ -0,0 +1 @@
+export{BikHeader}from"./BikHeader.js";export{BikLayout}from"./BikLayout.js";export{BikProfile}from"./BikProfile.js";export{SimpleSidebar}from"./SimpleSidebar.js";export{BikSidebar}from"./BikSidebar.js";export{FeatureModal}from"./FeatureModal.js";export{SidebarSkeleton}from"./SidebarSkeleton.js";export{ShowShopifyRestrictedModal}from"./ShowShopifyRestrictedModal.js";export{FeatureModalV2}from"./FeatureModalV2.js";

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 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};
+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};

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

@@ -0,0 +1 @@
+export{Button}from"./Button.js";

package/dist/esm/components/buttonGroup/index.js

@@ -0,0 +1 @@
+export{ButtonGroup}from"./ButtonGroup.js";

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{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};
+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};

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

@@ -0,0 +1 @@
+export{CardSelectionModal}from"./CardSelectionModal.js";

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{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};
+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};

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

@@ -0,0 +1 @@
+export{CardSelector}from"./CardSelector.js";export{CardSelectorGroup}from"./CardSelectorGroup.js";

package/dist/esm/components/carousel/index.js

@@ -0,0 +1 @@
+export{Carousel}from"./carousel.js";

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 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};
+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};

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{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};
+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};

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

@@ -0,0 +1 @@
+export{CarouselPreview}from"./CarouselPreview.js";

package/dist/esm/components/carousel-secondary/index.js

@@ -0,0 +1 @@
+export{CarouselSecondary}from"./CarouselSecondary.js";

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

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

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

@@ -0,0 +1 @@
+export{CheckBox}from"./CheckBox.js";

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

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

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

@@ -0,0 +1 @@
+export{CheckList}from"./CheckList.js";

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;
-`;e.div`
+`,t=e.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`,e.div`
+`,d=e.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
 	background-color: ${e=>{let{color:r}=e;return r}};
-`;const t=e.div`
+`,n=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,d=e.span`
+`,i=e.span`
 	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 14px;
 	font-weight: 500;
-`,n=e.div`
+`,l=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;
-`,i=e.button`
+`,a=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"}};
 	}
-`,l=e.div`
+`,f=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;
-`,a=e.div`
+`,p=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;
-`,f=e.pre`
+`,s=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{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};
+`;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};

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 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};
+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};

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

@@ -0,0 +1 @@
+export{CodeBlock}from"./CodeBlock.js";export{CodeLanguage}from"./types.js";

package/dist/esm/components/colourInput/index.js

@@ -0,0 +1 @@
+export{ColourInput}from"./ColourInput.js";

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

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

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

@@ -0,0 +1 @@
+export{CountryCodePicker}from"./CountryCodePicker.js";export{CountriesData}from"./CountryCodePicker.modal.js";

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 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/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};

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

@@ -0,0 +1 @@
+export{Curtain}from"./Curtain.js";

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 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};
+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};

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

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

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

@@ -0,0 +1 @@
+export{CustomDateTime}from"./CustomDateTime.js";

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 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};
+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};

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

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

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{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};
+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};

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{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};
+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};

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

@@ -0,0 +1 @@
+export{DashboardReviewPopUp}from"./DashboardReviewPopUp.js";

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 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};
+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};