@bikdotai/bik-component-library 0.0.687-beta.4 → 0.0.687-beta.6

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

@@ -0,0 +1,33 @@
+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 };

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 l from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/errorInfo.svg.js";import i from"../../assets/icons/info.svg.js";import c,{useRef as u,useState as d,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 v}from"../../constants/Theme.js";const w=o=>{const e=(o.type,v.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(l,{height:20,width:20,color:e})})},C=n=>{var s,l;const r=v.content.placeholder,{toasterText:i}=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:null!=(s=n.toastText)?s:i}):t(m,{color:"inherit",children:null!=(l=n.toastText)?l:i}),n.subText&&t("div",{style:{marginTop:2},children:t(b,{color:v.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:v.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:v.content.secondary,onClick:n.onSecondButtonClick})}),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${r}`,borderRadius:1}}):null]})})},I=o=>{const e=u(o.toastId||"default-toast"),[l,c]=d(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:v.content.positive}):"error"===o.type?t(r,{width:20,height:20,color:v.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:v.content.warning}):t(i,{width:20,height:20,color:v.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=>{var s,l,r,i,c,u,d,a,h,x,f,B,g,m,b,v;void 0!==o.hideLeftIcon||o.leftIcon?y(t(C,{toastText:n,type:o.type||"info",buttonText:null==(s=o.buttonProps)?void 0:s.buttonText,secondButtonText:null==(l=o.secondButtonProps)?void 0:l.buttonText,showButton:null==(r=o.buttonProps)?void 0:r.showButton,showSecondButton:null==(i=o.secondButtonProps)?void 0:i.showButton,onButtonClick:null==(c=o.buttonProps)?void 0:c.onButtonClick,onSecondButtonClick:null==(u=o.secondButtonProps)?void 0:u.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(w,{type:o.type||"default",alignTop:!(!o.subText||(null==(d=o.buttonProps)?void 0:d.showButton)||(null==(a=o.secondButtonProps)?void 0:a.showButton))}),toastId:o.toastId||"default-toast",transition:p}):e.current=y(t(C,{toastText:n,type:o.type||"info",buttonText:null==(h=o.buttonProps)?void 0:h.buttonText,secondButtonText:null==(x=o.secondButtonProps)?void 0:x.buttonText,showButton:null==(f=o.buttonProps)?void 0:f.showButton,showSecondButton:null==(B=o.secondButtonProps)?void 0:B.showButton,onButtonClick:null==(g=o.buttonProps)?void 0:g.onButtonClick,onSecondButtonClick:null==(m=o.secondButtonProps)?void 0:m.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(w,{type:o.type||"default",alignTop:!(!o.subText||(null==(b=o.buttonProps)?void 0:b.showButton)||(null==(v=o.secondButtonProps)?void 0:v.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:l},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{I 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 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};

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

@@ -1 +1,138 @@
-import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{ComponentZindex as l}from"../../constants/zindex.js";const d=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||l.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuaW1wb3J0IHsgQ29tcG9uZW50WmluZGV4IH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL3ppbmRleFwiO1xuZXhwb3J0IGNvbnN0IFRvYXN0ZXJTdHlsZWQgPSBzdHlsZWQuZGl2YFxuXHQtLXRvYXN0aWZ5LWNvbG9yLWxpZ2h0OiAjZmZmO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWRhcms6ICMxMjEyMTI7XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1zdWNjZXNzOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci13YXJuaW5nOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItaW5mbzogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS1jb2xvci1pbmZvOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmJhY2tncm91bmQucG9zaXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWVycm9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0fTtcblx0LS10b2FzdGlmeS1jb2xvci13YXJuaW5nOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IGZpdC1jb250ZW50O1xuXHQtLXRvYXN0aWZ5LXRvYXN0LW1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgfHwgKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gXCI3MHB4XCIgOiBcIjU2cHhcIil9O1xuXHQtLXRvYXN0aWZ5LXRvYXN0LW1heC1oZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgfHwgXCJmaXQtY29udGVudFwifTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cdHotaW5kZXg6ICR7KHByb3BzKSA9PiBwcm9wcy56SW5kZXggfHwgQ29tcG9uZW50WmluZGV4LlRPQVNURVJ9O1xuXG5cdC5jdXN0b20tcG9zaXRpb24ge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0fVxuXHQuVG9hc3RpZnlfX3RvYXN0LWNvbnRhaW5lciB7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLXN1Y2Nlc3Mge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wb3NpdGl2ZS5saWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS1pbmZvIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS1kZWZhdWx0IHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS1lcnJvciB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLXdhcm5pbmcge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS53YXJuaW5nLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/IFwiMTZweFwiIDogXCIxMnB4XCJ9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyBcIjM4cHhcIiA6IFwiMjBweFwifTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSB7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0taW5mbyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5icmFuZH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS13YXJuaW5nIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50Lndhcm5pbmd9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tc3VjY2VzcyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1lcnJvciB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkgPiBkaXY6bGFzdC1jaGlsZCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fc2xpZGUtZW50ZXIge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVJbiAxcyBlYXNlIGZvcndhcmRzLFxuXHRcdFx0Ym91bmNlIGN1YmljLWJlemllcigwLjY4LCAtMC41NSwgMC4yNywgMS41NSkgMC41cyBib3RoO1xuXHR9XG5cdC5Ub2FzdGlmeV9fc2xpZGUtZXhpdCB7XG5cdFx0YW5pbWF0aW9uOiBzbGlkZU91dCAwLjVzIGVhc2UtaW4tb3V0IGZvcndhcmRzO1xuXHR9XG5cblx0QGtleWZyYW1lcyBib3VuY2Uge1xuXHRcdDAlLFxuXHRcdDIwJSxcblx0XHQ1MCUsXG5cdFx0ODAlLFxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApOyAvKiBTdGFydCBhbmQgZW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdH1cblx0XHQ0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMHB4KTsgLyogQm91bmNpbmcgdXAgKi9cblx0XHR9XG5cdFx0NjAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgyMHB4KTsgLyogU21hbGwgYm91bmNlIGJlZm9yZSBzZXR0bGluZyAqL1xuXHRcdH1cblx0fVxuXHRAa2V5ZnJhbWVzIHNsaWRlSW4ge1xuXHRcdDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7IC8qIFN0YXJ0IG9mZi1zY3JlZW4gdG8gdGhlIGxlZnQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBFbmQgYXQgdGhlIG9yaWdpbmFsIHBvc2l0aW9uICovXG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHRAa2V5ZnJhbWVzIHNsaWRlT3V0IHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7IC8qIFN0YXJ0IGZyb20gdGhlIG9yaWdpbmFsIHBvc2l0aW9uICovXG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTsgLyogU2xpZGUgb3V0IHRvIHRoZSByaWdodCAqL1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= */"));export{d as ToasterStyled};
+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};

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

@@ -0,0 +1,17 @@
+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 };

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

@@ -1 +1 @@
-import{jsxs as t,Fragment as n,jsx as e}from"react/jsx-runtime";import o from"@tippyjs/react";import r from"react";import i 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;return r.isValidElement(a.children)?a.body||a.title||a.tooltipContent?t(n,{children:[e("style",{children:l}),e(o,{theme:null!=(p=a.variant)?p:"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:e(i,{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=>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};

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

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../button/model.js';
+
+interface TooltipInternalProps {
+    title?: string;
+    body?: string;
+    buttonProps?: ButtonProps;
+    delay?: number | number[];
+    variant?: 'light' | 'dark';
+}
+
+export type { TooltipInternalProps };

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

@@ -1 +1,7 @@
-import c from"@emotion/styled/base";import{jsxs as I,jsx as g}from"react/jsx-runtime";import{Button as b}from"../button/Button.js";import{TitleSmall as t,BodyCaption as i}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";var o=Object.defineProperty,m=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,d=(c,I,g)=>I in c?o(c,I,{enumerable:!0,configurable:!0,writable:!0,value:g}):c[I]=g,C=(c,I)=>{for(var g in I||(I={}))u.call(I,g)&&d(c,g,I[g]);if(m)for(var g of m(I))a.call(I,g)&&d(c,g,I[g]);return c};const y=c=>"light"===c?l.content.primary:l.content.primaryInverse,X=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?l.surface.subdued:l.content.primary),";color:",(c=>y(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJnQyIsImZpbGUiOiJUb29sdGlwSW50ZXJuYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG52YXIgX19kZWZQcm9wID0gT2JqZWN0LmRlZmluZVByb3BlcnR5O1xudmFyIF9fZ2V0T3duUHJvcFN5bWJvbHMgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzO1xudmFyIF9faGFzT3duUHJvcCA9IE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7XG52YXIgX19wcm9wSXNFbnVtID0gT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZTtcbnZhciBfX2RlZk5vcm1hbFByb3AgPSAob2JqLCBrZXksIHZhbHVlKSA9PiBrZXkgaW4gb2JqID8gX19kZWZQcm9wKG9iaiwga2V5LCB7IGVudW1lcmFibGU6IHRydWUsIGNvbmZpZ3VyYWJsZTogdHJ1ZSwgd3JpdGFibGU6IHRydWUsIHZhbHVlIH0pIDogb2JqW2tleV0gPSB2YWx1ZTtcbnZhciBfX3NwcmVhZFZhbHVlcyA9IChhLCBiKSA9PiB7XG4gIGZvciAodmFyIHByb3AgaW4gYiB8fCAoYiA9IHt9KSlcbiAgICBpZiAoX19oYXNPd25Qcm9wLmNhbGwoYiwgcHJvcCkpXG4gICAgICBfX2RlZk5vcm1hbFByb3AoYSwgcHJvcCwgYltwcm9wXSk7XG4gIGlmIChfX2dldE93blByb3BTeW1ib2xzKVxuICAgIGZvciAodmFyIHByb3Agb2YgX19nZXRPd25Qcm9wU3ltYm9scyhiKSkge1xuICAgICAgaWYgKF9fcHJvcElzRW51bS5jYWxsKGIsIHByb3ApKVxuICAgICAgICBfX2RlZk5vcm1hbFByb3AoYSwgcHJvcCwgYltwcm9wXSk7XG4gICAgfVxuICByZXR1cm4gYTtcbn07XG5pbXBvcnQgeyBqc3gsIGpzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIkBzcmMvY29tcG9uZW50cy9idXR0b25cIjtcbmltcG9ydCB7IEJvZHlDYXB0aW9uLCBUaXRsZVNtYWxsIH0gZnJvbSBcIkBzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5U3R5bGVcIjtcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xuICBpZiAodmFyaWFudCA9PT0gXCJsaWdodFwiKSB7XG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlO1xufTtcbmNvbnN0IFRvb2x0aXBTdHlsZWQgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09IFwibGlnaHRcIiA/IENPTE9SUy5zdXJmYWNlLnN1YmR1ZWQgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xuY29uc3QgVG9vbHRpcEludGVybmFsID0gKHByb3BzKSA9PiB7XG4gIHZhciBfYTtcbiAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3hzKFRvb2x0aXBTdHlsZWQsIHsgdmFyaWFudDogKF9hID0gcHJvcHMudmFyaWFudCkgIT0gbnVsbCA/IF9hIDogXCJkYXJrXCIsIGNoaWxkcmVuOiBbXG4gICAgcHJvcHMudGl0bGUgJiYgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIFRpdGxlU21hbGwsXG4gICAgICB7XG4gICAgICAgIGNvbG9yOiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KSxcbiAgICAgICAgc3R5bGU6IHsgbWFyZ2luQm90dG9tOiBcIjhweFwiIH0sXG4gICAgICAgIGNoaWxkcmVuOiBwcm9wcy50aXRsZVxuICAgICAgfVxuICAgICksXG4gICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgIEJvZHlDYXB0aW9uLFxuICAgICAge1xuICAgICAgICBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksXG4gICAgICAgIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogcHJvcHMuYnV0dG9uUHJvcHMgPyBcIjhweFwiIDogXCIwcHhcIiB9LFxuICAgICAgICBjaGlsZHJlbjogcHJvcHMuYm9keVxuICAgICAgfVxuICAgICksXG4gICAgcHJvcHMuYnV0dG9uUHJvcHMgJiYgLyogQF9fUFVSRV9fICovIGpzeChCdXR0b24sIF9fc3ByZWFkVmFsdWVzKHt9LCBwcm9wcy5idXR0b25Qcm9wcykpXG4gIF0gfSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xuIl19 */"));var n=c=>{var l;return I(X,{variant:null!=(l=c.variant)?l:"dark",children:[c.title&&g(t,{color:y(c.variant),style:{marginBottom:"8px"},children:c.title}),g(i,{color:y(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"},children:c.body}),c.buttonProps&&g(b,C({},c.buttonProps))]})};export{n as default};
+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};

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

@@ -0,0 +1,16 @@
+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 };

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 o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as a,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:u,IntentHeaderTitle:x,fetchUnsatisfactoryResponseCountIntentWise:N}=h,[g,w]=l(),[I,j]=l(!1);return n((()=>{p&&N&&(j(!0),N().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(a,{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(o,{boxes:[{width:"196px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"176px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"56px",height:"20px"}]})})]},l))),!I&&v&&x&&u&&v.map((l=>t("div",{className:"table-row",children:[e("div",{className:"table-cell",children:e(d,{style:{color:s.content.primary},children:x[l]})}),e("div",{className:"table-cell center-align",children:e(d,{style:{color:s.content.primary},children:(null==g?void 0:g[l])||"--"})}),e("div",{className:"table-cell center-align",children:e(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>u(l),disabled:!(null==g?void 0:g[l])})})]},l)))]})]})})};export{h as UnsatisfactoryCountIntentWiseModal};
+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};

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

@@ -0,0 +1,22 @@
+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 };

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 u,BodySecondary as v,Caption as g}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as I}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((null==U?void 0: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(u,{children:"Unsatisfactory responses"}),e("div",{style:{cursor:"pointer"},onClick:()=>x(!1),children:e(o,{height:16,width:16,color:l.content.primary})})]}),e(v,{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",{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})})})}),!!(null==U?void 0:U.length)&&t(s,{children:[T==w.ApplicationType.MANIFEST&&e("div",{style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"},children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{z(!0)},disabled:!E})}),e(I,{storeId:C,setShowUnsatisfactoryResponseModal:z,showUnsatisfactoryResponseModal:_,ChecklistType:M,UnsatisfactoryResponseIntentList:R,IntentHeaderTitle:A,fetchUnsatisfactoryResponseCountIntentWise:S,viewIntentWiseUnsatisfactoryResponse:N}),U&&(null==U?void 0: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(v,{style:{color:l.content.primary},children:s.message}),e("div",{children:t(g,{style:{color:l.content.secondary},children:[r(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",r(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]})})]},s.messageId)))})]})]})})};export{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 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};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import r from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import i from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as s}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 y,BodySecondary as b,BodyCaption as g,TitleSmall as v}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import{DefaultVariableContent as x}from"./DefaultVariableContent.js";import{highlightSearchText as w}from"./highlightSearchText.js";import{PickerType as S}from"./model.js";import k 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 O,{renderTooltipBody as D}from"./SubHeaderItems.js";var P=Object.defineProperty,R=Object.defineProperties,E=Object.getOwnPropertyDescriptors,H=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable,A=(e,t,l)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,_=(e,t,l)=>new Promise(((o,r)=>{var a=e=>{try{n(l.next(e))}catch(e){r(e)}},i=e=>{try{n(l.throw(e))}catch(e){r(e)}},n=e=>e.done?o(e.value):Promise.resolve(e.value).then(a,i);n((l=l.apply(e,t)).next())}));const z=/.*\..*/,F=P=>{const{data:F,onSelect:K,showHeader:M,showBackButton:q,hideHeaderCross:G,onBackButtonClick:J,isEvaluationList:Q,autoOpenFirst:U,headerText:W,contentHeight:X,onDefaultVariableSelect:Y,skipDefaultVariableContent:Z}=P,[ee,te]=n(F),[le,oe]=n(""),[re,ae]=n([]),[ie,ne]=n(""),[se,ce]=n(!1),[de,he]=n([]),[pe,me]=n(!1),[ue,fe]=n(),ye=pe&&P.type===S.EMBEDDED&&!G;s((()=>{be(!0)}),[]),s((()=>{re.length>0?he([re[re.length-1]]):he(F)}),[re]);const be=e=>_(null,null,(function*(){if(ce(e),e){const e=V(ee,re);te(e)}else if(re.length>0){const e=ie==re[re.length-1].displayName;if(le.length>0&&e){const e=C(le,de,re);te(e)}else te([re[re.length-1].variables])}else if(le.length>0){const e=C(le,de,re);te(e)}else te(F)})),ge=()=>{if(X)return X;let e=131;return re.length>0&&(e+=32),(P.showHeader||P.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},ve=e=>{var t;if(!P.disabled)if(Q){const l=(e=>{if(e.actualValue.match(z)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let l=t[0];return t.forEach(((e,t)=>{if(0===t)return;const o=(e=>/\w+\[\d+\]/g.test(e))(e);if(o){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],o=t[2];l+=`['${e}'][${o}]`}}else l+=`['${e}']`})),l}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);K((t=((e,t)=>{for(var l in t||(t={}))L.call(t,l)&&A(e,l,t[l]);if(H)for(var l of H(t))$.call(t,l)&&A(e,l,t[l]);return e})({},e),R(t,E({actualValue:l}))))}else{if(e.isDefaultValueSupported&&!Z)return fe(e),void me(!0);K(e)}};return e(j.Provider,{value:{variables:ee,searchText:le,subHeaderStack:re,showRecommended:se,setSubHeaderStack:ae,setSearchText:oe,setVariables:te,setShowRecommended:ce},children:t("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(M||q||pe)&&t(T,{openDefault:pe,children:[t("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(q||pe)&&e(h,{Icon:()=>e(o,{width:16,height:16,style:{display:"flex",color:c.content.primary}}),onClick:()=>{pe?me(!1):J&&J()}}),(M||pe)&&e(y,{children:pe?"Set up":null!=W?W:"Select Variable"})]}),ye&&e(h,{style:{color:"#212121"},Icon:r,onClick:()=>P.onClose&&P.onClose()})]}),pe&&ue&&!Z?e(x,{variable:ue,onInsertVariable:e=>{K(e),null==Y||Y(e)}}):t(l,{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=>{P.onSearchBlur&&P.onSearchBlur(e)},value:le,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||ne("");const t=C(e,de,re);if(se){const e=V(t,re);te(e)}else te(t);oe(e);const l=re.length>0?re[re.length-1].displayName:"home";ne(l)}})}),t(I,{children:[e(b,{style:{color:c.content.secondary},children:"Only Recommended"}),e(u,{value:se,onValueChange:e=>_(null,null,(function*(){yield be(e)}))})]}),re.length>0&&t(N,{children:[e("div",{style:{position:"absolute",left:16},children:e(h,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>e(o,{width:12,height:12,style:{color:c.content.secondary}}),onClick:e=>{e.stopPropagation();let t=le;const l=[...re],o=l.pop();if(ae(l),o.displayName===ie&&(oe(""),t=""),t.length>0){const e=l.length>0?[l[l.length-1]]:F,o=C(t,e,l);if(se){const e=V(o,l);te(e)}else te(o)}else if(l.length>0)if(se){const e=V([l[l.length-1].variables],l);te(e)}else te([l[l.length-1].variables]);else if(se){const e=V(F,re);te(e)}else te(F)}})}),e(g,{style:{color:c.content.secondary},children:re[re.length-1].displayName})]}),e(l,{children:ee.length>0?e(B,{height:ge(),children:ee.map(((o,r)=>{var n,s;return o.displayName&&void 0!==o.variables?e("div",{style:{borderBottom:`1px solid ${c.stroke.primary}`},children:e(d,{autoOpen:U&&0===r,headerPadding:"12px 16px",header:e(v,{style:{color:c.content.secondary},children:w(o.displayName,le)}),children:e(O,{parentVariable:o,disabled:null!=(n=P.disabled)&&n,searchText:le,variable:o.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!Z)return fe(e),void me(!0);K(e)}})})},o.displayName+se):o.displayName?e(f,{body:D(o),placement:"bottom",children:e(m,{variant:P.disabled?"readonly":(null==o?void 0:o.selected)?"selected":"default",version:"2.0",leadingIcon:(null==o?void 0:o.selected)||P.disabled?e(l,{}):e("div",{style:{flexShrink:0},children:e(a,{width:14,height:14})}),customListItemLabel:t("div",{style:{display:"flex",gap:4},children:[e(b,{style:{fontSize:"14px",color:c.text.primary},children:w(o.displayName,le)}),!o.isAvailable&&e(f,{body:"Not Recommended",children:e("div",{style:{display:"flex",marginTop:2},children:e(i,{width:16,height:16,color:c.content.secondary})})})]}),listItem:{label:o.displayName,value:o.displayName},subText:o.description||"",onClick:()=>ve(o)},r)},r):e(O,{disabled:null!=(s=P.disabled)&&s,searchText:le,variable:o,onSelect:e=>ve(e)},r)}))}):e(k,{height:ge(),searchText:le})})]})]})})};export{F as VariablePickerContent};
+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};

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as r}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as s}from"./Content.js";import{PickerType as n}from"./model.js";var l=Object.defineProperty,a=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,c=(t,e,o)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,m=(t,e)=>{for(var o in e||(e={}))d.call(e,o)&&c(t,o,e[o]);if(a)for(var o of a(e))p.call(e,o)&&c(t,o,e[o]);return t};const h=l=>{var a;const{type:d}=l;return d==n.FLOATER?t("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:l.width?l.width:344,borderRadius:4,height:"100%"},children:[e(s,m({},l)),e(i,{onClick:()=>{l.onClose&&l.onClose()},children:e(o,{height:20,width:20,color:r.content.secondary})})]}):e("div",{style:{width:null!=(a=l.width)?a:"100%",height:"100%"},children:e(s,m({},l))})};export{h as VariablePicker,h as default};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as r}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as d}from"./model.js";const n=n=>{const{type:h}=n;return h==d.FLOATER?o("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4,height:"100%"},children:[t(i,{...n}),t(r,{onClick:()=>{n.onClose&&n.onClose()},children:t(s,{height:20,width:20,color:e.content.secondary})})]}):t("div",{style:{width:n.width??"100%",height:"100%"},children:t(i,{...n})})};export{n as VariablePicker,n as default};

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

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

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

@@ -1 +1 @@
-var e=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,b=(r,t,a)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,o=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&b(e,t,r[t]);if(a)for(var t of a(r))l.call(r,t)&&b(e,t,r[t]);return e},s=(e,a)=>r(e,t(a));const n=(e,r)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const r=c(e.variables);return 0===Object.keys(r).length?{}:s(o({},e),{variables:r})}if(void 0===e.variables){return c(e)}{const t=c(e.variables);return r.length?t:0===Object.keys(t).length?{}:s(o({},e),{variables:t})}})).filter((e=>Object.keys(e).length>0)),c=e=>Object.keys(e).reduce(((r,t)=>(e[t]&&e[t].isAvailable&&(r[t]=e[t]),r)),{});export{n as showOnlyRecommendedVariables};
+const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:{...e,variables:i}}if(void 0===e.variables){return a(e)}{const l=a(e.variables);return i.length?l:0===Object.keys(l).length?{}:{...e,variables:l}}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

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

@@ -1 +1 @@
-var e=Object.defineProperty,a=Object.defineProperties,r=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,i=(a,r,t)=>r in a?e(a,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[r]=t,o=(e,a)=>{for(var r in a||(a={}))s.call(a,r)&&i(e,r,a[r]);if(t)for(var r of t(a))l.call(a,r)&&i(e,r,a[r]);return e},n=(e,t)=>a(e,r(t));const b=(e,a,r)=>{if(!e)return r.length>0?[r[r.length-1].variables]:a;const t=[];return a.forEach((a=>{if(r.length>0)if(a.displayName&&void 0!==a.variables)c(e,a.variables,t,[...a.contextQ||[],a.displayName]);else{if(a.displayName.toLowerCase().includes(e.toLowerCase())&&t.push(a),!a.variables||!Object.keys(a.variables).length)return;c(e,a.variables,t,[...a.contextQ||[],a.displayName])}else{if(a.displayName.toLowerCase().includes(e.toLowerCase())&&t.push(a),!a.variables||!Object.keys(a.variables).length)return;c(e,a.variables,t,[a.displayName])}})),t},c=function(e,a,r){let t=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(a).forEach((s=>{a[s].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==a[s].variables&&0===Object.keys(a[s].variables).length&&delete a[s].variables,r.push(a[s].isSubHeader?{[s]:n(o({},a[s]),{contextQ:t})}:n(o({},a[s]),{contextQ:t}))),a[s].variables&&Object.keys(a[s].variables).length&&c(e,a[s].variables,r,[...t,a[s].displayName])}))};export{b as searchVariables};
+const e=(e,s,l)=>{if(!e)return l.length>0?[l[l.length-1].variables]:s;const i=[];return s.forEach((s=>{if(l.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=(e,s,l,i=[])=>{Object.keys(s).forEach((t=>{s[t].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[t].variables&&0===Object.keys(s[t].variables).length&&delete s[t].variables,l.push(s[t].isSubHeader?{[t]:{...s[t],contextQ:i}}:{...s[t],contextQ:i})),s[t].variables&&Object.keys(s[t].variables).length&&a(e,s[t].variables,l,[...i,s[t].displayName])}))};export{e as searchVariables};

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

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