@bikdotai/bik-component-library 0.0.738-0 → 0.0.738-5

package/dist/esm/components/tooltips/TooltipInternal.js

@@ -1 +1 @@
-import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as b}from"../../node_modules/react/jsx-runtime.js";import{Button as l}from"../button/Button.js";import{TitleSmall as t,BodyCaption as g}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const o=c=>"light"===c?d.content.primary:d.content.primaryInverse,a=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>o(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),n=c=>{var d;return b.jsxs(a,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&b.jsx(t,Object.assign({color:o(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(g,Object.assign({color:o(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(l,Object.assign({},c.buttonProps))]}))};export{n as default};
+import c from"@emotion/styled/base";import{jsxs as b,jsx as l}from"react/jsx-runtime";import{Button as t}from"../button/Button.js";import{TitleSmall as g,BodyCaption as a}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const I=c=>"light"===c?d.content.primary:d.content.primaryInverse,n=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>I(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),o=c=>{var d;return b(n,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&l(g,Object.assign({color:I(c.variant),style:{marginBottom:"8px"}},{children:c.title})),l(a,Object.assign({color:I(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&l(t,Object.assign({},c.buttonProps))]}))};export{o as default};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s,useEffect as t}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as a}from"../modals/styledModal.js";import{BikShimmer as l}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as c,TitleSmall as r,BodySecondary as o}from"../TypographyStyle.js";import{ModalBody as d}from"./UnsatisfactoryCountIntentWiseModal.style.js";const j=j=>{const{storeId:m,setShowUnsatisfactoryResponseModal:h,showUnsatisfactoryResponseModal:b,ChecklistType:x,UnsatisfactoryResponseIntentList:p,viewIntentWiseUnsatisfactoryResponse:g,IntentHeaderTitle:y,fetchUnsatisfactoryResponseCountIntentWise:O}=j,[f,v]=s(),[u,N]=s(!1);return t((()=>{m&&O&&(N(!0),O().then((e=>{v(e),N(!1)})))}),[m]),e.jsx(a,Object.assign({onClose:()=>h(!1),open:b,headingTitle:"Improve unsatisfactory response"},{children:e.jsxs(d,{children:[e.jsx("div",{children:e.jsx(c,Object.assign({style:{color:n.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),e.jsxs("div",Object.assign({className:"modal-table"},{children:[e.jsxs("div",Object.assign({className:"table-row header"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Intent"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Unsatisfactory response"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Action"}))}))]})),u&&[0,1,2,3,4,5,6].map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(l,{boxes:[{width:"196px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"176px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"56px",height:"20px"}]})}))]}),s))),!u&&p&&y&&g&&p.map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:y[s]}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:(null==f?void 0:f[s])||"--"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>g(s),disabled:!(null==f?void 0:f[s])})}))]}),s)))]}))]})}))};export{j as UnsatisfactoryCountIntentWiseModal};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as s,useEffect as n}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as a}from"../button/Button.js";import{StyledModal as l}from"../modals/styledModal.js";import{BikShimmer as c}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as r,TitleSmall as o,BodySecondary as d}from"../TypographyStyle.js";import{ModalBody as m}from"./UnsatisfactoryCountIntentWiseModal.style.js";const h=h=>{const{storeId:b,setShowUnsatisfactoryResponseModal:p,showUnsatisfactoryResponseModal:g,ChecklistType:y,UnsatisfactoryResponseIntentList:j,viewIntentWiseUnsatisfactoryResponse:O,IntentHeaderTitle:f,fetchUnsatisfactoryResponseCountIntentWise:v}=h,[u,x]=s(),[N,w]=s(!1);return n((()=>{b&&v&&(w(!0),v().then((e=>{x(e),w(!1)})))}),[b]),e(l,Object.assign({onClose:()=>p(!1),open:g,headingTitle:"Improve unsatisfactory response"},{children:t(m,{children:[e("div",{children:e(r,Object.assign({style:{color:i.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),t("div",Object.assign({className:"modal-table"},{children:[t("div",Object.assign({className:"table-row header"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(o,Object.assign({style:{color:i.content.primary}},{children:"Intent"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(o,Object.assign({style:{color:i.content.primary}},{children:"Unsatisfactory response"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(o,Object.assign({style:{color:i.content.primary}},{children:"Action"}))}))]})),N&&[0,1,2,3,4,5,6].map((s=>t("div",Object.assign({className:"table-row"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(c,{boxes:[{width:"196px",height:"20px"}]})})),e("div",Object.assign({className:"table-cell center-align"},{children:e(c,{boxes:[{width:"176px",height:"20px"}]})})),e("div",Object.assign({className:"table-cell center-align"},{children:e(c,{boxes:[{width:"56px",height:"20px"}]})}))]}),s))),!N&&j&&f&&O&&j.map((s=>t("div",Object.assign({className:"table-row"},{children:[e("div",Object.assign({className:"table-cell"},{children:e(d,Object.assign({style:{color:i.content.primary}},{children:f[s]}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(d,Object.assign({style:{color:i.content.primary}},{children:(null==u?void 0:u[s])||"--"}))})),e("div",Object.assign({className:"table-cell center-align"},{children:e(a,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>O(s),disabled:!(null==u?void 0:u[s])})}))]}),s)))]}))]})}))};export{h as UnsatisfactoryCountIntentWiseModal};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as s}from"@bikdotai/bik-models/growth/models/bik-store";import t from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Avatar as l}from"../avatar/Avatar.js";import{SIZE as c,AVATAR_TYPES as d,AVATAR_BACKGROUND as p}from"../avatar/AvatarHelper.js";import{Button as m}from"../button/Button.js";import{StateComponent as h,StateInterface as y}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as j,BodySecondary as f,Caption as g}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as u}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as x}from"./UnsatisfactoryResponseList.style.js";const b=b=>{const{storeId:v,appType:I,incorrectMessages:w,onIncorrectMessageBubbleClick:C,setShowIncorrectReplies:T,ChecklistType:U,IntentWiseUnsatisfactoryResponse:M,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:k,fetchUnsatisfactoryResponseCount:N}=b,[S,A]=i(""),[W,L]=i((null==w?void 0:w.length)>0),[D,E]=i(!1);return r((()=>{!W&&N&&N().then((e=>{e>0&&L(!0),0===e&&T(!1)}))}),[]),e.jsx("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:e.jsxs(x,{children:[I==s.MANIFEST&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(j,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>T(!1)},{children:e.jsx(t,{height:16,width:16,color:a.content.primary})}))]})),e.jsx(f,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==w?void 0:w.length)&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e.jsx(h,{states:y.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:c.SMALL,icon:e.jsx(l,{type:d.ICON,size:c.MEDIUM,background:p.LIGHT,icon:()=>e.jsx(n,{width:16,height:16,color:a.content.warning})})})})),!!(null==w?void 0:w.length)&&e.jsxs(e.Fragment,{children:[I==s.MANIFEST&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==w?void 0:w.length)?"flex-start":"center"}},{children:e.jsx(m,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{E(!0)},disabled:!W})})),e.jsx(u,{storeId:v,setShowUnsatisfactoryResponseModal:E,showUnsatisfactoryResponseModal:D,ChecklistType:U,UnsatisfactoryResponseIntentList:M,IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:k,viewIntentWiseUnsatisfactoryResponse:R}),w&&(null==w?void 0:w.length)>0&&e.jsx("div",Object.assign({className:"wrapper"},{children:w.map(((s,t)=>e.jsxs("div",Object.assign({className:"bubble",onClick:()=>{C(s.messageId),A(s.messageId)},style:S===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[e.jsx(f,Object.assign({style:{color:a.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(g,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{b as UnsatisfactoryResponseList};
+import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{ApplicationType as n}from"@bikdotai/bik-models/growth/models/bik-store";import o from"../../assets/icons/cross.svg.js";import i from"../../assets/icons/info.svg.js";import{format as r}from"date-fns";import{useState as a,useEffect as l}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Avatar as d}from"../avatar/Avatar.js";import{SIZE as p,AVATAR_TYPES as m,AVATAR_BACKGROUND as h}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as f,StateInterface as g}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as u,BodySecondary as b,Caption as v}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as j}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as I}from"./UnsatisfactoryResponseList.style.js";const w=w=>{const{storeId:C,appType:T,incorrectMessages:U,onIncorrectMessageBubbleClick:M,setShowIncorrectReplies:O,ChecklistType:R,IntentWiseUnsatisfactoryResponse:k,IntentHeaderTitle:x,redirectToUnsatisfactoryResponse:N,fetchUnsatisfactoryResponseCountIntentWise:S,fetchUnsatisfactoryResponseCount:A}=w,[W,L]=a(""),[D,E]=a((null==U?void 0:U.length)>0),[H,z]=a(!1);return l((()=>{!D&&A&&A().then((e=>{e>0&&E(!0),0===e&&O(!1)}))}),[]),e("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:t(I,{children:[T==n.MANIFEST&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[t("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e(u,{children:"Unsatisfactory responses"}),e("div",Object.assign({style:{cursor:"pointer"},onClick:()=>O(!1)},{children:e(o,{height:16,width:16,color:c.content.primary})}))]})),e(b,Object.assign({style:{color:c.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==U?void 0:U.length)&&e("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e(f,{states:g.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:p.SMALL,icon:e(d,{type:m.ICON,size:p.MEDIUM,background:h.LIGHT,icon:()=>e(i,{width:16,height:16,color:c.content.warning})})})})),!!(null==U?void 0:U.length)&&t(s,{children:[T==n.MANIFEST&&e("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"}},{children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{z(!0)},disabled:!D})})),e(j,{storeId:C,setShowUnsatisfactoryResponseModal:z,showUnsatisfactoryResponseModal:H,ChecklistType:R,UnsatisfactoryResponseIntentList:k,IntentHeaderTitle:x,fetchUnsatisfactoryResponseCountIntentWise:S,viewIntentWiseUnsatisfactoryResponse:N}),U&&(null==U?void 0:U.length)>0&&e("div",Object.assign({className:"wrapper"},{children:U.map(((s,n)=>t("div",Object.assign({className:"bubble",onClick:()=>{M(s.messageId),L(s.messageId)},style:W===s.messageId?{backgroundColor:c.surface.hovered}:{}},{children:[e(b,Object.assign({style:{color:c.content.primary}},{children:s.message})),e("div",{children:t(v,Object.assign({style:{color:c.content.secondary}},{children:[r(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",r(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{w as UnsatisfactoryResponseList};

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_back.svg.js";import i from"../../assets/icons/cross.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{BikAccordion as c}from"../accordion/Accordion.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as h}from"../input/Input.js";import{ListItem as m}from"../list-item/ListItem.js";import{Switch as p}from"../switch/Switch.js";import{Tooltip as j}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodySecondary as g,BodyCaption as b,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as f}from"./context.js";import{DefaultVariableContent as y}from"./DefaultVariableContent.js";import{highlightSearchText as v}from"./highlightSearchText.js";import{PickerType as O}from"./model.js";import S from"./NoResult.js";import{showOnlyRecommendedVariables as k}from"./recommendVaribles.js";import{searchVariables as w}from"./searchVariables.js";import{HeaderWrapper as V,RecommendWrapper as C,BackHeader as T,Container as I}from"./styles.js";import N,{renderTooltipBody as B}from"./SubHeaderItems.js";const D=/.*\..*/,R=R=>{const{data:E,onSelect:H,showHeader:L,showBackButton:$,hideHeaderCross:_,onBackButtonClick:F,isEvaluationList:P,autoOpenFirst:A,headerText:z,contentHeight:K,onDefaultVariableSelect:M,skipDefaultVariableContent:q}=R,[G,J]=a(E),[Q,U]=a(""),[W,X]=a([]),[Y,Z]=a(""),[ee,se]=a(!1),[te,ie]=a([]),[oe,le]=a(!1),[ae,ne]=a(),re=oe&&R.type===O.EMBEDDED&&!_;n((()=>{ce(!0)}),[]),n((()=>{W.length>0?ie([W[W.length-1]]):ie(E)}),[W]);const ce=s=>e(void 0,void 0,void 0,(function*(){if(se(s),s){const e=k(G,W);J(e)}else if(W.length>0){const e=Y==W[W.length-1].displayName;if(Q.length>0&&e){const e=w(Q,te,W);J(e)}else J([W[W.length-1].variables])}else if(Q.length>0){const e=w(Q,te,W);J(e)}else J(E)})),de=()=>{if(K)return K;let e=131;return W.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},he=e=>{if(!R.disabled)if(P){const s=(e=>{if(e.actualValue.match(D)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],i=s[2];t+=`['${e}'][${i}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);H(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}};return s.jsx(f.Provider,Object.assign({value:{variables:G,searchText:Q,subHeaderStack:W,showRecommended:ee,setSubHeaderStack:X,setSearchText:U,setVariables:J,setShowRecommended:se}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(L||$||oe)&&s.jsxs(V,Object.assign({openDefault:oe},{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[($||oe)&&s.jsx(d,{Icon:()=>s.jsx(t,{width:16,height:16,style:{display:"flex",color:r.content.primary}}),onClick:()=>{oe?le(!1):F&&F()}}),(L||oe)&&s.jsx(u,{children:oe?"Set up":null!=z?z:"Select Variable"})]})),re&&s.jsx(d,{style:{color:"#212121"},Icon:i,onClick:()=>R.onClose&&R.onClose()})]})),oe&&ae&&!q?s.jsx(y,{variable:ae,onInsertVariable:e=>{H(e),null==M||M(e)}}):s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsx(h,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:Q,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||Z("");const s=w(e,te,W);if(ee){const e=k(s,W);J(e)}else J(s);U(e);const t=W.length>0?W[W.length-1].displayName:"home";Z(t)}})})),s.jsxs(C,{children:[s.jsx(g,Object.assign({style:{color:r.content.secondary}},{children:"Only Recommended"})),s.jsx(p,{value:ee,onValueChange:s=>e(void 0,void 0,void 0,(function*(){yield ce(s)}))})]}),W.length>0&&s.jsxs(T,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(d,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t,{width:12,height:12,style:{color:r.content.secondary}}),onClick:e=>{e.stopPropagation();let s=Q;const t=[...W],i=t.pop();if(X(t),i.displayName===Y&&(U(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:E,i=w(s,e,t);if(ee){const e=k(i,t);J(e)}else J(i)}else if(t.length>0)if(ee){const e=k([t[t.length-1].variables],t);J(e)}else J([t[t.length-1].variables]);else if(ee){const e=k(E,W);J(e)}else J(E)}})})),s.jsx(b,Object.assign({style:{color:r.content.secondary}},{children:W[W.length-1].displayName}))]}),s.jsx(s.Fragment,{children:G.length>0?s.jsx(I,Object.assign({height:de()},{children:G.map(((e,t)=>{var i,a;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.stroke.primary}`}},{children:s.jsx(c,Object.assign({arrowColor:r.content.primary,autoOpen:A&&0===t,headerPadding:"12px 16px",header:s.jsx(x,Object.assign({style:{color:r.content.secondary}},{children:v(e.displayName,Q)}))},{children:s.jsx(N,{parentVariable:e,disabled:null!==(i=R.disabled)&&void 0!==i&&i,searchText:Q,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}})}))}),e.displayName+ee):e.displayName?s.jsx(j,Object.assign({body:B(e),placement:"bottom"},{children:s.jsx(m,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?s.jsx(s.Fragment,{}):s.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsx(o,{width:14,height:14})})),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(g,Object.assign({style:{fontSize:"14px",color:r.text.primary}},{children:v(e.displayName,Q)})),!e.isAvailable&&s.jsx(j,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>he(e)},t)}),t):s.jsx(N,{disabled:null!==(a=R.disabled)&&void 0!==a&&a,searchText:Q,variable:e,onSelect:e=>he(e)},t)}))})):s.jsx(S,{height:de(),searchText:Q})})]})]}))}))};export{R as VariablePickerContent};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import{DefaultVariableContent as O}from"./DefaultVariableContent.js";import{highlightSearchText as S}from"./highlightSearchText.js";import{PickerType as k}from"./model.js";import w from"./NoResult.js";import{showOnlyRecommendedVariables as V}from"./recommendVaribles.js";import{searchVariables as C}from"./searchVariables.js";import{HeaderWrapper as T,RecommendWrapper as I,BackHeader as N,Container as B}from"./styles.js";import D,{renderTooltipBody as R}from"./SubHeaderItems.js";const E=/.*\..*/,H=H=>{const{data:L,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=H,[Q,U]=n(L),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[ie,oe]=n(!1),[se,le]=n([]),[ae,re]=n(!1),[ne,ce]=n(),de=ae&&H.type===k.EMBEDDED&&!A;c((()=>{he(!0)}),[]),c((()=>{Y.length>0?le([Y[Y.length-1]]):le(L)}),[Y]);const he=t=>e(void 0,void 0,void 0,(function*(){if(oe(t),t){const e=V(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=C(W,se,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=C(W,se,Y);U(e)}else U(L)})),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(H.showHeader||H.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!H.disabled)if(F){const t=(e=>{if(e.actualValue.match(E)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let i=t[0];return t.forEach(((e,t)=>{if(0===t)return;const o=(e=>/\w+\[\d+\]/g.test(e))(e);if(o){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],o=t[2];i+=`['${e}'][${o}]`}}else i+=`['${e}']`})),i}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}};return t(x.Provider,Object.assign({value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:ie,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:oe}},{children:i("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(P||_||ae)&&i(T,Object.assign({openDefault:ae},{children:[i("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(_||ae)&&t(p,{Icon:()=>t(s,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?re(!1):z&&z()}}),(P||ae)&&t(f,{children:ae?"Set up":null!=M?M:"Select Variable"})]})),de&&t(p,{style:{color:"#212121"},Icon:l,onClick:()=>H.onClose&&H.onClose()})]})),ae&&ne&&!J?t(O,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):i(o,{children:[t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{H.onSearchBlur&&H.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=C(e,se,Y);if(ie){const e=V(t,Y);U(e)}else U(t);X(e);const i=Y.length>0?Y[Y.length-1].displayName:"home";te(i)}})})),i(I,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(g,{value:ie,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield he(t)}))})]}),Y.length>0&&i(N,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(s,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const i=[...Y],o=i.pop();if(Z(i),o.displayName===ee&&(X(""),t=""),t.length>0){const e=i.length>0?[i[i.length-1]]:L,o=C(t,e,i);if(ie){const e=V(o,i);U(e)}else U(o)}else if(i.length>0)if(ie){const e=V([i[i.length-1].variables],i);U(e)}else U([i[i.length-1].variables]);else if(ie){const e=V(L,Y);U(e)}else U(L)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:Y[Y.length-1].displayName}))]}),t(o,{children:Q.length>0?t(B,Object.assign({height:pe()},{children:Q.map(((e,s)=>{var l,n;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({arrowColor:d.content.primary,autoOpen:K&&0===s,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:S(e.displayName,W)}))},{children:t(D,{parentVariable:e,disabled:null!==(l=H.disabled)&&void 0!==l&&l,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}})}))}),e.displayName+ie):e.displayName?t(b,Object.assign({body:R(e),placement:"bottom"},{children:t(u,{variant:H.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||H.disabled?t(o,{}):t("div",Object.assign({style:{flexShrink:0}},{children:t(a,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:d.text.primary}},{children:S(e.displayName,W)})),!e.isAvailable&&t(b,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(r,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},s)}),s):t(D,{disabled:null!==(n=H.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},s)}))})):t(w,{height:pe(),searchText:W})})]})]}))}))};export{H as VariablePickerContent};

package/dist/esm/components/variable-picker-v3/DefaultVariableContent.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i}from"react";import{Button as a}from"../button/Button.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{Input as t}from"../input/Input.js";import{TitleRegular as l,BodySecondary as r}from"../TypographyStyle.js";const o=o=>{var n,d,u;const[p,c]=i(o.variable.defaultValue||""),[x,j]=i(""),[m,b]=i(!!(null===(n=o.variable)||void 0===n?void 0:n.enableDefaultValueForGlobalUsage));return e.jsx(e.Fragment,{children:e.jsxs("div",Object.assign({style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:[e.jsx("div",Object.assign({style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(l,{children:null===(d=o.variable)||void 0===d?void 0:d.displayName})})),e.jsxs("div",Object.assign({style:{paddingTop:24}},{children:[e.jsx(t,{onChangeText:e=>{j(""),c(e)},value:p,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=x?x:"",maxCharLimit:25}),e.jsxs("div",Object.assign({style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex"},{children:[e.jsx(s,{isChecked:m,onValueChange:e=>b(e),size:"SMALL"}),e.jsx(r,Object.assign({style:{marginTop:-2}},{children:`Make this the default value for ‘${null===(u=o.variable)||void 0===u?void 0:u.displayName}’`}))]})),e.jsx("div",Object.assign({style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"}},{children:e.jsx(a,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!p)return void j("This field is required");const e=Object.assign(Object.assign({},o.variable),{defaultValue:p,enableDefaultValueForGlobalUsage:m});o.onInsertVariable(e)}})}))]}))]}))})};export{o as DefaultVariableContent};
+import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{Button as l}from"../button/Button.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{Input as o}from"../input/Input.js";import{TitleRegular as s,BodySecondary as n}from"../TypographyStyle.js";const d=d=>{var p,u,c;const[b,f]=t(d.variable.defaultValue||""),[g,m]=t(""),[h,v]=t(!!(null===(p=d.variable)||void 0===p?void 0:p.enableDefaultValueForGlobalUsage));return e(i,{children:a("div",Object.assign({style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:[e("div",Object.assign({style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"}},{children:e(s,{children:null===(u=d.variable)||void 0===u?void 0:u.displayName})})),a("div",Object.assign({style:{paddingTop:24}},{children:[e(o,{onChangeText:e=>{m(""),f(e)},value:b,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=g?g:"",maxCharLimit:25}),a("div",Object.assign({style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex"},{children:[e(r,{isChecked:h,onValueChange:e=>v(e),size:"SMALL"}),e(n,Object.assign({style:{marginTop:-2}},{children:`Make this the default value for ‘${null===(c=d.variable)||void 0===c?void 0:c.displayName}’`}))]})),e("div",Object.assign({style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"}},{children:e(l,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!b)return void m("This field is required");const e=Object.assign(Object.assign({},d.variable),{defaultValue:b,enableDefaultValueForGlobalUsage:h});d.onInsertVariable(e)}})}))]}))]}))})};export{d as DefaultVariableContent};

package/dist/esm/components/variable-picker-v3/NoResult.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/search.svg.js";import s from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{TitleMedium as r,BodySecondary as o}from"../TypographyStyle.js";const i=s=>e.jsxs(c,Object.assign({height:s.height},{children:[e.jsx(a,{children:e.jsx(t,{width:24,height:24,color:n.background.brand})}),e.jsxs("div",Object.assign({style:{textAlign:"center"}},{children:[e.jsx(r,{children:"No results found"}),s.searchText?e.jsx(o,Object.assign({style:{color:n.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${s.searchText}"`})):e.jsx(o,Object.assign({style:{color:n.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),c=s.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
@@ -6,12 +6,12 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../
 	justify-content: center;
 	padding: 0 16px;
 	height: ${e=>e.height};
-`,a=s.div`
+`,d=n.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: ${n.background.brandLight};
+	background-color: ${o.background.brandLight};
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;export{i as default};
+`;export{c as default};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/chevronRight.svg.js";import t from"../../assets/icons/plus.svg.js";import i from"../../assets/icons/sub_category.svg.js";import o from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as a}from"lodash";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as r}from"../list-item/ListItem.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{BodySecondary as c}from"../TypographyStyle.js";import{useVariablePickerContext as d}from"./context.js";import{highlightSearchText as m}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as j}from"./recommendVaribles.js";const p=e=>{var s;return(null===(s=e.contextQ)||void 0===s?void 0:s.join(" > "))||""},b=b=>{const{onSelect:x,variable:h,searchText:g,disabled:v,parentVariable:y}=b,{subHeaderStack:f,setSubHeaderStack:u,setVariables:O,showRecommended:I}=d();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(h).map(((d,b)=>{var S;if(void 0===h[d].variables||0===Object.keys((null===(S=h[d])||void 0===S?void 0:S.variables)||{}).length){const s=h[d];return e.jsx(n,Object.assign({body:p(s),placement:"bottom"},{children:e.jsx(r,{variant:v?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||v?e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({style:{flexShrink:0}},{children:e.jsx(t,{width:14,height:14})})),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:m(s.displayName,g)})),!s.isAvailable&&e.jsx(n,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(o,{width:16,height:16,color:l.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{x(s)}})}),b)}return e.jsx(n,Object.assign({body:p(h[d]),placement:"bottom"},{children:e.jsx(r,{variant:"default",version:"2.0",listItem:{label:h[d].displayName,value:h[d].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:m(h[d].displayName,g)}))})),leadingIcon:e.jsx(i,{width:14,height:14}),subText:h[d].description||"",trailingIcon:e.jsx(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=a(h[d]);void 0!==y&&(e.contextQ=[y.displayName]);const s=[...f,e];if(u(s),I){const t=j([e.variables],s);O(t)}else O([e.variables])}})}),b)}))}))};export{b as default,p as renderTooltipBody};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import r from"lodash/cloneDeep";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as b}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},v=v=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=v,{subHeaderStack:O,setSubHeaderStack:I,setVariables:S,showRecommended:N}=p();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((p,v)=>{var T;if(void 0===f[p].variables||0===Object.keys((null===(T=f[p])||void 0===T?void 0:T.variables)||{}).length){const s=f[p];return e(d,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||u?e(t,{}):e("div",Object.assign({style:{flexShrink:0}},{children:e(o,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(s.displayName,j)})),!s.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(a,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),v)}return e(d,Object.assign({body:g(f[p]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[p].displayName,value:f[p].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(f[p].displayName,j)}))})),leadingIcon:e(l,{width:14,height:14}),subText:f[p].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[p]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),N){const i=h([e.variables],t);S(i)}else S([e.variables])}})}),v)}))}))};export{v as default,g as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +1 @@
-import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/cross.svg.js";import{COLORS as o}from"../../constants/Theme.js";import{CloseButtonContainer as e}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as r}from"./model.js";const n=n=>{var d;const{type:j}=n;return j==r.FLOATER?s.jsxs("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4,height:"100%"}},{children:[s.jsx(i,Object.assign({},n)),s.jsx(e,Object.assign({onClick:()=>{n.onClose&&n.onClose()}},{children:s.jsx(t,{height:20,width:20,color:o.content.secondary})}))]})):s.jsx("div",Object.assign({style:{width:null!==(d=n.width)&&void 0!==d?d:"100%",height:"100%"}},{children:s.jsx(i,Object.assign({},n))}))};export{n as VariablePicker,n as default};
+import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};

package/dist/esm/components/variable-picker-v3/highlightSearchText.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{COLORS as s}from"../../constants/Theme.js";const t=(t,n)=>{if(0===n.length)return t;const r=t.toLowerCase().indexOf(n.toLowerCase());if(-1===r)return t;const o=t.slice(0,r),c=t.slice(r,r+n.length),i=t.slice(r+n.length);return e.jsxs("span",{children:[o,e.jsx("b",Object.assign({style:{color:s.content.primary}},{children:c})),i]})};export{t as highlightSearchText};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",Object.assign({style:{color:r.content.primary}},{children:i})),l]})};export{n as highlightSearchText};

package/dist/esm/components/whats-new/WhatsNew.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { WhatsNewContent } from './WhatsNew.types';
+interface WhatsNewProps {
+    title?: string;
+    tooltip?: string;
+    searchPlaceholder?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    noResultsText?: string;
+    width?: string;
+    onContentClick?: (content: WhatsNewContent) => void;
+    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
+    buttonTestId?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    customIcon?: React.ComponentType<{
+        width?: number;
+        height?: number;
+        color?: string;
+    }>;
+}
+export declare const WhatsNew: React.FC<WhatsNewProps>;
+export {};

package/dist/esm/components/whats-new/WhatsNew.js

@@ -0,0 +1 @@
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const a=a=>{let{title:c="What's new",tooltip:h="What's new",searchPlaceholder:m="Search posts",emptyStateTitle:l="Nothing new!",emptyStateDescription:p="There are no new updates or features at the moment. Check back soon!",noResultsText:d="Sorry, no results found.",width:u="480px",onContentClick:C,renderCustomContent:w,buttonTestId:f="whats-new-button",iconWidth:W=32,iconHeight:g=32,customIcon:S}=a;const[T,k]=n(!1),{whatsNewContent:x,isLoading:y,newContentCount:N}=r();return t(e,{children:[o(i,{onClick:()=>k(!0),newContentCount:N,isOpen:T,isLoading:y,tooltip:h,testId:f,iconWidth:W,iconHeight:g,customIcon:S}),o(s,{isOpen:T,onClose:()=>k(!1),content:x,isLoading:y,title:c,searchPlaceholder:m,emptyStateTitle:l,emptyStateDescription:p,noResultsText:d,width:u,onContentClick:t=>{C&&C(t)},renderCustomContent:w})]})};export{a as WhatsNew};

package/dist/esm/components/whats-new/WhatsNew.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const WhatsNewIconContainer: import("styled-components").StyledComponent<"div", any, {
+    count?: number | undefined;
+}, never>;
+export declare const WhatsNewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BackgroundImageContainer: import("styled-components").StyledComponent<"div", any, {
+    imageUrl: string;
+    height?: string | undefined;
+    width?: string | undefined;
+}, never>;

package/dist/esm/components/whats-new/WhatsNew.styles.js

@@ -0,0 +1,185 @@
+import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const i=e.div`
+	cursor: pointer;
+	position: relative;
+
+	.main-icon-class {
+		padding: 6px;
+		border-radius: 32px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		transition: background-color 0.2s ease;
+	}
+
+	.icon-active {
+		background: ${t.background.brandLight};
+	}
+
+	.main-icon-class:hover {
+		background: ${t.background.base};
+	}
+
+	.notification--count {
+		box-sizing: border-box;
+		position: absolute;
+		right: 6px;
+		top: 4px;
+		border-radius: 50%;
+		width: 14px;
+		height: 14px;
+		background: ${t.background.negative.vibrant};
+		border: 1.25px solid ${t.surface.standard};
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.count--text {
+		font-size: 8px;
+		line-height: 7.2px;
+		font-weight: 400;
+		color: ${t.surface.standard};
+	}
+`,n=e.div`
+	overflow-y: auto;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	max-height: calc(100vh - 60px);
+
+	&::-webkit-scrollbar {
+		display: block;
+		width: 6px;
+	}
+
+	::-webkit-scrollbar-thumb {
+		background: ${t.content.inactive};
+		border-radius: 3px;
+		min-height: 30px;
+	}
+
+	.icon--wrapper {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 64px;
+		height: 64px;
+		border-radius: 50%;
+		background: ${t.background.base};
+		margin-bottom: 16px;
+	}
+
+	.no--data--found {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		height: 300px;
+		text-align: center;
+		padding: 24px;
+	}
+
+	.text--align {
+		text-align: center;
+	}
+
+	.scroller {
+		display: flex;
+		flex-direction: column;
+		gap: 16px;
+		padding: 16px 0;
+	}
+
+	.full--width {
+		width: 100%;
+	}
+
+	.flex {
+		display: flex;
+	}
+
+	.flex--row {
+		flex-direction: row;
+	}
+
+	.flex--column {
+		flex-direction: column;
+	}
+
+	.mt-8 {
+		margin-top: 8px;
+	}
+
+	.mt-20 {
+		margin-top: 20px;
+	}
+
+	.mt--8 {
+		margin-top: 8px;
+	}
+
+	.mt--12 {
+		margin-top: 12px;
+	}
+
+	.mb-mt-8 {
+		margin-bottom: 8px;
+		margin-top: 8px;
+	}
+
+	.padding--16 {
+		padding: 16px;
+	}
+
+	.card--desc {
+		max-height: 200px;
+		overflow-y: auto;
+		font-size: 12px;
+		color: ${t.content.secondary};
+
+		p {
+			margin-bottom: 0px;
+		}
+	}
+
+	.created--at {
+		align-items: center;
+		gap: 4px;
+	}
+
+	.new--content--tag {
+		padding: 2px 6px;
+		gap: 4px;
+		border-radius: 14px;
+		background: ${t.background.warning.vibrant};
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 8px;
+	}
+`,r=e.div`
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+`,o=e.div`
+	background: ${t.surface.standard};
+	border-radius: 8px;
+	border: 1px solid ${t.stroke.primary};
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	transition: all 0.2s ease;
+
+	&:hover {
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+	}
+`,a=e.div`
+	background-image: url(${e=>e.imageUrl});
+	background-size: cover;
+	background-position: center;
+	background-repeat: no-repeat;
+	height: ${e=>e.height||"200px"};
+	width: ${e=>e.width||"100%"};
+	border-radius: 4px;
+`;export{a as BackgroundImageContainer,o as MainCardContainer,r as MainContainer,i as WhatsNewIconContainer,n as WhatsNewWrapper};

package/dist/esm/components/whats-new/WhatsNew.types.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+export interface WhatsNewContent {
+    id: string;
+    title: string;
+    body: string;
+    content: string;
+    image: string;
+    buttonText: string;
+    redirectUrl: string;
+    productVideo?: string;
+    docId?: string;
+    createdAt: any;
+    module: string[];
+    visibility: boolean;
+}
+export interface WhatsNewProviderProps {
+    children: React.ReactNode;
+    fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
+    markContentAsViewed?: (contentId: string) => Promise<void>;
+    module?: string;
+    isLoading?: boolean;
+}
+export interface WhatsNewButtonProps {
+    onClick?: () => void;
+    newContentCount?: number;
+    isOpen?: boolean;
+    isLoading?: boolean;
+    tooltip?: string;
+    testId?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    customIcon?: React.ComponentType<{
+        width?: number;
+        height?: number;
+        color?: string;
+    }>;
+}
+export interface WhatsNewPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    content: WhatsNewContent[];
+    isLoading?: boolean;
+    title?: string;
+    searchPlaceholder?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    noResultsText?: string;
+    width?: string;
+    onContentClick?: (content: WhatsNewContent) => void;
+    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
+}
+export interface WhatsNewHookReturn {
+    whatsNewContent: WhatsNewContent[];
+    isLoading: boolean;
+    newContentCount: number;
+    markAsViewed: (contentId: string) => Promise<void>;
+    refreshContent: () => Promise<void>;
+}

package/dist/esm/components/whats-new/WhatsNewButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WhatsNewButtonProps } from './WhatsNew.types';
+export declare const WhatsNewButton: React.FC<WhatsNewButtonProps>;

package/dist/esm/components/whats-new/WhatsNewButton.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import n from"../../assets/icons/whatsNew.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as o}from"./WhatsNew.styles.js";const r=r=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:h="What's new",testId:m="whats-new-button",iconWidth:p=32,iconHeight:g=32,customIcon:b}=r;return l?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[i("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),i("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):i(o,Object.assign({count:a},{children:t("div",Object.assign({className:"main-icon-class "+(d?"icon-active":""),style:{color:d?e.content.brand:e.content.primary},onClick:c,"data-testid":m},{children:[i(s,Object.assign({body:h},{children:i("div",{children:b?i(b,{width:p,height:g,color:d?e.content.brand:e.content.primary}):i(n,{width:p,height:g})})})),a>0&&i("div",Object.assign({className:"notification--count"},{children:i("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{r as WhatsNewButton};

package/dist/esm/components/whats-new/WhatsNewPanel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WhatsNewPanelProps } from './WhatsNew.types';
+export declare const WhatsNewPanel: React.FC<WhatsNewPanelProps>;

package/dist/esm/components/whats-new/WhatsNewPanel.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{format as r,differenceInBusinessDays as s}from"date-fns";import{useState as a,useMemo as o}from"react";import i from"../../assets/icons/searchIcon.svg.js";import c from"../../assets/icons/whatsNew.svg.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as h}from"../feature-announcements/VideoModal.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as g,TitleRegular as p,BodyPrimary as b,Caption as w,TitleSmall as f}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as y,MainCardContainer as C,BackgroundImageContainer as x}from"./WhatsNew.styles.js";const N=N=>{let{isOpen:O,onClose:v,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:W="480px",onContentClick:B,renderCustomContent:U}=N;const[V,E]=a(""),[I,_]=a(!1),[P,R]=a(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},F=o((()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[k,V]),H=0===k.length,K=0===F.length;return O?n(u,Object.assign({width:W,onClose:v,header:"",headerCustomComponent:e(g,Object.assign({color:d.background.inverse},{children:D})),headerStyle:{background:d.background.brandLight},hideFooter:!0},{children:[n(j,{children:[e("div",Object.assign({className:"mt-8"},{children:e(m,{width:"100%",isEnabled:!H,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})})),e(y,{children:H||K?n("div",Object.assign({className:"no--data--found"},{children:[e("div",Object.assign({className:"icon--wrapper"},{children:e(H?c:i,{width:32,height:32})})),H?n(t,{children:[e(p,{children:T}),e(b,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L}))]}):K?e(b,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:M})):null]})):e("div",Object.assign({className:"scroller"},{children:F.map(((s,a)=>U?U(s):n(C,Object.assign({className:"padding--16 mb-mt-8"},{children:[e(x,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",Object.assign({className:"mt-20 full--width"},{children:n("div",Object.assign({className:"created--at flex flex--row"},{children:[z(s)?e("div",Object.assign({className:"new--content--tag"},{children:e(w,{children:"New"})})):e(t,{}),e(w,Object.assign({style:{color:d.content.placeholder}},{children:s.createdAt?r(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e("div",Object.assign({className:"mt--8"},{children:e(f,{children:s.title})})),e("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e(l,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(R(e.productVideo),_(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),B&&B(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${a}`)))}))})]}),e(h,{isOpen:I,videoUrl:P,onClose:()=>{_(!1)}})]})):e(t,{})};export{N as WhatsNewPanel};

package/dist/esm/components/whats-new/WhatsNewProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WhatsNewProviderProps } from './WhatsNew.types';
+export declare const WhatsNewProvider: React.FC<WhatsNewProviderProps>;
+export declare const useWhatsNewContext: () => import("./WhatsNew.types").WhatsNewHookReturn;

package/dist/esm/components/whats-new/WhatsNewProvider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useWhatsNew as n}from"./useWhatsNew.js";const o=r(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:a}=t;const m=n({fetchWhatsNewContent:s,markContentAsViewed:i,module:a});return e(o.Provider,Object.assign({value:m},{children:r}))},i=()=>{const e=t(o);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};

package/dist/esm/components/whats-new/index.d.ts

@@ -0,0 +1,7 @@
+export * from './WhatsNew.types';
+export * from './WhatsNew.styles';
+export * from './WhatsNewButton';
+export * from './WhatsNewPanel';
+export * from './WhatsNewProvider';
+export * from './WhatsNew';
+export * from './useWhatsNew';

package/dist/esm/components/whats-new/useWhatsNew.d.ts

@@ -0,0 +1,9 @@
+import { WhatsNewContent, WhatsNewHookReturn } from './WhatsNew.types';
+interface UseWhatsNewProps {
+    fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
+    markContentAsViewed?: (contentId: string) => Promise<void>;
+    module?: string;
+    newContentThresholdDays?: number;
+}
+export declare const useWhatsNew: ({ fetchWhatsNewContent, markContentAsViewed, module, newContentThresholdDays, }: UseWhatsNewProps) => WhatsNewHookReturn;
+export {};

package/dist/esm/components/whats-new/useWhatsNew.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{differenceInBusinessDays as t}from"date-fns";import{useState as o,useRef as r,useEffect as n,useCallback as a}from"react";const i=i=>{let{fetchWhatsNewContent:c,markContentAsViewed:d,module:s,newContentThresholdDays:l=7}=i;const[u,f]=o([]),[w,v]=o(!0),m=r(c),A=r(d);n((()=>{m.current=c}),[c]),n((()=>{A.current=d}),[d]);const h=a((()=>e(void 0,void 0,void 0,(function*(){v(!0);try{const[e,t]=yield m.current();if(e)console.error("Failed to fetch what's new content:",e),f([]);else if(t){let e=t;s&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(s):e.module===s))),e.sort(((e,t)=>{var o,r;const n=(null===(o=e.createdAt)||void 0===o?void 0:o.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(r=t.createdAt)||void 0===r?void 0:r.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()})),f(e)}else f([])}catch(e){console.error("Failed to fetch what's new content:",e),f([])}finally{v(!1)}}))),[s]);n((()=>{h()}),[h]);const D=a((e=>{if(!e.createdAt)return!1;const o=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t(new Date,o)<l}),[l]),y=u.reduce(((e,t)=>D(t)?e+1:e),0);return{whatsNewContent:u,isLoading:w,newContentCount:y,markAsViewed:a((t=>e(void 0,void 0,void 0,(function*(){if(A.current)try{yield A.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[]),refreshContent:a((()=>e(void 0,void 0,void 0,(function*(){yield h()}))),[h])}};export{i as useWhatsNew};

package/dist/esm/components/zeroState/ZeroState.js

@@ -1,12 +1,12 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import n from"styled-components";import{Spinner as o}from"../spinner/Spinner.js";import{BodyCaption as i,TitleRegular as s,TitleSmall as r}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import c from"../../assets/icons/alert.svg.js";import{Button as a}from"../button/Button.js";const d=n.div`
-	background: ${l.surface.standard};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import i from"styled-components";import{Spinner as o}from"../spinner/Spinner.js";import{BodyCaption as r,TitleRegular as l,TitleSmall as s}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import a from"../../assets/icons/alert.svg.js";import{Button as d}from"../button/Button.js";const u=i.div`
+	background: ${c.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
-`,u=n.div`
-	background: ${l.background.base};
+`,m=i.div`
+	background: ${c.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -14,4 +14,4 @@ import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,m=n=>{var{subTitle:m,title:j,IconHolderStyle:p,style:g,isLoading:x,containerWidth:h}=n,y=t(n,["subTitle","title","IconHolderStyle","style","isLoading","containerWidth"]);let b=s;const f=h?parseFloat(h):0;return f&&!isNaN(f)&&f<=150&&(b=r),e.jsxs(d,Object.assign({style:null!=g?g:{}},{children:[x?e.jsx(o,{size:"large",color:l.stroke.brand}):e.jsx(u,Object.assign({style:null!=p?p:{}},{children:(null==y?void 0:y.Icon)||e.jsx(c,{color:l.content.placeholder,height:24,width:24})})),e.jsx(b,Object.assign({style:{marginTop:8,color:l.content.primary}},{children:x?"Loading...":j||"No results found"})),!!m&&!x&&e.jsx(i,Object.assign({style:{marginTop:4,color:l.content.secondary,textAlign:"center",maxWidth:184}},{children:m})),!!(null==y?void 0:y.actionButton)&&e.jsx("div",Object.assign({style:(null==y?void 0:y.buttonWidth)?{width:null==y?void 0:y.buttonWidth,display:"flex"}:{}},{children:e.jsx(a,Object.assign({},null==y?void 0:y.actionButton))}))]}))};export{m as ZeroState};
+`,p=i=>{var{subTitle:p,title:g,IconHolderStyle:h,style:y,isLoading:b,containerWidth:f}=i,j=t(i,["subTitle","title","IconHolderStyle","style","isLoading","containerWidth"]);let x=l;const v=f?parseFloat(f):0;return v&&!isNaN(v)&&v<=150&&(x=s),e(u,Object.assign({style:null!=y?y:{}},{children:[b?n(o,{size:"large",color:c.stroke.brand}):n(m,Object.assign({style:null!=h?h:{}},{children:(null==j?void 0:j.Icon)||n(a,{color:c.content.placeholder,height:24,width:24})})),n(x,Object.assign({style:{marginTop:8,color:c.content.primary}},{children:b?"Loading...":g||"No results found"})),!!p&&!b&&n(r,Object.assign({style:{marginTop:4,color:c.content.secondary,textAlign:"center",maxWidth:184}},{children:p})),!!(null==j?void 0:j.actionButton)&&n("div",Object.assign({style:(null==j?void 0:j.buttonWidth)?{width:null==j?void 0:j.buttonWidth,display:"flex"}:{}},{children:n(d,Object.assign({},null==j?void 0:j.actionButton))}))]}))};export{p as ZeroState};