@idea-fragments/react-components-zendesk 0.1.17 → 0.1.19

package/dist/forms.js

@@ -2265,7 +2265,7 @@ YELLOW:"#ffbe6d",// YELLOW           : "#f1bc71",
 ORANGE:"#ff9369",HUB_SPOT_ORANGE:"rgb(255, 122, 89)",MIDNIGHT_BLACK:"#1d1e21",BLACK:"#1f1f1f",WHITE:"#ffffff",GREY_NOT_QUITE_BLUE:"#b0b7bd",GREY:"#919292",VERY_LIGHT_GREY:"#F7F7F7",LIGHT_GREY:"#dddddd",TRANSPARENT:"#00000000"};Object.freeze(COLORS);var fade=function(c,amount){if(amount===void 0){amount=.5;}var _a=color(c).fade(amount).object(),r=_a.r,g=_a.g,b=_a.b,alpha=_a.alpha;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(alpha,")");};var light=function(c,amount){if(amount===void 0){amount=0.15;}var newColor=color(c).lighten(amount).hex();// console.log("lightening to:", newColor)
 // console.log("luminosity old:", Color(c).luminosity())
 // console.log("luminosity new:", Color(newColor).luminosity())
-return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$r,templateObject_2$h,templateObject_3$b,templateObject_4$6;var getInlineStyling=styled.css(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"],["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n  background: ",";\n\n  :hover {\n    background: ",";\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"],["\n  background: ",";\n\n  :hover {\n    background: ",";\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n  :hover, :active {\n    color: ",";\n  }\n"],["\n  :hover, :active {\n    color: ",";\n  }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n  :hover:hover, :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"],["\n  :hover:hover, :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$q,templateObject_2$g,templateObject_3$a,templateObject_4$5,templateObject_5$2,templateObject_6$2,templateObject_7$1;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var XXS$1=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
+return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var veryLight=function(c){return light(c,0.7);};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};styled.css(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$r,templateObject_2$h,templateObject_3$b,templateObject_4$6;var getInlineStyling=styled.css(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"],["\n  padding: 0;\n  //width: unset;\n  min-width: auto;\n  line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n  background: ",";\n\n  :hover {\n    background: ",";\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"],["\n  background: ",";\n\n  :hover {\n    background: ",";\n  }\n\n  :active {\n    background: ",";\n  }\n\n  ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n  :hover, :active {\n    color: ",";\n  }\n"],["\n  :hover, :active {\n    color: ",";\n  }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n  :hover:hover, :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"],["\n  :hover:hover, :focus:focus {\n    color: ",";\n    background-color: unset;\n  }\n\n  :active:active {\n    color: ",";\n    background-color: unset;\n  }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$q,templateObject_2$g,templateObject_3$a,templateObject_4$5,templateObject_5$3,templateObject_6$3,templateObject_7$2;var XS$1=".5rem";var SM$1="1rem";var MD$1="1.5rem";var LG$1="2rem";var XL$1="2.5rem";var XXL$1="3rem";var XXXL$1="4rem";var XXXXL$1="5rem";var SPACINGS=Object.freeze({XS:XS$1,SM:SM$1,MD:MD$1,LG:LG$1,XL:XL$1,XXL:XXL$1,XXXL:XXXL$1,XXXXL:XXXXL$1});Object.freeze({DOWN:"down",RIGHT:"right"});var XXS$1=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
 var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var H1="h1";var H2="h2";var H3="h3";var H4="h4";var H5="h5";var H6="h6";var P="p";var SPAN="span";var DIV="div";var FONT_TAGS={H1:H1,H2:H2,H3:H3,H4:H4,H5:H5,H6:H6,P:P,SPAN:SPAN,DIV:DIV};var FONT_SIZES={XXS:XXS$1,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS$1.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Item=styled__default["default"](Item$1).attrs(function(_a){var danger=_a.danger,theme=_a.theme;if(!danger)return{color:theme.styles.colorPrimary,primary:false};return{color:theme.styles.colorDanger,primary:true};})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n  &&&& {\n    ",";\n    \n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n  }\n"],["\n  &&&& {\n    ",";\n    \n    font-size: ",";\n    margin-bottom: ",";\n\n    :first-child {\n      margin-top: 4px;\n    }\n\n    *[data-garden-id=\"dropdowns.item_icon\"] {\n      ",";\n    }\n  }\n"])),function(_a){var disabled=_a.disabled;if(disabled)return"";return styled.css(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n        ",";\n        color: ",";\n      "],["\n        ",";\n        color: ",";\n      "])),buttonLikeHoverable,function(props){return props.theme.styles.textColorPrimary;});},FONT_SIZES.SM,SPACINGS.XS,textColorForButton);var getItemType=function(o){if(o.isNextItem)return NextItem;if(o.isBackItem)return PreviousItem;if(o.isAddItem)return AddItem;if(o.isHeaderItem)return HeaderItem;return Item;};var templateObject_1$p,templateObject_2$f;var VALIDATION_STATES={ERROR:"error",WARNING:"warning",SUCCESS:"success",NONE:undefined};var getFlexDirection$1=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n  align-items: ",";\n  display: ",";\n  flex: ",";\n  flex-direction: ",";\n  gap: ",";\n  justify-content: ",";\n  ","\n\n  ","\n"],["\n  align-items: ",";\n  display: ",";\n  flex: ",";\n  flex-direction: ",";\n  gap: ",";\n  justify-content: ",";\n  ","\n\n  ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection$1,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrap?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles$1(p):"";});FlexBox.defaultProps={withRows:false};var responsiveStyles$1=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrap=props.wrap;return mediaQueryFunc(styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n      align-items: ",";\n      display: ",";\n      flex: ",";\n      flex-direction: ",";\n      gap: ",";\n      justify-content: ",";\n      ","\n    "],["\n      align-items: ",";\n      display: ",";\n      flex: ",";\n      flex-direction: ",";\n      gap: ",";\n      justify-content: ",";\n      ","\n    "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection$1(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrap?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n  flex-wrap: wrap;\n"],["\n  flex-wrap: wrap;\n"])));var templateObject_1$o,templateObject_2$e,templateObject_3$9;/**
  * Copyright Zendesk, Inc.
  *
@@ -11748,7 +11748,7 @@ if(freeModule){// Export for Node.js.
 (freeModule.exports=_)._=_;// Export for CommonJS support.
 freeExports._=_;}else{// Export to the global object.
 root._=_;}}).call(commonjsGlobal);})(lodash,lodash.exports);var arrayOfSizeN=function(n){// return Array.from({length: n})
-var arr=[];for(var i=0;i<n;i++){arr.push(0);}return arr;};var flatten=function(m){return lodash.exports.flatten(m);};var isEmpty=function(a){return!(a===null||a===void 0?void 0:a.length);};var isLastItem=function(a,item){return lastItem(a)===item;};var isNotEmpty=function(a){return!isEmpty(a);};var isNotLastItem=function(a,item){return!isLastItem(a,item);};var lastItem=function(a){return a[a.length-1];};var DO_NOTHING=function(){};// @flow
+var arr=[];for(var i=0;i<n;i++){arr.push(0);}return arr;};var flatten=function(m){return lodash.exports.flatten(m);};var isEmpty=function(a){return!(a===null||a===void 0?void 0:a.length);};var isLastIndex=function(a,i){return i===a.length-1;};var isLastItem=function(a,item){return lastItem(a)===item;};var isNotEmpty=function(a){return!isEmpty(a);};var isNotLastItem=function(a,item){return!isLastItem(a,item);};var lastItem=function(a){return a[a.length-1];};var nextItemIndex=function(a,currentIndex){return isLastIndex(a,currentIndex)?0:currentIndex+1;};var splitArray=function(arr,index){var preSplit=__spreadArray([],__read(arr),false);var postSplit=preSplit.splice(index);return[preSplit,postSplit];};var takeOutItem=function(arr,index){var _a=__read(splitArray(arr,index),2),preSplit=_a[0],_b=__read(_a[1]),postSplit=_b.slice(1);return __spreadArray(__spreadArray([],__read(preSplit),false),__read(postSplit),false);};var DO_NOTHING=function(){};// @flow
 var isArray=function(o){return o instanceof Array;};var isFunction=function(o){return typeof o==="function";};var isNumber=function(o){return typeof o==="number";};var isString=function(o){return typeof o==="string";};var CLEAR_OPTION={label:"-- None --",value:"_cleared",isClearingItem:true};var logger$3=new Logger("Dropdown");exports.Dropdown=function(props){var _a,_b,_c,_d;var _e;var state=(_a=__read(React__default.useState({isOpen:false}),2),_a[0]),setState=_a[1];var controlledState=__assign(__assign({},state),props);var filteringOptions=(_b=__read(React__default.useState(false),2),_b[0]),setFilteringOptionsTo=_b[1];var searchFilter=(_c=__read(React__default.useState(""),2),_c[0]),setSearchFilter=_c[1];var filteredOptions=(_d=__read(React__default.useState(props.options),2),_d[0]),setFilteredOptions=_d[1];var async=props.async,children=props.children,className=props.className,clearable=props.clearable,shouldFilterOptions=props.shouldFilterOptions,hint=props.hint,keyField=props.keyField,label=props.label,labelField=props.labelField,maxMenuHeight=props.maxMenuHeight,menuCSS=props.menuCSS,menuItemComponent=props.menuItemComponent,options=props.options,placement=props.placement,returnItemOnChange=props.returnItemOnChange,trigger=props.trigger,useRawOptions=props.useRawOptions,validation=props.validation,onChange=props.onChange,onStateChange=props.onStateChange;var selectedKey=props.selectedKey;var selectedKeys=props.selectedKeys;// TODO see if this function needs to be removed if we're also filtering
 // in the SearchableSelector component
 var filterFunc=React__default.useCallback(function(value){var searchText=value.trim().toLowerCase();var matchingOptions=options;if(searchText!==""){matchingOptions=options.filter(function(option){return option[labelField].trim().toLowerCase().indexOf(value.trim().toLowerCase())!==-1;});}setFilteredOptions(matchingOptions);setFilteringOptionsTo(false);},[options,labelField]);var filterMatchingOptionsRef=React__default.useRef(lodash.exports.debounce(filterFunc,300));React__default.useEffect(function(){if(!shouldFilterOptions)return;filterMatchingOptionsRef.current=lodash.exports.debounce(filterFunc,300);setFilteredOptions(options);setSearchFilter("");},[filterFunc,shouldFilterOptions,options]);React__default.useEffect(function(){if(!shouldFilterOptions)return;setFilteringOptionsTo(true);filterMatchingOptionsRef.current(searchFilter);},[searchFilter,shouldFilterOptions]);var message=props.message;var optionNodes=useRawOptions?options:createOptions(shouldFilterOptions?filteredOptions:options,keyField,labelField,menuItemComponent,filteringOptions,clearable);message=(_e=validation===null||validation===void 0?void 0:validation.message)!==null&&_e!==void 0?_e:message;var messageNode=message?jsxRuntime.jsx(Message$1,__assign({validation:validation.validation},{children:message})):null;var hintNode=hint?jsxRuntime.jsx(Hint$1,{children:hint}):null;var labelNode=label?jsxRuntime.jsx(Label$2,{children:label}):null;var handleChange=function(item){logger$3.writeInfo("selection made",item);setSearchFilter("");if(item===null||item===void 0?void 0:item.isClearingItem){onChange(null);return;}if(isArray(item)){handleMultiSelectChange(item);return;}if(useRawOptions||returnItemOnChange){// @ts-ignore
@@ -11765,7 +11765,7 @@ onChange(__spreadArray([],__read(new Set(changes)),false));};var handleStateChan
 };var optionsLoaded=optionNodes&&isNotEmpty(optionNodes);return(// @ts-ignore
 jsxRuntime.jsxs(Dropdown,__assign({inputValue:searchFilter,selectedItem:selectedKey,selectedItems:selectedKeys?__spreadArray([],__read(new Set(selectedKeys)),false):undefined,isOpen:controlledState.isOpen,onInputValueChange:function(val){logger$3.writeInfo("Input value change",val);setSearchFilter(val);},onSelect:handleChange,onStateChange:handleStateChange,downshiftProps:{itemToString:function(item){if(keyField&&item&&item.hasOwnProperty(keyField)){return item[keyField];}return item;}}},{children:[trigger?jsxRuntime.jsx(Trigger,{children:trigger}):jsxRuntime.jsxs(Field$1,__assign({className:className},{children:[labelNode,hintNode,children,messageNode]})),controlledState.isOpen?jsxRuntime.jsx(StyledMenu,__assign({_css:menuCSS!==null&&menuCSS!==void 0?menuCSS:"",maxHeight:maxMenuHeight,placement:placement},{children:async?jsxRuntime.jsx(StyledLoadable,__assign({showSpinner:controlledState.isOpen&&!optionsLoaded},{children:optionNodes})):optionNodes})):null]})));};// @ts-ignore
 exports.Dropdown=styled__default["default"](exports.Dropdown)(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n  &&, && * {\n    font-size: inherit;\n  }\n\n  && {\n    ","\n  }\n"],["\n  &&, && * {\n    font-size: inherit;\n  }\n\n  && {\n    ","\n  }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var Message$1=styled__default["default"](Message$2)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n  && {\n    font-size: ",";\n  }\n"],["\n  && {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);var StyledMenu=styled__default["default"](Menu)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n  && { width: 100%; }\n\n  &&, && * {\n    font-size: inherit;\n  }\n\n  ","\n"],["\n  && { width: 100%; }\n\n  &&, && * {\n    font-size: inherit;\n  }\n\n  ","\n"])),function(_a){var _css=_a._css;return _css;});var StyledLoadable=styled__default["default"](Loadable)(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n  flex-direction: column;\n  min-height: 50px;\n"],["\n  flex-direction: column;\n  min-height: 50px;\n"])));exports.Dropdown.defaultProps={async:false,useRawOptions:false,returnItemOnChange:false,validation:{validation:VALIDATION_STATES.NONE},// maxMenuHeight: "20rem",
-onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n  && {\n    div { max-width: 100%; }\n  }\n"],["\n  && {\n    div { max-width: 100%; }\n  }\n"])));var Label$2=styled__default["default"](Label$3)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  && { color: ","; }\n"],["\n  && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$m,templateObject_2$c,templateObject_3$7,templateObject_4$3,templateObject_5$1,templateObject_6$1;var SelectorEmptyState=styled__default["default"].span(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(p){return p.theme.styles.textColorSecondary;});var templateObject_1$l;var SelectorOptionKeyMap=/** @class */function(){function SelectorOptionKeyMap(){}SelectorOptionKeyMap.call=function(_a){var keyField=_a.keyField,options=_a.options,optionsKeyMap=_a.optionsKeyMap;if(optionsKeyMap)return optionsKeyMap;return options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});};return SelectorOptionKeyMap;}();var Selector=function(_a){var disabled=_a.disabled,props=__rest(_a,["disabled"]);var emptyState=props.emptyState,selectedKey=props.selectedKey,small=props.small,labelField=props.labelField,validation=props.validation;var optionsKeyMap=SelectorOptionKeyMap.call(props);// TODO validation
+onChange:DO_NOTHING,onStateChange:DO_NOTHING};var Autocomplete=Autocomplete$1;var Select=Select$1;var MultiSelect=styled__default["default"](Multiselect)(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n  && {\n    div { max-width: 100%; }\n  }\n"],["\n  && {\n    div { max-width: 100%; }\n  }\n"])));var Label$2=styled__default["default"](Label$3)(templateObject_6$2||(templateObject_6$2=__makeTemplateObject(["\n  && { color: ","; }\n"],["\n  && { color: ","; }\n"])),function(p){return p.theme.styles.textColorPrimary;});var createOptions=function(options,key,label,menuItemComponent,isFilteringOptions,isClearable){if(isClearable===void 0){isClearable=false;}if(isFilteringOptions)return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"Loading items..."}))];if(isEmpty(options))return[jsxRuntime.jsx(Item,__assign({disabled:true},{children:"No matches found"}))];var nodes=options.map(function(o){var _a;var ItemType=getItemType(o);var Component=menuItemComponent;return jsxRuntime.jsx(ItemType,__assign({value:o,disabled:(_a=o.disabled)!==null&&_a!==void 0?_a:false,danger:o.danger},{children:Component?jsxRuntime.jsx(Component,__assign({},o)):o[label]}),o[key]);});if(isClearable){nodes.unshift(jsxRuntime.jsx(Item,__assign({value:CLEAR_OPTION},{children:CLEAR_OPTION.label}),CLEAR_OPTION.value));}return nodes;};var templateObject_1$m,templateObject_2$c,templateObject_3$7,templateObject_4$3,templateObject_5$2,templateObject_6$2;var SelectorEmptyState=styled__default["default"].span(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(p){return p.theme.styles.textColorSecondary;});var templateObject_1$l;var SelectorOptionKeyMap=/** @class */function(){function SelectorOptionKeyMap(){}SelectorOptionKeyMap.call=function(_a){var keyField=_a.keyField,options=_a.options,optionsKeyMap=_a.optionsKeyMap;if(optionsKeyMap)return optionsKeyMap;return options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});};return SelectorOptionKeyMap;}();var Selector=function(_a){var disabled=_a.disabled,props=__rest(_a,["disabled"]);var emptyState=props.emptyState,selectedKey=props.selectedKey,small=props.small,labelField=props.labelField,validation=props.validation;var optionsKeyMap=SelectorOptionKeyMap.call(props);// TODO validation
 // const getValidation = () => (
 //     (invalidOnNoSelection && !selectedKey) ?
 //     VALIDATION_RESULTS.ERROR : validation
@@ -11812,15 +11812,15 @@ onChange:parseNumberAndCall(onMonthSelected)});};var KEY_FIELD="value";var yearO
  *
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
- */function ownKeys$7(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$7(Object(source),!0).forEach(function(key){_defineProperty$9(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$7(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$9(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor$1('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles$1=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor$1(hue,shade,props.theme);var hoverColor=getColor$1(hue,shade+100,props.theme);var activeColor=getColor$1(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor$1(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n    ".concat(props.focusInset?'inset':'',"\n    ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles$2=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles$2(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles$1(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor$1('neutralHue',shade,props.theme);var hoverColor=getColor$1('neutralHue',shade+100,props.theme);var activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React__default.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React__default.useContext(ButtonGroupContext);};var SplitButtonContext=React__default.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React__default.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React__default.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default__default["default"].createElement(StyledButton,_extends$2$1({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$1=ButtonComponent;Button$1.EndIcon=EndIcon;Button$1.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default__default["default"].createElement(StyledAnchor,_extends$2$1({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4=["children","onSelect","selectedItem"];var ButtonGroup=React__default.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React__default.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3=["children","isRotated"];var IconButton$1=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3);var focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$1({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton$1.displayName='IconButton';IconButton$1.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton$1.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$2;function _extends$7(){_extends$7=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$7.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React__default.forwardRef(function(_ref,ref){var buttonProps=_extends$2$1({},_ref);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton$1.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2=["children"];var SplitButton=React__default.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2);return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default__default["default"].createElement(Button$1,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var COMPONENT_NAME$2="Icon";var Icon=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,SVG=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;return isArray(SVG)// @ts-ignore
+ */function ownKeys$7(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$7(Object(source),!0).forEach(function(key){_defineProperty$9(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$7(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty$9(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor$1('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles$1=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor$1(hue,shade,props.theme);var hoverColor=getColor$1(hue,shade+100,props.theme);var activeColor=getColor$1(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor$1(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n    ".concat(props.focusInset?'inset':'',"\n    ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor$1('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor$1('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles$2=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles$2(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles$1(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor$1('neutralHue',shade,props.theme);var hoverColor=getColor$1('neutralHue',shade+100,props.theme);var activeColor=getColor$1('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React__default.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React__default.useContext(ButtonGroupContext);};var SplitButtonContext=React__default.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React__default.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default__default["default"].createElement(StyledIcon,_extends$2$1({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React__default.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default__default["default"].createElement(StyledButton,_extends$2$1({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$2=ButtonComponent;Button$2.EndIcon=EndIcon;Button$2.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default__default["default"].createElement(StyledAnchor,_extends$2$1({ref:ref},anchorProps),children,isExternal&&React__default__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4=["children","onSelect","selectedItem"];var ButtonGroup=React__default.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React__default.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3=["children","isRotated"];var IconButton$1=React__default.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3);var focusInset=useSplitButtonContext();return React__default__default["default"].createElement(StyledIconButton,_extends$2$1({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton$1.displayName='IconButton';IconButton$1.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton$1.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path$2;function _extends$7(){_extends$7=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$7.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends$7({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path$2||(_path$2=/*#__PURE__*/React__default__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React__default.forwardRef(function(_ref,ref){var buttonProps=_extends$2$1({},_ref);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({ref:ref},buttonProps),React__default__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton$1.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2=["children"];var SplitButton=React__default.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2);return React__default__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default__default["default"].createElement(StyledButtonGroup,_extends$2$1({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default__default["default"].createElement(Button$2,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$2.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React__default.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default__default["default"].createElement(IconButton$1,_extends$2$1({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var COMPONENT_NAME$2="Icon";var Icon=function(_a){var color=_a.color,_b=_a.size,size=_b===void 0?1:_b,SVG=_a.svg,title=_a.title,_c=_a.onClick,onClick=_c===void 0?DO_NOTHING:_c;return isArray(SVG)// @ts-ignore
 ?jsxRuntime.jsx(MIcon.Stack,__assign({onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2},{children:SVG.map(function(s,i){return jsxRuntime.jsx(MIcon__default["default"],{path:s},i);})})):isString(SVG)?jsxRuntime.jsx(MIcon__default["default"],{path:SVG,// @ts-ignore
 onClick:onClick,size:size,title:title,color:color||"currentColor","data-component-name":COMPONENT_NAME$2})// @ts-ignore
-:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$2,height:size,onClick:onClick,width:size,title:title});};Icon.COMPONENT_NAME=COMPONENT_NAME$2;var fitContent=styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n  width: fit-content;\n  ","\n"],["\n  width: fit-content;\n  ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n  ",";\n  border-color: ",";\n\n  ","\n  :hover, :active {\n    border-color: transparent;\n  }\n"],["\n  ",";\n  border-color: ",";\n\n  ","\n  :hover, :active {\n    border-color: transparent;\n  }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5||(templateObject_5=__makeTemplateObject(["text-transform: ",";"],["text-transform: ",";"])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var BUTTON_SIZES={SMALL:"small",LARGE:"large"};var ButtonBase=styled__default["default"](function(_a){var children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);// @ts-ignore
-return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n  }\n"])),function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";});var Button=styled__default["default"](React__default.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
-onClick:autoLoadable?processClick:onClick}));}))(templateObject_7||(templateObject_7=__makeTemplateObject([""],[""// @ts-ignore
+:jsxRuntime.jsx(SVG,{fill:color||"currentColor","data-component-name":COMPONENT_NAME$2,height:size,onClick:onClick,width:size,title:title});};Icon.COMPONENT_NAME=COMPONENT_NAME$2;var fitContent=styled.css(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n  width: fit-content;\n  ","\n"],["\n  width: fit-content;\n  ","\n"])),function(_a){var compact=_a.compact;return compact?"min-width: fit-content; padding: 0 1em;":"";});var fitContainer=styled.css(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["width: 100%;"],["width: 100%;"])));var colors=styled.css(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n  ",";\n  border-color: ",";\n\n  ","\n  :hover, :active {\n    border-color: transparent;\n  }\n"],["\n  ",";\n  border-color: ",";\n\n  ","\n  :hover, :active {\n    border-color: transparent;\n  }\n"])),buttonLikeHoverable,function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return!flat&&!primary&&!inline?color:"transparent";},getInlineStyling);var alignment=function(_a){var alignSelf=_a.alignSelf;return alignSelf?styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["align-self: ",";"],["align-self: ",";"])),alignSelf):"";};var casing=function(_a){var theme=_a.theme;var casing=theme.styles.buttons.textTransform;return casing?styled.css(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["text-transform: ",";"],["text-transform: ",";"])),casing):"";};var baseColor=function(_a){var color=_a.color,danger=_a.danger,neutral=_a.neutral,success=_a.success,theme=_a.theme,warning=_a.warning;if(color)return color;if(danger)return theme.styles.colorDanger;if(neutral)return COLORS.LIGHT_GREY;if(success)return theme.styles.colorSuccess;if(warning)return theme.styles.colorWarning;return theme.styles.colorPrimary;};var BUTTON_SIZES={SMALL:"small",LARGE:"large"};var ButtonBase=styled__default["default"](function(_a){var children=_a.children,disabled=_a.disabled;_a.groupKey;var icon=_a.icon,iconSize=_a.iconSize,innerAs=_a.innerAs,innerRef=_a.innerRef,iconPosition=_a.iconPosition,loading=_a.loading,onClick=_a.onClick,pill=_a.pill,props=__rest(_a,["children","disabled","groupKey","icon","iconSize","innerAs","innerRef","iconPosition","loading","onClick","pill"]);// @ts-ignore
+return jsxRuntime.jsx(Button$2,__assign({as:innerAs,disabled:disabled,isPill:pill,ref:innerRef,onClick:onClick},props,{children:loading?jsxRuntime.jsx(LoaderContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{size:FONT_SIZES.MD})})):icon?jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",gap:SPACINGS.XS,justifyContent:"center"},{children:[iconPosition==="left"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize}),children?jsxRuntime.jsx("span",{children:children}):undefined,iconPosition==="right"&&jsxRuntime.jsx(Icon,{color:"currentColor",svg:icon,size:iconSize})]})):jsxRuntime.jsx("span",{children:children})}));}).attrs(function(props){return __assign(__assign({},props),{color:baseColor(props)});})(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    font-weight: bold;\n    ","\n    ","\n    ","\n    ","\n  }\n"])),function(_a){var fluid=_a.fluid;return!fluid?fitContent:fitContainer;},alignment,casing,function(_a){var disabled=_a.disabled;return!disabled?colors:"";});var Button$1=styled__default["default"](React__default.forwardRef(function(_a,ref){var _b=_a.autoLoadable,autoLoadable=_b===void 0?false:_b,disabled=_a.disabled,_c=_a.loading,loadingProp=_c===void 0?false:_c,onClick=_a.onClick,props=__rest(_a,["autoLoadable","disabled","loading","onClick"]);var _d=__read(React__default.useState(false),2),isLoading=_d[0],setIsLoadingTo=_d[1];var isMounted=useIsMounted();var computedIsLoading=React__default.useCallback(function(){return autoLoadable?isLoading:loadingProp;},[autoLoadable,isLoading,loadingProp]);var processClick=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:setIsLoadingTo(true);_b.label=1;case 1:_b.trys.push([1,3,,4]);return[4/*yield*/,onClick(e)];case 2:_b.sent();return[3/*break*/,4];case 3:_b.sent();return[3/*break*/,4];case 4:if(isMounted())setIsLoadingTo(false);return[2/*return*/];}});});};return jsxRuntime.jsx(ButtonBase,__assign({},props,{disabled:disabled||computedIsLoading(),innerRef:ref,loading:computedIsLoading(),// @ts-ignore
+onClick:autoLoadable?processClick:onClick}));}))(templateObject_7$1||(templateObject_7$1=__makeTemplateObject([""],[""// @ts-ignore
 ])));// @ts-ignore
-Button.COMPONENT_NAME="Button";// @ts-ignore
-Button.defaultProps={fluid:false,flat:false,iconPosition:"right",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  min-height: 30px;\n"],["\n  min-height: 30px;\n"])));var templateObject_1$g,templateObject_2$8,templateObject_3$5,templateObject_4$2,templateObject_5,templateObject_6,templateObject_7,templateObject_8;var COMPONENT_NAME$1="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"],["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"// @ts-ignore
+Button$1.COMPONENT_NAME="Button";// @ts-ignore
+Button$1.defaultProps={fluid:false,flat:false,iconPosition:"right",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8$1||(templateObject_8$1=__makeTemplateObject(["\n  min-height: 30px;\n"],["\n  min-height: 30px;\n"])));var templateObject_1$g,templateObject_2$8,templateObject_3$5,templateObject_4$2,templateObject_5$1,templateObject_6$1,templateObject_7$1,templateObject_8$1;var COMPONENT_NAME$1="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button$1,__assign({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"],["\n  && {\n    padding: .5em;\n    min-width: 0;\n  }\n"// @ts-ignore
 ])));// @ts-ignore
 IconButton.COMPONENT_NAME=COMPONENT_NAME$1;var templateObject_1$f;function commonjsRequire(path){throw new Error('Could not dynamically require "'+path+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');}var moment$1={exports:{}};(function(module,exports){(function(global,factory){module.exports=factory();})(commonjsGlobal,function(){var hookCallback;function hooks(){return hookCallback.apply(null,arguments);}// This is done to register the method called with moment()
 // without creating circular dependencies.
@@ -14305,7 +14305,7 @@ exports.TextField=styled__default["default"](exports.TextField)(templateObject_1
 ])));// @ts-ignore
 exports.TextField.COMPONENT_NAME="TextField";var templateObject_1$a;var EmailTextField=function(props){return jsxRuntime.jsx(exports.TextField,__assign({type:"email"},props));};var NumberTextField=function(_a){var onChange=_a.onChange,props=__rest(_a,["onChange"]);var handleChange=function(e){var val=e.target.value||"0";onChange(parseInt(val.replace(/[^0-9.]+/g,"")));};// @ts-ignore
 return jsxRuntime.jsx(exports.TextField,__assign({},props,{onChange:handleChange}));};var PasswordTextField=function(_a){var newPassword=_a.newPassword,props=__rest(_a,["newPassword"]);var autoCompleteAttr=newPassword?{autoComplete:"new-password"}:{};return jsxRuntime.jsx(exports.TextField,__assign({},autoCompleteAttr,{type:"password"},props));};var TextArea=function(_a){var onChange=_a.onChange,props=__rest(_a,["onChange"]);var notifyParentOfChange=function(e){onChange(e.target.value,e);};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,{onChange:notifyParentOfChange,WrappedComponent:Textarea}));};// @ts-ignore
-TextArea.COMPONENT_NAME="TextArea";var CycleButton=function(_a){var options=_a.options,selectedOption=_a.selectedOption,onCycleChanged=_a.onCycleChanged,buttonProps=__rest(_a,["options","selectedOption","onCycleChanged"]);return jsxRuntime.jsx(Button,__assign({primary:false},buttonProps,{onClick:function(){var next=cycle(options.map(function(o){return o.value;}),selectedOption);onCycleChanged(next);}},{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",gap:"5px"},{children:options.map(function(o){return jsxRuntime.jsxs(React__default.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign({selected:selectedOption===o.value},{children:o.label})),isNotLastItem(options,o)?jsxRuntime.jsx(Label$1,{children:"/"}):null]},o.label);})}))}));};var Label$1=styled__default["default"].span(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n  color: ",";\n  font-size: ",";;\n"],["\n  color: ",";\n  font-size: ",";;\n"])),function(p){return p.selected?"inherit":COLORS.LIGHT_GREY;},function(p){return p.selected?"inherit":FONT_SIZES.XS;});var cycle=function(cycleables,current){return isLastItem(cycleables,current)?cycleables[0]:cycleables[cycleables.indexOf(current)+1];};var templateObject_1$9;var Hint=styled__default["default"](Hint$2)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n  }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;});var templateObject_1$8;var Message=styled__default["default"](Message$3)(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);var templateObject_1$7;exports.Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$2,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};exports.Checkbox=styled__default["default"](exports.Checkbox)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ",";\n    }\n\n    :focus {\n      border-color: ",";\n      box-shadow: ",";\n    }\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ",";\n    }\n\n    :focus {\n      border-color: ",";\n      box-shadow: ",";\n    }\n  }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$2=styled__default["default"](FlexBox)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"],["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$6,templateObject_2$4;exports.Form=React__default.forwardRef(function(_a,ref){var onSubmit=_a.onSubmit,className=_a.className,children=_a.children,props=__rest(_a,["onSubmit","className","children"]);var handleSubmit=function(e){e.preventDefault();onSubmit();};return jsxRuntime.jsxs(FlexBox,__assign({withRows:true,as:"form",onSubmit:handleSubmit,gap:SPACINGS.SM,className:className,ref:ref},props,{children:[jsxRuntime.jsx(HiddenSubmit,{}),children]}));});var HiddenSubmit=styled__default["default"].input.attrs({type:"submit",tabIndex:-1})(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n"],["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n"])));exports.Form=styled__default["default"](exports.Form)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""],[""])));var templateObject_1$5,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n  && {\n    font-size: inherit;\n  }\n"],["\n  && {\n    font-size: inherit;\n  }\n"])));var templateObject_1$4;var logger=new Logger("Toggles");exports.Toggle=function(_a){var checked=_a.checked,hint=_a.hint,label=_a.label,onChange=_a.onChange,props=__rest(_a,["checked","hint","label","onChange"]);var handleChange=function(e){logger.writeInfo("handleChange",e.target.checked);onChange(e.target.checked);};return jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(StyledZToggle,__assign({},props,{checked:checked,onChange:handleChange},{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),hint?jsxRuntime.jsx(Hint,{children:hint}):null]}))});};var toggleColor=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  + label:before {\n    border-color: ",";\n    background-color: ",";\n  }\n\n  &&& + label:active:before {\n    background-color: ",";\n  }\n"],["\n  + label:before {\n    border-color: ",";\n    background-color: ",";\n  }\n\n  &&& + label:active:before {\n    background-color: ",";\n  }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return dark(theme.styles.colorSuccess);});var StyledZToggle=styled__default["default"](Toggle)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n  font-size: inherit;\n\n  &&&&& {\n    ","\n  }\n"],["\n  font-size: inherit;\n\n  &&&&& {\n    ","\n  }\n"])),function(_a){var checked=_a.checked;return checked?toggleColor:"";});exports.Toggle=styled__default["default"](exports.Toggle)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2;// @flow
+TextArea.COMPONENT_NAME="TextArea";var CycleButton=function(_a){var options=_a.options,selectedOption=_a.selectedOption,onCycleChanged=_a.onCycleChanged,buttonProps=__rest(_a,["options","selectedOption","onCycleChanged"]);return jsxRuntime.jsx(Button$1,__assign({primary:false},buttonProps,{onClick:function(){var next=cycle(options.map(function(o){return o.value;}),selectedOption);onCycleChanged(next);}},{children:jsxRuntime.jsx(FlexBox,__assign({alignItems:"center",gap:"5px"},{children:options.map(function(o){return jsxRuntime.jsxs(React__default.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign({selected:selectedOption===o.value},{children:o.label})),isNotLastItem(options,o)?jsxRuntime.jsx(Label$1,{children:"/"}):null]},o.label);})}))}));};var Label$1=styled__default["default"].span(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n  color: ",";\n  font-size: ",";;\n"],["\n  color: ",";\n  font-size: ",";;\n"])),function(p){return p.selected?"inherit":COLORS.LIGHT_GREY;},function(p){return p.selected?"inherit":FONT_SIZES.XS;});var cycle=function(cycleables,current){return isLastItem(cycleables,current)?cycleables[0]:cycleables[cycleables.indexOf(current)+1];};var templateObject_1$9;var Hint=styled__default["default"](Hint$2)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n  }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;});var templateObject_1$8;var Message=styled__default["default"](Message$3)(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);var templateObject_1$7;exports.Checkbox=function(_a){var _b,_c,_d;var checkedProp=(_b=_a.checked,_b===void 0?false:_b);_a.compact;_a.emptyState;var fluid=_a.fluid,hint=_a.hint,indeterminate=_a.indeterminate,label=_a.label,message=_a.message,validation=(_c=_a.validation,_c===void 0?{validation:VALIDATION_STATES.NONE}:_c),onChange=_a.onChange,props=__rest(_a,["checked","compact","emptyState","fluid","hint","indeterminate","label","message","validation","onChange"]);var checked=(_d=__read(React__default.useState(checkedProp),2),_d[0]),setCheckedTo=_d[1];var handleCheck=function(e){var checked=e.target.checked;setCheckedTo(checked);onChange(checked);};React__default.useEffect(function(){setCheckedTo(checkedProp);},[checkedProp]);return jsxRuntime.jsx(Container$2,__assign({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(Checkbox,__assign({checked:checked,indeterminate:indeterminate},props,{onChange:handleCheck},{children:[jsxRuntime.jsx(Label$1$1,__assign({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,{children:hint}):null,message?jsxRuntime.jsx(Message,__assign({validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))})}));};exports.Checkbox=styled__default["default"](exports.Checkbox)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ",";\n    }\n\n    :focus {\n      border-color: ",";\n      box-shadow: ",";\n    }\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n\n    :hover {\n      border-color: ",";\n    }\n\n    :focus {\n      border-color: ",";\n      box-shadow: ",";\n    }\n  }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;return dark(theme.styles.colorPrimary);},function(_a){var theme=_a.theme;return"0 0 0 3px ".concat(fade(theme.styles.colorPrimary));});var Container$2=styled__default["default"](FlexBox)(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"],["\n  ","\n  && * {\n    font-size: inherit;\n  }\n"])),function(_a){var fluid=_a.fluid;return fluid?"width: 100%;":"";});var templateObject_1$6,templateObject_2$4;exports.Form=React__default.forwardRef(function(_a,ref){var onSubmit=_a.onSubmit,className=_a.className,children=_a.children,props=__rest(_a,["onSubmit","className","children"]);var handleSubmit=function(e){e.preventDefault();onSubmit();};return jsxRuntime.jsxs(FlexBox,__assign({withRows:true,as:"form",onSubmit:handleSubmit,gap:SPACINGS.SM,className:className,ref:ref},props,{children:[jsxRuntime.jsx(HiddenSubmit,{}),children]}));});var HiddenSubmit=styled__default["default"].input.attrs({type:"submit",tabIndex:-1})(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n"],["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n"])));exports.Form=styled__default["default"](exports.Form)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject([""],[""])));var templateObject_1$5,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n  && {\n    font-size: inherit;\n  }\n"],["\n  && {\n    font-size: inherit;\n  }\n"])));var templateObject_1$4;var logger=new Logger("Toggles");exports.Toggle=function(_a){var checked=_a.checked,hint=_a.hint,label=_a.label,onChange=_a.onChange,props=__rest(_a,["checked","hint","label","onChange"]);var handleChange=function(e){logger.writeInfo("handleChange",e.target.checked);onChange(e.target.checked);};return jsxRuntime.jsx(Field$2,{children:jsxRuntime.jsxs(StyledZToggle,__assign({},props,{checked:checked,onChange:handleChange},{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),hint?jsxRuntime.jsx(Hint,{children:hint}):null]}))});};var toggleColor=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  + label:before {\n    border-color: ",";\n    background-color: ",";\n  }\n\n  &&& + label:active:before {\n    background-color: ",";\n  }\n"],["\n  + label:before {\n    border-color: ",";\n    background-color: ",";\n  }\n\n  &&& + label:active:before {\n    background-color: ",";\n  }\n"])),function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return theme.styles.colorSuccess;},function(_a){var theme=_a.theme;return dark(theme.styles.colorSuccess);});var StyledZToggle=styled__default["default"](Toggle)(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n  font-size: inherit;\n\n  &&&&& {\n    ","\n  }\n"],["\n  font-size: inherit;\n\n  &&&&& {\n    ","\n  }\n"])),function(_a){var checked=_a.checked;return checked?toggleColor:"";});exports.Toggle=styled__default["default"](exports.Toggle)(templateObject_3$2||(templateObject_3$2=__makeTemplateObject([""],[""])));var templateObject_1$3,templateObject_2$2,templateObject_3$2;// @flow
 const COMPONENT_NAME="Paragraph";const Paragraph=styled__default["default"](Text).attrs({as:FONT_TAGS.P,"data-component-name":COMPONENT_NAME})`
   font-weight: ${FONT_WEIGHTS.REGULAR};
 `;Paragraph.COMPONENT_NAME=COMPONENT_NAME;const XXS=styled__default["default"](Paragraph)`
@@ -14318,5 +14318,8 @@ const COMPONENT_NAME="Paragraph";const Paragraph=styled__default["default"](Text
   font-size: ${FONT_SIZES.LG};
 `;styled__default["default"](Paragraph)`
   font-size: ${FONT_SIZES.XL};
-`;var Chip=styled__default["default"](XXS).attrs(function(_a){var danger=_a.danger,primary=_a.primary,success=_a.success,theme=_a.theme;var background;var color;switch(true){case danger:background=light(COLORS.RED,.5);color=COLORS.RED;break;case success:background="#e1ede8";color=COLORS.GREEN;break;case primary:background=theme.styles.colorPrimary;color=theme.styles.getTextColorForBackground({color:theme.styles.colorPrimary,theme:theme});break;default:background=light(COLORS.GREY,.6);color=COLORS.GREY;}return{as:"div",background:background,color:color};})(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  padding: 2px 8px;\n  border-radius: 8px;\n  font-weight: ",";\n"],["\n  background: ",";\n  color: ",";\n  padding: 2px 8px;\n  border-radius: 8px;\n  font-weight: ",";\n"])),function(p){return p.background;},function(p){return p.color;},FONT_WEIGHTS.BOLD);var templateObject_1$2;var TaggedToggle=function(_a){var active=_a.active,onChange=_a.onChange;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Chip,__assign({success:active},{children:active?"Enabled":"Disabled"})),jsxRuntime.jsx(exports.Toggle,{checked:active,onChange:onChange})]});};var TranslucentLoader=function(_a){var _css=_a._css,children=_a.children,className=_a.className,innerAs=_a.innerAs,_b=_a.isLoading,isLoading=_b===void 0?true:_b;var theme=React__default.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$1,__assign({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject([""],[""])));var Container$1=styled__default["default"].div(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),function(_a){var _css=_a._css;return _css?_css:"";});var SpinnerContainer=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n"],["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1;var useLoaderV2=function(){var _a=__read(React__default.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React__default.useMemo(function(){return function(p){return __awaiter(void 0,void 0,void 0,function(){var val;return __generator(this,function(_a){switch(_a.label){case 0:setLoading(true);_a.label=1;case 1:_a.trys.push([1,,3,4]);return[4/*yield*/,p];case 2:val=_a.sent();return[3/*break*/,4];case 3:setLoading(false);return[7/*endfinally*/];case 4:return[2/*return*/,val];}});});};},[]);var Loader=React__default.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign({},props,{innerAs:as,isLoading:loading}));};},[loading]);return{isLoading:loading,Loader:Loader,withLoading:withLoading};};var build={exports:{}};(function(module,exports){!function(e,t){module.exports=t();}(commonjsGlobal,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports;}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var n=e&&e.__esModule?function(){return e.default;}:function(){return e;};return t.d(n,"a",n),n;},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t);},t.p="",t(t.s=4);}([function(e,t,n){n.d(t,"b",function(){return o;}),n.d(t,"c",function(){return a;});var i=n(1),r=n(7);n.d(t,"a",function(){return r.a;}),n.d(t,"d",function(){return i.b;});var o=i.a.FACING_MODES,a=i.a.IMAGE_TYPES;},function(e,t,n){var i=n(6);n.d(t,"a",function(){return i.a;});var r=n(2);n.d(t,"b",function(){return r.a;});},function(e,t,n){function i(e,t){if(!(t>=0&&t<=1))throw new Error(t+" is invalid imageCompression, choose between: [0, 1]");if(!l.f.includes(e))throw new Error(e+" is invalid imageType, choose between: "+l.f.join(", "));return!0;}function r(e,t){var n={};try{i(e,t),n.imageType=e,n.imageCompression=t;}catch(e){console.error(e),console.error("default value of "+l.c.PNG+" is used"),n.imageType=l.c.PNG,n.imageCompression=null;}return n;}function o(){var e=window.navigator.platform,t=window.navigator.userAgent;return e||t;}function a(){return"ontouchend"in document;}function u(e,t,n){var i=e*parseFloat(n);return{imageWidth:i,imageHeight:t/(e/i)};}function c(e,t,n){return r(t,n).imageType===l.c.JPG?n?e.toDataURL(l.b[l.c.JPG],n):e.toDataURL(l.b[l.c.JPG]):e.toDataURL(l.b[t]);}function s(e,t){return e||t;}function f(){var e=o();if(/iPad|iPhone|iPod/.test(e))return!0;var t=a();return!(!/Mac/.test(e)||!t);}function d(){return{userAgent:window.navigator.userAgent,platform:window.navigator.platform,_getStringWithPlatform:o(),_getHasTouchEvents:a(),getIsIOS:f()};}t.c=u,t.b=c,t.e=s,t.d=f,t.a=d;var l=n(3);},function(e,t,n){function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;}n.d(t,"e",function(){return o;}),n.d(t,"a",function(){return a;}),n.d(t,"f",function(){return u;}),n.d(t,"c",function(){return c;}),n.d(t,"b",function(){return s;}),n.d(t,"d",function(){return f;});var r,o=["user","environment"],a={USER:"user",ENVIRONMENT:"environment"},u=["jpg","png"],c={PNG:"png",JPG:"jpg"},s=(r={},i(r,"jpg","image/jpeg"),i(r,"png","image/png"),r),f={audio:!1,video:!0};},function(e,t,n){e.exports=n(5);},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);n.d(t,"FACING_MODES",function(){return i.b;}),n.d(t,"IMAGE_TYPES",function(){return i.c;}),n.d(t,"_getDebugPlatformInfo",function(){return i.d;});var r=n(9);n.d(t,"downloadPhoto",function(){return r.a;}),t.default=i.a;},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return u;});var r=n(2),o=n(3),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=function(){function e(){i(this,e);}return a(e,null,[{key:"getDataUri",value:function(e,t){var n=t.sizeFactor,i=t.imageType,o=t.imageCompression,a=t.isImageMirror,u=e.videoWidth,c=e.videoHeight,s=Object(r.c)(u,c,n),f=s.imageWidth,d=s.imageHeight,l=document.createElement("canvas");l.width=f,l.height=d;var v=l.getContext("2d");return a&&v.setTransform(-1,0,0,1,l.width,0),v.drawImage(e,0,0,f,d),Object(r.b)(l,i,o);}},{key:"getWindowURL",value:function(){return window.URL||window.webkitURL||window.mozURL||window.msURL;}},{key:"getNavigatorMediaDevices",value:function(){var e=null,t=!(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia),n=!(!navigator.mozGetUserMedia&&!navigator.webkitGetUserMedia);if(t)e=navigator.mediaDevices;else if(n){var i=navigator.mozGetUserMedia||navigator.webkitGetUserMedia,r={getUserMedia:function(e){return new Promise(function(t,n){i.call(navigator,e,t,n);});}};e=Object.assign(i,r);}return e;}},{key:"isSupportedFacingMode",value:function(){return e.getNavigatorMediaDevices().getSupportedConstraints().facingMode;}},{key:"getIdealConstraints",value:function(t,n){if(!Object(r.e)(t,n))return o.d;var i=e.getNavigatorMediaDevices().getSupportedConstraints();if(!i.width||!i.height)return console.error("Constraint width or height not supported! fallback to default resolution"),o.d;var a=void 0,u=void 0;if(t){o.e.includes(t)?a=t:u={exact:t};}return{audio:!1,video:{facingMode:a,deviceId:u,width:n&&n.width,height:n&&n.height}};}},{key:"getMaxResolutionConstraints",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments[1];console.warn("getMaxResolutionConstraints() numberOfMaxResolutionTry:",n);var i=[{width:{min:640}},{width:{min:800}},{width:{min:900}},{width:{min:1024}},{width:{min:1080}},{width:{min:1280}},{width:{min:1920}},{width:{min:2560}},{width:{min:3840}}],o=e.getIdealConstraints(t,{});if(0===n){if(Object(r.d)()){console.warn("fallback to iOS constraints");return e.getIdealConstraints(t,{width:{min:640,ideal:3840},height:{min:480,ideal:2160}});}return o.video.advanced=i,o;}if(n<i.length){var a=i.slice(0,-n);return o.video.advanced=a,o;}return null;}},{key:"FACING_MODES",get:function(){return o.a;}},{key:"IMAGE_TYPES",get:function(){return o.c;}}]),e;}();},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return c;});var r=n(1),o=n(8),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=r.a.IMAGE_TYPES.PNG,c=function(){function e(t){i(this,e),this.videoElement=t,this.stream=null,this.numberOfMaxResolutionTry=0,this.settings=null,this.cameras=[],this.windowURL=r.a.getWindowURL(),this.mediaDevices=r.a.getNavigatorMediaDevices();}return a(e,[{key:"_getStreamDevice",value:function(e,t){var n=this;return new Promise(function(i,o){var a=r.a.getIdealConstraints(e,t);n.mediaDevices.getUserMedia(a).then(function(e){n._gotStream(e),i(e);}).catch(function(e){o(e);});});}},{key:"_getStreamDeviceMaxResolution",value:function(e){var t=this,n=r.a.getMaxResolutionConstraints(e,this.numberOfMaxResolutionTry);if(null==n){var i={};return this._getStreamDevice(e,i);}return new Promise(function(i,r){t.mediaDevices.getUserMedia(n).then(function(e){t._gotStream(e),i(e);}).catch(function(n){setTimeout(function(){t.numberOfMaxResolutionTry+=1,t._getStreamDeviceMaxResolution(e).catch(function(){r(n);});},20);});});}},{key:"_setVideoSrc",value:function(e){if("srcObject"in this.videoElement)this.videoElement.srcObject=e;else{var t=this.windowURL.createObjectURL(e);this.videoElement.src=t;}}},{key:"_setSettings",value:function(e){this.settings=null;var t=e&&e.getTracks?e.getTracks():[];t.length>0&&t[0].getSettings&&(this.settings=t[0].getSettings());}},{key:"_enumerateCamerasPromise",value:function(){var e=this;return new Promise(function(t,n){var i=[];e.mediaDevices.enumerateDevices().then(function(e){e.forEach(function(e){"videoinput"===e.kind&&e.deviceId&&i.push(e);}),t(i);}).catch(function(e){n(e);});});}},{key:"_gotStream",value:function(e){this.stream=e,this._setSettings(e),this._setVideoSrc(e);}},{key:"getCameraSettings",value:function(){return this.settings;}},{key:"enumerateCameras",value:function(){var e=this;return this.stream?this._enumerateCamerasPromise():this.stopCamera().then(function(){}).catch(function(){}).then(function(){var t={video:!0};return e.mediaDevices.getUserMedia(t).then(function(e){setTimeout(function(){e.getTracks().forEach(function(e){e.stop();});},20);}).then(function(){}).catch(function(){}).then(function(){return e._enumerateCamerasPromise();});});}},{key:"startCamera",value:function(e,t){var n=this;return this.stopCamera().then(function(){}).catch(function(){}).then(function(){return n._getStreamDevice(e,t);});}},{key:"startCameraMaxResolution",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.numberOfMaxResolutionTry=0,this.stopCamera().then(function(){}).catch(function(){}).then(function(){return e._getStreamDeviceMaxResolution(t);});}},{key:"getDataUri",value:function(e){var t={sizeFactor:void 0===e.sizeFactor?o.c:e.sizeFactor,imageType:void 0===e.imageType?u:e.imageType,imageCompression:void 0===e.imageCompression?o.a:e.imageCompression,isImageMirror:void 0===e.isImageMirror?o.b:e.isImageMirror};return r.a.getDataUri(this.videoElement,t);}},{key:"stopCamera",value:function(){var e=this;return new Promise(function(t,n){e.stream&&(e.stream.getTracks().forEach(function(e){e.stop();}),e.videoElement.src="",e.stream=null,e._setSettings(null),t()),n(Error("no stream to stop!"));});}}]),e;}();},function(e,t,n){n.d(t,"c",function(){return i;}),n.d(t,"a",function(){return r;}),n.d(t,"b",function(){return o;});var i=1,r=null,o=!1;},function(e,t,n){var i=n(10);n.d(t,"a",function(){return i.a;});},function(e,t,n){function i(e){for(var t=atob(e.split(",")[1]),n=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(t.length),r=new Uint8Array(i),o=0;o<t.length;o++)r[o]=t.charCodeAt(o);return new Blob([i],{type:n});}function r(e,t){return e+="",e.length>=t?e:new Array(t-e.length+1).join("0")+e;}function o(e){var t=s.c.PNG;return"image/jpeg"===e&&(t=s.c.JPG),t;}function a(e,t,n){return e+"-"+r(t,4)+"."+o(n);}function u(e,t,n){window.URL=window.webkitURL||window.URL;var i=document.createElement("a");i.download=a(t,n,e.type),i.href=window.URL.createObjectURL(e);var r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),i.dispatchEvent(r);}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"photo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;u(i(e),t,n);}t.a=c;var s=n(0);}]);});})(build);var CameraPhoto=/*@__PURE__*/getDefaultExportFromCjs(build.exports);var PhotoBooth=function(_a){var onSubmit=_a.onSubmit,trigger=_a.trigger;var viewFinderRef=React__default.useRef(null);var previewRef=React__default.useRef(null);var canvasRef=React__default.useRef(null);var cameraPhoto=React__default.useRef();var _b=__read(React__default.useState(),2),previewSrc=_b[0],setPreviewSrc=_b[1];var _c=__read(React__default.useState(false),2),isCameraVisible=_c[0],setIsCameraVisibleTo=_c[1];var _d=useLoaderV2(),withLoading=_d.withLoading,isLoading=_d.isLoading;var _e=useLoaderV2(),withSubmitLoading=_e.withLoading,isSubmitting=_e.isLoading;var clearPhoto=function(){setPreviewSrc(undefined);};var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var startCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,withLoading(cameraPhoto.current.startCamera(build.exports.FACING_MODES.ENVIRONMENT))];case 1:_a.sent();return[2/*return*/];}});});},[withLoading]);var submitPhoto=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var blob,file;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,fetch(previewSrc)];case 1:return[4/*yield*/,_a.sent().blob()];case 2:blob=_a.sent();file=new File([blob],"image.png");return[4/*yield*/,withSubmitLoading(onSubmit({file:file,dataUri:previewSrc}))];case 3:_a.sent();clearPhoto();setIsCameraVisibleTo(false);return[4/*yield*/,cameraPhoto.current.stopCamera()];case 4:_a.sent();return[2/*return*/];}});});},[onSubmit,previewSrc,withSubmitLoading]);var takePhoto=React__default.useCallback(function(){var dataUri=cameraPhoto.current.getDataUri({sizeFactor:1,imageType:build.exports.IMAGE_TYPES.PNG,imageCompression:.95,isImageMirror:false});setPreviewSrc(dataUri);},[]);React__default.useEffect(function(){if(!isCameraVisible||!viewFinderRef.current||!canvasRef.current||!previewRef.current)return;cameraPhoto.current=new CameraPhoto(viewFinderRef.current);startCamera().then();},[isCameraVisible,startCamera]);return jsxRuntime.jsx(TranslucentLoader,__assign({isLoading:isLoading},{children:isCameraVisible?jsxRuntime.jsxs(Container,__assign({gap:SPACINGS.XXL,withRows:true},{children:[jsxRuntime.jsx(ViewFinder,{autoPlay:true,hidden:!!previewSrc,ref:viewFinderRef}),jsxRuntime.jsx(Canvas,{ref:canvasRef}),jsxRuntime.jsx(Preview,{alt:"preview",hidden:!previewSrc,ref:previewRef,src:previewSrc}),previewSrc?jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Button,__assign({fluid:true,loading:isSubmitting,onClick:clearPhoto,primary:false},{children:"Retake Photo"})),jsxRuntime.jsx(Button,__assign({fluid:true,loading:isSubmitting,onClick:submitPhoto},{children:"Use Photo"}))]}):jsxRuntime.jsx(Button,__assign({fluid:true,onClick:takePhoto},{children:"Take Photo"}))]})):trigger(showCamera)}));};var Canvas=styled__default["default"].canvas(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"])));var Container=styled__default["default"](FlexBox)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  background-color: #000;\n  padding: 2rem;\n"],["\n  background-color: #000;\n  padding: 2rem;\n"])));var Preview=styled__default["default"].img(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var ViewFinder=styled__default["default"].video(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var templateObject_1,templateObject_2,templateObject_3,templateObject_4;exports.ArrayToSelectorOptionsConverter=ArrayToSelectorOptionsConverter;exports.Autocomplete=Autocomplete;exports.BUTTON_SIZES=BUTTON_SIZES;exports.Button=Button;exports.CycleButton=CycleButton;exports.DatePickerSelector=DatePickerSelector;exports.EmailTextField=EmailTextField;exports.IconButton=IconButton;exports.MonthYearSelector=MonthYearSelector;exports.MultiSelect=MultiSelect;exports.MultiSelector=MultiSelector;exports.NumberTextField=NumberTextField;exports.PasswordTextField=PasswordTextField;exports.PhotoBooth=PhotoBooth;exports.Select=Select;exports.Selector=Selector;exports.SelectorOptionKeyMap=SelectorOptionKeyMap;exports.TaggedToggle=TaggedToggle;exports.TextArea=TextArea;exports.VALIDATION_STATES=VALIDATION_STATES;
+`;var Chip=styled__default["default"](XXS).attrs(function(_a){var danger=_a.danger,primary=_a.primary,success=_a.success,theme=_a.theme;var background;var color;switch(true){case danger:background=light(COLORS.RED,.5);color=COLORS.RED;break;case success:background="#e1ede8";color=COLORS.GREEN;break;case primary:background=theme.styles.colorPrimary;color=theme.styles.getTextColorForBackground({color:theme.styles.colorPrimary,theme:theme});break;default:background=light(COLORS.GREY,.6);color=COLORS.GREY;}return{as:"div",background:background,color:color};})(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  padding: 2px 8px;\n  border-radius: 8px;\n  font-weight: ",";\n"],["\n  background: ",";\n  color: ",";\n  padding: 2px 8px;\n  border-radius: 8px;\n  font-weight: ",";\n"])),function(p){return p.background;},function(p){return p.color;},FONT_WEIGHTS.BOLD);var templateObject_1$2;var TaggedToggle=function(_a){var active=_a.active,onChange=_a.onChange;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Chip,__assign({success:active},{children:active?"Enabled":"Disabled"})),jsxRuntime.jsx(exports.Toggle,{checked:active,onChange:onChange})]});};var TranslucentLoader=function(_a){var _css=_a._css,children=_a.children,className=_a.className,innerAs=_a.innerAs,_b=_a.isLoading,isLoading=_b===void 0?true:_b;var theme=React__default.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$1,__assign({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$1||(templateObject_1$1=__makeTemplateObject([""],[""])));var Container$1=styled__default["default"].div(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),function(_a){var _css=_a._css;return _css?_css:"";});var SpinnerContainer=styled__default["default"](FlexBox)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n"],["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n"])));var templateObject_1$1,templateObject_2$1,templateObject_3$1;var useLoaderV2=function(){var _a=__read(React__default.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React__default.useMemo(function(){return function(p){return __awaiter(void 0,void 0,void 0,function(){var val;return __generator(this,function(_a){switch(_a.label){case 0:setLoading(true);_a.label=1;case 1:_a.trys.push([1,,3,4]);return[4/*yield*/,p];case 2:val=_a.sent();return[3/*break*/,4];case 3:setLoading(false);return[7/*endfinally*/];case 4:return[2/*return*/,val];}});});};},[]);var Loader=React__default.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign({},props,{innerAs:as,isLoading:loading}));};},[loading]);return{isLoading:loading,Loader:Loader,withLoading:withLoading};};var build={exports:{}};(function(module,exports){!function(e,t){module.exports=t();}(commonjsGlobal,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports;}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var n=e&&e.__esModule?function(){return e.default;}:function(){return e;};return t.d(n,"a",n),n;},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t);},t.p="",t(t.s=4);}([function(e,t,n){n.d(t,"b",function(){return o;}),n.d(t,"c",function(){return a;});var i=n(1),r=n(7);n.d(t,"a",function(){return r.a;}),n.d(t,"d",function(){return i.b;});var o=i.a.FACING_MODES,a=i.a.IMAGE_TYPES;},function(e,t,n){var i=n(6);n.d(t,"a",function(){return i.a;});var r=n(2);n.d(t,"b",function(){return r.a;});},function(e,t,n){function i(e,t){if(!(t>=0&&t<=1))throw new Error(t+" is invalid imageCompression, choose between: [0, 1]");if(!l.f.includes(e))throw new Error(e+" is invalid imageType, choose between: "+l.f.join(", "));return!0;}function r(e,t){var n={};try{i(e,t),n.imageType=e,n.imageCompression=t;}catch(e){console.error(e),console.error("default value of "+l.c.PNG+" is used"),n.imageType=l.c.PNG,n.imageCompression=null;}return n;}function o(){var e=window.navigator.platform,t=window.navigator.userAgent;return e||t;}function a(){return"ontouchend"in document;}function u(e,t,n){var i=e*parseFloat(n);return{imageWidth:i,imageHeight:t/(e/i)};}function c(e,t,n){return r(t,n).imageType===l.c.JPG?n?e.toDataURL(l.b[l.c.JPG],n):e.toDataURL(l.b[l.c.JPG]):e.toDataURL(l.b[t]);}function s(e,t){return e||t;}function f(){var e=o();if(/iPad|iPhone|iPod/.test(e))return!0;var t=a();return!(!/Mac/.test(e)||!t);}function d(){return{userAgent:window.navigator.userAgent,platform:window.navigator.platform,_getStringWithPlatform:o(),_getHasTouchEvents:a(),getIsIOS:f()};}t.c=u,t.b=c,t.e=s,t.d=f,t.a=d;var l=n(3);},function(e,t,n){function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;}n.d(t,"e",function(){return o;}),n.d(t,"a",function(){return a;}),n.d(t,"f",function(){return u;}),n.d(t,"c",function(){return c;}),n.d(t,"b",function(){return s;}),n.d(t,"d",function(){return f;});var r,o=["user","environment"],a={USER:"user",ENVIRONMENT:"environment"},u=["jpg","png"],c={PNG:"png",JPG:"jpg"},s=(r={},i(r,"jpg","image/jpeg"),i(r,"png","image/png"),r),f={audio:!1,video:!0};},function(e,t,n){e.exports=n(5);},function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);n.d(t,"FACING_MODES",function(){return i.b;}),n.d(t,"IMAGE_TYPES",function(){return i.c;}),n.d(t,"_getDebugPlatformInfo",function(){return i.d;});var r=n(9);n.d(t,"downloadPhoto",function(){return r.a;}),t.default=i.a;},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return u;});var r=n(2),o=n(3),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=function(){function e(){i(this,e);}return a(e,null,[{key:"getDataUri",value:function(e,t){var n=t.sizeFactor,i=t.imageType,o=t.imageCompression,a=t.isImageMirror,u=e.videoWidth,c=e.videoHeight,s=Object(r.c)(u,c,n),f=s.imageWidth,d=s.imageHeight,l=document.createElement("canvas");l.width=f,l.height=d;var v=l.getContext("2d");return a&&v.setTransform(-1,0,0,1,l.width,0),v.drawImage(e,0,0,f,d),Object(r.b)(l,i,o);}},{key:"getWindowURL",value:function(){return window.URL||window.webkitURL||window.mozURL||window.msURL;}},{key:"getNavigatorMediaDevices",value:function(){var e=null,t=!(!navigator.mediaDevices||!navigator.mediaDevices.getUserMedia),n=!(!navigator.mozGetUserMedia&&!navigator.webkitGetUserMedia);if(t)e=navigator.mediaDevices;else if(n){var i=navigator.mozGetUserMedia||navigator.webkitGetUserMedia,r={getUserMedia:function(e){return new Promise(function(t,n){i.call(navigator,e,t,n);});}};e=Object.assign(i,r);}return e;}},{key:"isSupportedFacingMode",value:function(){return e.getNavigatorMediaDevices().getSupportedConstraints().facingMode;}},{key:"getIdealConstraints",value:function(t,n){if(!Object(r.e)(t,n))return o.d;var i=e.getNavigatorMediaDevices().getSupportedConstraints();if(!i.width||!i.height)return console.error("Constraint width or height not supported! fallback to default resolution"),o.d;var a=void 0,u=void 0;if(t){o.e.includes(t)?a=t:u={exact:t};}return{audio:!1,video:{facingMode:a,deviceId:u,width:n&&n.width,height:n&&n.height}};}},{key:"getMaxResolutionConstraints",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments[1];console.warn("getMaxResolutionConstraints() numberOfMaxResolutionTry:",n);var i=[{width:{min:640}},{width:{min:800}},{width:{min:900}},{width:{min:1024}},{width:{min:1080}},{width:{min:1280}},{width:{min:1920}},{width:{min:2560}},{width:{min:3840}}],o=e.getIdealConstraints(t,{});if(0===n){if(Object(r.d)()){console.warn("fallback to iOS constraints");return e.getIdealConstraints(t,{width:{min:640,ideal:3840},height:{min:480,ideal:2160}});}return o.video.advanced=i,o;}if(n<i.length){var a=i.slice(0,-n);return o.video.advanced=a,o;}return null;}},{key:"FACING_MODES",get:function(){return o.a;}},{key:"IMAGE_TYPES",get:function(){return o.c;}}]),e;}();},function(e,t,n){function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function");}n.d(t,"a",function(){return c;});var r=n(1),o=n(8),a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i);}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t;};}(),u=r.a.IMAGE_TYPES.PNG,c=function(){function e(t){i(this,e),this.videoElement=t,this.stream=null,this.numberOfMaxResolutionTry=0,this.settings=null,this.cameras=[],this.windowURL=r.a.getWindowURL(),this.mediaDevices=r.a.getNavigatorMediaDevices();}return a(e,[{key:"_getStreamDevice",value:function(e,t){var n=this;return new Promise(function(i,o){var a=r.a.getIdealConstraints(e,t);n.mediaDevices.getUserMedia(a).then(function(e){n._gotStream(e),i(e);}).catch(function(e){o(e);});});}},{key:"_getStreamDeviceMaxResolution",value:function(e){var t=this,n=r.a.getMaxResolutionConstraints(e,this.numberOfMaxResolutionTry);if(null==n){var i={};return this._getStreamDevice(e,i);}return new Promise(function(i,r){t.mediaDevices.getUserMedia(n).then(function(e){t._gotStream(e),i(e);}).catch(function(n){setTimeout(function(){t.numberOfMaxResolutionTry+=1,t._getStreamDeviceMaxResolution(e).catch(function(){r(n);});},20);});});}},{key:"_setVideoSrc",value:function(e){if("srcObject"in this.videoElement)this.videoElement.srcObject=e;else{var t=this.windowURL.createObjectURL(e);this.videoElement.src=t;}}},{key:"_setSettings",value:function(e){this.settings=null;var t=e&&e.getTracks?e.getTracks():[];t.length>0&&t[0].getSettings&&(this.settings=t[0].getSettings());}},{key:"_enumerateCamerasPromise",value:function(){var e=this;return new Promise(function(t,n){var i=[];e.mediaDevices.enumerateDevices().then(function(e){e.forEach(function(e){"videoinput"===e.kind&&e.deviceId&&i.push(e);}),t(i);}).catch(function(e){n(e);});});}},{key:"_gotStream",value:function(e){this.stream=e,this._setSettings(e),this._setVideoSrc(e);}},{key:"getCameraSettings",value:function(){return this.settings;}},{key:"enumerateCameras",value:function(){var e=this;return this.stream?this._enumerateCamerasPromise():this.stopCamera().then(function(){}).catch(function(){}).then(function(){var t={video:!0};return e.mediaDevices.getUserMedia(t).then(function(e){setTimeout(function(){e.getTracks().forEach(function(e){e.stop();});},20);}).then(function(){}).catch(function(){}).then(function(){return e._enumerateCamerasPromise();});});}},{key:"startCamera",value:function(e,t){var n=this;return this.stopCamera().then(function(){}).catch(function(){}).then(function(){return n._getStreamDevice(e,t);});}},{key:"startCameraMaxResolution",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.numberOfMaxResolutionTry=0,this.stopCamera().then(function(){}).catch(function(){}).then(function(){return e._getStreamDeviceMaxResolution(t);});}},{key:"getDataUri",value:function(e){var t={sizeFactor:void 0===e.sizeFactor?o.c:e.sizeFactor,imageType:void 0===e.imageType?u:e.imageType,imageCompression:void 0===e.imageCompression?o.a:e.imageCompression,isImageMirror:void 0===e.isImageMirror?o.b:e.isImageMirror};return r.a.getDataUri(this.videoElement,t);}},{key:"stopCamera",value:function(){var e=this;return new Promise(function(t,n){e.stream&&(e.stream.getTracks().forEach(function(e){e.stop();}),e.videoElement.src="",e.stream=null,e._setSettings(null),t()),n(Error("no stream to stop!"));});}}]),e;}();},function(e,t,n){n.d(t,"c",function(){return i;}),n.d(t,"a",function(){return r;}),n.d(t,"b",function(){return o;});var i=1,r=null,o=!1;},function(e,t,n){var i=n(10);n.d(t,"a",function(){return i.a;});},function(e,t,n){function i(e){for(var t=atob(e.split(",")[1]),n=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(t.length),r=new Uint8Array(i),o=0;o<t.length;o++)r[o]=t.charCodeAt(o);return new Blob([i],{type:n});}function r(e,t){return e+="",e.length>=t?e:new Array(t-e.length+1).join("0")+e;}function o(e){var t=s.c.PNG;return"image/jpeg"===e&&(t=s.c.JPG),t;}function a(e,t,n){return e+"-"+r(t,4)+"."+o(n);}function u(e,t,n){window.URL=window.webkitURL||window.URL;var i=document.createElement("a");i.download=a(t,n,e.type),i.href=window.URL.createObjectURL(e);var r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),i.dispatchEvent(r);}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"photo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;u(i(e),t,n);}t.a=c;var s=n(0);}]);});})(build);var CameraPhoto=/*@__PURE__*/getDefaultExportFromCjs(build.exports);var PhotoBooth=function(_a){var _b=_a.onHideCamera,onHideCamera=_b===void 0?DO_NOTHING:_b,_c=_a.onSilentError,onSilentError=_c===void 0?DO_NOTHING:_c,onSubmit=_a.onSubmit,open=_a.open,trigger=_a.trigger;if(lodash.exports.isBoolean(open)&&trigger)throw new Error("PhotoBooth cannot have `open` and a `trigger` set at the same time");var _d=__read(React__default.useState([]),2),cameraIds=_d[0],setCameraIds=_d[1];var _e=__read(React__default.useState(0),2),currentCameraIdIndex=_e[0],setCurrentCameraIdIndex=_e[1];var _f=__read(React__default.useState(false),2),_isCameraVisible=_f[0],setIsCameraVisibleTo=_f[1];var _g=__read(React__default.useState(),2),previewSrc=_g[0],setPreviewSrc=_g[1];var cameraPhoto=React__default.useRef();var canvasRef=React__default.useRef(null);var previewRef=React__default.useRef(null);var viewFinderRef=React__default.useRef(null);var isCameraVisible=React__default.useMemo(function(){return open!==null&&open!==void 0?open:_isCameraVisible;},[_isCameraVisible,open]);var _h=useLoaderV2(),withLoading=_h.withLoading,isLoading=_h.isLoading;var _j=useLoaderV2(),withSubmitLoading=_j.withLoading,isSubmitting=_j.isLoading;var clearPhoto=React__default.useCallback(function(){setPreviewSrc(undefined);},[]);var getDeviceCameraIds=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameras,foundIds;return __generator(this,function(_a){switch(_a.label){case 0:if(isNotEmpty(cameraIds))return[2/*return*/,cameraIds// @ts-ignore
+];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;});if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/,foundIds];}});});},[cameraIds]);var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraIdAtIndex=React__default.useCallback(function(i){return __awaiter(void 0,void 0,void 0,function(){var _a,_b;return __generator(this,function(_c){switch(_c.label){case 0:_a=setCameraIds;_b=takeOutItem;return[4/*yield*/,getDeviceCameraIds()];case 1:_a.apply(void 0,[_b.apply(void 0,[_c.sent(),i])]);return[2/*return*/];}});});},[getDeviceCameraIds]);var startCamera=React__default.useCallback(function(cameraIndex){if(cameraIndex===void 0){cameraIndex=currentCameraIdIndex;}return __awaiter(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,5]);return[4/*yield*/,getDeviceCameraIds()];case 1:cameraId=_a.sent()[cameraIndex];// @ts-ignore
+return[4/*yield*/,withLoading(cameraPhoto.current.startCameraMaxResolution(cameraId))];case 2:// @ts-ignore
+_a.sent();if(cameraIndex!==currentCameraIdIndex)setCurrentCameraIdIndex(cameraIndex);return[3/*break*/,5];case 3:e_1=_a.sent();if(!e_1.message.includes("Could not start video source"))throw e_1;onSilentError(e_1);return[4/*yield*/,removeCameraIdAtIndex(cameraIndex)];case 4:_a.sent();return[3/*break*/,5];case 5:return[2/*return*/];}});});},[currentCameraIdIndex,getDeviceCameraIds,onSilentError,removeCameraIdAtIndex,withLoading]);var stopCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var e_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return[4/*yield*/,withLoading(cameraPhoto.current.stopCamera())];case 1:_a.sent();return[3/*break*/,3];case 2:e_2=_a.sent();if(!e_2.message.includes("no stream to stop"))throw e_2;return[3/*break*/,3];case 3:return[2/*return*/];}});});},[withLoading]);var hideCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!((_a=cameraPhoto.current)===null||_a===void 0?void 0:_a.stream))return[2/*return*/];return[4/*yield*/,stopCamera().then()];case 1:_b.sent();setIsCameraVisibleTo(false);onHideCamera();return[2/*return*/];}});});},[onHideCamera,stopCamera]);var submitPhoto=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var blob,file;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,fetch(previewSrc)];case 1:return[4/*yield*/,_a.sent().blob()];case 2:blob=_a.sent();file=new File([blob],"image.png");_a.label=3;case 3:_a.trys.push([3,,5,6]);return[4/*yield*/,withSubmitLoading(onSubmit({file:file,dataUri:previewSrc}))];case 4:_a.sent();return[3/*break*/,6];case 5:clearPhoto();hideCamera().then();return[7/*endfinally*/];case 6:return[2/*return*/];}});});},[clearPhoto,hideCamera,onSubmit,previewSrc,withSubmitLoading]);var switchCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var nextIdIndex;return __generator(this,function(_a){switch(_a.label){case 0:nextIdIndex=nextItemIndex(cameraIds,currentCameraIdIndex);return[4/*yield*/,stopCamera()];case 1:_a.sent();return[4/*yield*/,startCamera(nextIdIndex)];case 2:_a.sent();return[2/*return*/];}});});},[cameraIds,currentCameraIdIndex,startCamera,stopCamera]);var takePhoto=React__default.useCallback(function(){var dataUri=cameraPhoto.current.getDataUri({sizeFactor:1,imageType:build.exports.IMAGE_TYPES.PNG,imageCompression:.95,isImageMirror:false});setPreviewSrc(dataUri);},[]);React__default.useEffect(function(){if(!isCameraVisible||!viewFinderRef.current||!canvasRef.current||!previewRef.current)return;if(!cameraPhoto.current)cameraPhoto.current=new CameraPhoto(viewFinderRef.current);cameraPhoto.current.videoElement=viewFinderRef.current;startCamera().then(DO_NOTHING);},[hideCamera,isCameraVisible,startCamera]);return jsxRuntime.jsx(TranslucentLoader,__assign({_css:"height: 100%; width: 100%;",isLoading:isLoading},{children:isCameraVisible?jsxRuntime.jsxs(Container,__assign({gap:SPACINGS.XXL,withRows:true},{children:[jsxRuntime.jsx(BackButtonContainer,{children:jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiArrowLeft,onClick:hideCamera})}),jsxRuntime.jsx(ViewFinder,{autoPlay:true,hidden:!!previewSrc,ref:viewFinderRef}),jsxRuntime.jsx(Canvas,{ref:canvasRef}),jsxRuntime.jsx(Preview,{alt:"preview",hidden:!previewSrc,ref:previewRef,src:previewSrc}),jsxRuntime.jsx(ButtonContainer,__assign({gap:SPACINGS.LG},{children:previewSrc?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FlexBox,{fluid:true}),jsxRuntime.jsx(Button,{_css:styled.css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n                    border: 4px solid transparent;\n                  "],["\n                    border: 4px solid transparent;\n                  "]))),icon:js.mdiCheck,loading:isSubmitting,onClick:submitPhoto,success:true}),jsxRuntime.jsx(FlexBox,__assign({fluid:true},{children:jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiCameraRetakeOutline,loading:isSubmitting,onClick:clearPhoto})}))]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FlexBox,{fluid:true}),jsxRuntime.jsx(Button,{_css:styled.css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n                    background-color: rgba(0, 0, 0, 0.5);\n                    border: 4px solid ",";\n                  "],["\n                    background-color: rgba(0, 0, 0, 0.5);\n                    border: 4px solid ",";\n                  "])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;}),flat:true,color:"transparent",icon:js.mdiCircleSlice8,onClick:takePhoto}),jsxRuntime.jsx(FlexBox,__assign({fluid:true},{children:cameraIds.length>1?jsxRuntime.jsx(Button,{color:"#303030",icon:js.mdiCached,onClick:switchCamera}):null}))]})}))]})):trigger?trigger(showCamera):null}));};var Canvas=styled__default["default"].canvas(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"])));var BackButtonContainer=styled__default["default"](FlexBox)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: absolute;\n  top: ",";\n  left: ",";\n  z-index: 10;\n"],["\n  position: absolute;\n  top: ",";\n  left: ",";\n  z-index: 10;\n"])),SPACINGS.MD,SPACINGS.MD);var Button=styled__default["default"](IconButton).attrs(function(_a){var _css=_a._css,flat=_a.flat,iconSize=_a.iconSize;return{_css:_css||"",flat:flat!==null&&flat!==void 0?flat:false,iconSize:iconSize!==null&&iconSize!==void 0?iconSize:SPACINGS.LG,primary:!flat};})(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  &&&& {\n    height: fit-content;\n    ","\n  }\n"],["\n  &&&& {\n    height: fit-content;\n    ","\n  }\n"])),function(_a){var _css=_a._css;return _css;});var ButtonContainer=styled__default["default"](FlexBox)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  position: absolute;\n  bottom: ",";\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: absolute;\n  bottom: ",";\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n"])),SPACINGS.MD);var Container=styled__default["default"](FlexBox)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  background: black;\n  justify-content: center;\n  align-items: center;\n"],["\n  height: 100%;\n  width: 100%;\n  background: black;\n  justify-content: center;\n  align-items: center;\n"])));var Preview=styled__default["default"].img(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  ",";\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"],["\n  ",";\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var ViewFinder=styled__default["default"].video(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  ",";\n  width: 100%;\n  max-height: 100%;\n"],["\n  ",";\n  width: 100%;\n  max-height: 100%;\n"])),function(_a){var hidden=_a.hidden;return hidden?"display: none;":"";});var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9;exports.ArrayToSelectorOptionsConverter=ArrayToSelectorOptionsConverter;exports.Autocomplete=Autocomplete;exports.BUTTON_SIZES=BUTTON_SIZES;exports.Button=Button$1;exports.CycleButton=CycleButton;exports.DatePickerSelector=DatePickerSelector;exports.EmailTextField=EmailTextField;exports.IconButton=IconButton;exports.MonthYearSelector=MonthYearSelector;exports.MultiSelect=MultiSelect;exports.MultiSelector=MultiSelector;exports.NumberTextField=NumberTextField;exports.PasswordTextField=PasswordTextField;exports.PhotoBooth=PhotoBooth;exports.Select=Select;exports.Selector=Selector;exports.SelectorOptionKeyMap=SelectorOptionKeyMap;exports.TaggedToggle=TaggedToggle;exports.TextArea=TextArea;exports.VALIDATION_STATES=VALIDATION_STATES;
 //# sourceMappingURL=forms.js.map