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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),t=require("../../node_modules/react/jsx-runtime.js"),b=require("../button/Button.js"),l=require("../TypographyStyle.js"),e=require("../../constants/Theme.js");const d=c=>"light"===c?e.COLORS.content.primary:e.COLORS.content.primaryInverse,s=c.default("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?e.COLORS.surface.subdued:e.COLORS.content.primary),";color:",(c=>d(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */"));exports.default=c=>{var e;return t.jsxRuntimeExports.jsxs(s,Object.assign({variant:null!==(e=c.variant)&&void 0!==e?e:"dark"},{children:[c.title&&t.jsxRuntimeExports.jsx(l.TitleSmall,Object.assign({color:d(c.variant),style:{marginBottom:"8px"}},{children:c.title})),t.jsxRuntimeExports.jsx(l.BodyCaption,Object.assign({color:d(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&t.jsxRuntimeExports.jsx(b.Button,Object.assign({},c.buttonProps))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),t=require("../button/Button.js"),l=require("../TypographyStyle.js"),e=require("../../constants/Theme.js");function g(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const a=c=>"light"===c?e.COLORS.content.primary:e.COLORS.content.primaryInverse,d=g(c).default("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?e.COLORS.surface.subdued:e.COLORS.content.primary),";color:",(c=>a(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */"));exports.default=c=>{var e;return b.jsxs(d,Object.assign({variant:null!==(e=c.variant)&&void 0!==e?e:"dark"},{children:[c.title&&b.jsx(l.TitleSmall,Object.assign({color:a(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(l.BodyCaption,Object.assign({color:a(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(t.Button,Object.assign({},c.buttonProps))]}))};

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/search.svg.js"),s=require("styled-components"),r=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(s);const c=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/search.svg.js"),r=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r);const c=o.default.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
@@ -10,8 +10,8 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: ${r.COLORS.background.brandLight};
+	background-color: ${n.COLORS.background.brandLight};
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;exports.default=s=>e.jsxRuntimeExports.jsxs(c,Object.assign({height:s.height},{children:[e.jsxRuntimeExports.jsx(d,{children:e.jsxRuntimeExports.jsx(t.default,{width:24,height:24,color:r.COLORS.background.brand})}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{textAlign:"center"}},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,{children:"No results found"}),s.searchText?e.jsxRuntimeExports.jsx(n.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${s.searchText}"`})):e.jsxRuntimeExports.jsx(n.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]}));
+`;exports.default=r=>e.jsxs(c,Object.assign({height:r.height},{children:[e.jsx(d,{children:e.jsx(t.default,{width:24,height:24,color:n.COLORS.background.brand})}),e.jsxs("div",Object.assign({style:{textAlign:"center"}},{children:[e.jsx(s.TitleMedium,{children:"No results found"}),r.searchText?e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${r.searchText}"`})):e.jsx(s.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]}));

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

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

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

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

package/dist/cjs/components/variable-picker-v3/highlightSearchText.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");exports.highlightSearchText=(s,r)=>{if(0===r.length)return s;const n=s.toLowerCase().indexOf(r.toLowerCase());if(-1===n)return s;const i=s.slice(0,n),o=s.slice(n,n+r.length),c=s.slice(n+r.length);return e.jsxRuntimeExports.jsxs("span",{children:[i,e.jsxRuntimeExports.jsx("b",Object.assign({style:{color:t.COLORS.content.primary}},{children:o})),c]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js");exports.highlightSearchText=(t,s)=>{if(0===s.length)return t;const n=t.toLowerCase().indexOf(s.toLowerCase());if(-1===n)return t;const i=t.slice(0,n),c=t.slice(n,n+s.length),o=t.slice(n+s.length);return e.jsxs("span",{children:[i,e.jsx("b",Object.assign({style:{color:r.COLORS.content.primary}},{children:c})),o]})};

package/dist/cjs/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/cjs/components/whats-new/WhatsNew.js

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

package/dist/cjs/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/cjs/components/whats-new/WhatsNew.styles.js

@@ -0,0 +1,185 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const r=n.default.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.COLORS.background.brandLight};
+	}
+
+	.main-icon-class:hover {
+		background: ${t.COLORS.background.base};
+	}
+
+	.notification--count {
+		box-sizing: border-box;
+		position: absolute;
+		right: 6px;
+		top: 4px;
+		border-radius: 50%;
+		width: 14px;
+		height: 14px;
+		background: ${t.COLORS.background.negative.vibrant};
+		border: 1.25px solid ${t.COLORS.surface.standard};
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.count--text {
+		font-size: 8px;
+		line-height: 7.2px;
+		font-weight: 400;
+		color: ${t.COLORS.surface.standard};
+	}
+`,a=n.default.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.COLORS.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.COLORS.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.COLORS.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.COLORS.background.warning.vibrant};
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 8px;
+	}
+`,o=n.default.div`
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+`,d=n.default.div`
+	background: ${t.COLORS.surface.standard};
+	border-radius: 8px;
+	border: 1px solid ${t.COLORS.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);
+	}
+`,p=n.default.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;
+`;exports.BackgroundImageContainer=p,exports.MainCardContainer=d,exports.MainContainer=o,exports.WhatsNewIconContainer=r,exports.WhatsNewWrapper=a;

package/dist/cjs/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/cjs/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/cjs/components/whats-new/WhatsNewButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),s=require("../../constants/Theme.js"),i=require("../tooltips/Tooltip.js"),n=require("./WhatsNew.styles.js");exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:j=32,iconHeight:u=32,customIcon:x}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("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"})]})):t.jsx(n.WhatsNewIconContainer,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?s.COLORS.content.brand:s.COLORS.content.primary},onClick:r,"data-testid":h},{children:[t.jsx(i.Tooltip,Object.assign({body:l},{children:t.jsx("div",{children:x?t.jsx(x,{width:j,height:u,color:c?s.COLORS.content.brand:s.COLORS.content.primary}):t.jsx(e.default,{width:j,height:u})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};

package/dist/cjs/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/cjs/components/whats-new/WhatsNewPanel.js

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

package/dist/cjs/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/cjs/components/whats-new/WhatsNewProvider.js

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

package/dist/cjs/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/cjs/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/cjs/components/whats-new/useWhatsNew.js

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

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

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