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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("react-dom"),r=require("../../constants/Theme.js");require("../button/index.js"),require("../modals/index.js");var n=require("../TypographyStyle.js"),o=require("./CommonStyles.js"),a=require("../modals/styledModal.js"),i=require("../button/Button.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(s);exports.FeatureModalV2=s=>{const{zIndex:l,otherContent:c,onUpgrade:d,title:x,subTitle:m,primaryButtonText:j,onClose:b,featureImage:p,id:y}=s,g=void 0===x?"Start your 14-day free trial to test your AI assistant on your website":x,h=m||"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.",f=p||"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",[R,E]=t.useState(!0);return u.default.createPortal(e.jsxRuntimeExports.jsx(a.StyledModal,Object.assign({zIndex:l,open:R,onClose:function(){b&&b(),E(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:y},{children:e.jsxRuntimeExports.jsx(o.FeatureModalV2Container,{children:c?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:c}):e.jsxRuntimeExports.jsxs(t.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsxRuntimeExports.jsx("img",{src:f,alt:"general-icon"})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:g})),e.jsxRuntimeExports.jsx(n.BodySecondary,Object.assign({className:"text-align-center",style:{color:r.COLORS.content.secondary}},{children:h})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsxRuntimeExports.jsx(i.Button,{buttonText:j||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{d&&d(),E(!1)}})}))]}))]})})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("react-dom"),r=require("../../constants/Theme.js"),n=require("../button/Button.js"),o=require("../modals/styledModal.js"),a=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(s);exports.FeatureModalV2=s=>{const{zIndex:c,otherContent:u,onUpgrade:d,title:x,subTitle:m,primaryButtonText:j,onClose:p,featureImage:b,id:y}=s,g=void 0===x?"Start your 14-day free trial to test your AI assistant on your website":x,h=m||"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.",f=b||"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",[R,E]=t.useState(!0);return l.default.createPortal(e.jsxRuntimeExports.jsx(o.StyledModal,Object.assign({zIndex:c,open:R,onClose:function(){p&&p(),E(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:y},{children:e.jsxRuntimeExports.jsx(i.FeatureModalV2Container,{children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u}):e.jsxRuntimeExports.jsxs(t.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsxRuntimeExports.jsx("img",{src:f,alt:"general-icon"})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsxRuntimeExports.jsx(a.TitleMedium,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:g})),e.jsxRuntimeExports.jsx(a.BodySecondary,Object.assign({className:"text-align-center",style:{color:r.COLORS.content.secondary}},{children:h})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsxRuntimeExports.jsx(n.Button,{buttonText:j||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{d&&d(),E(!1)}})}))]}))]})})})),document.body)};

package/dist/cjs/components/bik-layout/MockMenus.d.ts

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js");require("../button/index.js");var i=require("../TypographyStyle.js"),n=require("./CommonStyles.js"),r=require("../button/Button.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:u,handleButtonClick:l,triggerPosition:d,connectShopifyDescription:x,demoDescription:m}=t,j=e=>{l(e)},p=d&&window.innerHeight-d.top<100,h=d?{position:"fixed",top:p?"auto":d.top,bottom:p?"0":"auto",left:d.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsxRuntimeExports.jsx(n.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:h,relativePostion:!!d},{children:e.jsxRuntimeExports.jsxs(n.RelativeModalContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cross-container",onClick:()=>j("close"),"aria-hidden":"true"},{children:e.jsxRuntimeExports.jsx(o.default,{height:24,width:24,color:"#000000"})})),"demo_store"==u?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsxRuntimeExports.jsx(i.TitleMedium,Object.assign({color:s.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsxRuntimeExports.jsx(i.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxRuntimeExports.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"left-content"},{children:e.jsxRuntimeExports.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.jsxRuntimeExports.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsxRuntimeExports.jsx(i.TitleMedium,{children:"Connect Shopify "}),e.jsxRuntimeExports.jsx(i.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:null!=x?x:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsxRuntimeExports.jsx(r.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>j("shopify")}),e.jsxRuntimeExports.jsx(r.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>j("demo")})]}))]}))]}))]})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js"),i=require("../button/Button.js"),n=require("../TypographyStyle.js"),r=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:u,triggerPosition:d,connectShopifyDescription:x,demoDescription:m}=t,j=e=>{u(e)},p=d&&window.innerHeight-d.top<100,h=d?{position:"fixed",top:p?"auto":d.top,bottom:p?"0":"auto",left:d.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsxRuntimeExports.jsx(r.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:h,relativePostion:!!d},{children:e.jsxRuntimeExports.jsxs(r.RelativeModalContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cross-container",onClick:()=>j("close"),"aria-hidden":"true"},{children:e.jsxRuntimeExports.jsx(o.default,{height:24,width:24,color:"#000000"})})),"demo_store"==l?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,Object.assign({color:s.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsxRuntimeExports.jsx(n.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxRuntimeExports.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"left-content"},{children:e.jsxRuntimeExports.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.jsxRuntimeExports.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,{children:"Connect Shopify "}),e.jsxRuntimeExports.jsx(n.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:null!=x?x:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsxRuntimeExports.jsx(i.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>j("shopify")}),e.jsxRuntimeExports.jsx(i.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>j("demo")})]}))]}))]}))]})})),document.body)};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),r=require("react");require("../../star-rating/index.js");var s=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),i=require("./Form.styled.js"),n=require("../../star-rating/StarRating.js");const a={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"},o={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?"};exports.Form=l=>{let{stars:c,titleMap:u,feedbackMap:d,onStarChange:x,onSubmit:p,quickAnswerOptions:j}=l;const m=null!=u?u:a,h=null!=d?d:o,[R,v]=r.useState([]),g=r.useRef(null),O=m[c],b=h[c];return e.jsxRuntimeExports.jsxs(i.Container,{children:[e.jsxRuntimeExports.jsxs(i.StarWrapper,{children:[e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({color:t.COLORS.surface.standard},{children:O})),e.jsxRuntimeExports.jsx(n.StarRating,{starSize:24,value:c,onChange:x})]}),j&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({color:t.COLORS.surface.standard},{children:b})),e.jsxRuntimeExports.jsx(i.Wrapper,{children:null==j?void 0:j.map(((r,n)=>{const a=R.includes(r);return e.jsxRuntimeExports.jsx(i.Chip,Object.assign({selected:a,onClick:()=>{v(a?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsxRuntimeExports.jsx(s.BodySecondary,Object.assign({color:a?t.COLORS.background.inverse:t.COLORS.surface.standard},{children:r}))}),n)}))})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({color:t.COLORS.surface.standard},{children:"Add detailed feedback"})),e.jsxRuntimeExports.jsx(i.TextArea,{placeholder:"We read every response!",ref:g})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsxRuntimeExports.jsx(i.Button,Object.assign({onClick:function(){var e,r;p(c,R,null!==(r=null===(e=g.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsxRuntimeExports.jsx(s.ButtonLarge,Object.assign({color:t.COLORS.content.primaryInverse},{children:"Submit"}))}))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),r=require("react"),s=require("../../star-rating/StarRating.js"),t=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),n=require("./Form.styled.js");const a={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"},o={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?"};exports.Form=l=>{let{stars:c,titleMap:u,feedbackMap:d,onStarChange:x,onSubmit:p,quickAnswerOptions:j}=l;const m=null!=u?u:a,h=null!=d?d:o,[R,v]=r.useState([]),O=r.useRef(null),g=m[c],b=h[c];return e.jsxRuntimeExports.jsxs(n.Container,{children:[e.jsxRuntimeExports.jsxs(n.StarWrapper,{children:[e.jsxRuntimeExports.jsx(t.TitleRegular,Object.assign({color:i.COLORS.surface.standard},{children:g})),e.jsxRuntimeExports.jsx(s.StarRating,{starSize:24,value:c,onChange:x})]}),j&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[e.jsxRuntimeExports.jsx(t.TitleRegular,Object.assign({color:i.COLORS.surface.standard},{children:b})),e.jsxRuntimeExports.jsx(n.Wrapper,{children:null==j?void 0:j.map(((r,s)=>{const a=R.includes(r);return e.jsxRuntimeExports.jsx(n.Chip,Object.assign({selected:a,onClick:()=>{v(a?e=>e.filter((e=>e!==r)):e=>[...e,r])}},{children:e.jsxRuntimeExports.jsx(t.BodySecondary,Object.assign({color:a?i.COLORS.background.inverse:i.COLORS.surface.standard},{children:r}))}),s)}))})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8,width:"100%"}},{children:[e.jsxRuntimeExports.jsx(t.TitleRegular,Object.assign({color:i.COLORS.surface.standard},{children:"Add detailed feedback"})),e.jsxRuntimeExports.jsx(n.TextArea,{placeholder:"We read every response!",ref:O})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"100%"}},{children:e.jsxRuntimeExports.jsx(n.Button,Object.assign({onClick:function(){var e,r;p(c,R,null!==(r=null===(e=O.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")}},{children:e.jsxRuntimeExports.jsx(t.ButtonLarge,Object.assign({color:i.COLORS.content.primaryInverse},{children:"Submit"}))}))}))]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),c=require("../../../node_modules/react/jsx-runtime.js");require("../../star-rating/index.js");var t=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),l=require("../../star-rating/StarRating.js");const s=e.default("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)."}});exports.ZeroState=e=>{let{handleStarSelection:g,initialText:a}=e;return c.jsxRuntimeExports.jsxs(s,{children:[c.jsxRuntimeExports.jsx(t.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=a?a:"Rate your experience with us"})),c.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsxRuntimeExports.jsx(l.StarRating,{starSize:32,onChange:g})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),c=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../star-rating/StarRating.js"),l=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");const s=e.default("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)."}});exports.ZeroState=e=>{let{handleStarSelection:g,initialText:d}=e;return c.jsxRuntimeExports.jsxs(s,{children:[c.jsxRuntimeExports.jsx(l.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=d?d:"Rate your experience with us"})),c.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsxRuntimeExports.jsx(t.StarRating,{starSize:32,onChange:g})}))]})};

package/dist/cjs/components/data-source-panel/DataSourceInfoFooter.js

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

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

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