npm - @bikdotai/bik-component-library - Versions diffs - 0.0.730 → 0.0.731-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1356) hide show

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

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

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

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

package/dist/esm/components/bik-layout/MockMenus.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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

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

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

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

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

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

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

@@ -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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- import{keywordsMap as o}from"./keywordMap.js";importas 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};
1	+ import{keywordsMap as o}from"./keywordMap.js";importas 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 ADDED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +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};
1	+ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/calendar.svg.js";import t from"../../../assets/icons/chevronDown.svg.js";import o,{useState as r}from"react";import{usePopper as i}from"react-popper";import"../../datePicker/index.js";import{OpenDropdownContainer as a}from"../../dropdown/Common.styled.js";import"../../dropShadow/index.js";import{useOutside as n}from"../../../hooks/useOutside.js";import m from"../../../utils/DateUtils.js";import{DropShadow as d}from"../../dropShadow/DropShadow.js";import{DatePicker as c}from"../../datePicker/DatePicker.js";const l=l=>{const[p,j]=r(null),[f,h]=r(null),[u,g]=r(!1),{styles:x,attributes:D}=i(p,f,{placement:l.placement}),y=o.useRef();return n(y,(()=>{g(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"date-preview",ref:j,onClick:()=>{g(!u)}},{children:[e.jsx(s,{width:24,height:24}),e.jsx("span",Object.assign({style:{marginLeft:8}},{children:m.onlyDateFormat(l.customDate,"dd MMM yyyy")})),e.jsx(t,{style:{marginLeft:"auto"},width:22,height:22})]})),u&&e.jsx(a,Object.assign({ref:h,style:Object.assign(Object.assign({},x.popper),{zIndex:3})},D.popper,{children:e.jsx("div",Object.assign({ref:y},{children:e.jsx(d,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:e.jsx(c,{selectedDate:l.customDate\|\|new Date,selectRange:!1,onSelectDate:e=>{g(!1),l.setCustomDate(e)},minDate:l.minDate})}))}))}))]})};export{l as default};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/data-source-panel/DataSourceInfoFooter.js CHANGED Viewed

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