@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -1,33 +1,30 @@
-import React__default, { FunctionComponent } from 'react';
-import { ToastPosition } from 'react-toastify';
-import { IconProps } from 'react-toastify/dist/components';
-
-type ToasterButtonProps = {
-    showButton?: boolean;
-    onButtonClick?: () => Record<string, never>;
-    buttonText?: string;
-};
-type ToasterProps = {
-    text: string;
-    subText?: string;
-    position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
-    closeOnClick?: boolean;
-    hideProgressBar?: boolean;
-    autoClose?: number | false | undefined;
-    leftIcon?: React__default.ReactElement<IconProps>;
-    hideLeftIcon?: boolean;
-    buttonProps?: ToasterButtonProps;
-    secondButtonProps?: ToasterButtonProps;
-    onCloseToast?: <T>(props: T) => void;
-    width?: string;
-    height?: string;
-    hideCloseButton?: boolean;
-    zIndex?: number;
-    toastId?: string;
-};
-type Props = ToasterProps;
-declare const Toaster: FunctionComponent<Props>;
-
-export { Toaster };
-export type { ToasterButtonProps, ToasterProps };
+import React, { FunctionComponent } from 'react';
+import { ToastPosition } from 'react-toastify';
+import { IconProps } from 'react-toastify/dist/components';
+export type ToasterButtonProps = {
+    showButton?: boolean;
+    onButtonClick?: () => Record<string, never>;
+    buttonText?: string;
+};
+export type ToasterProps = {
+    text: string;
+    subText?: string;
+    position?: ToastPosition;
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    closeOnClick?: boolean;
+    hideProgressBar?: boolean;
+    autoClose?: number | false | undefined;
+    leftIcon?: React.ReactElement<IconProps>;
+    hideLeftIcon?: boolean;
+    buttonProps?: ToasterButtonProps;
+    secondButtonProps?: ToasterButtonProps;
+    onCloseToast?: <T>(props: T) => void;
+    width?: string;
+    height?: string;
+    hideCloseButton?: boolean;
+    zIndex?: number;
+    toastId?: string;
+};
+type Props = ToasterProps;
+export declare const Toaster: FunctionComponent<Props>;
+export {};

package/dist/cjs/components/toaster/Toaster.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/alert_triangle.svg.js"),o=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),r=require("../../assets/icons/info.svg.js"),i=require("react"),l=require("react-dom"),u=require("react-toastify"),c=require("../button/Button.js"),a=require("./Toaster.styled.js"),d=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(i),y=h(l);const f=e=>{const o=(e.type,x.COLORS.content.secondary);return t.jsx("div",{tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(e.alignTop?"flex-start":"center")},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast&&e.closeToast()},children:t.jsx(n.default,{height:20,width:20,color:o})})},T=e=>{const o=x.COLORS.content.placeholder,{toasterText:n}=i.useContext(B);return t.jsx(t.Fragment,{children:t.jsxs("div",{style:{display:"flex",flexGrow:1},children:[t.jsx("div",{style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"},children:t.jsxs("div",{children:[e.subText?t.jsx(d.TitleSmall,{color:"inherit",children:e.toastText??n}):t.jsx(d.BodySecondary,{color:"inherit",children:e.toastText??n}),e.subText&&t.jsx("div",{style:{marginTop:2},children:t.jsx(d.BodyCaption,{color:x.COLORS.content.secondary,children:e.subText})})]})}),e.showButton&&t.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[e.showSecondButton?"showSecondButton":"showButton"]},children:t.jsx(c.Button,{buttonText:e.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:e.onButtonClick})}),e.showSecondButton&&t.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"},children:t.jsx(c.Button,{buttonText:e.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:e.onSecondButtonClick})}),e.showButton||e.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${o}`,borderRadius:1}}):null]})})},B=p.default.createContext({toasterText:""});exports.Toaster=n=>{const l=i.useRef(n.toastId||"default-toast"),[c,d]=i.useState(n.text),h=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(r.default,{width:20,height:20,color:x.COLORS.content.brand});i.useEffect((()=>{l.current&&l.current===n.toastId?(d(n.text),u.toast.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&g(n.text)}),[n.toastId,n.text]);const g=e=>{void 0!==n.hideLeftIcon||n.leftIcon?u.toast(t.jsx(T,{toastText:e,type:n.type||"info",buttonText:n.buttonProps?.buttonText,secondButtonText:n.secondButtonProps?.buttonText,showButton:n.buttonProps?.showButton,showSecondButton:n.secondButtonProps?.showButton,onButtonClick:n.buttonProps?.onButtonClick,onSecondButtonClick:n.secondButtonProps?.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:p})),type:n.type,closeButton:t.jsx(f,{type:n.type||"default",alignTop:!(!n.subText||n.buttonProps?.showButton||n.secondButtonProps?.showButton)}),toastId:n.toastId||"default-toast",transition:h}):l.current=u.toast(t.jsx(T,{toastText:e,type:n.type||"info",buttonText:n.buttonProps?.buttonText,secondButtonText:n.secondButtonProps?.buttonText,showButton:n.buttonProps?.showButton,showSecondButton:n.secondButtonProps?.showButton,onButtonClick:n.buttonProps?.onButtonClick,onSecondButtonClick:n.secondButtonProps?.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:p}),closeButton:t.jsx(f,{type:n.type||"default",alignTop:!(!n.subText||n.buttonProps?.showButton||n.secondButtonProps?.showButton)}),toastId:n.toastId||"default-toast",transition:h})};return i.useEffect((()=>{g()}),[]),y.default.createPortal(t.jsx(a.ToasterStyled,{width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type,children:t.jsx(B.Provider,{value:{toasterText:c},children:t.jsx(u.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})})}),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),l=require("react"),r=require("react-dom"),u=require("react-toastify"),d=require("../button/Button.js"),c=require("./Toaster.styled.js"),a=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(l),y=h(r);const v=o=>{const e=(o.type,x.COLORS.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n.default,{height:20,width:20,color:e})}))},g=o=>{var e,n;const s=x.COLORS.content.placeholder,{toasterText:i}=l.useContext(f);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(a.TitleSmall,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(a.BodySecondary,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(a.BodyCaption,Object.assign({color:x.COLORS.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(d.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(d.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},f=p.default.createContext({toasterText:""});exports.Toaster=n=>{const r=l.useRef(n.toastId||"default-toast"),[d,a]=l.useState(n.text),h=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});l.useEffect((()=>{r.current&&r.current===n.toastId?(a(n.text),u.toast.update(r.current,{autoClose:n.autoClose})):r.current&&r.current!==n.toastId&&b(n.text)}),[n.toastId,n.text]);const b=o=>{var e,s,i,l,d,c,a,x,y,f,b,j,T,B,C,w;void 0!==n.hideLeftIcon||n.leftIcon?u.toast(t.jsx(g,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(l=n.secondButtonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p}))),type:n.type,closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(a=n.buttonProps)||void 0===a?void 0:a.showButton)||(null===(x=n.secondButtonProps)||void 0===x?void 0:x.showButton))}),toastId:n.toastId||"default-toast",transition:h}):r.current=u.toast(t.jsx(g,{toastText:o,type:n.type||"info",buttonText:null===(y=n.buttonProps)||void 0===y?void 0:y.buttonText,secondButtonText:null===(f=n.secondButtonProps)||void 0===f?void 0:f.buttonText,showButton:null===(b=n.buttonProps)||void 0===b?void 0:b.showButton,showSecondButton:null===(j=n.secondButtonProps)||void 0===j?void 0:j.showButton,onButtonClick:null===(T=n.buttonProps)||void 0===T?void 0:T.onButtonClick,onSecondButtonClick:null===(B=n.secondButtonProps)||void 0===B?void 0:B.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p})),closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(C=n.buttonProps)||void 0===C?void 0:C.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:h})};return l.useEffect((()=>{b()}),[]),y.default.createPortal(t.jsx(c.ToasterStyled,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(f.Provider,Object.assign({value:{toasterText:d}},{children:t.jsx(u.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)};

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TypeOptions } from 'react-toastify';
+export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width?: string | undefined;
+    height?: string | undefined;
+    zIndex?: number | undefined;
+    isSubTextIncluded?: boolean | undefined;
+    type?: TypeOptions | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -1,138 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),o=require("../../constants/Theme.js"),e=require("../../constants/zindex.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const a=r(t).default.div`
-	--toastify-color-light: #fff;
-	--toastify-color-dark: #121212;
-	--toastify-text-color-success: ${o.COLORS.content.primary};
-	--toastify-text-color-error: ${o.COLORS.content.primary};
-	--toastify-text-color-warning: ${o.COLORS.content.primary};
-	--toastify-text-color-info: ${o.COLORS.content.primary};
-	--toastify-color-info: ${o.COLORS.background.brandLight};
-	--toastify-color-success: ${o.COLORS.background.positive.light};
-	--toastify-color-error: ${o.COLORS.background.negative.light};
-	--toastify-color-warning: ${o.COLORS.background.warning.light};
-	--toastify-text-color-light: ${o.COLORS.content.primary};
-	--toastify-toast-width: fit-content;
-	--toastify-toast-min-height: ${t=>t.height||(t.isSubTextIncluded?"70px":"56px")};
-	--toastify-toast-max-height: ${t=>t.height||"fit-content"};
-	font-family: inherit;
-	z-index: ${t=>t.zIndex||e.ComponentZindex.TOASTER};
-
-	.custom-position {
-		position: relative;
-	}
-	.Toastify__toast-container {
-		padding: 0;
-	}
-
-	.Toastify__toast--success {
-		border: 1px solid ${o.COLORS.stroke.positive.lightAlt};
-	}
-
-	.Toastify__toast--info {
-		border: 1px solid ${o.COLORS.stroke.brandLightAlt};
-	}
-
-	.Toastify__toast--default {
-		border: 1px solid ${o.COLORS.stroke.primary};
-	}
-
-	.Toastify__toast--error {
-		border: 1px solid ${o.COLORS.stroke.negative.lightAlt};
-	}
-
-	.Toastify__toast--warning {
-		border: 1px solid ${o.COLORS.stroke.warning.lightAlt};
-	}
-
-	.Toastify__toast {
-		padding: ${t=>t.isSubTextIncluded?"16px":"12px"};
-		max-width: ${t=>t.width};
-		border-radius: 8px;
-	}
-
-	.Toastify__progress-bar {
-		height: 4px;
-	}
-
-	.Toastify__close-button {
-		display: block;
-		margin: auto;
-	}
-
-	.Toastify__toast-icon {
-		align-self: center;
-		margin-inline-end: 12px;
-		height: ${t=>t.isSubTextIncluded?"38px":"20px"};
-	}
-
-	.Toastify__toast-body {
-		padding: 0;
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
-		background: ${o.COLORS.content.brand};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
-		background: ${o.COLORS.content.brand};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
-		background: ${o.COLORS.content.warning};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
-		background: ${o.COLORS.content.positive};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
-		background: ${o.COLORS.content.negative};
-	}
-
-	.Toastify__toast-body > div:last-child {
-		display: flex;
-	}
-
-	.Toastify__slide-enter {
-		animation: slideIn 1s ease forwards,
-			bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;
-	}
-	.Toastify__slide-exit {
-		animation: slideOut 0.5s ease-in-out forwards;
-	}
-
-	@keyframes bounce {
-		0%,
-		20%,
-		50%,
-		80%,
-		100% {
-			transform: translateY(0); /* Start and end at the original position */
-		}
-		40% {
-			transform: translateX(-20px); /* Bouncing up */
-		}
-		60% {
-			transform: translateX(20px); /* Small bounce before settling */
-		}
-	}
-	@keyframes slideIn {
-		0% {
-			transform: translateX(-100%); /* Start off-screen to the left */
-			opacity: 0;
-		}
-		100% {
-			transform: translateX(0); /* End at the original position */
-			opacity: 1;
-		}
-	}
-	@keyframes slideOut {
-		0% {
-			transform: translateX(0); /* Start from the original position */
-			opacity: 1;
-		}
-		100% {
-			transform: translateX(100%); /* Slide out to the right */
-			opacity: 0;
-		}
-	}
-`;exports.ToasterStyled=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),l=require("../../constants/zindex.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=d(c).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||l.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=b;

package/dist/cjs/components/toaster/index.d.ts

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

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

@@ -1,17 +1,13 @@
-import { ReactNode, FunctionComponent } from 'react';
-import { TooltipInternalProps } from './TooltipInternal.js';
-
-type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
-interface TooltipProps extends TooltipInternalProps {
-    width?: number;
-    placement?: Placement;
-    children: ReactNode;
-    tooltipContent?: JSX.Element;
-    alwaysVisible?: boolean;
-    hideArrow?: boolean;
-    onClickOutside?: () => void;
-}
-declare const Tooltip: FunctionComponent<TooltipProps>;
-
-export { Tooltip };
-export type { Placement, TooltipProps };
+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=>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:e.variant??"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!e.hideArrow,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

@@ -1,11 +1,12 @@
-import { ButtonProps } from '../button/model.js';
-
-interface TooltipInternalProps {
-    title?: string;
-    body?: string;
-    buttonProps?: ButtonProps;
-    delay?: number | number[];
-    variant?: 'light' | 'dark';
-}
-
-export type { TooltipInternalProps };
+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("@emotion/styled"),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)};
-`;var u=r=>t.jsxs(s,{variant:r.variant??"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,{...r.buttonProps})]});exports.default=u;
+"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

@@ -1,16 +1,14 @@
-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;
-    }>;
-}
-declare const UnsatisfactoryCountIntentWiseModal: React.FC<UnsatisfactoryCountIntentWiseProps>;
-
-export { UnsatisfactoryCountIntentWiseModal };
-export type { UnsatisfactoryCountIntentWiseProps };
+/// <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"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),n=require("../TypographyStyle.js"),a=require("./UnsatisfactoryCountIntentWiseModal.style.js");exports.UnsatisfactoryCountIntentWiseModal=c=>{const{storeId:o,setShowUnsatisfactoryResponseModal:d,showUnsatisfactoryResponseModal:h,ChecklistType:m,UnsatisfactoryResponseIntentList:x,viewIntentWiseUnsatisfactoryResponse:y,IntentHeaderTitle:j,fetchUnsatisfactoryResponseCountIntentWise:p}=c,[u,b]=s.useState(),[S,v]=s.useState(!1);return s.useEffect((()=>{o&&p&&(v(!0),p().then((e=>{b(e),v(!1)})))}),[o]),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(n.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(n.TitleSmall,{style:{color:t.COLORS.content.primary},children:"Intent"})}),e.jsx("div",{className:"table-cell center-align",children:e.jsx(n.TitleSmall,{style:{color:t.COLORS.content.primary},children:"Unsatisfactory response"})}),e.jsx("div",{className:"table-cell center-align",children:e.jsx(n.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(r.BikShimmer,{boxes:[{width:"196px",height:"20px"}]})}),e.jsx("div",{className:"table-cell center-align",children:e.jsx(r.BikShimmer,{boxes:[{width:"176px",height:"20px"}]})}),e.jsx("div",{className:"table-cell center-align",children:e.jsx(r.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(n.BodySecondary,{style:{color:t.COLORS.content.primary},children:j[s]})}),e.jsx("div",{className:"table-cell center-align",children:e.jsx(n.BodySecondary,{style:{color:t.COLORS.content.primary},children: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:!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

@@ -1,22 +1,18 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import React__default from 'react';
-
-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>;
-}
-declare const UnsatisfactoryResponseList: React__default.FC<UnsatisfactoryResponseListProps>;
-
-export { UnsatisfactoryResponseList };
-export type { UnsatisfactoryResponseListProps };
+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");require("../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js");var s=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/info.svg.js"),n=require("date-fns"),r=require("react"),o=require("../../constants/Theme.js"),i=require("../avatar/Avatar.js"),a=require("../avatar/AvatarHelper.js"),l=require("../button/Button.js"),c=require("../states/StateComponent.js"),d=require("../TypographyStyle.js"),y=require("./UnsatisfactoryCountIntentWiseModal.js"),p=require("./UnsatisfactoryResponseList.style.js"),u=require("../../_virtual/bik-store.js");exports.UnsatisfactoryResponseList=h=>{const{storeId:f,appType:j,incorrectMessages:x,onIncorrectMessageBubbleClick:g,setShowIncorrectReplies:I,ChecklistType:m,IntentWiseUnsatisfactoryResponse:v,IntentHeaderTitle:C,redirectToUnsatisfactoryResponse:S,fetchUnsatisfactoryResponseCountIntentWise:R,fetchUnsatisfactoryResponseCount:b}=h,[T,w]=r.useState(""),[A,U]=r.useState(x?.length>0),[q,O]=r.useState(!1);return r.useEffect((()=>{!A&&b&&b().then((e=>{e>0&&U(!0),0===e&&I(!1)}))}),[]),e.jsx("div",{style:{overflow:"scroll",height:"100%"},children:e.jsxs(p.IncorrectRepliesStyle,{children:[j==u.__exports.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(d.TitleRegular,{children:"Unsatisfactory responses"}),e.jsx("div",{style:{cursor:"pointer"},onClick:()=>I(!1),children:e.jsx(s.default,{height:16,width:16,color:o.COLORS.content.primary})})]}),e.jsx(d.BodySecondary,{style:{color:o.COLORS.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."})]}),!x?.length&&e.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e.jsx(c.StateComponent,{states:c.StateInterface.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:a.SIZE.SMALL,icon:e.jsx(i.Avatar,{type:a.AVATAR_TYPES.ICON,size:a.SIZE.MEDIUM,background:a.AVATAR_BACKGROUND.LIGHT,icon:()=>e.jsx(t.default,{width:16,height:16,color:o.COLORS.content.warning})})})}),!!x?.length&&e.jsxs(e.Fragment,{children:[j==u.__exports.ApplicationType.MANIFEST&&e.jsx("div",{style:{display:"flex",width:"100%",justifyContent:x?.length?"flex-start":"center"},children:e.jsx(l.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:m,UnsatisfactoryResponseIntentList:v,IntentHeaderTitle:C,fetchUnsatisfactoryResponseCountIntentWise:R,viewIntentWiseUnsatisfactoryResponse:S}),x&&x?.length>0&&e.jsx("div",{className:"wrapper",children:x.map(((s,t)=>e.jsxs("div",{className:"bubble",onClick:()=>{g(s.messageId),w(s.messageId)},style:T===s.messageId?{backgroundColor:o.COLORS.surface.hovered}:{},children:[e.jsx(d.BodySecondary,{style:{color:o.COLORS.content.primary},children:s.message}),e.jsx("div",{children:e.jsxs(d.Caption,{style:{color:o.COLORS.content.secondary},children:[n.format(new Date(s?.date),"hh:mm a")," |"," ",n.format(new Date(s?.date),"dd/MM/yyyy")]})})]},s.messageId)))})]})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js");var s=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/info.svg.js"),n=require("date-fns"),r=require("react"),i=require("../../constants/Theme.js"),a=require("../avatar/Avatar.js"),o=require("../avatar/AvatarHelper.js"),l=require("../button/Button.js"),c=require("../states/StateComponent.js");require("../../_virtual/_tslib.js");var d=require("../TypographyStyle.js"),u=require("./UnsatisfactoryCountIntentWiseModal.js"),y=require("./UnsatisfactoryResponseList.style.js"),p=require("../../_virtual/bik-store.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),[q,U]=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(y.IncorrectRepliesStyle,{children:[f==p.__exports.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(d.TitleRegular,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>x(!1)},{children:e.jsx(s.default,{height:16,width:16,color:i.COLORS.content.primary})}))]})),e.jsx(d.BodySecondary,Object.assign({style:{color:i.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(c.StateComponent,{states:c.StateInterface.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:o.SIZE.SMALL,icon:e.jsx(a.Avatar,{type:o.AVATAR_TYPES.ICON,size:o.SIZE.MEDIUM,background:o.AVATAR_BACKGROUND.LIGHT,icon:()=>e.jsx(t.default,{width:16,height:16,color:i.COLORS.content.warning})})})})),!!(null==g?void 0:g.length)&&e.jsxs(e.Fragment,{children:[f==p.__exports.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(l.Button,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{U(!0)},disabled:!w})})),e.jsx(u.UnsatisfactoryCountIntentWiseModal,{storeId:j,setShowUnsatisfactoryResponseModal:U,showUnsatisfactoryResponseModal:q,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:i.COLORS.surface.hovered}:{}},{children:[e.jsx(d.BodySecondary,Object.assign({style:{color:i.COLORS.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(d.Caption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:[n.format(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",n.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("react/jsx-runtime"),t=require("../../assets/icons/arrow_back.svg.js"),s=require("../../assets/icons/cross.svg.js"),a=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),r=require("react"),i=require("../../constants/Theme.js"),n=require("../accordion/Accordion.js"),o=require("../icon-button/IconButton.js"),c=require("../input/Input.js"),d=require("../list-item/ListItem.js"),h=require("../switch/Switch.js"),u=require("../tooltips/Tooltip.js"),p=require("../TypographyStyle.js"),x=require("./context.js"),y=require("./DefaultVariableContent.js"),b=require("./highlightSearchText.js"),j=require("./model.js"),g=require("./NoResult.js"),m=require("./recommendVaribles.js"),f=require("./searchVariables.js"),S=require("./styles.js"),v=require("./SubHeaderItems.js");const C=/.*\..*/;exports.VariablePickerContent=V=>{const{data:O,onSelect:k,showHeader:R,showBackButton:w,hideHeaderCross:T,onBackButtonClick:q,isEvaluationList:B,autoOpenFirst:I,headerText:L,contentHeight:N,onDefaultVariableSelect:D,skipDefaultVariableContent:E}=V,[H,P]=r.useState(O),[$,F]=r.useState(""),[_,A]=r.useState([]),[M,W]=r.useState(""),[z,K]=r.useState(!1),[G,J]=r.useState([]),[Q,U]=r.useState(!1),[X,Y]=r.useState(),Z=Q&&V.type===j.PickerType.EMBEDDED&&!T;r.useEffect((()=>{ee(!0)}),[]),r.useEffect((()=>{_.length>0?J([_[_.length-1]]):J(O)}),[_]);const ee=async e=>{if(K(e),e){const e=m.showOnlyRecommendedVariables(H,_);P(e)}else if(_.length>0){const e=M==_[_.length-1].displayName;if($.length>0&&e){const e=f.searchVariables($,G,_);P(e)}else P([_[_.length-1].variables])}else if($.length>0){const e=f.searchVariables($,G,_);P(e)}else P(O)},te=()=>{if(N)return N;let e=131;return _.length>0&&(e+=32),(V.showHeader||V.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},se=e=>{if(!V.disabled)if(B){const t=(e=>{if(e.actualValue.match(C)){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);k({...e,actualValue:t})}else{if(e.isDefaultValueSupported&&!E)return Y(e),void U(!0);k(e)}};return e.jsx(x.VariablePickerContext.Provider,{value:{variables:H,searchText:$,subHeaderStack:_,showRecommended:z,setSubHeaderStack:A,setSearchText:F,setVariables:P,setShowRecommended:K},children:e.jsxs("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(R||w||Q)&&e.jsxs(S.HeaderWrapper,{openDefault:Q,children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(w||Q)&&e.jsx(o.IconButton,{Icon:()=>e.jsx(t.default,{width:16,height:16,style:{display:"flex",color:i.COLORS.content.primary}}),onClick:()=>{Q?U(!1):q&&q()}}),(R||Q)&&e.jsx(p.TitleRegular,{children:Q?"Set up":L??"Select Variable"})]}),Z&&e.jsx(o.IconButton,{style:{color:"#212121"},Icon:s.default,onClick:()=>V.onClose&&V.onClose()})]}),Q&&X&&!E?e.jsx(y.DefaultVariableContent,{variable:X,onInsertVariable:e=>{k(e),D?.(e)}}):e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:i.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:e.jsx(c.Input,{id:"search-bar-v3-picker",onBlur:e=>{V.onSearchBlur&&V.onSearchBlur(e)},value:$,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||W("");const t=f.searchVariables(e,G,_);if(z){const e=m.showOnlyRecommendedVariables(t,_);P(e)}else P(t);F(e);const s=_.length>0?_[_.length-1].displayName:"home";W(s)}})}),e.jsxs(S.RecommendWrapper,{children:[e.jsx(p.BodySecondary,{style:{color:i.COLORS.content.secondary},children:"Only Recommended"}),e.jsx(h.Switch,{value:z,onValueChange:async e=>{await ee(e)}})]}),_.length>0&&e.jsxs(S.BackHeader,{children:[e.jsx("div",{style:{position:"absolute",left:16},children:e.jsx(o.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>e.jsx(t.default,{width:12,height:12,style:{color:i.COLORS.content.secondary}}),onClick:e=>{e.stopPropagation();let t=$;const s=[..._],a=s.pop();if(A(s),a.displayName===M&&(F(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:O,a=f.searchVariables(t,e,s);if(z){const e=m.showOnlyRecommendedVariables(a,s);P(e)}else P(a)}else if(s.length>0)if(z){const e=m.showOnlyRecommendedVariables([s[s.length-1].variables],s);P(e)}else P([s[s.length-1].variables]);else if(z){const e=m.showOnlyRecommendedVariables(O,_);P(e)}else P(O)}})}),e.jsx(p.BodyCaption,{style:{color:i.COLORS.content.secondary},children:_[_.length-1].displayName})]}),e.jsx(e.Fragment,{children:H.length>0?e.jsx(S.Container,{height:te(),children:H.map(((t,s)=>t.displayName&&void 0!==t.variables?e.jsx("div",{style:{borderBottom:`1px solid ${i.COLORS.stroke.primary}`},children:e.jsx(n.BikAccordion,{autoOpen:I&&0===s,headerPadding:"12px 16px",header:e.jsx(p.TitleSmall,{style:{color:i.COLORS.content.secondary},children:b.highlightSearchText(t.displayName,$)}),children:e.jsx(v.default,{parentVariable:t,disabled:V.disabled??!1,searchText:$,variable:t.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!E)return Y(e),void U(!0);k(e)}})})},t.displayName+z):t.displayName?e.jsx(u.Tooltip,{body:v.renderTooltipBody(t),placement:"bottom",children:e.jsx(d.ListItem,{variant:V.disabled?"readonly":t?.selected?"selected":"default",version:"2.0",leadingIcon:t?.selected||V.disabled?e.jsx(e.Fragment,{}):e.jsx("div",{style:{flexShrink:0},children:e.jsx(a.default,{width:14,height:14})}),customListItemLabel:e.jsxs("div",{style:{display:"flex",gap:4},children:[e.jsx(p.BodySecondary,{style:{fontSize:"14px",color:i.COLORS.text.primary},children:b.highlightSearchText(t.displayName,$)}),!t.isAvailable&&e.jsx(u.Tooltip,{body:"Not Recommended",children:e.jsx("div",{style:{display:"flex",marginTop:2},children:e.jsx(l.default,{width:16,height:16,color:i.COLORS.content.secondary})})})]}),listItem:{label:t.displayName,value:t.displayName},subText:t.description||"",onClick:()=>se(t)},s)},s):e.jsx(v.default,{disabled:V.disabled??!1,searchText:$,variable:t,onSelect:e=>se(e)},s)))}):e.jsx(g.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"),g=require("./context.js"),p=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:k,onSelect:w,showHeader:R,showBackButton:q,hideHeaderCross:T,onBackButtonClick:B,isEvaluationList:I,autoOpenFirst:L,headerText:N,contentHeight:D,onDefaultVariableSelect:_,skipDefaultVariableContent:E}=V,[H,P]=r.useState(k),[$,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(k)}),[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(k)})),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);w(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!E)return Z(e),void X(!0);w(e)}};return s.jsx(g.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:[(R||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()}}),(R||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(p.DefaultVariableContent,{variable:Y,onInsertVariable:e=>{w(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]]:k,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(k,A);P(e)}else P(k)}})})),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({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);w(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"),a=require("react"),t=require("../button/Button.js"),i=require("../checkBox/CheckBox.js"),r=require("../input/Input.js"),l=require("../TypographyStyle.js");exports.DefaultVariableContent=s=>{const[d,n]=a.useState(s.variable.defaultValue||""),[o,u]=a.useState(""),[x,p]=a.useState(!!s.variable?.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(l.TitleRegular,{children:s.variable?.displayName})}),e.jsxs("div",{style:{paddingTop:24},children:[e.jsx(r.Input,{onChangeText:e=>{u(""),n(e)},value:d,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:o??"",maxCharLimit:25}),e.jsxs("div",{style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex",children:[e.jsx(i.CheckBox,{isChecked:x,onValueChange:e=>p(e),size:"SMALL"}),e.jsx(l.BodySecondary,{style:{marginTop:-2},children:`Make this the default value for ‘${s.variable?.displayName}’`})]}),e.jsx("div",{style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:e.jsx(t.Button,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!d)return void u("This field is required");const e={...s.variable,defaultValue:d,enableDefaultValueForGlobalUsage:x};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"}))]}))]}));