@bikdotai/bik-component-library 0.0.533-beta.13 → 0.0.533-beta.133

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,7 +1,7 @@
-import{jsxs as e,Fragment as l,jsx as a}from"react/jsx-runtime";import r from"../../assets/icons/PlusIcon.js";import{useRef as t,useState as i,useEffect as n}from"react";import o from"styled-components";import{v4 as s}from"uuid";import{COLORS as c}from"../../constants/Theme.js";import{AddVariableStyled as d}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as u}from"../floater/floater.js";import{Input as p}from"../input/Input.js";import{BodyCaption as v}from"../TypographyStyle.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{PickerType as h}from"../variable-picker-v3/model.js";import{CustomPortal as b}from"./customPortal.js";const g=o=>{let{type:c,allowMix:g,onChange:T,prevVariable:f,variablesList:x,onBlur:V,onlyVariables:j,placeHolder:k,showAddButton:C=!0,showHelp:E,errorMessage:O,maxCharLimit:w,noMaxCharCheck:D,labelText:A,labelElement:M,isRequired:S=!1,hintText:B,onEnterPress:F,pickerType:R=h.FLOATER,portalElement:H,showVarHeader:I,varHeaderText:L,onPickerToggle:P}=o;const N=t(),$=t(!0),q=t(null),[z,K]=i(!1),[G]=i(s()),[J,Q]=i(),[U,W]=i(f),[X,Y]=i(!1),[Z,_]=i(!1),[ee,le]=i(0);return n((()=>{if(J&&J.actualValue)if(g){if(W((e=>{return{actualValue:(l=e.actualValue,a=J.actualValue,r=ee,l.slice(0,r)+a+l.slice(r)),variableType:"string"};var l,a,r})),q.current){le(q.current.selectionStart);const e=ee+J.actualValue.length+2;q.current.setSelectionRange(e,e),le(e)}}else W((e=>({actualValue:J.actualValue,variableType:J.variableType,needsFetching:J.needsFetching})))}),[J]),n((()=>{$.current?$.current=!1:T(U)}),[U]),e(l,{children:[e(y,Object.assign({isVar:/^{{.*}}$/.test(U.actualValue),onKeyDown:e=>{console.log("key",e.key),"Enter"===e.key&&(null==F||F(U.actualValue))}},{children:[a(p,{isRequired:S,hintText:B,type:null!=c?c:"text",id:G,ref:q,skipFocus:!0,isActive:z,value:U.actualValue,validate:e=>[!0,""],errorMessage:O,noMaxCharCheck:D,maxCharLimit:w,labelText:A,labelElement:M,placeholder:k||"Add a value",onClick:e=>{q.current&&le(q.current.selectionStart)},onChangeText:(e,l)=>{if(q.current&&le(q.current.selectionStart),j){const e=(null==l?void 0:l.keyCode)||(null==l?void 0:l.charCode);8!==e&&46!==e||W({actualValue:"",variableType:"string"})}else W(g?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{K(!0),_(!0)},onBlur:e=>{var l,a,r,t,i,n,o;console.log("ee",null===(l=e.relatedTarget)||void 0===l?void 0:l.id),null==V||V(e,U),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(i=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===i?void 0:i.includes("accordion"))||"back-btn-v3"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?(q.current&&q.current.focus(),K(!0)):"search-bar-v3-picker"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.id)?K(!0):(K(!1),Y(!1),null==P||P(!1),_(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[U.actualValue&&E&&a("div",Object.assign({style:{marginTop:4}},{children:a(v,{children:`This value is of type ${U.variableType}`})})),C&&Z&&a("div",Object.assign({style:{marginTop:O||B?"-24px":"0px"}},{children:a(d,Object.assign({ref:N,id:"addVar",onClick:()=>{Y(!X),null==P||P(!X)}},{children:e("div",Object.assign({className:"add"},{children:[a(r,{color:"white"}),a("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),X&&a(l,{children:R===h.EMBEDDED?a(b,Object.assign({zIndex:101,element:null!=H?H:document.body},{children:a(m,{width:"344px",showHeader:I,headerText:L,onClose:()=>{Y(!1),null==P||P(!1)},type:h.EMBEDDED,data:x,onSelect:e=>{Q(e),Y(!1),null==P||P(!1)}})})):a("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:a(u,Object.assign({refElement:N},{children:a("div",Object.assign({style:{height:500}},{children:a(m,{onClose:()=>{Y(!1),null==P||P(!1)},type:h.FLOATER,data:x,onSelect:e=>{Q(e),Y(!1),null==P||P(!1)}})}))}))}))})]})},y=o.div`
+import{jsxs as e,Fragment as a,jsx as l}from"react/jsx-runtime";import r from"../../assets/icons/PlusIcon.js";import{useRef as i,useState as t,useEffect as d}from"react";import o from"styled-components";import{v4 as n}from"uuid";import{COLORS as s}from"../../constants/Theme.js";import{AddVariableV2SideModal as u}from"../add-variableV2/AddVariableV2SideModal.js";import{AddVariableV2 as c}from"../add-variableV2/AddVariableV2.js";import{AddVariableStyled as v}from"../add-variableV2/AddVariableBox.styled.js";import{Input as p}from"../input/Input.js";import{BodyCaption as h}from"../TypographyStyle.js";const m=o=>{let{type:s,allowMix:m,onChange:g,prevVariable:V,variablesList:T,onBlur:y,onlyVariables:f,placeHolder:x,showAddButton:j=!0,showHelp:w,showSideVariablePanel:C,errorMessage:S,showSideModal:k,maxCharLimit:A,noMaxCharCheck:N,labelText:B,labelElement:E,isRequired:L=!1,hintText:M,onEnterPress:O}=o;const q=i(!0),I=i(null),[F,R]=t(!1),[P]=t(n()),[Z,$]=t(),[z,D]=t(V),[H,K]=t(!1),[W,G]=t(!1),[J,Q]=t(0);return d((()=>{if(Z&&Z.actualValue)if(m){if(D((e=>{return{actualValue:(a=e.actualValue,l=Z.actualValue,r=J,a.slice(0,r)+l+a.slice(r)),variableType:"string"};var a,l,r})),I.current){Q(I.current.selectionStart);const e=J+Z.actualValue.length+2;I.current.setSelectionRange(e,e),Q(e)}}else D((e=>({actualValue:Z.actualValue,variableType:Z.variableType,needsFetching:Z.needsFetching})))}),[Z]),d((()=>{q.current?q.current=!1:g(z)}),[z]),e(a,{children:[e(b,Object.assign({isVar:/^{{.*}}$/.test(z.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==O||O(z.actualValue))}},{children:[l(p,{isRequired:L,hintText:M,type:null!=s?s:"text",id:P,ref:I,skipFocus:!0,isActive:F,value:z.actualValue,validate:e=>[!0,""],errorMessage:S,noMaxCharCheck:N,maxCharLimit:A,labelText:B,labelElement:E,placeholder:x||"Add a value",onClick:e=>{I.current&&Q(I.current.selectionStart)},onChangeText:(e,a)=>{if(I.current&&Q(I.current.selectionStart),f){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||D({actualValue:"",variableType:"string"})}else D(m?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{R(!0),G(!0),document.getElementById("varList")&&!H&&K(!0)},onBlur:e=>{var a,l,r,i,t,d,o;null==y||y(e,z),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(d=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===d?void 0:d.includes("sc-dZoequ "))?(I.current&&I.current.focus(),R(!0)):"search-bar"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.id)?R(!0):(R(!1),K(!1),G(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[z.actualValue&&w&&l("div",Object.assign({style:{marginTop:4}},{children:l(h,{children:`This value is of type ${z.variableType}`})})),j&&W&&l("div",Object.assign({style:{marginTop:S||M?"-24px":"0px"}},{children:l(v,Object.assign({id:"addVar",onClick:()=>{K(!H)}},{children:e("div",Object.assign({className:"add"},{children:[l(r,{color:"white"}),l("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]})),!C&&H&&l(c,{data:T,showVariable:!0,setShowVariable:()=>{K(!1)},variableValue:Z,setVariableValue:$,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,t,d;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(t=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===t?void 0:t.includes("sc-dZoequ "))?I.current.focus():"Enter here"===(null===(d=e.relatedTarget)||void 0===d?void 0:d.placeholder)?e.relatedTarget.id!==P&&(K(!1),G(!1),R(!1)):(K(!1),G(!1),R(!1))}})]})),C&&H&&l(u,{zIndex:2e3,data:null!=T?T:[],showVariable:H,setShowVariable:()=>{K(!1)},placeholder:"Add a variable",customTrigger:e=>{$({actualValue:e.actualValue,variableType:"string"}),D(e)},onSearchBlur:e=>{var a,l,r,i,t,d;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(t=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===t?void 0:t.includes("sc-dZoequ "))?I.current.focus():"Enter here"===(null===(d=e.relatedTarget)||void 0===d?void 0:d.placeholder)?e.relatedTarget.id!==P&&(K(!1),G(!1),R(!1)):(K(!1),G(!1),R(!1))}})]})},b=o.div`
 	position: relative;
 	margin-bottom: 16px;
 	input {
-		color: ${e=>e.isVar?c.stroke.brand:"black"};
+		color: ${e=>e.isVar?s.stroke.brand:"black"};
 	}
-`;export{g as InputWithVariables};
+`;export{m as InputWithVariables};

package/dist/esm/components/list-item/ListItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
+export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'placeholder' | 'separator';
 export interface ListItemElement {
     label: string;
     value: string;
@@ -13,7 +13,6 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
     trailingIcon?: JSX.Element;
     borderBottom?: string;
     customComponent?: JSX.Element;
-    customListItemLabel?: JSX.Element;
     version?: '1.0' | '2.0';
 }
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/list-item/ListItem.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as n,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:b,leadingIcon:g,subText:v,listItem:y,borderBottom:h,customComponent:u,customListItemLabel:j,version:x}=r,I=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(y),borderBottom:h,version:x},I,{children:u?e(i,{children:u}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===y.value?"flex-start":"center",gap:8,width:"100%"}},{children:[!!g&&g,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[e(i,j?{children:j}:{children:!!y&&e(n,Object.assign({style:{fontSize:("2.0"===x?12:14)+"px",color:s(f)}},{children:y.label}))}),!!v&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:v}))]})),!!b&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:b}))]}))}))}));m.displayName="ListItem";export{m as ListItem};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as n}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as c}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:v,subText:y,listItem:b,borderBottom:j,customComponent:x,version:u}=r,h=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(c,Object.assign({ref:m,id:d,variant:f,onClick:()=>p&&p(b),borderBottom:j,version:u},h,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===b.value?"flex-start":"center",gap:8}},{children:[!!v&&v,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!b&&e(s,Object.assign({style:{fontSize:("2.0"===u?12:14)+"px",color:n(f)}},{children:b.label})),!!y&&e(l,Object.assign({style:{color:"inactive"===f?a.content.inactive:a.text.secondary}},{children:y}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));m.displayName="ListItem";export{m as ListItem};

package/dist/esm/components/list-item/themes.js

@@ -1 +1 @@
-import{css as c}from"@emotion/react";import{COLORS as I}from"../../constants/Theme.js";function g(c){switch(c){case"default":case"readonly":default:return`${I.text.primary}`;case"selected":return`${I.content.positive}`;case"inactive":return`${I.content.inactive}`;case"error":return`${I.content.negative}`;case"placeholder":return`${I.content.placeholder}`}}function C(g,C){switch(g){case"default":return c("cursor:pointer;color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"selected":return c("color:",I.content.positive,";background:",I.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"inactive":return c("color:",I.content.inactive,";background-color:",I.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"readonly":return c("color:",I.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"separator":return c("color:",I.content.inactive,";background-color:",I.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");default:return c("color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}}export{g as getColor,C as getTheme};
+import{css as c}from"@emotion/react";import{COLORS as I}from"../../constants/Theme.js";function g(c){switch(c){case"default":default:return`${I.text.primary}`;case"selected":return`${I.content.positive}`;case"inactive":return`${I.content.inactive}`;case"error":return`${I.content.negative}`;case"placeholder":return`${I.content.placeholder}`}}function X(g,X){switch(g){case"default":return c("cursor:pointer;color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */");case"selected":return c("color:",I.content.positive,";background:",I.background.positive.light,";box-shadow:","2.0"===X?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */");case"inactive":return c("color:",I.content.inactive,";background-color:",I.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0N1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */");case"separator":return c("color:",I.content.inactive,";background-color:",I.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */");default:return c("color:",I.text.primary,";background-color:",I.surface.standard,";&:hover{background-color:",I.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */")}}export{g as getColor,X as getTheme};

package/dist/esm/components/progress-bar/ProgressBarComponent.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const l=c=>b(I,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),I=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));export{l as ProgressBarComponent,I as ProgressCompletedBar};
+import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const I=c=>b(l,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),l=c("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));export{I as ProgressBarComponent,l as ProgressCompletedBar};

package/dist/esm/components/side-modal/SideModal.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps } from '../button/model';
 export interface SideModalProps {
     header: string;
     children: React.ReactNode;
+    headerCustomComponent?: React.ReactNode;
     footerCustomComponent?: React.ReactNode;
     footerDirection?: 'row' | 'row-reverse';
     hideCrossButton?: boolean;
@@ -13,6 +14,7 @@ export interface SideModalProps {
     zIndex?: number;
     hideFooter?: boolean;
     bodyStyle?: React.CSSProperties;
-    element?: Element | DocumentFragment;
+    headerStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
 }
 export declare const SideModal: React.FC<SideModalProps>;

package/dist/esm/components/side-modal/SideModal.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e,Fragment as t}from"react/jsx-runtime";import r from"react-dom";import i from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as l,SideModalBody as m,SideModalFooter as a,FooterButtonWrapper as h}from"./SideModal.style.js";const j=j=>{var p;return r.createPortal(o(c,Object.assign({zIndex:j.zIndex},{children:e(d,Object.assign({width:j.width},{children:[e(l,{children:[o(s,{children:j.header}),!j.hideCrossButton&&o(i,{width:24,height:24,onClick:j.onClose})]}),o(m,Object.assign({hideFooter:j.hideFooter,bodyStyle:Object.assign({},j.bodyStyle)},{children:j.children})),!0===j.hideFooter?null:e(a,Object.assign({footerDirection:j.footerDirection},{children:[e(h,Object.assign({footerDirection:j.footerDirection},{children:[o(n,Object.assign({},j.saveButtonProps)),o(n,Object.assign({},j.cancelButtonProps))]})),j.footerCustomComponent?j.footerCustomComponent:o(t,{})]}))]}))})),null!==(p=j.element)&&void 0!==p?p:document.body)};export{j as SideModal};
+import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as i}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as a,SideModalBody as l,SideModalFooter as h,FooterButtonWrapper as m}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(d,Object.assign({width:p.width},{children:[t(a,Object.assign({headerStyle:Object.assign({},p.headerStyle)},{children:[(null==p?void 0:p.headerCustomComponent)||o(i,{children:p.header}),!p.hideCrossButton&&o(n,{width:24,height:24,onClick:p.onClose})]})),o(l,Object.assign({hideFooter:p.hideFooter,bodyStyle:Object.assign({},p.bodyStyle)},{children:p.children})),!0===p.hideFooter?null:t(h,Object.assign({footerDirection:p.footerDirection,footerStyle:Object.assign({},p.footerStyle)},{children:[(p.saveButtonProps||p.cancelButtonProps)&&t(m,Object.assign({footerDirection:p.footerDirection},{children:[p.saveButtonProps&&o(s,Object.assign({},p.saveButtonProps)),p.cancelButtonProps&&o(s,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]}))})),document.body);export{p as SideModal};

package/dist/esm/components/side-modal/SideModal.style.d.ts

@@ -4,13 +4,16 @@ export declare const SideModalStyle: import("styled-components").StyledComponent
 export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
 }, never>;
-export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {
+    headerStyle: React.CSSProperties;
+}, never>;
 export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
     hideFooter?: boolean | undefined;
     bodyStyle: React.CSSProperties;
 }, never>;
 export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;
+    footerStyle: React.CSSProperties;
 }, never>;
 export declare const FooterButtonWrapper: import("styled-components").StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;

package/dist/esm/components/side-modal/SideModal.style.js

@@ -31,6 +31,9 @@ import e,{css as t}from"styled-components";import{COLORS as i}from"../../constan
 	svg:hover {
 		cursor: pointer;
 	}
+	${e=>{let{headerStyle:i}=e;return t`
+		${Object.keys(i).map((e=>`${e}: ${i[e]};`)).join("\n")}
+	`}}
 `,s=e.div`
 	overflow-y: auto;
 	padding: 24px;
@@ -50,6 +53,9 @@ import e,{css as t}from"styled-components";import{COLORS as i}from"../../constan
 	background: ${i.surface.standard};
 	border-top: 1px solid ${i.stroke.primary};
 	padding: 0px 24px;
+	${e=>{let{footerStyle:i}=e;return t`
+		${Object.keys(i).map((e=>`${e}: ${i[e]};`)).join("\n")}
+	`}}
 `,a=e.div`
 	display: flex;
 	flex-direction: ${e=>e.footerDirection||"row"};

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

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

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

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as t}from"./themes.js";const e=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!==(l=c.cursor)&&void 0!==l?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>l(c.variant)),";background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type)};`)," .text{color:",(c=>t(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblxuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInID8gJzRweCcgOiAnMTJweCcpfTtcblxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));export{e as Tag};
+import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as t}from"./themes.js";const e=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!==(l=c.cursor)&&void 0!==l?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>l(c.variant)),";background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type,c.theme)};`)," .text{color:",(c=>t(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblxuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInID8gJzRweCcgOiAnMTJweCcpfTtcblxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlLCBwcm9wcy50aGVtZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{e as Tag};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MouseEventHandler } from 'react';
 export type TagTheme = 'light' | 'dark';
-export type TagVariant = 'regular' | 'circle';
+export type TagVariant = 'regular' | 'circle' | 'compressed';
 export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
 export declare const ValidTagTypeMap: {
     regular: {
@@ -23,6 +23,16 @@ export declare const ValidTagTypeMap: {
         grey: boolean;
         ai: boolean;
     };
+    compressed: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
+    };
 };
 export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
     /**

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

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

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

@@ -1,6 +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 generateBorder: (type: TagType, theme: TagTheme) => 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

@@ -1 +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}},ai:{iconColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},textColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},border:"none",backgroundColor:{light:r.surface.ai,dark:r.surface.ai,circle:r.surface.ai}}},e=(r,e)=>n[e].iconColor[r],t=(r,e)=>n[e].textColor[r],o=r=>n[r].border,i=(r,e)=>n[e].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{o as generateBorder,i as getBackgroundColor,a as getPadding,e as getTagIconColor,t as getTextColor};
+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}},ai:{iconColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},textColor:{light:r.content.primaryInverse,dark:r.content.primaryInverse},border:"none",backgroundColor:{light:r.surface.aiLight,dark:r.surface.ai,circle:r.surface.ai}}},e=(r,e)=>n[e].iconColor[r],t=(r,e)=>n[e].textColor[r],o=(r,e)=>"ai"===r&&"light"===e?"rgba(254, 186, 210, 1)":n[r].border,i=(r,e)=>n[e].backgroundColor[r],a=r=>"regular"===r||"compressed"===r?"4px 8px":"2px 6px";export{o as generateBorder,i as getBackgroundColor,a as getPadding,e as getTagIconColor,t as getTextColor};

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

@@ -53,4 +53,4 @@ export interface TemplateContextMapperProps {
     setFileName?: (name: string) => void;
     hideDeviceContainerInPreview?: boolean;
 }
-export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList: variableListFromProps, discountCode, setDiscountCode, onBackPress, enabledCustomText, variableListForImage, showSampleValues, disableEditVariable, pod, extras, pickerConf, selectedCarouselProducts, disableEditExpiry, cardWidth, onDeleteSelectedProducts, fileName, setFileName, hideDeviceContainerInPreview, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList, discountCode, setDiscountCode, onBackPress, enabledCustomText, variableListForImage, showSampleValues, disableEditVariable, pod, extras, pickerConf, selectedCarouselProducts, disableEditExpiry, cardWidth, onDeleteSelectedProducts, fileName, setFileName, hideDeviceContainerInPreview, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import{useEffect as r,useState as i,useRef as a,useMemo as s}from"react";import n from"../../utils/StringUtils.js";import{COLORS as d}from"../../constants/Theme.js";import{StyledModal as c}from"../modals/styledModal.js";import{CHANNEL_TYPE as u}from"../template-preview/models/Channels.js";import{TemplateModalContext as p}from"./context/templateModalContext.js";import m from"./modalElements/Footer.js";import v from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as h}from"./utils/convertPlaceholdersToBikDropdown.js";const b=b=>{let{selectedTemplate:C,closeDialog:g,showVariableMapping:P,channel:f,htmlContent:x,templateVariables:E,onTemplateSelect:I,globalPlaceholders:S,showOnlyContent:y,whatsappSpecificPickerMeta:w,zIndex:T,showVariableModal:V,variableList:L,discountCode:k,setDiscountCode:M,onBackPress:j,enabledCustomText:D,variableListForImage:A,showSampleValues:F,disableEditVariable:H,pod:B,extras:O,pickerConf:W,selectedCarouselProducts:N,disableEditExpiry:z,cardWidth:R,onDeleteSelectedProducts:$,fileName:U,setFileName:_,hideDeviceContainerInPreview:q}=b;var G,J,K,Q,X,Y,Z,ee;r((()=>{ne(x)}),[x]);const le=f===u.WHATSAPP&&"CAROUSEL"===(null===(J=null===(G=null==C?void 0:C.components)||void 0===G?void 0:G[1])||void 0===J?void 0:J.type),oe=null==C?void 0:C.isProductCarouselType,[te,re]=i(f===u.EMAIL||le?"desktop":"mobile"),[ie,ae]=i(!1),[se,ne]=i(x),[de,ce]=i(!1),[ue,pe]=i([]),[me,ve]=i({}),[he,be]=i(C),[Ce,ge]=i([]),[Pe,fe]=i(null),[xe,Ee]=i(!1),[Ie,Se]=i(null!=E?E:[]),[ye,we]=i(!1),[Te,Ve]=i(le?(null===(Q=null===(K=null==he?void 0:he.mapping)||void 0===K?void 0:K.body)||void 0===Q?void 0:Q.length)?-1:0:-1),[Le,ke]=i([]),[Me,je]=i(void 0),De=a(null),[Ae,Fe]=i(!1),[He,Be]=i(!1);r((()=>{N?ke(N):oe&&ke([])}),[N]),r((()=>{var e;if(!xe&&oe&&(!N||0===ke.length)){const l=null===(e=null==he?void 0:he.components)||void 0===e?void 0:e[1].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,r;"HEADER"===e.type&&o.push(null!==(r=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==r?r:"")}))})),ge(o),Ee(!0)}}),[xe]);const Oe=s((()=>h(S)),[S]);return r((()=>{je(t(L))}),[L]),e(p.Provider,Object.assign({value:{hideCrossButton:He,setHideCrossButton:Be,variableList:Me,setVariableList:je,variableCallback:Pe,setVariableCallback:fe,showVariablePicker:ie,setShowVariablePicker:ae,template:he,setTemplate:be,device:te,setDevice:re,display_content:se,setDisplayContent:ne,originalVariableList:Ie,setOriginalVariableList:Se,isError:de,setIsError:ce,channel:f,globalNormalizedPlaceholders:Oe,templateSelectionTriggered:ye,setTemplateSelectionTriggered:we,enabledCustomText:D,disableEditVariable:H,pod:B,extras:O,isWhatsappCarousel:le,selectedCarouselIndex:Te,setSelectedCarouselIndex:Ve,isProductCarouselType:oe,templateErrorIndexes:me,cardCount:le?null===(Y=null===(X=C.components)||void 0===X?void 0:X[1].cards)||void 0===Y?void 0:Y.length:void 0,errorIndexes:ue,setErrorIndexes:pe,pickerConf:W,carouselProducts:Le,setCarouselProducts:ke,disableEditExpiry:z,cardWidth:R,cardImages:Ce,onDeleteSelectedProducts:$,hideDeviceContainerInPreview:q,sliderRef:De,isCarouselHovered:Ae,setIsCarouselHovered:Fe}},{children:y?e(v,{variableListFromProps:L,channel:u.EMAIL,hideHeader:!0}):l(c,Object.assign({hideCrossButton:He,zIndex:T,centralContainerStyles:{width:le?900:f===u.EMAIL&&P?1e3:800},open:!0,onClose:()=>{null==g||g()},headingTitle:null==he?void 0:he.label,headingSubtitle:f===u.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(Z=null==he?void 0:he.category)&&void 0!==Z?Z:"")} • ${null!==(ee=null==he?void 0:he.templateCategory)&&void 0!==ee?ee:""}`:"",onBackPress:()=>{null==j||j()},modalHeaderStyles:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:[e(v,{variableListFromProps:L,showSampleValues:F,showVariableMapping:P,channel:f,whatsappSpecificPickerMeta:w,showVariableModal:V,discountCode:k,setDiscountCode:M,variableListForImage:A&&(null==A?void 0:A.length)>0?A:Me,fileName:U,setFileName:e=>{null==_||_(e)}}),I?e(m,{isWhatsappCarousel:null!=le&&le,onSelect:function(){var e;if((null==Le?void 0:Le.length)<1&&oe)return void ce(!0);const l=null==I?void 0:I(he,Ie,null!=se?se:"",Le);ve(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&pe(l.errorIndexes),(null==l?void 0:l.error)&&ce(!!(null==l?void 0:l.error))):we(!0)}}):e(o,{})]}))}))};export{b as TemplateContextMapper};
+import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{useEffect as t,useState as r,useRef as i,useMemo as a}from"react";import n from"../../utils/StringUtils.js";import{COLORS as s}from"../../constants/Theme.js";import{StyledModal as d}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{TemplateModalContext as u}from"./context/templateModalContext.js";import p from"./modalElements/Footer.js";import m from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as v}from"./utils/convertPlaceholdersToBikDropdown.js";const h=h=>{let{selectedTemplate:C,closeDialog:b,showVariableMapping:g,channel:f,htmlContent:x,templateVariables:E,onTemplateSelect:I,globalPlaceholders:P,showOnlyContent:S,whatsappSpecificPickerMeta:y,zIndex:T,showVariableModal:w,variableList:M,discountCode:j,setDiscountCode:D,onBackPress:L,enabledCustomText:V,variableListForImage:k,showSampleValues:A,disableEditVariable:H,pod:F,extras:O,pickerConf:W,selectedCarouselProducts:N,disableEditExpiry:B,cardWidth:z,onDeleteSelectedProducts:R,fileName:$,setFileName:U,hideDeviceContainerInPreview:_}=h;var q,G,J,K,Q,X,Y,Z;t((()=>{ie(x)}),[x]);const ee=f===c.WHATSAPP&&"CAROUSEL"===(null===(G=null===(q=null==C?void 0:C.components)||void 0===q?void 0:q[1])||void 0===G?void 0:G.type),le=null==C?void 0:C.isProductCarouselType,[oe,te]=r(f===c.EMAIL||ee?"desktop":"mobile"),[re,ie]=r(x),[ae,ne]=r(!1),[se,de]=r([]),[ce,ue]=r({}),[pe,me]=r(C),[ve,he]=r([]),[Ce,be]=r(!1),[ge,fe]=r(null!=E?E:[]),[xe,Ee]=r(!1),[Ie,Pe]=r(ee?(null===(K=null===(J=null==pe?void 0:pe.mapping)||void 0===J?void 0:J.body)||void 0===K?void 0:K.length)?-1:0:-1),[Se,ye]=r([]),Te=i(null),[we,Me]=r(!1);t((()=>{N?ye(N):le&&ye([])}),[N]),t((()=>{var e;if(!Ce&&le&&(!N||0===ye.length)){const l=null===(e=null==pe?void 0:pe.components)||void 0===e?void 0:e[1].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,r;"HEADER"===e.type&&o.push(null!==(r=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==r?r:"")}))})),he(o),be(!0)}}),[Ce]);const je=a((()=>v(P)),[P]);return e(u.Provider,Object.assign({value:{template:pe,setTemplate:me,device:oe,setDevice:te,display_content:re,setDisplayContent:ie,originalVariableList:ge,setOriginalVariableList:fe,isError:ae,setIsError:ne,channel:f,globalNormalizedPlaceholders:je,templateSelectionTriggered:xe,setTemplateSelectionTriggered:Ee,enabledCustomText:V,disableEditVariable:H,pod:F,extras:O,isWhatsappCarousel:ee,selectedCarouselIndex:Ie,setSelectedCarouselIndex:Pe,isProductCarouselType:le,templateErrorIndexes:ce,cardCount:ee?null===(X=null===(Q=C.components)||void 0===Q?void 0:Q[1].cards)||void 0===X?void 0:X.length:void 0,errorIndexes:se,setErrorIndexes:de,pickerConf:W,carouselProducts:Se,setCarouselProducts:ye,disableEditExpiry:B,cardWidth:z,cardImages:ve,onDeleteSelectedProducts:R,hideDeviceContainerInPreview:_,sliderRef:Te,isCarouselHovered:we,setIsCarouselHovered:Me}},{children:S?e(m,{channel:c.EMAIL,hideHeader:!0}):l(d,Object.assign({zIndex:T,centralContainerStyles:{width:ee?900:f===c.EMAIL&&g?1e3:800},open:!0,onClose:()=>{null==b||b()},headingTitle:null==pe?void 0:pe.label,headingSubtitle:f===c.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(Y=null==pe?void 0:pe.category)&&void 0!==Y?Y:"")} • ${null!==(Z=null==pe?void 0:pe.templateCategory)&&void 0!==Z?Z:""}`:"",onBackPress:()=>{null==L||L()},modalHeaderStyles:{borderBottom:`1px solid ${s.stroke.primary}`}},{children:[e(m,{showSampleValues:A,showVariableMapping:g,channel:f,whatsappSpecificPickerMeta:y,showVariableModal:w,variableList:M,discountCode:j,setDiscountCode:D,variableListForImage:k&&(null==k?void 0:k.length)>0?k:M,fileName:$,setFileName:e=>{null==U||U(e)}}),I?e(p,{isWhatsappCarousel:null!=ee&&ee,onSelect:function(){var e;if((null==Se?void 0:Se.length)<1&&le)return void ne(!0);const l=null==I?void 0:I(pe,ge,null!=re?re:"",Se);ue(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&de(l.errorIndexes),(null==l?void 0:l.error)&&ne(!!(null==l?void 0:l.error))):Ee(!0)}}):e(o,{})]}))}))};export{h as TemplateContextMapper};

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

@@ -1,6 +1,5 @@
 import React, { LegacyRef } from 'react';
 import Slider from 'react-slick';
-import { VariableListInterfaceV2 } from "../../add-variableV2";
 import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
 import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
 import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
@@ -10,14 +9,6 @@ import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../
 import { ExtrasWhatsapp, WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
 export type DEVICE_TYPES = 'desktop' | 'mobile';
 export declare const TemplateModalContext: React.Context<{
-    hideCrossButton: boolean;
-    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
-    variableList: VariableListInterfaceV2[] | undefined;
-    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
-    variableCallback: any;
-    setVariableCallback: any;
-    showVariablePicker: boolean;
-    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
     device: DEVICE_TYPES;
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;
@@ -67,14 +58,6 @@ export declare const TemplateModalContext: React.Context<{
     setIsCarouselHovered?: ((value: boolean) => void) | undefined;
 }>;
 export declare const useTemplateModalContext: () => {
-    hideCrossButton: boolean;
-    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
-    variableList: VariableListInterfaceV2[] | undefined;
-    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
-    variableCallback: any;
-    setVariableCallback: any;
-    showVariablePicker: boolean;
-    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
     device: DEVICE_TYPES;
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;

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

@@ -1 +1 @@
-import e,{useContext as t}from"react";import{CHANNEL_TYPE as a}from"../../template-preview/models/Channels.js";const l=e.createContext({hideCrossButton:!1,setHideCrossButton:()=>{},variableList:[],setVariableList:()=>{},variableCallback:null,setVariableCallback:null,showVariablePicker:!1,setShowVariablePicker:()=>{},device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:a.EMAIL,template:null,isError:!1,enabledCustomText:!1,disableEditVariable:!1,disableEditExpiry:!1}),i=()=>t(l);export{l as TemplateModalContext,i as useTemplateModalContext};
+import e,{useContext as t}from"react";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";const l=e.createContext({device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:i.EMAIL,template:null,isError:!1,enabledCustomText:!1,disableEditVariable:!1,disableEditExpiry:!1}),r=()=>t(l);export{l as TemplateModalContext,r as useTemplateModalContext};

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts

@@ -9,4 +9,4 @@ export type AdditionalVariableProps = {
  * Takes the previous variable list and adds any custom variable given as prop.
  * E.g - Custom Text, Custom URL, Static Expiry
  */
-export declare const updateVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;
+export declare const useAdditionalVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.js

@@ -1 +1 @@
-const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:l,variableValue:r}=a;if(!e)return e;const s={description:i,displayName:i,orderId:1,variables:{[l]:{description:void 0,displayName:l,actualValue:r,variableType:"any",isAvailable:!0}}};return e.find((a=>a.displayName===i))||e.unshift(s),e};export{a as updateVariables};
+const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:r,variableValue:l}=a;return e?[...e,{description:i,displayName:i,orderId:1,variables:{variableDisplayName:{description:void 0,displayName:r,actualValue:l,variableType:"any",isAvailable:!0}}}].sort(((a,e)=>a.orderId-e.orderId)):e};export{a as useAdditionalVariables};

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

@@ -5,13 +5,13 @@ export interface BodyProps {
     showOnlyContent?: boolean;
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     showVariableModal?: boolean;
+    variableList?: VariableListInterfaceV2[];
     variableListForImage?: VariableListInterfaceV2[];
     discountCode?: string;
     setDiscountCode?: (code: string) => void;
     showSampleValues?: boolean;
     fileName?: string;
     setFileName?: (name: string) => void;
-    variableListFromProps?: VariableListInterfaceV2[];
 }
 declare const Body: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export default Body;

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

@@ -1,22 +1,22 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{cloneDeep as a}from"lodash";import{useRef as l}from"react";import n from"styled-components";import{CarouselPreview as r}from"../../carousel-preview/CarouselPreview.js";import s from"./EditWhatsAppCarouselTemplateV2.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{BodySecondary as d}from"../../TypographyStyle.js";import{VariablePicker as c}from"../../variable-picker-v3/VariablePicker.js";import{COLORS as m}from"../../../constants/Theme.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as u}from"../utils/constants.js";import{getVariableNameForEmailByIndex as v}from"../utils/getVariableNameEmail.js";import{highlightFor as w}from"../utils/highlightFor.js";import f from"./DesktopPreview.js";import b from"./EditWhatsAppTemplateV2.js";import g from"./MobilePreview.js";import C from"./VariableConnectorsPanel.js";const P=n.div`
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as i}from"react";import a from"styled-components";import{CarouselPreview as l}from"../../carousel-preview/CarouselPreview.js";import n from"./EditWhatsAppCarouselTemplateV2.js";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";import{BodySecondary as s}from"../../TypographyStyle.js";import{COLORS as p}from"../../../constants/Theme.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as m}from"../utils/constants.js";import{getVariableNameForEmailByIndex as c}from"../utils/getVariableNameEmail.js";import{highlightFor as h}from"../utils/highlightFor.js";import u from"./DesktopPreview.js";import v from"./EditWhatsAppTemplateV2.js";import f from"./MobilePreview.js";import w from"./VariableConnectorsPanel.js";const g=a.div`
 	display: flex;
 	//	height: 100%;
-`,x=n.div`
-	max-width: 450px;
-	max-width: ${e=>e.channel===p.EMAIL?"400px":"450px"};
+`,b=a.div`
+	padding: 16px 14px;
+	max-width: ${e=>e.channel===r.EMAIL?"400px":"450px"};
 
-	height: ${e=>e.channel===p.WHATSAPP?"500px":"475px"};
+	height: ${e=>e.channel===r.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
-	border-left: ${m.stroke.primary} 1px solid;
-	border-top: ${e=>e.isWhatsappCarousel?`${m.stroke.primary} 1px solid`:void 0};
+	border-left: ${p.stroke.primary} 1px solid;
+	border-top: ${e=>e.isWhatsappCarousel?`${p.stroke.primary} 1px solid`:void 0};
 	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
-`,y=n.div`
+`,C=a.div`
 	padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: ${e=>e.isWhatsappCarousel||e.hideDeviceContainerInPreview?"500px":"475px"};
 	overflow-y: auto;
-	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?`url(${u});`:"none"};
-	display: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?"flex":"initial"};
+	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===r.WHATSAPP?`url(${m});`:"none"};
+	display: ${e=>e.hideDeviceContainerInPreview&&e.channel===r.WHATSAPP?"flex":"initial"};
 	align-items: flex-start;
-`,k=n=>{const{showVariableMapping:u,showOnlyContent:k,whatsappSpecificPickerMeta:j,showVariableModal:A,discountCode:S,setDiscountCode:V,variableListForImage:M,showSampleValues:W,variableListFromProps:T}=n,E=l(),I=l(),{variableList:D,setVariableList:$,variableCallback:H,showVariablePicker:L,setShowVariablePicker:B,device:O,display_content:_,channel:F,template:G,setTemplate:N,isWhatsappCarousel:q,isProductCarouselType:z,hideDeviceContainerInPreview:J}=h();const K=e=>{let o=0;for(;e;)o+=e.offsetTop,e=e.offsetParent;return o};return e(P,{children:[o(y,Object.assign({showOnlyContent:k,showVariableMapping:u,isWhatsappCarousel:q,hideDeviceContainerInPreview:J,channel:F},{children:"mobile"===O?o(g,{ref:I,display_content:null!=_?_:"",channel:F,template:G,showSampleValues:W}):F===p.WHATSAPP&&q?o(r,{ref:E,channel:F,template:G,showSampleValues:W,isPreview:!1,showArrows:!0}):F!==p.MESSAGE?o(f,{ref:E,channel:F,display_content:null!=_?_:"",showSampleValues:W}):o(t,{})})),(z||u)&&e(x,Object.assign({channel:F,isWhatsappCarousel:q,showVariableMapping:!0},{children:[o("div",Object.assign({style:{height:"100%",width:428,display:L?"block":"none"}},{children:o(c,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{$(a(T)),B(!1)},onSelect:e=>{H(e),$(a(T)),B(!1)},type:i.EMBEDDED,data:null!=D?D:[]},Math.random())})),o("div",Object.assign({style:{padding:"16px 14px",display:L?"none":"block"}},{children:F!==p.WHATSAPP?o(C,{onFocus:F===p.EMAIL?function(e){var o,t,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===O?"template_html_mobile":"template_html_desktop"),l=v(e+1),n=F===p.EMAIL?null===(o=null==a?void 0:a.contentWindow)||void 0===o?void 0:o.document.getElementById(l):document.getElementById(l),r=K(n),s=null==n?void 0:n.offsetLeft;"desktop"===O?r&&E.current&&(null===(t=null==a?void 0:a.contentWindow)||void 0===t||t.scrollTo(null!=s?s:0,r),w(l,m.background.warning.light,2,F,O)):r&&I.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=s?s:0,r),w(l,m.background.warning.light,2,F,O))}:void 0,showVariableModal:A,discountCode:S,setDiscountCode:V}):F===p.WHATSAPP&&q?o(s,{whatsappSpecificPickerMeta:j,template:G,showVariableModal:A,variableListForImage:M,discountCode:S,setDiscountCode:V}):o(b,{whatsappSpecificPickerMeta:j,template:G,onTemplateChange:e=>{null==N||N(e)},showVariableModal:A,variableListForImage:M,discountCode:S,setDiscountCode:V})}))]})),F===p.WHATSAPP&&!u&&!z&&o(x,{children:o(d,Object.assign({color:m.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{k as default};
+`,P=a=>{const{showVariableMapping:m,showOnlyContent:P,whatsappSpecificPickerMeta:x,showVariableModal:y,variableList:A,discountCode:S,setDiscountCode:W,variableListForImage:j,showSampleValues:M,fileName:T,setFileName:V}=a,I=i(),k=i(),{device:E,display_content:L,channel:$,template:D,setTemplate:F,isWhatsappCarousel:H,isProductCarouselType:_,hideDeviceContainerInPreview:O}=d();const N=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(g,{children:[t(C,Object.assign({showOnlyContent:P,showVariableMapping:m,isWhatsappCarousel:H,hideDeviceContainerInPreview:O,channel:$},{children:"mobile"===E?t(f,{ref:k,display_content:null!=L?L:"",channel:$,template:D,showSampleValues:M}):$===r.WHATSAPP&&H?t(l,{ref:I,channel:$,template:D,showSampleValues:M,isPreview:!1,showArrows:!0}):$!==r.MESSAGE?t(u,{ref:I,channel:$,display_content:null!=L?L:"",showSampleValues:M}):t(o,{})})),(_||m)&&t(b,Object.assign({channel:$,isWhatsappCarousel:H,showVariableMapping:!0},{children:$!==r.WHATSAPP?t(w,{onFocus:$===r.EMAIL?function(e){var t,o,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===E?"template_html_mobile":"template_html_desktop"),l=c(e+1),n=$===r.EMAIL?null===(t=null==a?void 0:a.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),s=N(n),d=null==n?void 0:n.offsetLeft;"desktop"===E?s&&I.current&&(null===(o=null==a?void 0:a.contentWindow)||void 0===o||o.scrollTo(null!=d?d:0,s),h(l,p.background.warning.light,2,$,E)):s&&k.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=d?d:0,s),h(l,p.background.warning.light,2,$,E))}:void 0,showVariableModal:y,variableList:A,discountCode:S,setDiscountCode:W}):$===r.WHATSAPP&&H?t(n,{whatsappSpecificPickerMeta:x,template:D,showVariableModal:y,variableList:A,variableListForImage:j,discountCode:S,setDiscountCode:W}):t(v,{whatsappSpecificPickerMeta:x,template:D,onTemplateChange:e=>{null==F||F(e)},showVariableModal:y,variableList:A,variableListForImage:j,discountCode:S,setDiscountCode:W,fileName:T,setFileName:V})})),$===r.WHATSAPP&&!m&&!_&&t(b,{children:t(s,Object.assign({color:p.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{P as default};

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as o}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as m}from"../../template-preview/models/Channels.js";const s=i.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import{TemplatePreview as a}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as o}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as s}from"../../template-preview/models/Channels.js";const m=i.div`
 	background: ${o.surface.standard};
 	border: 1px solid ${o.stroke.primary};
 	border-radius: 8px;
@@ -17,4 +17,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import i
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,n=r.forwardRef(((r,i)=>{let{display_content:o,showSampleValues:n}=r;return e(s,Object.assign({ref:i},{children:[e(l,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:o?t(a,{showSampleValues:n,channel:m.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(p,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};
+`,n=r.forwardRef(((r,i)=>{let{display_content:o,showSampleValues:n}=r;return e(m,Object.assign({ref:i},{children:[e(l,{children:[t(d,{}),t(d,{}),t(d,{})]}),t("div",{children:o?t(a,{showSampleValues:n,channel:s.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}}}):t("div",Object.assign({style:{padding:20}},{children:t(p,{size:"small"})}))})]}))}));n.displayName="DesktopPreview";export{n as default};

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

@@ -1,4 +1,6 @@
+import { VariableListInterfaceV2 } from "../../add-variableV2";
 export declare const DiscountCodeComponent: (props: {
     discountCode?: string | undefined;
     setDiscountCode?: ((code: string) => void) | undefined;
+    variableList?: VariableListInterfaceV2[] | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/PlusIcon.js";import{useState as i,useRef as a,useEffect as n}from"react";import{CheckBox as s}from"../../checkBox/CheckBox.js";import{TitleSmall as c}from"../../TypographyStyle.js";import{useTemplateModalContext as l}from"../context/templateModalContext.js";import{AddVariableStyled as d}from"./VariableConnectorsPanel.js";import{Input as m}from"../../input/Input.js";const u=u=>{const{discountCode:h,setDiscountCode:p}=u,[g,f]=i(""),[j,b]=i(!!h),[v,C]=i(!1),{setVariableCallback:x,setShowVariablePicker:y}=l(),V=a(),k=a();n((()=>{p&&g&&p(h+g)}),[g]);const O=e=>{f(e.actualValue)};return e(r,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[o(s,{isChecked:j,onValueChange:()=>{j&&p&&(p(""),f("")),b(!j)}}),o(c,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),j&&e("div",Object.assign({ref:V,style:{margin:10}},{children:[o(m,{placeholder:"Enter your discount code",onChangeText:e=>{p&&p(e)},value:h,onFocus:()=>{C(!0)},onBlur:e=>{var r;"addVar"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)?(V.current&&V.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),v&&o(d,Object.assign({ref:k,id:"addVar",onClick:e=>{e.stopPropagation(),x((()=>O)),y(!0)}},{children:e("div",Object.assign({className:"add"},{children:[o(t,{width:14,height:14,color:"white"}),o("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};export{u as DiscountCodeComponent};
+import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import r from"../../../assets/icons/PlusIcon.js";import{useState as o,useRef as a,useEffect as s}from"react";import{AddVariableV2SideModal as l}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{CheckBox as c}from"../../checkBox/CheckBox.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const p=p=>{const{discountCode:u,setDiscountCode:h,variableList:b}=p,[j,g]=o(""),[v,V]=o(!!u),[f,y]=o(!1),[x,C]=o(!1),w=a(),T=a();return s((()=>{h&&j&&h(u+j)}),[j]),e(t,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(c,{isChecked:v,onValueChange:()=>{v&&h&&(h(""),g("")),V(!v)}}),i(n,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),v&&e("div",Object.assign({ref:w,style:{margin:10}},{children:[i(d,{placeholder:"Enter your discount code",onChangeText:e=>{h&&h(e)},value:u,onFocus:()=>{y(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(w.current&&w.current.focus(),y(!0)):(y(!1),C(!1))},noErrorHint:!0,validate:e=>[!0,""]}),f&&i(m,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),C(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(r,{width:14,height:14,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),x&&i(l,{zIndex:2e3,data:null!=b?b:[],showVariable:x,setShowVariable:C,variableValue:j,setVariableValue:g,placeholder:"Add a variable",customTrigger:e=>{g(e.actualValue),y(!1)}})]})};export{p as DiscountCodeComponent};