@bikdotai/bik-component-library 0.0.1 → 0.0.2--plans--beta

package/dist/esm/components/switch/Switch.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean | undefined;
+    outlineColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Loader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/switch/Switch.js

@@ -0,0 +1 @@
+import g from"@emotion/styled/base";import{__awaiter as I}from"../../_virtual/_tslib.js";import{jsx as c,Fragment as b}from"react/jsx-runtime";import{forwardRef as C,useState as A,useEffect as l}from"react";import{COLORS as d,DEFAULT_THEME as H}from"../../constants/Theme.js";const Z=C((g=>{let{customThumbColor:C,trackColor:d,trackHeight:Z,trackLength:x,disabled:y,value:X,onValueChange:B,duration:W,containerStyle:u,type:n}=g;var J,a,V,Y;const{colorsV2:o}=H,[v,R]=A(X),[t,h]=A(!1),s=null!=W?W:200;l((()=>{R(X)}),[X]);const e=y?{false:o.background.inactive,true:o.background.inactive}:{false:(null!==(J=null==d?void 0:d.false)&&void 0!==J?J:"greenred"===n)?o.background.negative.light:o.background.base,true:(null!==(a=null==d?void 0:d.true)&&void 0!==a?a:"greenred"===n)?o.background.positive.vibrant:o.background.brand},p={false:"greenred"===n?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===n?o.background.positive.vibrant:o.background.brand},N=y?{false:o.content.inactive,true:o.content.inactive}:{false:(null!==(V=null==C?void 0:C.false)&&void 0!==V?V:"greenred"===n)?o.content.negative:o.text.primary,true:null!==(Y=null==C?void 0:C.true)&&void 0!==Y?Y:o.surface.standard},F=n?{false:"greenred"===n?o.stroke.negative.lightAlt:o.stroke.primary,true:"greenred"===n?o.stroke.positive.lightAlt:o.background.brandLight}:{false:o.stroke.primary,true:o.stroke.primary};return c(b,{children:c(G,Object.assign({trackLength:null!=x?x:40,trackHeight:null!=Z?Z:20,onClick:()=>function(){return I(this,void 0,void 0,(function*(){if(!y){h(!0);try{yield null==B?void 0:B(!v),R(!v)}catch(g){console.log(g)}h(!1)}}))}(),trackColor:e,value:v,style:u,borderColor:p,duration:s,disabled:y,outlineColor:F},{children:t?c(i,{value:v,trackColor:e}):c(m,{value:v,duration:s,thumbColor:N})}))})}));Z.displayName="Switch";const G=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";width:",(g=>g.trackLength+"px"),";height:",(g=>g.trackHeight+"px"),";border-width:",(g=>g.disabled?"0px":"1px"),";border-style:solid;border-color:",(g=>g.value?g.borderColor.true:g.borderColor.false),";transition:",(g=>g.duration/1e3+"s ease all"),";align-items:center;cursor:pointer;:focus{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0UwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jLCBfZDtcclxuICAgIGNvbnN0IHsgY29sb3JzVjIgfSA9IERFRkFVTFRfVEhFTUU7XHJcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xyXG4gICAgY29uc3QgW2lzbG9hZGluZywgc2V0TG9hZGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBkdXJhdGlvblRpbWUgPSBkdXJhdGlvbiAhPT0gbnVsbCAmJiBkdXJhdGlvbiAhPT0gdm9pZCAwID8gZHVyYXRpb24gOiAyMDA7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgICAgIHlpZWxkIChvblZhbHVlQ2hhbmdlID09PSBudWxsIHx8IG9uVmFsdWVDaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uVmFsdWVDaGFuZ2UoIXZhbHVlKSk7XHJcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSghdmFsdWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGNhdGNoIChlcnIpIHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPT0gbnVsbCAmJiB0cmFja0xlbmd0aCAhPT0gdm9pZCAwID8gdHJhY2tMZW5ndGggOiA0MCwgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9PSBudWxsICYmIHRyYWNrSGVpZ2h0ICE9PSB2b2lkIDAgPyB0cmFja0hlaWdodCA6IDIwLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLCB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLCB2YWx1ZTogdmFsdWUsIHN0eWxlOiBjb250YWluZXJTdHlsZSwgYm9yZGVyQ29sb3I6IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCBkaXNhYmxlZDogZGlzYWJsZWQsIG91dGxpbmVDb2xvcjogY29uc29saWRhdGVPdXRsaW5lQ29sb3IgfSwgeyBjaGlsZHJlbjogaXNsb2FkaW5nID8gKF9qc3goTG9hZGVyLCB7IHZhbHVlOiB2YWx1ZSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciB9KSkgOiAoX2pzeChUaHVtYiwgeyB2YWx1ZTogdmFsdWUsIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgfSkpIH0pKSB9KSk7XHJcbn0pO1xyXG5Td2l0Y2guZGlzcGxheU5hbWUgPSAnU3dpdGNoJztcclxuZXhwb3J0IGNvbnN0IFN3aXRjaENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArICdweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0hlaWdodCArICdweCd9O1xuXHRib3JkZXItd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAnMHB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxMDAwfXMgZWFzZSBhbGxgfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),m=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";transition:",(g=>g.duration/1e3+"s ease all"),";background-color:",(g=>g.value?g.thumbColor.true:g.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jLCBfZDtcclxuICAgIGNvbnN0IHsgY29sb3JzVjIgfSA9IERFRkFVTFRfVEhFTUU7XHJcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xyXG4gICAgY29uc3QgW2lzbG9hZGluZywgc2V0TG9hZGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBkdXJhdGlvblRpbWUgPSBkdXJhdGlvbiAhPT0gbnVsbCAmJiBkdXJhdGlvbiAhPT0gdm9pZCAwID8gZHVyYXRpb24gOiAyMDA7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgICAgIHlpZWxkIChvblZhbHVlQ2hhbmdlID09PSBudWxsIHx8IG9uVmFsdWVDaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uVmFsdWVDaGFuZ2UoIXZhbHVlKSk7XHJcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSghdmFsdWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGNhdGNoIChlcnIpIHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPT0gbnVsbCAmJiB0cmFja0xlbmd0aCAhPT0gdm9pZCAwID8gdHJhY2tMZW5ndGggOiA0MCwgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9PSBudWxsICYmIHRyYWNrSGVpZ2h0ICE9PSB2b2lkIDAgPyB0cmFja0hlaWdodCA6IDIwLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLCB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLCB2YWx1ZTogdmFsdWUsIHN0eWxlOiBjb250YWluZXJTdHlsZSwgYm9yZGVyQ29sb3I6IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCBkaXNhYmxlZDogZGlzYWJsZWQsIG91dGxpbmVDb2xvcjogY29uc29saWRhdGVPdXRsaW5lQ29sb3IgfSwgeyBjaGlsZHJlbjogaXNsb2FkaW5nID8gKF9qc3goTG9hZGVyLCB7IHZhbHVlOiB2YWx1ZSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciB9KSkgOiAoX2pzeChUaHVtYiwgeyB2YWx1ZTogdmFsdWUsIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgfSkpIH0pKSB9KSk7XHJcbn0pO1xyXG5Td2l0Y2guZGlzcGxheU5hbWUgPSAnU3dpdGNoJztcclxuZXhwb3J0IGNvbnN0IFN3aXRjaENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArICdweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0hlaWdodCArICdweCd9O1xuXHRib3JkZXItd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAnMHB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxMDAwfXMgZWFzZSBhbGxgfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */")),i=g("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(g=>g.value?d.text.white:d.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0hpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jLCBfZDtcclxuICAgIGNvbnN0IHsgY29sb3JzVjIgfSA9IERFRkFVTFRfVEhFTUU7XHJcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzVmFsdWUpO1xyXG4gICAgY29uc3QgW2lzbG9hZGluZywgc2V0TG9hZGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBkdXJhdGlvblRpbWUgPSBkdXJhdGlvbiAhPT0gbnVsbCAmJiBkdXJhdGlvbiAhPT0gdm9pZCAwID8gZHVyYXRpb24gOiAyMDA7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgICAgIHlpZWxkIChvblZhbHVlQ2hhbmdlID09PSBudWxsIHx8IG9uVmFsdWVDaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uVmFsdWVDaGFuZ2UoIXZhbHVlKSk7XHJcbiAgICAgICAgICAgICAgICBzZXRWYWx1ZSghdmFsdWUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGNhdGNoIChlcnIpIHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGVycik7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFN3aXRjaENvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHRyYWNrTGVuZ3RoOiB0cmFja0xlbmd0aCAhPT0gbnVsbCAmJiB0cmFja0xlbmd0aCAhPT0gdm9pZCAwID8gdHJhY2tMZW5ndGggOiA0MCwgdHJhY2tIZWlnaHQ6IHRyYWNrSGVpZ2h0ICE9PSBudWxsICYmIHRyYWNrSGVpZ2h0ICE9PSB2b2lkIDAgPyB0cmFja0hlaWdodCA6IDIwLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVQcmVzcygpLCB0cmFja0NvbG9yOiBjb25zb2xpZGF0ZWRUcmFja0NvbG9yLCB2YWx1ZTogdmFsdWUsIHN0eWxlOiBjb250YWluZXJTdHlsZSwgYm9yZGVyQ29sb3I6IGNvbnNvbGlkYXRlZEJvcmRlckNvbG9yLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCBkaXNhYmxlZDogZGlzYWJsZWQsIG91dGxpbmVDb2xvcjogY29uc29saWRhdGVPdXRsaW5lQ29sb3IgfSwgeyBjaGlsZHJlbjogaXNsb2FkaW5nID8gKF9qc3goTG9hZGVyLCB7IHZhbHVlOiB2YWx1ZSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciB9KSkgOiAoX2pzeChUaHVtYiwgeyB2YWx1ZTogdmFsdWUsIGR1cmF0aW9uOiBkdXJhdGlvblRpbWUsIHRodW1iQ29sb3I6IGNvbnNvbGlkYXRlZFRodW1iQ29sb3IgfSkpIH0pKSB9KSk7XHJcbn0pO1xyXG5Td2l0Y2guZGlzcGxheU5hbWUgPSAnU3dpdGNoJztcclxuZXhwb3J0IGNvbnN0IFN3aXRjaENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRtYXJnaW4tdG9wOiA1cHg7XG5cdG1hcmdpbi1ib3R0b206IDVweDtcblx0Ym9yZGVyLXJhZGl1czogMzBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0xlbmd0aCArICdweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy50cmFja0hlaWdodCArICdweCd9O1xuXHRib3JkZXItd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAnMHB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMuYm9yZGVyQ29sb3IudHJ1ZSA6IHByb3BzLmJvcmRlckNvbG9yLmZhbHNlfTtcblxuXHR0cmFuc2l0aW9uOiAkeyhwcm9wcykgPT4gYCR7cHJvcHMuZHVyYXRpb24gLyAxMDAwfXMgZWFzZSBhbGxgfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQ6Zm9jdXMge1xuXHRcdG91dGxpbmU6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLm91dGxpbmVDb2xvci50cnVlIDogcHJvcHMub3V0bGluZUNvbG9yLmZhbHNlfTtcblx0XHRvdXRsaW5lLXN0eWxlOiBzb2xpZDtcblx0XHRvdXRsaW5lLW9mZnNldDogMnB4O1xuXHRcdG91dGxpbmUtd2lkdGg6IDJweDtcblx0fVxuXHQ6YWN0aXZlIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUaHVtYiA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDEycHg7XG5cdHdpZHRoOiAxMnB4O1xuXHRtYXJnaW46IDRweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLnRodW1iQ29sb3IudHJ1ZSA6IHByb3BzLnRodW1iQ29sb3IuZmFsc2V9O1xuYDtcclxuZXhwb3J0IGNvbnN0IExvYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItd2lkdGg6IDJweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50cmFja0NvbG9yLnRydWUgOiBwcm9wcy50cmFja0NvbG9yLmZhbHNlfTtcblx0Ym9yZGVyLXRvcC13aWR0aDogMnB4O1xuXHRib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXRvcC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gQ09MT1JTLnRleHQud2hpdGUgOiBDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdHdpZHRoOiA4cHg7XG5cdG1hcmdpbjogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMudmFsdWUgPyAnY2FsYygxMDAlIC0gMjBweCknIDogJzBweCcpfTtcblx0YW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcblx0QGtleWZyYW1lcyBzcGluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3dpdGNoLmpzLm1hcCJdfQ== */"));export{i as Loader,Z as Switch,G as SwitchContainer,m as Thumb};

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

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

package/dist/esm/components/tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.d';
+declare const Tabs: React.FC<TabViewHeaderProps>;
+export declare const TabItemComponent: React.FC<TabItemComponentProps>;
+export default Tabs;

package/dist/esm/components/tabs/Tabs.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{BodyCaption as o}from"../TypographyStyle.js";import{TabItem as s,TabItemText as n,TrailingNumberContainer as l}from"./Tabs.styles.js";const c=c=>{const{tab:a,currentTab:i,setCurrentTab:d,TabItemStyledProps:m,IconComponent:b}=c,p=a.key===i,{colorsV2:g}=r;return e(s,Object.assign({style:m,selected:p,hasEqualSpacing:c.hasEqualSpacing,onClick:()=>d(c.tab.key),selectedTextColor:c.selectedTextColor},{children:[b&&t(b,{selected:p?g.background.brand:g.content.secondary}),t(n,Object.assign({textColor:c.textColor,selectedTextColor:c.selectedTextColor,selected:p},{children:a.title})),void 0!==a.trailingNumber&&null!==a.trailingNumber&&t(l,Object.assign({selected:p},{children:t(o,Object.assign({color:g.content.primaryInverse},{children:a.trailingNumber}))}))]}))};export{c as TabItemComponent};

package/dist/esm/components/tabs/Tabs.styles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { TabItemProps, TabItemTextProps } from './Tabs.d';
+export declare const TabHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    bgColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItemText: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabItemTextProps, {}, {}>;

package/dist/esm/components/tabs/Tabs.styles.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";import{ButtonLarge as l}from"../TypographyStyle.js";process.env.NODE_ENV;const G=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a2"}:{target:"e1yo8x5a2",label:"TabItem"})("display:flex;flex-direction:row;column-gap:8px;padding:14px 24px 12px 24px;padding-bottom:",(c=>c.selected?"12px":"13px"),";align-items:center;justify-content:center;width:",(c=>c.hasEqualSpacing?"50%":"auto"),";border-bottom-color:",(c=>c.selected?c.selectedTextColor:b.colorsV2.background.inactive),";border-bottom-width:",(c=>c.selected?"2px":"1px"),";border-bottom-style:solid;flex-direction:row;cursor:pointer;&:hover{background-color:rgba(0, 0, 0, 0.03);}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRa0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAxNHB4IDI0cHggMTJweCAyNHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsocHJvcHMpID0+IChwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4Jyl9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gJzUwJScgOiAnYXV0bycpfTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUcmFpbGluZ051bWJlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== */")),R=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"TrailingNumberContainer"})("display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;width:20px;height:20px;background:",(c=>c.selected?b.colorsV2.background.inverseLight:b.colorsV2.content.secondary),";color:",b.colorsV2.content.primaryInverse,";border-radius:10px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmtEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),Z=c(l,"production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"TabItemText"})("color:",(c=>c.selected?c.selectedTextColor:c.textColor),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQytDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */"));export{G as TabItem,Z as TabItemText,R as TrailingNumberContainer};

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

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

package/dist/esm/components/tag/Tag.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TagProps } from './model';
+export declare const Tag: {
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, }: TagProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/components/tag/Tag.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"react";import{BodyCaption as t}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as r}from"./Tag.styled.js";import{getTagIconColor as c}from"./themes.js";const o=o=>{let{tagText:l,LeadingIcon:s,TrailingIcon:g,onLeadingIconClicked:d,leadingIconId:m,trailingIconId:p,onTrailingIconClicked:j,theme:b="light",type:h="neutral",variant:y="regular"}=o,O=l,u=b,I=h;a[y][h]||(I="neutral"),"circle"===y&&(u="dark","number"==typeof O&&O>99&&(O="99+"));const f={height:16,width:16,color:c(b,I),style:{display:"block"}};return e(r,Object.assign({theme:u,type:h,variant:y},{children:i("div",Object.assign({className:"container"},{children:[s&&e("button",Object.assign({className:"icon-leading",onClick:d,id:`${m}-wrapper`||"leading-icon-wrapper"},{children:n.createElement(s,Object.assign(Object.assign({},f),{id:m||"leading-icon"}))})),e(t,Object.assign({className:"text"},{children:O})),g&&e("button",Object.assign({className:"icon-trailing",onClick:j,id:`${p}-wrapper`||"trailing-icon-wrapper"},{children:n.createElement(g,Object.assign(Object.assign({},f),{id:p||"trailing-icon"}))}))]}))}))};o.displayName="Tag";export{o as Tag};

package/dist/esm/components/tag/Tag.styled.d.ts

@@ -0,0 +1,6 @@
+import { TagTheme, TagType, TagVariant } from './model';
+export declare const Tag: import("styled-components").StyledComponent<"div", any, {
+    theme: TagTheme;
+    type: TagType;
+    variant: TagVariant;
+}, never>;

package/dist/esm/components/tag/Tag.styled.js

@@ -0,0 +1,28 @@
+import t from"styled-components";import{getPadding as e,getBackgroundColor as r,generateBorder as i,getTextColor as a}from"./themes.js";const o=t.div`
+	cursor: default;
+	${t=>"regular"===t.variant?"display: block;\n\t\t     height: 26px;\n\t\t":"height: 20px;"}
+	.container {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: ${t=>e(t.variant)};
+
+		background-color: ${t=>r(t.theme,t.type)};
+
+		border-radius: ${t=>"regular"===t.variant?"4px":"12px"};
+
+		${t=>"light"===t.theme&&`border: 1px solid ${i(t.type)};`}
+
+		.text {
+			color: ${t=>a(t.theme,t.type)};
+		}
+
+		.icon-trailing {
+			all: unset;
+		}
+
+		.icon-leading {
+			all: unset;
+		}
+	}
+`;export{o as Tag};

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

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

package/dist/esm/components/tag/model.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { MouseEventHandler } from 'react';
+export type TagTheme = 'light' | 'dark';
+export type TagVariant = 'regular' | 'circle';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
+export declare const ValidTagTypeMap: {
+    regular: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+    };
+    circle: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        blue: boolean;
+        grey: boolean;
+    };
+};
+export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    /**
+     * Set the theme of the Tag
+     * @default default light
+     */
+    theme?: TagTheme;
+    /**
+     * Set the color of the Tag
+     * @default default neutral
+     */
+    type?: TagType;
+    /**
+     * Set the color of the Tag
+     * @default default regular
+     */
+    variant?: TagVariant;
+    /**
+     * The icon component that is the right of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon id,
+     * @default trailing-icon
+     */
+    trailingIconId?: string;
+    /**
+     * The left icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The icon component that is to the left of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The left icon id,
+     * @default leading-icon
+     */
+    leadingIconId?: string;
+    tagText: string | number;
+}

package/dist/esm/components/tag/model.js

@@ -0,0 +1 @@
+const e={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0}};export{e as ValidTagTypeMap};

package/dist/esm/components/tag/themes.d.ts

@@ -0,0 +1,6 @@
+import { TagTheme, TagType, TagVariant } from './model';
+export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
+export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
+export declare const generateBorder: (type: TagType) => string;
+export declare const getBackgroundColor: (theme: TagTheme | 'circle', type: TagType) => string;
+export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";

package/dist/esm/components/tag/themes.js

@@ -0,0 +1 @@
+import{COLORS as r}from"../../constants/Theme.js";const n={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue,circle:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse,circle:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant,circle:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant,circle:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant,circle:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse,circle:r.background.inverseLight}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.standard,dark:r.background.inverse,circle:r.background.inverseLight}},grey:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.content.secondary,circle:r.content.secondary}}},t=(r,t)=>n[t].iconColor[r],o=(r,t)=>n[t].textColor[r],e=r=>n[r].border,i=(r,t)=>n[t].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{e as generateBorder,i as getBackgroundColor,a as getPadding,t as getTagIconColor,o as getTextColor};

package/dist/esm/components/template-context-mapper/Badge/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface BadgeProps {
+    errorText: string;
+}
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/esm/components/template-context-mapper/Badge/index.js

@@ -0,0 +1,10 @@
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import e from"../../../assets/icons/alert.svg.js";import o from"styled-components";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const s=o.div`
+	background: ${i.background.negative.light};
+	display: flex;
+	align-items: center;
+	padding: 0px 12px;
+	gap: 8px;
+	border-radius: 4px;
+	margin-right: 12px;
+	color: ${i.content.negative};
+`,p=o=>{const{errorText:p}=o;return r(s,{children:[t(e,{height:20,width:20,color:i.content.negative}),t(n,{children:p})]})};export{p as Badge,s as BadgeContainer};

package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CHANNEL_TYPE } from '../template-preview/models/Channels';
+import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
+import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
+import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
+import { WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+export interface TemplateContextMapperProps {
+    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType;
+    closeDialog?: () => void;
+    showVariableMapping: boolean;
+    channel: CHANNEL_TYPE;
+    globalPlaceholders: GlobalPlaceholderType;
+    /** List of variables being used in this template */
+    templateVariables: CUSTOM_VARIABLE[];
+    /** Only for initial-UI-purpose for the modal */
+    htmlContent: string;
+    showOnlyContent?: boolean;
+    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables, display_content?: string): string | void;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, }: TemplateContextMapperProps) => JSX.Element;

package/dist/esm/components/template-context-mapper/TemplateContextMapper.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{useEffect as o,useState as i,useMemo as a}from"react";import n from"../../utils/StringUtils.js";import{StyledModal as r}from"../modals/styledModal.js";import{CHANNEL_TYPE as s}from"../template-preview/models/Channels.js";import{TemplateModalContext as c}from"./context/templateModalContext.js";import m from"./modalElements/Footer.js";import p from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as d}from"./utils/convertPlaceholdersToBikDropdown.js";const h=h=>{let{selectedTemplate:g,closeDialog:u,showVariableMapping:f,channel:v,htmlContent:b,templateVariables:S,onTemplateSelect:j,globalPlaceholders:M,showOnlyContent:T,whatsappSpecificPickerMeta:C}=h;var w,P;o((()=>{A(b)}),[b]);const[y,E]=i(v===s.EMAIL?"desktop":"mobile"),[L,A]=i(b),[O,V]=i(!1),[k,x]=i(g),[D,I]=i(null!=S?S:[]),[F,H]=i(!1);const $=a((()=>d(M)),[M]);return e(c.Provider,Object.assign({value:{template:k,setTemplate:x,device:y,setDevice:E,display_content:L,setDisplayContent:A,originalVariableList:D,setOriginalVariableList:I,isError:O,setIsError:V,channel:v,globalNormalizedPlaceholders:$,templateSelectionTriggered:F,setTemplateSelectionTriggered:H}},{children:T?e(p,{channel:s.EMAIL,hideHeader:!0}):t(r,Object.assign({centralContainerStyles:{width:v===s.EMAIL&&f?1e3:650},open:!0,onClose:()=>{null==u||u()},headingTitle:null==k?void 0:k.label,headingSubtitle:v===s.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(w=null==k?void 0:k.category)&&void 0!==w?w:"")} • ${null!==(P=null==k?void 0:k.templateCategory)&&void 0!==P?P:""}`:""},{children:[e(p,{showVariableMapping:f,channel:v,whatsappSpecificPickerMeta:C}),j?e(m,{onSelect:function(){const e=null==j?void 0:j(k,D,null!=L?L:"");e?V(!!e):H(!0)}}):e(l,{})]}))}))};export{h as TemplateContextMapper};

package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { CUSTOM_VARIABLE, globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type DEVICE_TYPES = 'desktop' | 'mobile';
+export declare const TemplateModalContext: React.Context<{
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+}>;
+export declare const useTemplateModalContext: () => {
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+};

package/dist/esm/components/template-context-mapper/context/templateModalContext.js

@@ -0,0 +1 @@
+import e,{useContext as t}from"react";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";const l=e.createContext({device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:r.EMAIL,template:null,isError:!1}),o=()=>t(l);export{l as TemplateModalContext,o as useTemplateModalContext};

package/dist/esm/components/template-context-mapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TemplateContextMapper';
+export * from './utils/getDataFromTemplateComponent';
+export * from './utils/validateIsUrl';

package/dist/esm/components/template-context-mapper/modalElements/Body.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface BodyProps {
+    showVariableMapping: boolean;
+    showOnlyContent?: boolean;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+declare const Body: (props: BodyProps) => JSX.Element;
+export default Body;

package/dist/esm/components/template-context-mapper/modalElements/Body.js

@@ -0,0 +1,18 @@
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as n}from"react";import l from"styled-components";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";import{COLORS as r}from"../../../constants/Theme.js";import{useTemplateModalContext as a}from"../context/templateModalContext.js";import{getVariableNameForEmailByIndex as p}from"../utils/getVariableNameEmail.js";import{highlightFor as m}from"../utils/highlightFor.js";import d from"./DesktopPreview.js";import s from"./EditWhatsAppTemplateV2.js";import c from"./MobilePreview.js";import h from"./VariableConnectorsPanel.js";const f=l.div`
+	display: flex;
+	//	height: 100%;
+`,u=l.div`
+	padding: 16px 14px;
+	border-left-width: 1px;
+	border-left-color: ${r.stroke.primary};
+	max-width: 350px;
+
+	height: ${e=>e.channel===i.WHATSAPP?"500px":"475px"};
+	overflow-y: 'auto';
+	padding-bottom: 24px;
+`,g=l.div`
+	padding: ${e=>e.showOnlyContent?"16px 14px":"16px 32px"};
+	flex: 1;
+	height: 475px;
+	overflow-y: auto;
+`,v=l=>{const{showVariableMapping:v,showOnlyContent:w,whatsappSpecificPickerMeta:x}=l,b=n(),y=n(),{device:j,display_content:P,channel:E,template:M,setTemplate:T}=a();const k=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(f,{children:[t(g,Object.assign({showOnlyContent:w,showVariableMapping:v},{children:"mobile"===j?t(c,{ref:y,display_content:null!=P?P:"",channel:E,template:M}):E!==i.MESSAGE?t(d,{ref:b,channel:E,display_content:null!=P?P:""}):t(o,{})})),v&&t(u,Object.assign({channel:E},{children:E!==i.WHATSAPP?t(h,{onFocus:E===i.EMAIL?function(e){var t,o,n;const l=null===document||void 0===document?void 0:document.getElementById("mobile"===j?"template_html_mobile":"template_html_desktop"),a=p(e+1),d=E===i.EMAIL?null===(t=null==l?void 0:l.contentWindow)||void 0===t?void 0:t.document.getElementById(a):document.getElementById(a),s=k(d),c=null==d?void 0:d.offsetLeft;"desktop"===j?s&&b.current&&(null===(o=null==l?void 0:l.contentWindow)||void 0===o||o.scrollTo(null!=c?c:0,s),m(a,r.background.warning.light,2,E,j)):s&&y.current&&(null===(n=null==l?void 0:l.contentWindow)||void 0===n||n.scrollTo(null!=c?c:0,s),m(a,r.background.warning.light,2,E,j))}:void 0}):t(s,{whatsappSpecificPickerMeta:x,template:M,onTemplateChange:e=>{null==T||T(e)}})}))]})};export{v as default};

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+declare const DesktopPreview: React.ForwardRefExoticComponent<{
+    display_content: string;
+    channel: CHANNEL_TYPE;
+} & React.RefAttributes<HTMLDivElement>>;
+export default DesktopPreview;

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js

@@ -0,0 +1,20 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as o}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import{COLORS as p}from"../../../constants/Theme.js";import{CHANNEL_TYPE as d}from"../../template-preview/models/Channels.js";const s=i.div`
+	background: ${p.surface.standard};
+	border: 1px solid ${p.stroke.primary};
+	border-radius: 8px;
+	overflow-y: auto;
+	/* max-height: 420px; */
+	scroll-behavior: smooth;
+	height: 100%;
+`,m=i.div`
+	padding: 18px 24px 12px;
+	display: flex;
+	gap: 4px;
+	border-bottom-width: 1px;
+	border-bottom-color: ${p.stroke.primary};
+`,l=i.div`
+	width: 6px;
+	height: 6px;
+	background: #d9d9d9;
+	border-radius: 3px;
+`,n=r.forwardRef(((r,i)=>{let{display_content:p}=r;return e(s,Object.assign({ref:i},{children:[e(m,{children:[t(l,{}),t(l,{}),t(l,{})]}),t("div",{children:p?t(a,{channel:d.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:p,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(o,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
+export interface EditMediaV2Props {
+    imageName: string[];
+    errorSecondaryText?: string;
+    error?: string;
+    isLoading?: boolean;
+    mediaType?: HEADER_TYPES;
+    handleImageChange?: () => void;
+}
+declare const EditMediaV2: (props: EditMediaV2Props) => JSX.Element;
+export default EditMediaV2;

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.js

@@ -0,0 +1,8 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import o from"../../../assets/icons/document_pdf.svg.js";import r from"../../../assets/icons/edit.svg.js";import s from"../../../assets/icons/refresh.svg.js";import n from"../../../assets/icons/video_camcorder.svg.js";import l from"styled-components";import{Spinner as c}from"../../spinner/Spinner.js";import{HEADER_TYPES as d}from"../../template-preview/models/TemplateMeta.js";import{BodyCaption as a,BodySecondary as m,Caption as p}from"../../TypographyStyle.js";import h from"../../../utils/StringUtils.js";import{COLORS as g}from"../../../constants/Theme.js";import{Container as f,ImageContainer as j,RightComponent as y}from"./EditMediaV2.style.js";const v=l.div`
+	padding-left: 14px;
+	padding-right: 6px;
+	width: 44px;
+	height: 24px;
+	border-left: 1px solid ${g.stroke.primary};
+	cursor: pointer;
+`,u=l=>{const{imageName:u,error:b,isLoading:x,mediaType:w,handleImageChange:O}=l,C=null==u?void 0:u[0].split("/"),L=null==C?void 0:C[C.length-1];return e(f,{children:[t(j,Object.assign({error:!!b,onClick:b?O:void 0},{children:b?t(s,{color:g.content.brand,width:32,height:32}):x?t(c,{size:"small"}):w===d.IMAGE?t("img",{alt:"",src:null==u?void 0:u[0],style:{width:"100%",height:"56px",borderRadius:8,objectFit:"cover"}}):w===d.VIDEO?t(n,{width:18,height:22,color:g.content.placeholder}):t(o,{width:18,height:22,color:g.content.placeholder})})),e(y,{children:[t("div",Object.assign({style:{flex:1}},{children:u&&b?t(i,{}):x?t(a,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):t(m,Object.assign({style:{color:g.content.primary,marginLeft:8}},{children:h.toCapitilize(null==w?void 0:w.toLowerCase())||L}))})),!!b&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8}},{children:[e(m,Object.assign({style:{color:g.content.negative}},{children:["Error loading this ",null==w?void 0:w.toLowerCase(),". Retry"]})),t(p,Object.assign({style:{color:g.content.secondary}},{children:b}))]})),!b&&!x&&t(v,Object.assign({onClick:O,onKeyDown:O,role:"presentation"},{children:t(r,{width:24,height:24,color:g.content.placeholder})}))]})]})};export{u as default};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.d.ts

@@ -0,0 +1,6 @@
+export declare const RightComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {
+    error: boolean;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditTemplateMediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.js

@@ -0,0 +1,31 @@
+import e from"styled-components";import{COLORS as r}from"../../../constants/Theme.js";const t=e.div`
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	/* justify-content: center; */
+	flex: 1;
+`,i=e.div`
+	width: 56px;
+	height: 56px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	align-self: center;
+	background-color: ${r.surface.hovered};
+	border-radius: 4px;
+	border: 1px solid ${r.stroke.primary};
+	box-sizing: content-box;
+	cursor: ${e=>e.error?"pointer":"default"};
+`,o=e.div`
+	padding: 8px;
+	flex-direction: row;
+	display: flex;
+	justify-content: space-between;
+	background: ${r.surface.subdued};
+	border: 1px solid ${r.stroke.primary};
+	border-radius: 4px;
+	margin-left: 8px;
+`,n=e.div`
+	padding-bottom: 0px;
+	min-width: 285px;
+`;export{o as Container,n as EditTemplateMediaContainer,i as ImageContainer,t as RightComponent};

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateMediaV2.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+declare const EditMediaTemplateMediaV2: React.FC<{
+    mediaComponent: WhatsAppTemplate['components'][0];
+    template: WhatsAppTemplate;
+    whatsappSpecificPickerMeta: WhatsAppPickerMeta;
+    updateTemplateImageUrl(url: string, format: WhatsAppTemplate['components'][0]['format']): void;
+}>;
+export default EditMediaTemplateMediaV2;

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateMediaV2.js

@@ -0,0 +1 @@
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as i,Fragment as t,jsx as o}from"react/jsx-runtime";import a,{useState as l}from"react";import{FileUploaderHelper as r}from"../../helpers/FileUploaderHelper.js";import{HEADER_TYPES as n}from"../../template-preview/models/TemplateMeta.js";import p from"./EditMediaV2.js";const c=c=>{let{mediaComponent:m,template:d,updateTemplateImageUrl:s,whatsappSpecificPickerMeta:u}=c;var f,v;const g=a.createRef(),[h,M]=l(!1),[j,y]=l("");let I;return I=m.format===n.IMAGE?"image/png, image/jpeg":m.format===n.VIDEO?"video/mp4":"application/pdf",i(t,{children:[o("input",{ref:g,style:{display:"none"},type:"file",onChange:function(i){var t,o;return e(this,void 0,void 0,(function*(){y(""),M(!0);const e=new r,a=null===(t=i.target.files)||void 0===t?void 0:t[0];if(a instanceof Blob){const i=e.validate(a);if(i)y(i),M(!1);else{const e=m.format===n.IMAGE,i=yield u.uploadMediaFiles({file:a,fileName:a.name,isImage:e});if(i.success){const[e]=a.type.split("/");s(null!==(o=i.url)&&void 0!==o?o:"","application"===e?n.DOCUMENT:n[e.toUpperCase()])}else y("An unknown technical error occured");M(!1)}}else y("An unknown technical error occured"),M(!1)}))},accept:I}),o(p,{imageName:null!==(v=null===(f=null==m?void 0:m.example)||void 0===f?void 0:f.header_handle)&&void 0!==v?v:[],handleImageChange:function(){var e;(null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.click)&&g.current.click()},mediaType:null==m?void 0:m.format,error:j,isLoading:h})]})};export{c as default};

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWhatsAppTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WhatsAppTemplate;
+    onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType) => void;
+}
+declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, }: EditWhatsAppTemplateV2Props) => JSX.Element;
+export default EditWhatsAppTemplateV2;

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTemplateModalContext as e}from"../context/templateModalContext.js";import{getAllDataFromTemplateComponent as n}from"../utils/getDataFromTemplateComponent.js";import{EditTemplateMediaContainer as i}from"./EditMediaV2.style.js";import l from"./EditWhatsAppTemplateMediaV2.js";import{Container as s}from"./VariableConnectorsPanel.js";import a from"./VariableConnectorWhatsApp.js";import d from"./VariableEditorHeader.js";import p from"./WhatsAppTemplateCardButtonV2.js";const r=r=>{let{template:c,onTemplateChange:u,whatsappSpecificPickerMeta:m}=r;var b,v,g,h,f,j,T,O,x,y,E,C;const{originalVariableList:V}=e(),{descriptionComponents:w,urlBtns:B,qrbBtns:I,imageComponent:R,bodyVariables:L,headerVariables:A}=n(c);function U(t,o){var e,n,i,l;const s=Object.assign({},c),a=null==s?void 0:s.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==a&&a>-1){const d=null===(e=null==s?void 0:s.components[a].buttons)||void 0===e?void 0:e.findIndex((t=>"URL"===t.type));if(void 0!==d&&d>-1){const e="custom"===o&&"string"==typeof t,p=[...null!==(l=null===(i=null===(n=s.components)||void 0===n?void 0:n[a])||void 0===i?void 0:i.buttons)&&void 0!==l?l:[]];p[d]=Object.assign(Object.assign({},p[d]),{url:"https://d.bik.ai/{{1}}",example:[e?t:"string"!=typeof t?t.defaultValue:""]});const r=Object.assign(Object.assign({},s.components[a]),{buttons:p}),c=Object.assign(Object.assign({},s.mapping),{buttons:e?["((customBtnPlaceholder))"]:"string"!=typeof t?[t.placeHolder]:void 0});s.mapping=c;const u=[...s.components];u[a]=r,s.components=u}}null==u||u(s)}function S(t,o,e){var n;const i=Object.assign({},c),l=null==i?void 0:i.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==l&&l>-1){const o=null===(n=null==i?void 0:i.components[l].buttons)||void 0===n?void 0:n.filter((t=>"QUICK_REPLY"===t.type));o&&(o[e]=Object.assign(Object.assign({},o[e]),{flowId:t.flowId,flowName:t.flowName}));const s=Object.assign(Object.assign({},i.components[l]),{buttons:o}),a=[...i.components];a[l]=s,i.components=a}null==u||u(i)}return t(s,Object.assign({style:{flexDirection:"column",maxHeight:460}},{children:[!!R&&o(i,{children:o(l,{whatsappSpecificPickerMeta:m,mediaComponent:R,updateTemplateImageUrl:function(t,o){var e;let n=Object.assign({},c);const i=null===(e=null==n?void 0:n.components)||void 0===e?void 0:e.findIndex((t=>{if("HEADER"===t.type&&"NONE"!==t.format&&"TEXT"!==t.format)return!0}));if(void 0!==i&&i>-1&&(null==n?void 0:n.components[i])){const e=Object.assign(Object.assign({},n.components[i]),{format:o,example:{header_handle:[t]}}),l=[...n.components];l[i]=e,n=Object.assign(Object.assign({},n),{components:l})}null==u||u(n)},template:c})}),(L.length>0||A.length>0)&&o(d,{containerStyle:{paddingTop:R?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==w?void 0:w.map(((t,e)=>o(a,{originalVariableList:V,type:t.type,descriptionComponent:t.component,variableMapping:"HEADER"===t.type?c.mapping.header:c.mapping.body},e))),(null===(v=null===(b=B[0])||void 0===b?void 0:b.component)||void 0===v?void 0:v.buttons)&&(null===(f=null===(h=null===(g=B[0])||void 0===g?void 0:g.component)||void 0===h?void 0:h.buttons)||void 0===f?void 0:f.length)>0&&o(d,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(j=null==V?void 0:V.buttons)||void 0===j?void 0:j.map(((t,e)=>{if("URL"===t.type)return o(p,{CTAoptions:null==m?void 0:m.CTAoptions,button:t,originalVariableList:V,updateSelectedURLTemplateBtn:U},`${e}`)})),(null===(O=null===(T=I[0])||void 0===T?void 0:T.component)||void 0===O?void 0:O.buttons)&&(null===(E=null===(y=null===(x=I[0])||void 0===x?void 0:x.component)||void 0===y?void 0:y.buttons)||void 0===E?void 0:E.length)>0&&o(d,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}),null===(C=null==V?void 0:V.buttons)||void 0===C?void 0:C.map(((t,e)=>{if("QUICK_REPLY"===t.type)return o(p,{QRBoptions:null==m?void 0:m.QRBoptions,button:t,originalVariableList:V,updateSelectedQRBTemplateBtn:S},`${e}`)}))]}))};export{r as default};

package/dist/esm/components/template-context-mapper/modalElements/Footer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface FooterProps {
+    onSelect: () => void;
+}
+declare const Footer: ({ onSelect }: FooterProps) => JSX.Element;
+export default Footer;