@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.8

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from "./TooltipInternal";
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends TooltipInternalProps {
+    width?: number;
+    placement?: Placement;
+    children: ReactNode;
+    tooltipContent?: JSX.Element;
+    alwaysVisible?: boolean;
+    hideArrow?: boolean;
+    onClickOutside?: () => void;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const d=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>{var n,i;return l.default.isValidElement(e.children)?e.body||e.title||e.tooltipContent?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:d}),t.jsx(a.default,{theme:null!==(n=e.variant)&&void 0!==n?n:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:null===(i=!e.hideArrow)||void 0===i||i,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps}),onClickOutside:e.onClickOutside,children:e.children})]}):e.children:null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const d=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>{var n,i;return l.default.isValidElement(e.children)?e.body||e.title||e.tooltipContent?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:d}),t.jsx(a.default,Object.assign({theme:null!==(n=e.variant)&&void 0!==n?n:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:null===(i=!e.hideArrow)||void 0===i||i,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps}),onClickOutside:e.onClickOutside},{children:e.children}))]}):e.children:null};

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import { ButtonProps } from "../button/model";
+export interface TooltipInternalProps {
+    title?: string;
+    body?: string;
+    buttonProps?: ButtonProps;
+    delay?: number | number[];
+    variant?: 'light' | 'dark';
+}
+type Props = TooltipInternalProps;
+declare const TooltipInternal: FunctionComponent<Props>;
+export default TooltipInternal;

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

@@ -1,7 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),r=require("styled-components"),e=require("../button/Button.js"),o=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=t=>"light"===t?n.COLORS.content.primary:n.COLORS.content.primaryInverse,s=a(r).default.div`
-	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-	border-radius: 4px;
-	padding: 8px;
-	background-color: ${t=>"light"===t.variant?n.COLORS.surface.subdued:n.COLORS.content.primary};
-	color: ${t=>i(t.variant)};
-`;exports.default=r=>{var n;return t.jsxs(s,{variant:null!==(n=r.variant)&&void 0!==n?n:"dark",children:[r.title&&t.jsx(o.TitleSmall,{color:i(r.variant),style:{marginBottom:"8px"},children:r.title}),t.jsx(o.BodyCaption,{color:i(r.variant),style:{marginBottom:r.buttonProps?"8px":"0px"},children:r.body}),r.buttonProps&&t.jsx(e.Button,Object.assign({},r.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/tooltips/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface UnsatisfactoryCountIntentWiseProps {
+    storeId?: string;
+    showUnsatisfactoryResponseModal: boolean;
+    setShowUnsatisfactoryResponseModal: (value: boolean) => void;
+    ChecklistType: Record<string, string>;
+    UnsatisfactoryResponseIntentList?: string[];
+    IntentHeaderTitle?: Record<string, string>;
+    viewIntentWiseUnsatisfactoryResponse?: (intent: string) => void;
+    fetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{
+        [keys in string]?: number;
+    }>;
+}
+export declare const UnsatisfactoryCountIntentWiseModal: React.FC<UnsatisfactoryCountIntentWiseProps>;

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

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

@@ -0,0 +1 @@
+export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.d.ts

@@ -0,0 +1,18 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React from 'react';
+export interface UnsatisfactoryResponseListProps {
+    storeId?: string;
+    appType: ApplicationType;
+    incorrectMessages: any;
+    onIncorrectMessageBubbleClick: (messageId: string) => void;
+    setShowIncorrectReplies: (show: boolean) => void;
+    ChecklistType: Record<string, string>;
+    IntentHeaderTitle?: Record<string, string>;
+    IntentWiseUnsatisfactoryResponse?: string[];
+    redirectToUnsatisfactoryResponse?: (intent: string) => void;
+    fetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{
+        [keys in string]?: number;
+    }>;
+    fetchUnsatisfactoryResponseCount?: () => Promise<number>;
+}
+export declare const UnsatisfactoryResponseList: React.FC<UnsatisfactoryResponseListProps>;

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

@@ -1 +1 @@
-"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"),r=require("date-fns"),i=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"),y=require("./UnsatisfactoryCountIntentWiseModal.js"),p=require("./UnsatisfactoryResponseList.style.js");exports.UnsatisfactoryResponseList=h=>{const{storeId:f,appType:j,incorrectMessages:v,onIncorrectMessageBubbleClick:x,setShowIncorrectReplies:g,ChecklistType:I,IntentWiseUnsatisfactoryResponse:m,IntentHeaderTitle:C,redirectToUnsatisfactoryResponse:S,fetchUnsatisfactoryResponseCountIntentWise:R,fetchUnsatisfactoryResponseCount:b}=h,[T,w]=i.useState(""),[A,U]=i.useState((null==v?void 0:v.length)>0),[q,O]=i.useState(!1);return i.useEffect((()=>{!A&&b&&b().then((e=>{e>0&&U(!0),0===e&&g(!1)}))}),[]),e.jsx("div",{style:{overflow:"scroll",height:"100%"},children:e.jsxs(p.IncorrectRepliesStyle,{children:[j==s.ApplicationType.MANIFEST&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx(u.TitleRegular,{children:"Unsatisfactory responses"}),e.jsx("div",{style:{cursor:"pointer"},onClick:()=>g(!1),children:e.jsx(t.default,{height:16,width:16,color:o.COLORS.content.primary})})]}),e.jsx(u.BodySecondary,{style:{color:o.COLORS.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."})]}),!(null==v?void 0:v.length)&&e.jsx("div",{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(a.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:o.COLORS.content.warning})})})}),!!(null==v?void 0:v.length)&&e.jsxs(e.Fragment,{children:[j==s.ApplicationType.MANIFEST&&e.jsx("div",{style:{display:"flex",width:"100%",justifyContent:(null==v?void 0:v.length)?"flex-start":"center"},children:e.jsx(c.Button,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{O(!0)},disabled:!A})}),e.jsx(y.UnsatisfactoryCountIntentWiseModal,{storeId:f,setShowUnsatisfactoryResponseModal:O,showUnsatisfactoryResponseModal:q,ChecklistType:I,UnsatisfactoryResponseIntentList:m,IntentHeaderTitle:C,fetchUnsatisfactoryResponseCountIntentWise:R,viewIntentWiseUnsatisfactoryResponse:S}),v&&(null==v?void 0:v.length)>0&&e.jsx("div",{className:"wrapper",children:v.map(((s,t)=>e.jsxs("div",{className:"bubble",onClick:()=>{x(s.messageId),w(s.messageId)},style:T===s.messageId?{backgroundColor:o.COLORS.surface.hovered}:{},children:[e.jsx(u.BodySecondary,{style:{color:o.COLORS.content.primary},children:s.message}),e.jsx("div",{children:e.jsxs(u.Caption,{style:{color:o.COLORS.content.secondary},children:[r.format(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",r.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/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts

@@ -0,0 +1 @@
+export declare const IncorrectRepliesStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/variable-picker-v3/Content.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { VariablePickerV3Props } from './model';
+type Props = VariablePickerV3Props;
+export declare const VariablePickerContent: React.FC<Props>;
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { VariableV3 } from './model';
+interface Props {
+    variable: VariableV3;
+    onInsertVariable: (variable: VariableV3) => void;
+}
+export declare const DefaultVariableContent: React.FC<Props>;
+export {};

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

@@ -1 +1 @@
-"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"),l=require("../input/Input.js"),r=require("../TypographyStyle.js");exports.DefaultVariableContent=s=>{var d,n,o;const[u,x]=i.useState(s.variable.defaultValue||""),[p,c]=i.useState(""),[b,h]=i.useState(!!(null===(d=s.variable)||void 0===d?void 0:d.enableDefaultValueForGlobalUsage));return e.jsx(e.Fragment,{children:e.jsxs("div",{style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8},children:[e.jsx("div",{style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.TitleRegular,{children:null===(n=s.variable)||void 0===n?void 0:n.displayName})}),e.jsxs("div",{style:{paddingTop:24},children:[e.jsx(l.Input,{onChangeText:e=>{c(""),x(e)},value:u,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=p?p:"",maxCharLimit:25}),e.jsxs("div",{style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex",children:[e.jsx(t.CheckBox,{isChecked:b,onValueChange:e=>h(e),size:"SMALL"}),e.jsx(r.BodySecondary,{style:{marginTop:-2},children:`Make this the default value for ‘${null===(o=s.variable)||void 0===o?void 0:o.displayName}’`})]}),e.jsx("div",{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 c("This field is required");const e=Object.assign(Object.assign({},s.variable),{defaultValue:u,enableDefaultValueForGlobalUsage:b});s.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.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    height: string;
+    searchText?: string;
+};
+declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default NoResult;

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

@@ -1,4 +1,4 @@
-"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"),i=require("../TypographyStyle.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(r);const d=s.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;
@@ -6,7 +6,7 @@
 	justify-content: center;
 	padding: 0 16px;
 	height: ${e=>e.height};
-`,c=s.default.div`
+`,d=o.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -14,4 +14,4 @@
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;exports.default=r=>e.jsxs(d,{height:r.height,children:[e.jsx(c,{children:e.jsx(t.default,{width:24,height:24,color:n.COLORS.background.brand})}),e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx(i.TitleMedium,{children:"No results found"}),r.searchText?e.jsx(i.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${r.searchText}"`}):e.jsx(i.BodySecondary,{style:{color:n.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.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
+type SubHeaderProps = {
+    parentVariable?: VariableListInterfaceV3;
+    disabled: boolean;
+    searchText: string;
+    onSelect: (variable: VariableV3) => void;
+    variable: {
+        [key: string]: SubHeader | VariableV3;
+    };
+};
+export declare const renderTooltipBody: (variable: VariableV3) => string;
+declare const SubHeaderItem: React.FC<SubHeaderProps>;
+export default SubHeaderItem;

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

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

package/dist/cjs/components/variable-picker-v3/VariablePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { VariablePickerV3Props } from './model';
+type Props = VariablePickerV3Props;
+export declare const VariablePicker: React.FC<Props>;
+export default VariablePicker;

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

@@ -1 +1 @@
-"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"),r=require("../modals/modal.styled.js"),i=require("./Content.js"),o=require("./model.js");const n=n=>{var d;const{type:l}=n;return l==o.PickerType.FLOATER?e.jsxs("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4,height:"100%"},children:[e.jsx(i.VariablePickerContent,Object.assign({},n)),e.jsx(r.CloseButtonContainer,{onClick:()=>{n.onClose&&n.onClose()},children:e.jsx(s.default,{height:20,width:20,color:t.COLORS.content.secondary})})]}):e.jsx("div",{style:{width:null!==(d=n.width)&&void 0!==d?d:"100%",height:"100%"},children:e.jsx(i.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/context.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const VariablePickerContext: React.Context<{
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export declare const useVariablePickerContext: () => {
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/dist/cjs/components/variable-picker-v3/highlightSearchText.d.ts

@@ -0,0 +1 @@
+export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"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",{style:{color:r.COLORS.content.primary},children:c}),o]})};
+"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/variable-picker-v3/index.d.ts

@@ -0,0 +1 @@
+export * from './VariablePicker';

package/dist/cjs/components/variable-picker-v3/model.d.ts

@@ -0,0 +1,62 @@
+export declare enum PickerType {
+    FLOATER = "floater",
+    EMBEDDED = "embedded"
+}
+export interface VariablePickerV3Props {
+    type: PickerType;
+    data: VariableListInterfaceV3[];
+    onSelect: (variable: VariableV3) => void;
+    width?: string;
+    onClose?: () => void;
+    showHeader?: boolean;
+    showBackButton?: boolean;
+    onBackButtonClick?: () => void;
+    onSearchBlur?: (e: any) => void;
+    isEvaluationList?: boolean;
+    hideHeaderCross?: boolean;
+    disabled?: boolean;
+    autoOpenFirst?: boolean;
+    headerText?: string;
+    contentHeight?: string;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    skipDefaultVariableContent?: boolean;
+}
+export interface VariableListInterfaceV3 {
+    isSubHeader?: boolean;
+    displayName: string;
+    description: string;
+    orderId?: number;
+    isAvailable?: boolean;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface SubHeader {
+    isSubHeader: boolean;
+    isAvailable: boolean;
+    displayName: string;
+    description: string;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface VariableV3 {
+    contextQ?: string[];
+    selected?: boolean;
+    description?: string;
+    defaultValue?: string;
+    displayName: string;
+    actualValue: string;
+    variableType: string;
+    isAvailable: boolean;
+    actualValueEval?: string;
+    isSubHeader?: boolean;
+    variables?: {
+        [key: string]: VariableV3;
+    };
+    needsFetching?: boolean;
+    isDefaultValueSupported?: boolean;
+    enableDefaultValueForGlobalUsage?: boolean;
+}

package/dist/cjs/components/variable-picker-v3/recommendVaribles.d.ts

@@ -0,0 +1 @@
+export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/cjs/components/variable-picker-v3/searchVariables.d.ts

@@ -0,0 +1,2 @@
+import { VariableListInterfaceV3 } from './model';
+export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/cjs/components/variable-picker-v3/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+    openDefault?: boolean | undefined;
+}, never>;
+export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    height: string;
+}, never>;

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.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.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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),i=require("../../constants/Theme.js"),n=require("../tooltips/Tooltip.js"),s=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:u=32,iconHeight:x=32,customIcon:j}=o;return d?t.jsxs("div",{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(s.WhatsNewIconContainer,{count:a,children:t.jsxs("div",{className:"main-icon-class "+(c?"icon-active":""),style:{color:c?i.COLORS.content.brand:i.COLORS.content.primary},onClick:r,"data-testid":h,children:[t.jsx(n.Tooltip,{body:l,children:t.jsx("div",{children:j?t.jsx(j,{width:u,height:x,color:c?i.COLORS.content.brand:i.COLORS.content.primary}):t.jsx(e.default,{width:u,height:x})})}),a>0&&t.jsx("div",{className:"notification--count",children:t.jsx("div",{className:"count--text",children:a})})]})})};
+"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

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

@@ -1 +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,{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};
+"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';