@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687

package/dist/esm/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/esm/components/toaster/Toaster.js

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

package/dist/esm/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/esm/components/toaster/Toaster.styled.js

@@ -1,138 +1 @@
-import t from"@emotion/styled";import{COLORS as o}from"../../constants/Theme.js";import{ComponentZindex as r}from"../../constants/zindex.js";const a=t.div`
-	--toastify-color-light: #fff;
-	--toastify-color-dark: #121212;
-	--toastify-text-color-success: ${o.content.primary};
-	--toastify-text-color-error: ${o.content.primary};
-	--toastify-text-color-warning: ${o.content.primary};
-	--toastify-text-color-info: ${o.content.primary};
-	--toastify-color-info: ${o.background.brandLight};
-	--toastify-color-success: ${o.background.positive.light};
-	--toastify-color-error: ${o.background.negative.light};
-	--toastify-color-warning: ${o.background.warning.light};
-	--toastify-text-color-light: ${o.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||r.TOASTER};
-
-	.custom-position {
-		position: relative;
-	}
-	.Toastify__toast-container {
-		padding: 0;
-	}
-
-	.Toastify__toast--success {
-		border: 1px solid ${o.stroke.positive.lightAlt};
-	}
-
-	.Toastify__toast--info {
-		border: 1px solid ${o.stroke.brandLightAlt};
-	}
-
-	.Toastify__toast--default {
-		border: 1px solid ${o.stroke.primary};
-	}
-
-	.Toastify__toast--error {
-		border: 1px solid ${o.stroke.negative.lightAlt};
-	}
-
-	.Toastify__toast--warning {
-		border: 1px solid ${o.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.content.brand};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
-		background: ${o.content.brand};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
-		background: ${o.content.warning};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
-		background: ${o.content.positive};
-	}
-
-	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
-		background: ${o.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;
-		}
-	}
-`;export{a as ToasterStyled};
+import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{ComponentZindex as b}from"../../constants/zindex.js";const l=c("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.content.primary,";--toastify-text-color-error:",t.content.primary,";--toastify-text-color-warning:",t.content.primary,";--toastify-text-color-info:",t.content.primary,";--toastify-color-info:",t.background.brandLight,";--toastify-color-success:",t.background.positive.light,";--toastify-color-error:",t.background.negative.light,";--toastify-color-warning:",t.background.warning.light,";--toastify-text-color-light:",t.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||b.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.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.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.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= */"));export{l as ToasterStyled};

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

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

package/dist/esm/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/esm/components/tooltips/Tooltip.js

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

package/dist/esm/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/esm/components/tooltips/TooltipInternal.js

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

package/dist/esm/components/tooltips/index.d.ts

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

package/dist/esm/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/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

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

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

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

package/dist/esm/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/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

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

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

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

package/dist/esm/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/esm/components/variable-picker-v3/Content.js

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

package/dist/esm/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/esm/components/variable-picker-v3/DefaultVariableContent.js

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

package/dist/esm/components/variable-picker-v3/NoResult.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/esm/components/variable-picker-v3/NoResult.js

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