@bikdotai/bik-component-library 0.0.533-beta.4 → 0.0.533-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/floater/floater.js +1 -1
- package/dist/cjs/components/input-with-vars/InputWithVariables.d.ts +3 -1
- package/dist/cjs/components/input-with-vars/InputWithVariables.js +2 -2
- package/dist/cjs/components/input-with-vars/customPortal.d.ts +8 -0
- package/dist/cjs/components/input-with-vars/customPortal.js +1 -0
- package/dist/cjs/components/list-item/ListItem.d.ts +1 -1
- package/dist/cjs/components/list-item/themes.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/Body.js +4 -5
- package/dist/cjs/components/template-context-mapper/modalElements/Footer.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
- package/dist/cjs/components/variable-picker-v3/Content.js +1 -1
- package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js +1 -1
- package/dist/cjs/components/variable-picker-v3/styles.js +4 -2
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/floater/floater.js +1 -1
- package/dist/esm/components/input-with-vars/InputWithVariables.d.ts +3 -1
- package/dist/esm/components/input-with-vars/InputWithVariables.js +2 -2
- package/dist/esm/components/input-with-vars/customPortal.d.ts +8 -0
- package/dist/esm/components/input-with-vars/customPortal.js +1 -0
- package/dist/esm/components/list-item/ListItem.d.ts +1 -1
- package/dist/esm/components/list-item/themes.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/Body.js +0 -1
- package/dist/esm/components/template-context-mapper/modalElements/Footer.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js +1 -1
- package/dist/esm/components/variable-picker-v3/Content.js +1 -1
- package/dist/esm/components/variable-picker-v3/SubHeaderItems.js +1 -1
- package/dist/esm/components/variable-picker-v3/styles.js +6 -4
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=n=>{const i=t.useRef(null),[r,s]=t.useState(0),[o,f]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();(e=>{let t=0;t=n.leftOffset?e.left+n.leftOffset:e.left+e.width+
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=n=>{const i=t.useRef(null),[r,s]=t.useState(0),[o,f]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();(e=>{let t=0;t=n.leftOffset?e.left+n.leftOffset:e.left+e.width+20;const r=null==i?void 0:i.current;r?(t>window.innerWidth-r.offsetWidth&&(t=window.innerWidth-r.offsetWidth-50),f(t)):f(t)})(e),(e=>{let t=e.top;const n=null==i?void 0:i.current;if(!n)return void s(t);const r=window.innerHeight;e.top+n.offsetHeight>r&&(t=e.top-(e.top+n.offsetHeight-r)-10),s(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:r,left:o,position:"fixed"}},{children:e.jsx("div",Object.assign({ref:i},{children:n.children}))})):null};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { Variable } from '../add-variableV2/AddVariableV2';
|
|
3
3
|
import { SelectedVariable } from '../add-variableV2/types';
|
|
4
4
|
import { InputTypeI } from '../input';
|
|
5
|
+
import { PickerType } from '../variable-picker-v3/model';
|
|
5
6
|
export interface InputWithVariablesProps {
|
|
6
7
|
type?: InputTypeI;
|
|
7
8
|
variablesList: any;
|
|
@@ -14,7 +15,6 @@ export interface InputWithVariablesProps {
|
|
|
14
15
|
placeHolder?: string;
|
|
15
16
|
showAddButton?: boolean;
|
|
16
17
|
errorMessage?: string;
|
|
17
|
-
showSideModal?: boolean;
|
|
18
18
|
noMaxCharCheck?: boolean;
|
|
19
19
|
maxCharLimit?: number;
|
|
20
20
|
labelText?: string;
|
|
@@ -22,5 +22,7 @@ export interface InputWithVariablesProps {
|
|
|
22
22
|
isRequired?: boolean;
|
|
23
23
|
hintText?: string;
|
|
24
24
|
onEnterPress?: (input: string) => void;
|
|
25
|
+
pickerType?: PickerType;
|
|
26
|
+
portalElement?: HTMLElement;
|
|
25
27
|
}
|
|
26
28
|
export declare const InputWithVariables: React.FC<InputWithVariablesProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../assets/icons/PlusIcon.js"),t=require("react"),r=require("styled-components"),l=require("uuid"),i=require("../../constants/Theme.js"),s=require("../add-variableV2/AddVariableBox.styled.js"),n=require("../floater/floater.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../assets/icons/PlusIcon.js"),t=require("react"),r=require("styled-components"),l=require("uuid"),i=require("../../constants/Theme.js"),s=require("../add-variableV2/AddVariableBox.styled.js"),n=require("../floater/floater.js"),c=require("../input/Input.js"),u=require("../TypographyStyle.js"),o=require("../variable-picker-v3/VariablePicker.js"),d=require("../variable-picker-v3/model.js"),v=require("./customPortal.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const b=p(r).default.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
margin-bottom: 16px;
|
|
4
4
|
input {
|
|
5
5
|
color: ${e=>e.isVar?i.COLORS.stroke.brand:"black"};
|
|
6
6
|
}
|
|
7
|
-
`;exports.InputWithVariables=r=>{let{type:i,allowMix:
|
|
7
|
+
`;exports.InputWithVariables=r=>{let{type:i,allowMix:p,onChange:j,prevVariable:x,variablesList:y,onBlur:h,onlyVariables:g,placeHolder:T,showAddButton:f=!0,showHelp:V,errorMessage:m,maxCharLimit:k,noMaxCharCheck:C,labelText:O,labelElement:S,isRequired:q=!1,hintText:E,onEnterPress:P,pickerType:R=d.PickerType.FLOATER,portalElement:F}=r;const A=t.useRef(),w=t.useRef(!0),I=t.useRef(null),[L,M]=t.useState(!1),[B]=t.useState(l.v4()),[D,N]=t.useState(),[$,z]=t.useState(x),[H,_]=t.useState(!1),[K,W]=t.useState(!1),[G,J]=t.useState(0);return t.useEffect((()=>{if(D&&D.actualValue)if(p){if(z((e=>{return{actualValue:(a=e.actualValue,t=D.actualValue,r=G,a.slice(0,r)+t+a.slice(r)),variableType:"string"};var a,t,r})),I.current){J(I.current.selectionStart);const e=G+D.actualValue.length+2;I.current.setSelectionRange(e,e),J(e)}}else z((e=>({actualValue:D.actualValue,variableType:D.variableType,needsFetching:D.needsFetching})))}),[D]),t.useEffect((()=>{w.current?w.current=!1:j($)}),[$]),e.jsxs(e.Fragment,{children:[e.jsxs(b,Object.assign({isVar:/^{{.*}}$/.test($.actualValue),onKeyDown:e=>{console.log("key",e.key),"Enter"===e.key&&(null==P||P($.actualValue))}},{children:[e.jsx(c.Input,{isRequired:q,hintText:E,type:null!=i?i:"text",id:B,ref:I,skipFocus:!0,isActive:L,value:$.actualValue,validate:e=>[!0,""],errorMessage:m,noMaxCharCheck:C,maxCharLimit:k,labelText:O,labelElement:S,placeholder:T||"Add a value",onClick:e=>{I.current&&J(I.current.selectionStart)},onChangeText:(e,a)=>{if(I.current&&J(I.current.selectionStart),g){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||z({actualValue:"",variableType:"string"})}else z(p?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{M(!0),W(!0)},onBlur:e=>{var a,t,r,l,i,s,n;console.log("ee",null===(a=e.relatedTarget)||void 0===a?void 0:a.id),null==h||h(e,$),"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(i=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===i?void 0:i.includes("accordion"))||"back-btn-v3"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.id)?(I.current&&I.current.focus(),M(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?M(!0):(M(!1),_(!1),W(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[$.actualValue&&V&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(u.BodyCaption,{children:`This value is of type ${$.variableType}`})})),f&&K&&e.jsx("div",Object.assign({style:{marginTop:m||E?"-24px":"0px"}},{children:e.jsx(s.AddVariableStyled,Object.assign({ref:A,id:"addVar",onClick:()=>{_(!H)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a.default,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),H&&e.jsx(e.Fragment,{children:R===d.PickerType.EMBEDDED?e.jsx(v.CustomPortal,Object.assign({zIndex:101,element:null!=F?F:document.body},{children:e.jsx(o.VariablePicker,{onClose:()=>_(!1),type:d.PickerType.FLOATER,data:y,onSelect:e=>{N(e),_(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(n.Floater,Object.assign({refElement:A},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(o.VariablePicker,{onClose:()=>_(!1),type:d.PickerType.FLOATER,data:y,onSelect:e=>{N(e),_(!1)}})}))}))}))})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react-dom"));exports.CustomPortal=t=>{var i;return r.default.createPortal(e.jsx("div",Object.assign({style:{zIndex:null!==(i=t.zIndex)&&void 0!==i?i:2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"}},{children:e.jsx("div",Object.assign({style:{height:"100%",display:"flex",flexDirection:"column"}},{children:t.children}))})),t.element)};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'placeholder' | 'separator';
|
|
2
|
+
export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
|
|
3
3
|
export interface ListItemElement {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),g=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":default:return`${g.COLORS.text.primary}`;case"selected":return`${g.COLORS.content.positive}`;case"inactive":return`${g.COLORS.content.inactive}`;case"error":return`${g.COLORS.content.negative}`;case"placeholder":return`${g.COLORS.content.placeholder}`}},exports.getTheme=function(I,C){switch(I){case"default":return c.css("cursor:pointer;color:",g.COLORS.text.primary,";background-color:",g.COLORS.surface.standard,";&:hover{background-color:",g.COLORS.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.css("color:",g.COLORS.content.positive,";background:",g.COLORS.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */");case"inactive":return c.css("color:",g.COLORS.content.inactive,";background-color:",g.COLORS.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.css("color:",g.COLORS.content.inactive,";background-color:",g.COLORS.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.css("color:",g.COLORS.text.primary,";background-color:",g.COLORS.surface.standard,";&:hover{background-color:",g.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy50ZXh0LnByaW1hcnl9YDtcclxuICAgICAgICBjYXNlICdzZWxlY3RlZCc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24pIHtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ2RlZmF1bHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlcGFyYXRvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRcdGN1cnNvcjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogOHB4IDE2cHg7XG5cdFx0XHRgO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9dGhlbWVzLmpzLm1hcCJdfQ== */")}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.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.css("color:",I.COLORS.content.positive,";background:",I.COLORS.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.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.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.css("color:",I.COLORS.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.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.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.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),i=require("lodash"),a=require("react"),l=require("styled-components"),o=require("../../carousel-preview/CarouselPreview.js"),r=require("./EditWhatsAppCarouselTemplateV2.js"),n=require("../../template-preview/models/Channels.js"),s=require("../../TypographyStyle.js"),d=require("../../variable-picker-v3/VariablePicker.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),i=require("lodash"),a=require("react"),l=require("styled-components"),o=require("../../carousel-preview/CarouselPreview.js"),r=require("./EditWhatsAppCarouselTemplateV2.js"),n=require("../../template-preview/models/Channels.js"),s=require("../../TypographyStyle.js"),d=require("../../variable-picker-v3/VariablePicker.js"),c=require("../../../constants/Theme.js"),p=require("../context/templateModalContext.js"),u=require("../utils/constants.js"),h=require("../utils/getVariableNameEmail.js"),m=require("../utils/highlightFor.js"),v=require("./DesktopPreview.js"),C=require("./EditWhatsAppTemplateV2.js"),P=require("./MobilePreview.js"),w=require("./VariableConnectorsPanel.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=x(l);const g=b.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
// height: 100%;
|
|
4
4
|
`,E=b.default.div`
|
|
5
5
|
max-width: 450px;
|
|
6
|
-
padding: 16px 14px;
|
|
7
6
|
max-width: ${e=>e.channel===n.CHANNEL_TYPE.EMAIL?"400px":"450px"};
|
|
8
7
|
|
|
9
8
|
height: ${e=>e.channel===n.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
|
|
10
9
|
overflow-y: auto;
|
|
11
10
|
padding-bottom: 24px;
|
|
12
|
-
border-left: ${
|
|
13
|
-
border-top: ${e=>e.isWhatsappCarousel?`${
|
|
11
|
+
border-left: ${c.COLORS.stroke.primary} 1px solid;
|
|
12
|
+
border-top: ${e=>e.isWhatsappCarousel?`${c.COLORS.stroke.primary} 1px solid`:void 0};
|
|
14
13
|
${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
|
|
15
14
|
`,f=b.default.div`
|
|
16
15
|
padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
|
|
@@ -20,4 +19,4 @@
|
|
|
20
19
|
background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===n.CHANNEL_TYPE.WHATSAPP?`url(${u.BACKGROUND_PREVIEW_IMAGE});`:"none"};
|
|
21
20
|
display: ${e=>e.hideDeviceContainerInPreview&&e.channel===n.CHANNEL_TYPE.WHATSAPP?"flex":"initial"};
|
|
22
21
|
align-items: flex-start;
|
|
23
|
-
`;exports.default=l=>{const{showVariableMapping:u,showOnlyContent:x,whatsappSpecificPickerMeta:b,showVariableModal:j,discountCode:y,setDiscountCode:A,variableListForImage:T,showSampleValues:S,variableListFromProps:L}=l,k=a.useRef(),N=a.useRef(),{variableList:V,setVariableList:M,variableCallback:_,showVariablePicker:H,setShowVariablePicker:q,device:O,display_content:W,channel:I,template:D,setTemplate:B,isWhatsappCarousel:Y,isProductCarouselType:$,hideDeviceContainerInPreview:F}=
|
|
22
|
+
`;exports.default=l=>{const{showVariableMapping:u,showOnlyContent:x,whatsappSpecificPickerMeta:b,showVariableModal:j,discountCode:y,setDiscountCode:A,variableListForImage:T,showSampleValues:S,variableListFromProps:L}=l,k=a.useRef(),N=a.useRef(),{variableList:V,setVariableList:M,variableCallback:_,showVariablePicker:H,setShowVariablePicker:q,device:O,display_content:W,channel:I,template:D,setTemplate:B,isWhatsappCarousel:Y,isProductCarouselType:$,hideDeviceContainerInPreview:F}=p.useTemplateModalContext();const R=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(g,{children:[e.jsx(f,Object.assign({showOnlyContent:x,showVariableMapping:u,isWhatsappCarousel:Y,hideDeviceContainerInPreview:F,channel:I},{children:"mobile"===O?e.jsx(P.default,{ref:N,display_content:null!=W?W:"",channel:I,template:D,showSampleValues:S}):I===n.CHANNEL_TYPE.WHATSAPP&&Y?e.jsx(o.CarouselPreview,{ref:k,channel:I,template:D,showSampleValues:S,isPreview:!1,showArrows:!0}):I!==n.CHANNEL_TYPE.MESSAGE?e.jsx(v.default,{ref:k,channel:I,display_content:null!=W?W:"",showSampleValues:S}):e.jsx(e.Fragment,{})})),($||u)&&e.jsxs(E,Object.assign({channel:I,isWhatsappCarousel:Y,showVariableMapping:!0},{children:[e.jsx("div",Object.assign({style:{height:"100%",width:428,display:H?"block":"none"}},{children:e.jsx(d.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{M(i.cloneDeep(L)),q(!1)},onSelect:e=>{_(e),M(i.cloneDeep(L)),q(!1)},type:t.PickerType.EMBEDDED,data:null!=V?V:[]},Math.random())})),e.jsx("div",Object.assign({style:{padding:"16px 14px",display:H?"none":"block"}},{children:I!==n.CHANNEL_TYPE.WHATSAPP?e.jsx(w.default,{onFocus:I===n.CHANNEL_TYPE.EMAIL?function(e){var t,i,a;const l=null===document||void 0===document?void 0:document.getElementById("mobile"===O?"template_html_mobile":"template_html_desktop"),o=h.getVariableNameForEmailByIndex(e+1),r=I===n.CHANNEL_TYPE.EMAIL?null===(t=null==l?void 0:l.contentWindow)||void 0===t?void 0:t.document.getElementById(o):document.getElementById(o),s=R(r),d=null==r?void 0:r.offsetLeft;"desktop"===O?s&&k.current&&(null===(i=null==l?void 0:l.contentWindow)||void 0===i||i.scrollTo(null!=d?d:0,s),m.highlightFor(o,c.COLORS.background.warning.light,2,I,O)):s&&N.current&&(null===(a=null==l?void 0:l.contentWindow)||void 0===a||a.scrollTo(null!=d?d:0,s),m.highlightFor(o,c.COLORS.background.warning.light,2,I,O))}:void 0,showVariableModal:j,discountCode:y,setDiscountCode:A}):I===n.CHANNEL_TYPE.WHATSAPP&&Y?e.jsx(r.default,{whatsappSpecificPickerMeta:b,template:D,showVariableModal:j,variableListForImage:T,discountCode:y,setDiscountCode:A}):e.jsx(C.default,{whatsappSpecificPickerMeta:b,template:D,onTemplateChange:e=>{null==B||B(e)},showVariableModal:j,variableListForImage:T,discountCode:y,setDiscountCode:A})}))]})),I===n.CHANNEL_TYPE.WHATSAPP&&!u&&!$&&e.jsx(E,{children:e.jsx(s.BodySecondary,Object.assign({color:c.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};
|
|
@@ -11,4 +11,4 @@
|
|
|
11
11
|
gap: 12;
|
|
12
12
|
border-bottom-left-radius: 4px;
|
|
13
13
|
border-bottom-right-radius: 4px;
|
|
14
|
-
`;exports.default=r=>{let{isWhatsappCarousel:a,onSelect:u}=r;var c,p,x,b;const{isError:g,selectedCarouselIndex:j,setSelectedCarouselIndex:f,setErrorIndexes:m,template:v}=i.useTemplateModalContext(),[y,h]=t.useState(a?"Next":"Select template");return t.useEffect((()=>{a&&-1===j?h("Next"):a&&null!=j&&j>-1&&h("Save & Select Template")}),[j]),e.jsxs(d,Object.assign({justifyContent:a&&(null===(p=null===(c=null==v?void 0:v.mapping)||void 0===c?void 0:c.body)||void 0===p?void 0:p.length)?"space-between":"end"},{children:[a&&null!=j&&j>=-1
|
|
14
|
+
`;exports.default=r=>{let{isWhatsappCarousel:a,onSelect:u}=r;var c,p,x,b;const{isError:g,selectedCarouselIndex:j,setSelectedCarouselIndex:f,setErrorIndexes:m,template:v}=i.useTemplateModalContext(),[y,h]=t.useState(a?"Next":"Select template");return t.useEffect((()=>{a&&-1===j?h("Next"):a&&null!=j&&j>-1&&h("Save & Select Template")}),[j]),e.jsxs(d,Object.assign({justifyContent:a&&(null===(p=null===(c=null==v?void 0:v.mapping)||void 0===c?void 0:c.body)||void 0===p?void 0:p.length)?"space-between":"end"},{children:[a&&null!=j&&j>=-1&&!!(null===(b=null===(x=null==v?void 0:v.mapping)||void 0===x?void 0:x.body)||void 0===b?void 0:b.length)&&e.jsx(n.TitleRegular,Object.assign({color:l.COLORS.text.secondary},{children:`Step ${-1===j?1:2}/2`})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:[g&&e.jsx(s.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),e.jsx(o.Button,{id:"select-template-btn",buttonText:y,size:a?"small":"large",onClick:function(){a&&-1===j&&f?f(0):(null==m||m([]),u())}})]}))]}))};
|
package/dist/cjs/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../utils/validateIsUrl.js"),b=require("./VariableConnector.js");exports.default=p=>{let{variableListIndex:j,button:m,updateSelectedURLTemplateBtn:g,updateSelectedQRBTemplateBtn:O,currentVariableList:v,CTAoptions:x,QRBoptions:f}=p;var y,L,h,R;const[U,V]=l.useState(""),[C
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),s=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),n=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/TemplateMeta.js"),o=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js"),c=require("../context/templateModalContext.js"),d=require("../utils/validateIsUrl.js"),b=require("./VariableConnector.js");exports.default=p=>{let{variableListIndex:j,button:m,updateSelectedURLTemplateBtn:g,updateSelectedQRBTemplateBtn:O,currentVariableList:v,CTAoptions:x,QRBoptions:f}=p;var y,L,h,R;const[U,V]=l.useState(""),[T,C]=l.useState(),{isError:I,disableEditVariable:w,pod:q,selectedCarouselIndex:P,originalVariableList:E,setOriginalVariableList:N,isProductCarouselType:S}=c.useTemplateModalContext();function _(e){if(V(e),null!=P&&P>-1&&S){const l=t.cloneDeep(E);if("URL"===m.type){const t=l.cards.map((t=>{let l=t.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=t.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e));return Object.assign(Object.assign({},t),{buttons:s})}));null==N||N((e=>Object.assign(Object.assign({},e),{cards:t}))),null==g||g(`https://${e}`,"custom",j)}return}let l=v.buttons.filter((e=>"URL"===e.type))[j];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${e}`]});const s=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==l?void 0:l.text)?l:e)),a=Object.assign({},null!=P&&P>-1?E.cards[P]:E);if(a.buttons=s,null!=P&&P>-1){const e=[...E.cards];e[P]=a,null==N||N((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==N||N((e=>Object.assign(Object.assign({},e),{buttons:[...s]})));null==g||g(`https://${e}`,"custom",j)}return l.useEffect((()=>{var e;if(m.buttonVariable&&n.editableVarPattern.test(m.buttonVariable))C(i.CUSTOM_URL_NAME),V((null===(e=m.example)||void 0===e?void 0:e[0].split("https://")[1])||"");else{let e=-1;const t="URL"===m.type?x:f;e="URL"===m.type?t.findIndex((e=>e.placeHolder===m.buttonVariable)):t.findIndex((e=>e.label===m.flowName)),e>-1&&C(t[e])}}),[]),q!==o.POD.CHATBOT?e.jsxs(b.Container,{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:u.COLORS.content.primary}},{children:[m.text," button"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(s.Dropdown,{disabled:w,options:"URL"===m.type?x:f,isSearchable:!0,onSelect:function(e,l){const s=e;C(s);const a=("URL"===m.type?x:f).find((e=>e.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=P&&P>-1&&S){const e=t.cloneDeep(E);if("URL"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder});const l=e.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==g||g({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j),null==N||N((e=>Object.assign(Object.assign({},e),{cards:t})))}else if("QUICK_REPLY"===m.type){const t=e.cards.map((e=>{let t=e.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value});const l=e.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e));return Object.assign(Object.assign({},e),{buttons:l})}));null==O||O({flowName:s.label,flowId:s.value},"placeholder",j),null==N||N((e=>Object.assign(Object.assign({},e),{cards:t})))}return}let e;if("URL"===m.type){let t=v.buttons.filter((e=>"URL"===e.type))[j];t=Object.assign(Object.assign({},t),{buttonVariable:s.placeHolder}),e=v.buttons.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==g||g({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",j)}else{let t=v.buttons.filter((e=>"QUICK_REPLY"===e.type))[j];t=Object.assign(Object.assign({},t),{flowName:s.label,flowId:s.value}),e=v.buttons.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e)),null==O||O({flowName:s.label,flowId:s.value},"placeholder",j)}const l=Object.assign({},null!=P&&P>-1?E.cards[P]:E);if(l.buttons=e,null!=P&&P>-1){const e=[...E.cards];e[P]=l,null==N||N((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==N||N((t=>Object.assign(Object.assign({},t),{buttons:[...e]})))}else _("")},defaultOptions:T?[Object.assign(Object.assign({},T),{selected:!0})]:[]})})),"custom_link"===(null==T?void 0:T.value)&&e.jsx("div",Object.assign({style:{marginBottom:20}},{children:e.jsx(a.Input,{state:w?"disabled":"none",errorMessage:I?U?d.validateIsUrl(U)?"":"Enter valid URL":"Required field":"",value:U,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:_,maxCharLimit:2e3})}))]}):e.jsx(b.default,{index:j,variable:{variableName:null!==(y=m.text)&&void 0!==y?y:"",updatedValue:"((customPlaceholderName))"===m.buttonVariable?`${null===(L=m.example)||void 0===L?void 0:L[0]}`:null!==(h=m.buttonVariable)&&void 0!==h?h:"",type:"link",isEditableVariable:!0,index:null!==(R=m.index)&&void 0!==R?R:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:m.type,CTAoptions:x})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_back.svg.js"),a=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),n=require("react"),r=require("../../constants/Theme.js"),o=require("../accordion/Accordion.js"),c=require("../icon-button/IconButton.js"),d=require("../input/Input.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_back.svg.js"),a=require("../../assets/icons/cross.svg.js"),i=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/triangle_error.svg.js"),n=require("react"),r=require("../../constants/Theme.js"),o=require("../accordion/Accordion.js"),c=require("../icon-button/IconButton.js"),d=require("../input/Input.js"),u=require("../list-item/ListItem.js"),h=require("../switch/Switch.js"),b=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),g=require("./context.js"),p=require("./NoResult.js"),x=require("./recommendVaribles.js"),y=require("./searchVariables.js"),m=require("./styles.js"),O=require("./SubHeaderItems.js");const v=(e,t)=>{if(0===t.length)return e;const a=e.toLowerCase().indexOf(t.toLowerCase());if(-1===a)return e;const i=e.slice(0,a),l=e.slice(a,a+t.length),n=e.slice(a+t.length);return s.jsxs("span",{children:[i,s.jsx("b",Object.assign({style:{color:r.COLORS.content.primary}},{children:l})),n]})},f=/.*\..*/,S=e=>{if(e.actualValue.match(f)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const a=(e=>/\w+\[\d+\]/g.test(e))(e);if(a){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],a=s[2];t+=`['${e}'][${a}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue};exports.VariablePickerContent=f=>{const{data:C,onSelect:w,showHeader:R,showBackButton:V,hideHeaderCross:k,onBackButtonClick:q,isEvaluationList:T,autoOpenFirst:B,headerText:L}=f,[I,N]=n.useState(C),[_,H]=n.useState(""),[P,E]=n.useState([]),[$,A]=n.useState(""),[F,W]=n.useState(!1),[z,D]=n.useState([]);n.useEffect((()=>{K(!0)}),[]),n.useEffect((()=>{P.length>0?D([P[P.length-1]]):D(C)}),[P]);const K=s=>e.__awaiter(void 0,void 0,void 0,(function*(){if(W(s),s){const e=x.showOnlyRecommendedVariables(I,P);N(e)}else if(P.length>0){const e=$==P[P.length-1].displayName;if(_.length>0&&e){const e=y.searchVariables(_,z,P);N(e)}else N([P[P.length-1].variables])}else if(_.length>0){const e=y.searchVariables(_,z,P);N(e)}else N(C)})),M=()=>{let e=131;return P.length>0&&(e+=32),(f.showHeader||f.showBackButton)&&(e+=40),`calc(100% - ${e}px)`};return s.jsx(g.VariablePickerContext.Provider,Object.assign({value:{variables:I,searchText:_,subHeaderStack:P,showRecommended:F,setSubHeaderStack:E,setSearchText:H,setVariables:N,setShowRecommended:W}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(R||V)&&s.jsxs(m.HeaderWrapper,{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[V&&s.jsx(c.IconButton,{Icon:()=>s.jsx(t.default,{width:16,height:16,style:{display:"flex",color:r.COLORS.content.primary}}),onClick:q}),R&&s.jsx(j.TitleRegular,{children:null!=L?L:"Select Variable"})]})),!k&&s.jsx(c.IconButton,{style:{color:"#212121"},Icon:a.default,onClick:()=>f.onClose&&f.onClose()})]}),s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.COLORS.surface.subdued,borderTopLeftRadius:4,borderTopRightRadius:4}},{children:s.jsx(d.Input,{id:"search-bar-v3-picker",onBlur:e=>{f.onSearchBlur&&f.onSearchBlur(e)},value:_,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||A("");const s=y.searchVariables(e,z,P);if(F){const e=x.showOnlyRecommendedVariables(s,P);N(e)}else N(s);H(e);const t=P.length>0?P[P.length-1].displayName:"home";A(t)}})})),s.jsxs(m.RecommendWrapper,{children:[s.jsx(j.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Only Recommended"})),s.jsx(h.Switch,{value:F,onValueChange:s=>e.__awaiter(void 0,void 0,void 0,(function*(){yield K(s)}))})]}),P.length>0&&s.jsxs(m.BackHeader,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(c.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t.default,{width:12,height:12,style:{color:r.COLORS.content.secondary}}),onClick:e=>{e.stopPropagation();let s=_;const t=[...P],a=t.pop();if(E(t),a.displayName===$&&(H(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:C,a=y.searchVariables(s,e,t);if(F){const e=x.showOnlyRecommendedVariables(a,t);N(e)}else N(a)}else if(t.length>0)if(F){const e=x.showOnlyRecommendedVariables([t[t.length-1].variables],t);N(e)}else N([t[t.length-1].variables]);else if(F){const e=x.showOnlyRecommendedVariables(C,P);N(e)}else N(C)}})})),s.jsx(j.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:P[P.length-1].displayName}))]}),s.jsx(s.Fragment,{children:I.length>0?s.jsx(m.Container,Object.assign({height:M()},{children:I.map(((e,t)=>{var a,n;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.COLORS.stroke.primary}`}},{children:s.jsx(o.BikAccordion,Object.assign({autoOpen:B&&0===t,headerPadding:"12px 16px",header:s.jsx(j.TitleSmall,Object.assign({style:{color:r.COLORS.content.secondary}},{children:v(e.displayName,_)}))},{children:s.jsx(O.default,{parentVariable:e,disabled:null!==(a=f.disabled)&&void 0!==a&&a,searchText:_,variable:e.variables,onSelect:w})}))}),e.displayName+F):e.displayName?s.jsx(b.Tooltip,Object.assign({body:O.renderTooltipBody(e),placement:"bottom"},{children:s.jsx(u.ListItem,{variant:f.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||f.disabled?s.jsx(s.Fragment,{}):s.jsx(i.default,{width:14,height:14}),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(j.BodySecondary,Object.assign({style:{fontSize:"14px",color:r.COLORS.text.primary}},{children:v(e.displayName,_)})),!e.isAvailable&&s.jsx(b.Tooltip,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l.default,{width:16,height:16,color:r.COLORS.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(!f.disabled)if(T){const s=S(e);w(Object.assign(Object.assign({},e),{actualValue:s}))}else w(e)}},t)}),t):s.jsx(O.default,{disabled:null!==(n=f.disabled)&&void 0!==n&&n,searchText:_,variable:e,onSelect:e=>{if(!f.disabled)if(T){const s=S(e);w(Object.assign(Object.assign({},e),{actualValue:s}))}else w(e)}},t)}))})):s.jsx(p.default,{height:M(),searchText:_})})]}))}))},exports.highlightSearchText=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/chevronRight.svg.js"),t=require("../../assets/icons/plus.svg.js"),i=require("../../assets/icons/sub_category.svg.js"),a=require("../../assets/icons/triangle_error.svg.js"),l=require("lodash"),r=require("../../constants/Theme.js"),o=require("../list-item/ListItem.js"),n=require("../tooltips/Tooltip.js"),c=require("../TypographyStyle.js"),d=require("./Content.js"),u=require("./context.js"),j=require("./recommendVaribles.js");const m=e=>{var s;return(null===(s=e.contextQ)||void 0===s?void 0:s.join(" > "))||""};exports.default=p=>{const{onSelect:x,variable:h,searchText:b,disabled:y,parentVariable:g}=p,{subHeaderStack:v,setSubHeaderStack:O,setVariables:f,showRecommended:S}=u.useVariablePickerContext();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(h).map(((u,p)=>{if(void 0===h[u].variables){const s=h[u];return e.jsx(n.Tooltip,Object.assign({body:m(s),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:y?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||y?e.jsx(e.Fragment,{}):e.jsx(t.default,{width:14,height:14}),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:r.COLORS.text.primary}},{children:d.highlightSearchText(s.displayName,b)})),!s.isAvailable&&e.jsx(n.Tooltip,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(a.default,{width:16,height:16,color:r.COLORS.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{x(s)}})}),p)}return e.jsx(n.Tooltip,Object.assign({body:m(h[u]),placement:"bottom"},{children:e.jsx(o.ListItem,{variant:"default",version:"2.0",listItem:{label:h[u].displayName,value:h[u].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c.BodySecondary,Object.assign({style:{fontSize:"14px",color:r.COLORS.text.primary}},{children:d.highlightSearchText(h[u].displayName,b)}))})),leadingIcon:e.jsx(i.default,{width:14,height:14}),subText:h[u].description||"",trailingIcon:e.jsx(s.default,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=l.cloneDeep(h[u]);void 0!==g&&(e.contextQ=[g.displayName]);const s=[...v,e];if(O(s),S){const t=j.showOnlyRecommendedVariables([e.variables],s);f(t)}else f([e.variables])}})}),p)}))}))},exports.renderTooltipBody=m;
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
padding: 12px 16px 0px 16px;
|
|
5
5
|
background-color: ${t.COLORS.surface.subdued};
|
|
6
6
|
justify-content: space-between;
|
|
7
|
+
border-top-right-radius: 4px;
|
|
8
|
+
border-top-left-radius: 4px;
|
|
7
9
|
`,a=o.default.div`
|
|
8
10
|
display: flex;
|
|
9
11
|
justify-content: space-between;
|
|
@@ -18,7 +20,7 @@
|
|
|
18
20
|
justify-content: center;
|
|
19
21
|
height: 32px;
|
|
20
22
|
background-color: ${t.COLORS.background.base};
|
|
21
|
-
`,
|
|
23
|
+
`,p=o.default.div`
|
|
22
24
|
margin: 8px;
|
|
23
25
|
display: flex;
|
|
24
26
|
flex-direction: column;
|
|
@@ -37,4 +39,4 @@
|
|
|
37
39
|
&::-webkit-scrollbar-thumb:horizontal {
|
|
38
40
|
width: 8px;
|
|
39
41
|
}
|
|
40
|
-
`;exports.BackHeader=d,exports.Container=
|
|
42
|
+
`;exports.BackHeader=d,exports.Container=p,exports.HeaderWrapper=i,exports.RecommendWrapper=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as i}from"react";const o=o=>{const r=e(null),[f,l]=n(0),[s,c]=n(0),[d,u]=n(!1);return i((()=>{if(o.refElement.current){const t=o.refElement.current.getBoundingClientRect();(t=>{let e=0;e=o.leftOffset?t.left+o.leftOffset:t.left+t.width+
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as i}from"react";const o=o=>{const r=e(null),[f,l]=n(0),[s,c]=n(0),[d,u]=n(!1);return i((()=>{if(o.refElement.current){const t=o.refElement.current.getBoundingClientRect();(t=>{let e=0;e=o.leftOffset?t.left+o.leftOffset:t.left+t.width+20;const n=null==r?void 0:r.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),c(e)):c(e)})(t),(t=>{let e=t.top;const n=null==r?void 0:r.current;if(!n)return void l(e);const i=window.innerHeight;t.top+n.offsetHeight>i&&(e=t.top-(t.top+n.offsetHeight-i)-10),l(e)})(t),u(!0)}})),d?t("div",Object.assign({style:{top:f,left:s,position:"fixed"}},{children:t("div",Object.assign({ref:r},{children:o.children}))})):null};export{o as Floater};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { Variable } from '../add-variableV2/AddVariableV2';
|
|
3
3
|
import { SelectedVariable } from '../add-variableV2/types';
|
|
4
4
|
import { InputTypeI } from '../input';
|
|
5
|
+
import { PickerType } from '../variable-picker-v3/model';
|
|
5
6
|
export interface InputWithVariablesProps {
|
|
6
7
|
type?: InputTypeI;
|
|
7
8
|
variablesList: any;
|
|
@@ -14,7 +15,6 @@ export interface InputWithVariablesProps {
|
|
|
14
15
|
placeHolder?: string;
|
|
15
16
|
showAddButton?: boolean;
|
|
16
17
|
errorMessage?: string;
|
|
17
|
-
showSideModal?: boolean;
|
|
18
18
|
noMaxCharCheck?: boolean;
|
|
19
19
|
maxCharLimit?: number;
|
|
20
20
|
labelText?: string;
|
|
@@ -22,5 +22,7 @@ export interface InputWithVariablesProps {
|
|
|
22
22
|
isRequired?: boolean;
|
|
23
23
|
hintText?: string;
|
|
24
24
|
onEnterPress?: (input: string) => void;
|
|
25
|
+
pickerType?: PickerType;
|
|
26
|
+
portalElement?: HTMLElement;
|
|
25
27
|
}
|
|
26
28
|
export declare const InputWithVariables: React.FC<InputWithVariablesProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,Fragment as a,jsx as l}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 b}from"../variable-picker-v3/model.js";import{CustomPortal as h}from"./customPortal.js";const g=o=>{let{type:c,allowMix:g,onChange:f,prevVariable:T,variablesList:V,onBlur:j,onlyVariables:x,placeHolder:k,showAddButton:C=!0,showHelp:O,errorMessage:E,maxCharLimit:A,noMaxCharCheck:w,labelText:F,labelElement:R,isRequired:S=!1,hintText:L,onEnterPress:M,pickerType:B=b.FLOATER,portalElement:D}=o;const I=t(),P=t(!0),N=t(null),[$,q]=i(!1),[z]=i(s()),[H,K]=i(),[G,J]=i(T),[Q,U]=i(!1),[W,X]=i(!1),[Y,Z]=i(0);return n((()=>{if(H&&H.actualValue)if(g){if(J((e=>{return{actualValue:(a=e.actualValue,l=H.actualValue,r=Y,a.slice(0,r)+l+a.slice(r)),variableType:"string"};var a,l,r})),N.current){Z(N.current.selectionStart);const e=Y+H.actualValue.length+2;N.current.setSelectionRange(e,e),Z(e)}}else J((e=>({actualValue:H.actualValue,variableType:H.variableType,needsFetching:H.needsFetching})))}),[H]),n((()=>{P.current?P.current=!1:f(G)}),[G]),e(a,{children:[e(y,Object.assign({isVar:/^{{.*}}$/.test(G.actualValue),onKeyDown:e=>{console.log("key",e.key),"Enter"===e.key&&(null==M||M(G.actualValue))}},{children:[l(p,{isRequired:S,hintText:L,type:null!=c?c:"text",id:z,ref:N,skipFocus:!0,isActive:$,value:G.actualValue,validate:e=>[!0,""],errorMessage:E,noMaxCharCheck:w,maxCharLimit:A,labelText:F,labelElement:R,placeholder:k||"Add a value",onClick:e=>{N.current&&Z(N.current.selectionStart)},onChangeText:(e,a)=>{if(N.current&&Z(N.current.selectionStart),x){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||J({actualValue:"",variableType:"string"})}else J(g?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{q(!0),X(!0)},onBlur:e=>{var a,l,r,t,i,n,o;console.log("ee",null===(a=e.relatedTarget)||void 0===a?void 0:a.id),null==j||j(e,G),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.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)?(N.current&&N.current.focus(),q(!0)):"search-bar-v3-picker"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.id)?q(!0):(q(!1),U(!1),X(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[G.actualValue&&O&&l("div",Object.assign({style:{marginTop:4}},{children:l(v,{children:`This value is of type ${G.variableType}`})})),C&&W&&l("div",Object.assign({style:{marginTop:E||L?"-24px":"0px"}},{children:l(d,Object.assign({ref:I,id:"addVar",onClick:()=>{U(!Q)}},{children:e("div",Object.assign({className:"add"},{children:[l(r,{color:"white"}),l("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),Q&&l(a,{children:B===b.EMBEDDED?l(h,Object.assign({zIndex:101,element:null!=D?D:document.body},{children:l(m,{onClose:()=>U(!1),type:b.FLOATER,data:V,onSelect:e=>{K(e),U(!1)}})})):l("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:l(u,Object.assign({refElement:I},{children:l("div",Object.assign({style:{height:500}},{children:l(m,{onClose:()=>U(!1),type:b.FLOATER,data:V,onSelect:e=>{K(e),U(!1)}})}))}))}))})]})},y=o.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
margin-bottom: 16px;
|
|
4
4
|
input {
|
|
5
5
|
color: ${e=>e.isVar?c.stroke.brand:"black"};
|
|
6
6
|
}
|
|
7
|
-
`;export{
|
|
7
|
+
`;export{g as InputWithVariables};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t from"react-dom";const r=r=>{var o;return t.createPortal(e("div",Object.assign({style:{zIndex:null!==(o=r.zIndex)&&void 0!==o?o:2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"}},{children:e("div",Object.assign({style:{height:"100%",display:"flex",flexDirection:"column"}},{children:r.children}))})),r.element)};export{r as CustomPortal};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'placeholder' | 'separator';
|
|
2
|
+
export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
|
|
3
3
|
export interface ListItemElement {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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};
|
|
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};
|
|
@@ -11,4 +11,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect
|
|
|
11
11
|
gap: 12;
|
|
12
12
|
border-bottom-left-radius: 4px;
|
|
13
13
|
border-bottom-right-radius: 4px;
|
|
14
|
-
`,c=n=>{let{isWhatsappCarousel:c,onSelect:m}=n;var u,x,b,f;const{isError:g,selectedCarouselIndex:v,setSelectedCarouselIndex:y,setErrorIndexes:h,template:j}=a(),[S,C]=o(c?"Next":"Select template");return r((()=>{c&&-1===v?C("Next"):c&&null!=v&&v>-1&&C("Save & Select Template")}),[v]),e(p,Object.assign({justifyContent:c&&(null===(x=null===(u=null==j?void 0:j.mapping)||void 0===u?void 0:u.body)||void 0===x?void 0:x.length)?"space-between":"end"},{children:[c&&null!=v&&v>=-1
|
|
14
|
+
`,c=n=>{let{isWhatsappCarousel:c,onSelect:m}=n;var u,x,b,f;const{isError:g,selectedCarouselIndex:v,setSelectedCarouselIndex:y,setErrorIndexes:h,template:j}=a(),[S,C]=o(c?"Next":"Select template");return r((()=>{c&&-1===v?C("Next"):c&&null!=v&&v>-1&&C("Save & Select Template")}),[v]),e(p,Object.assign({justifyContent:c&&(null===(x=null===(u=null==j?void 0:j.mapping)||void 0===u?void 0:u.body)||void 0===x?void 0:x.length)?"space-between":"end"},{children:[c&&null!=v&&v>=-1&&!!(null===(f=null===(b=null==j?void 0:j.mapping)||void 0===b?void 0:b.body)||void 0===f?void 0:f.length)&&t(i,Object.assign({color:s.text.secondary},{children:`Step ${-1===v?1:2}/2`})),e("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:[g&&t(d,{errorText:"Some inputs are missing or incorrect. Please check"}),t(l,{id:"select-template-btn",buttonText:S,size:c?"small":"large",onClick:function(){c&&-1===v&&y?y(0):(null==h||h([]),m())}})]}))]}))};export{c as default};
|
package/dist/esm/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{cloneDeep as l}from"lodash";import{useState as s,useEffect as a}from"react";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{Input as o}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{CUSTOM_URL_NAME as r}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{validateIsUrl as b}from"../utils/validateIsUrl.js";import m,{Container as j}from"./VariableConnector.js";const f=f=>{let{variableListIndex:g,button:O,updateSelectedURLTemplateBtn:v,updateSelectedQRBTemplateBtn:x,currentVariableList:y,CTAoptions:h,QRBoptions:L}=f;var R,U,V,T;const[w,I]=s(""),[C,E]=s(),{isError:H,disableEditVariable:N,pod:P,selectedCarouselIndex:B,originalVariableList:Q,setOriginalVariableList:_,isProductCarouselType:S}=p();function K(t){if(I(t),null!=B&&B>-1&&S){const e=l(Q);if("URL"===O.type){const l=e.cards.map((e=>{let l=e.buttons.filter((t=>"URL"===t.type))[g];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${t}`]});const s=e.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==l?void 0:l.text)?l:t));return Object.assign(Object.assign({},e),{buttons:s})}));null==_||_((t=>Object.assign(Object.assign({},t),{cards:l}))),null==v||v(`https://${t}`,"custom",g)}return}let e=y.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:"((customPlaceholderName))",example:[`https://${t}`]});const s=y.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),a=Object.assign({},null!=B&&B>-1?Q.cards[B]:Q);if(a.buttons=s,null!=B&&B>-1){const t=[...Q.cards];t[B]=a,null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}else null==_||_((t=>Object.assign(Object.assign({},t),{buttons:[...s]})));null==v||v(`https://${t}`,"custom",g)}return a((()=>{var t;if(O.buttonVariable&&i.test(O.buttonVariable))E(r),I((null===(t=O.example)||void 0===t?void 0:t[0].split("https://")[1])||"");else{let t=-1;const e="URL"===O.type?h:L;t="URL"===O.type?e.findIndex((t=>t.placeHolder===O.buttonVariable)):e.findIndex((t=>t.label===O.flowName)),t>-1&&E(e[t])}}),[]),P!==c.CHATBOT?t(j,{children:[e("div",Object.assign({style:{marginBottom:8}},{children:t(u,Object.assign({style:{color:d.content.primary}},{children:[O.text," button"]}))})),e("div",Object.assign({style:{marginBottom:12}},{children:e(n,{disabled:N,options:"URL"===O.type?h:L,isSearchable:!0,onSelect:function(t,e){const s=t;E(s);const a=("URL"===O.type?h:L).find((t=>t.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=B&&B>-1&&S){const t=l(Q);if("URL"===O.type){const e=t.cards.map((t=>{let e=t.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:s.placeHolder});const l=t.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t));return Object.assign(Object.assign({},t),{buttons:l})}));null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",g),null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}else if("QUICK_REPLY"===O.type){const e=t.cards.map((t=>{let e=t.buttons.filter((t=>"QUICK_REPLY"===t.type))[g];e=Object.assign(Object.assign({},e),{flowName:s.label,flowId:s.value});const l=t.buttons.map((t=>"QUICK_REPLY"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t));return Object.assign(Object.assign({},t),{buttons:l})}));null==x||x({flowName:s.label,flowId:s.value},"placeholder",g),null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}return}let t;if("URL"===O.type){let e=y.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:s.placeHolder}),t=y.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",g)}else{let e=y.buttons.filter((t=>"QUICK_REPLY"===t.type))[g];e=Object.assign(Object.assign({},e),{flowName:s.label,flowId:s.value}),t=y.buttons.map((t=>"QUICK_REPLY"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),null==x||x({flowName:s.label,flowId:s.value},"placeholder",g)}const e=Object.assign({},null!=B&&B>-1?Q.cards[B]:Q);if(e.buttons=t,null!=B&&B>-1){const t=[...Q.cards];t[B]=e,null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}else null==_||_((e=>Object.assign(Object.assign({},e),{buttons:[...t]})))}else K("")},defaultOptions:C?[Object.assign(Object.assign({},C),{selected:!0})]:[]})})),"custom_link"===(null==C?void 0:C.value)&&e("div",Object.assign({style:{marginBottom:20}},{children:e(o,{state:N?"disabled":"none",errorMessage:H?w?b(w)?"":"Enter valid URL":"Required field":"",value:w,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:K,maxCharLimit:2e3})}))]}):e(m,{index:g,variable:{variableName:null!==(R=O.text)&&void 0!==R?R:"",updatedValue:"((customPlaceholderName))"===O.buttonVariable?`${null===(U=O.example)||void 0===U?void 0:U[0]}`:null!==(V=O.buttonVariable)&&void 0!==V?V:"",type:"link",isEditableVariable:!0,index:null!==(T=O.index)&&void 0!==T?T:0},showVariableModal:!0,componentType:"BUTTONS",CTAoptions:h})};export{f as default};
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{cloneDeep as l}from"lodash";import{useState as s,useEffect as a}from"react";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{Input as o}from"../../input/Input.js";import{editableVarPattern as i}from"../../template-preview/constants/regexPatterns.js";import{CUSTOM_URL_NAME as r}from"../../template-preview/models/TemplateMeta.js";import{POD as c}from"../../template-preview/models/WhatsAppTemplate.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{useTemplateModalContext as p}from"../context/templateModalContext.js";import{validateIsUrl as b}from"../utils/validateIsUrl.js";import m,{Container as j}from"./VariableConnector.js";const f=f=>{let{variableListIndex:g,button:O,updateSelectedURLTemplateBtn:v,updateSelectedQRBTemplateBtn:x,currentVariableList:y,CTAoptions:h,QRBoptions:L}=f;var R,U,V,T;const[w,I]=s(""),[C,E]=s(),{isError:H,disableEditVariable:N,pod:P,selectedCarouselIndex:B,originalVariableList:Q,setOriginalVariableList:_,isProductCarouselType:S}=p();function K(t){if(I(t),null!=B&&B>-1&&S){const e=l(Q);if("URL"===O.type){const l=e.cards.map((e=>{let l=e.buttons.filter((t=>"URL"===t.type))[g];l=Object.assign(Object.assign({},l),{buttonVariable:"((customPlaceholderName))",example:[`https://${t}`]});const s=e.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==l?void 0:l.text)?l:t));return Object.assign(Object.assign({},e),{buttons:s})}));null==_||_((t=>Object.assign(Object.assign({},t),{cards:l}))),null==v||v(`https://${t}`,"custom",g)}return}let e=y.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:"((customPlaceholderName))",example:[`https://${t}`]});const s=y.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),a=Object.assign({},null!=B&&B>-1?Q.cards[B]:Q);if(a.buttons=s,null!=B&&B>-1){const t=[...Q.cards];t[B]=a,null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}else null==_||_((t=>Object.assign(Object.assign({},t),{buttons:[...s]})));null==v||v(`https://${t}`,"custom",g)}return a((()=>{var t;if(O.buttonVariable&&i.test(O.buttonVariable))E(r),I((null===(t=O.example)||void 0===t?void 0:t[0].split("https://")[1])||"");else{let t=-1;const e="URL"===O.type?h:L;t="URL"===O.type?e.findIndex((t=>t.placeHolder===O.buttonVariable)):e.findIndex((t=>t.label===O.flowName)),t>-1&&E(e[t])}}),[]),P!==c.CHATBOT?t(j,{children:[e("div",Object.assign({style:{marginBottom:8}},{children:t(u,Object.assign({style:{color:d.content.primary}},{children:[O.text," button"]}))})),e("div",Object.assign({style:{marginBottom:12}},{children:e(n,{disabled:N,options:"URL"===O.type?h:L,isSearchable:!0,onSelect:function(t,e){const s=t;E(s);const a=("URL"===O.type?h:L).find((t=>t.placeHolder===s.placeHolder));if(a)if("custom_link"!==a.value){if(null!=B&&B>-1&&S){const t=l(Q);if("URL"===O.type){const e=t.cards.map((t=>{let e=t.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:s.placeHolder});const l=t.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t));return Object.assign(Object.assign({},t),{buttons:l})}));null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",g),null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}else if("QUICK_REPLY"===O.type){const e=t.cards.map((t=>{let e=t.buttons.filter((t=>"QUICK_REPLY"===t.type))[g];e=Object.assign(Object.assign({},e),{flowName:s.label,flowId:s.value});const l=t.buttons.map((t=>"QUICK_REPLY"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t));return Object.assign(Object.assign({},t),{buttons:l})}));null==x||x({flowName:s.label,flowId:s.value},"placeholder",g),null==_||_((t=>Object.assign(Object.assign({},t),{cards:e})))}return}let t;if("URL"===O.type){let e=y.buttons.filter((t=>"URL"===t.type))[g];e=Object.assign(Object.assign({},e),{buttonVariable:s.placeHolder}),t=y.buttons.map((t=>"URL"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),null==v||v({defaultValue:a.value,placeHolder:a.placeHolder},"placeholder",g)}else{let e=y.buttons.filter((t=>"QUICK_REPLY"===t.type))[g];e=Object.assign(Object.assign({},e),{flowName:s.label,flowId:s.value}),t=y.buttons.map((t=>"QUICK_REPLY"===t.type&&(null==t?void 0:t.text)===(null==e?void 0:e.text)?e:t)),null==x||x({flowName:s.label,flowId:s.value},"placeholder",g)}const e=Object.assign({},null!=B&&B>-1?Q.cards[B]:Q);if(e.buttons=t,null!=B&&B>-1){const t=[...Q.cards];t[B]=e,null==_||_((e=>Object.assign(Object.assign({},e),{cards:t})))}else null==_||_((e=>Object.assign(Object.assign({},e),{buttons:[...t]})))}else K("")},defaultOptions:C?[Object.assign(Object.assign({},C),{selected:!0})]:[]})})),"custom_link"===(null==C?void 0:C.value)&&e("div",Object.assign({style:{marginBottom:20}},{children:e(o,{state:N?"disabled":"none",errorMessage:H?w?b(w)?"":"Enter valid URL":"Required field":"",value:w,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:K,maxCharLimit:2e3})}))]}):e(m,{index:g,variable:{variableName:null!==(R=O.text)&&void 0!==R?R:"",updatedValue:"((customPlaceholderName))"===O.buttonVariable?`${null===(U=O.example)||void 0===U?void 0:U[0]}`:null!==(V=O.buttonVariable)&&void 0!==V?V:"",type:"link",isEditableVariable:!0,index:null!==(T=O.index)&&void 0!==T?T:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:O.type,CTAoptions:h})};export{f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as r,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as m}from"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import{ListItem as g}from"../list-item/ListItem.js";import{Switch as b}from"../switch/Switch.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import O from"./NoResult.js";import{showOnlyRecommendedVariables as w}from"./recommendVaribles.js";import{searchVariables as k}from"./searchVariables.js";import{HeaderWrapper as C,RecommendWrapper as S,BackHeader as
|
|
1
|
+
import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as r,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as m}from"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import{ListItem as g}from"../list-item/ListItem.js";import{Switch as b}from"../switch/Switch.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import O from"./NoResult.js";import{showOnlyRecommendedVariables as w}from"./recommendVaribles.js";import{searchVariables as k}from"./searchVariables.js";import{HeaderWrapper as C,RecommendWrapper as S,BackHeader as T,Container as N}from"./styles.js";import V,{renderTooltipBody as I}from"./SubHeaderItems.js";const B=(e,i)=>{if(0===i.length)return e;const o=e.toLowerCase().indexOf(i.toLowerCase());if(-1===o)return e;const l=e.slice(0,o),a=e.slice(o,o+i.length),n=e.slice(o+i.length);return s("span",{children:[l,t("b",Object.assign({style:{color:d.content.primary}},{children:a})),n]})},R=/.*\..*/,L=e=>{if(e.actualValue.match(R)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],i=t[2];s+=`['${e}'][${i}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue},H=R=>{const{data:H,onSelect:$,showHeader:E,showBackButton:P,hideHeaderCross:_,onBackButtonClick:A,isEvaluationList:z,autoOpenFirst:D,headerText:F}=R,[K,q]=r(H),[G,J]=r(""),[M,Q]=r([]),[U,W]=r(""),[X,Y]=r(!1),[Z,ee]=r([]);c((()=>{te(!0)}),[]),c((()=>{M.length>0?ee([M[M.length-1]]):ee(H)}),[M]);const te=t=>e(void 0,void 0,void 0,(function*(){if(Y(t),t){const e=w(K,M);q(e)}else if(M.length>0){const e=U==M[M.length-1].displayName;if(G.length>0&&e){const e=k(G,Z,M);q(e)}else q([M[M.length-1].variables])}else if(G.length>0){const e=k(G,Z,M);q(e)}else q(H)})),se=()=>{let e=131;return M.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`};return t(x.Provider,Object.assign({value:{variables:K,searchText:G,subHeaderStack:M,showRecommended:X,setSubHeaderStack:Q,setSearchText:J,setVariables:q,setShowRecommended:Y}},{children:s("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(E||P)&&s(C,{children:[s("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[P&&t(m,{Icon:()=>t(o,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:A}),E&&t(f,{children:null!=F?F:"Select Variable"})]})),!_&&t(m,{style:{color:"#212121"},Icon:l,onClick:()=>R.onClose&&R.onClose()})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:4,borderTopRightRadius:4}},{children:t(p,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:G,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||W("");const t=k(e,Z,M);if(X){const e=w(t,M);q(e)}else q(t);J(e);const s=M.length>0?M[M.length-1].displayName:"home";W(s)}})})),s(S,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(b,{value:X,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield te(t)}))})]}),M.length>0&&s(T,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(m,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(o,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=G;const s=[...M],i=s.pop();if(Q(s),i.displayName===U&&(J(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:H,i=k(t,e,s);if(X){const e=w(i,s);q(e)}else q(i)}else if(s.length>0)if(X){const e=w([s[s.length-1].variables],s);q(e)}else q([s[s.length-1].variables]);else if(X){const e=w(H,M);q(e)}else q(H)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:M[M.length-1].displayName}))]}),t(i,{children:K.length>0?t(N,Object.assign({height:se()},{children:K.map(((e,o)=>{var l,r;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({autoOpen:D&&0===o,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:B(e.displayName,G)}))},{children:t(V,{parentVariable:e,disabled:null!==(l=R.disabled)&&void 0!==l&&l,searchText:G,variable:e.variables,onSelect:$})}))}),e.displayName+X):e.displayName?t(u,Object.assign({body:I(e),placement:"bottom"},{children:t(g,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?t(i,{}):t(a,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:d.text.primary}},{children:B(e.displayName,G)})),!e.isAvailable&&t(u,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(n,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(!R.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}),o):t(V,{disabled:null!==(r=R.disabled)&&void 0!==r&&r,searchText:G,variable:e,onSelect:e=>{if(!R.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}))})):t(O,{height:se(),searchText:G})})]}))}))};export{H as VariablePickerContent,B as highlightSearchText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import a from"../../assets/icons/sub_category.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as r}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{highlightSearchText as p}from"./Content.js";import{useVariablePickerContext as b}from"./context.js";import{showOnlyRecommendedVariables as y}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},h=h=>{const{onSelect:v,variable:f,searchText:j,disabled:u,parentVariable:x}=h,{subHeaderStack:O,setSubHeaderStack:I,setVariables:N,showRecommended:S}=b();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((b,h)=>{if(void 0===f[b].variables){const i=f[b];return e(d,Object.assign({body:g(i),placement:"bottom"},{children:e(c,{variant:u?"readonly":(null==i?void 0:i.selected)?"selected":"default",version:"2.0",leadingIcon:(null==i?void 0:i.selected)||u?e(t,{}):e(o,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:p(i.displayName,j)})),!i.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(l,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:i.displayName,value:i.displayName},subText:i.description||"",onClick:()=>{v(i)}})}),h)}return e(d,Object.assign({body:g(f[b]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[b].displayName,value:f[b].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:p(f[b].displayName,j)}))})),leadingIcon:e(a,{width:14,height:14}),subText:f[b].description||"",trailingIcon:e(i,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[b]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),S){const s=y([e.variables],t);N(s)}else N([e.variables])}})}),h)}))}))};export{h as default,g as renderTooltipBody};
|
|
@@ -4,21 +4,23 @@ import e from"styled-components";import{COLORS as t}from"../../constants/Theme.j
|
|
|
4
4
|
padding: 12px 16px 0px 16px;
|
|
5
5
|
background-color: ${t.surface.subdued};
|
|
6
6
|
justify-content: space-between;
|
|
7
|
-
|
|
7
|
+
border-top-right-radius: 4px;
|
|
8
|
+
border-top-left-radius: 4px;
|
|
9
|
+
`,r=e.div`
|
|
8
10
|
display: flex;
|
|
9
11
|
justify-content: space-between;
|
|
10
12
|
align-items: center;
|
|
11
13
|
padding: 12px 16px;
|
|
12
14
|
background-color: ${t.surface.subdued};
|
|
13
15
|
border-bottom: 1px solid ${t.stroke.primary};
|
|
14
|
-
`,
|
|
16
|
+
`,i=e.div`
|
|
15
17
|
position: relative;
|
|
16
18
|
display: flex;
|
|
17
19
|
align-items: center;
|
|
18
20
|
justify-content: center;
|
|
19
21
|
height: 32px;
|
|
20
22
|
background-color: ${t.background.base};
|
|
21
|
-
`,
|
|
23
|
+
`,p=e.div`
|
|
22
24
|
margin: 8px;
|
|
23
25
|
display: flex;
|
|
24
26
|
flex-direction: column;
|
|
@@ -37,4 +39,4 @@ import e from"styled-components";import{COLORS as t}from"../../constants/Theme.j
|
|
|
37
39
|
&::-webkit-scrollbar-thumb:horizontal {
|
|
38
40
|
width: 8px;
|
|
39
41
|
}
|
|
40
|
-
`;export{
|
|
42
|
+
`;export{i as BackHeader,p as Container,o as HeaderWrapper,r as RecommendWrapper};
|