@idea-fragments/react-components-zendesk 0.1.38 → 0.1.39

package/dist/forms.js

@@ -14297,7 +14297,7 @@ jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onStateChange:setDropdownStat
  *
  * 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 _extends$1(){_extends$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.apply(this,arguments);}function _objectWithoutPropertiesLoose(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(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(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=['small','medium','large'];var _excluded$1=["children"];var COMPONENT_ID$2='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded$1);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tags.tag_view';var colorStyles=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles(props);},function(props){return colorStyles(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path;function _extends(){_extends=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.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties(_ref,_excluded);return React__default__default["default"].createElement(StyledTag,_extends$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n\n"],["\n\n"])));var Tag=styled__default["default"](Tag$1).attrs(function(props){return{hue:finalizeColor$1(props)};})(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n  && {\n    cursor: ",";\n  }\n"],["\n  && {\n    cursor: ",";\n  }\n"])),function(_a){var onClick=_a.onClick;return onClick?"pointer":"initial";});var finalizeColor$1=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return undefined;};var templateObject_1$b,templateObject_2$6;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,labelField=props.labelField,options=props.options,optionsKeyMap=props.optionsKeyMap,small=props.small,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{isCompact:small,maxItems:maxItems,validation:validation===null||validation===void 0?void 0:validation.validation,renderItem:function(_a){var _b;var value=_a.value,removeValue=_a.removeValue;return jsxRuntime.jsxs(Tag,{children:[jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[labelField]}),jsxRuntime.jsx(Close,{onClick:function(){return removeValue();}})]});}})}));};// @ts-ignore
+ */function _extends$1(){_extends$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.apply(this,arguments);}function _objectWithoutPropertiesLoose(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(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(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=['small','medium','large'];var _excluded$1=["children"];var COMPONENT_ID$2='tags.avatar';var StyledAvatar=styled__default["default"](function(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded$1);return React__default__default["default"].cloneElement(React__default.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$2,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledAvatar",componentId:"sc-3kdmgt-0"})(["flex-shrink:0;font-size:0;",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$2,props);});StyledAvatar.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$1='tags.close';var StyledClose=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$1,'data-garden-version':'8.53.2','aria-label':'Press delete to remove'}).withConfig({displayName:"StyledClose",componentId:"sc-d6lrpn-0"})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;transition:opacity 0.25s ease-in-out;opacity:0.8;border:0;cursor:pointer;padding:0;font-size:0;&:hover{opacity:0.9;}&:focus{outline:none;}",";"],function(props){return retrieveComponentStyles(COMPONENT_ID$1,props);});StyledClose.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID='tags.tag_view';var colorStyles=function colorStyles(props){var backgroundColor;var boxShadowColor;var foregroundColor;var closeColor;if(props.hue){var shade=props.hue==='yellow'?400:600;backgroundColor=getColor$1(props.hue,shade,props.theme);boxShadowColor=getColor$1(props.hue,shade,props.theme,0.35);if(props.hue==='yellow'||props.hue==='lemon'){foregroundColor=getColor$1('yellow',800,props.theme);}else{foregroundColor=readableColor(backgroundColor,props.theme.palette.grey[800],props.theme.palette.white);}}else{backgroundColor=getColor$1('neutralHue',200,props.theme);boxShadowColor=getColor$1('neutralHue',600,props.theme,0.35);foregroundColor=getColor$1('neutralHue',700,props.theme);closeColor=getColor$1('neutralHue',600,props.theme);}return styled.css(["background-color:",";color:",";&:hover{color:",";}&:focus{box-shadow:",";}& ","{color:",";}"],backgroundColor,foregroundColor,foregroundColor,props.theme.shadows.sm(boxShadowColor),StyledClose,closeColor);};var sizeStyles=function sizeStyles(props){var borderRadius;var padding;var height;var fontSize;var minWidth;var avatarSize;if(props.size==='small'){borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base;height=props.theme.space.base*4;fontSize=props.theme.fontSizes.xs;avatarSize=0;}else if(props.size==='large'){borderRadius=props.theme.borderRadii.md;padding=props.theme.space.base*3;height=props.theme.space.base*8;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*6;}else{borderRadius=props.theme.borderRadii.sm;padding=props.theme.space.base*2;height=props.theme.space.base*5;fontSize=props.theme.fontSizes.sm;avatarSize=props.theme.space.base*4;}var avatarBorderRadius=props.size==='large'?math("".concat(borderRadius," - 1")):borderRadius;var avatarMargin=(height-avatarSize)/2;var avatarTextMargin=props.isRound?avatarMargin:avatarMargin*2;if(props.isRound){borderRadius='50%';padding=0;minWidth=height;avatarBorderRadius='50%';}else if(props.isPill){borderRadius='100px';avatarBorderRadius='50%';if(props.size==='small'){padding=props.theme.space.base*1.5;minWidth=props.theme.space.base*6;}else if(props.size==='large'){minWidth=props.theme.space.base*12;}else{minWidth=props.theme.space.base*7.5;}}return styled.css(["border-radius:",";padding:0 ","px;min-width:",";height:","px;line-height:",";font-size:",";& > *{width:100%;min-width:",";}& ","{margin-",":-","px;margin-",":","px;border-radius:",";width:","px;min-width:","px;height:","px;}& ","{margin-",":-","px;border-radius:",";width:","px;height:","px;}"],borderRadius,padding,minWidth?"".concat(minWidth,"px"):"calc(".concat(padding*2,"px + 1ch)"),height,getLineHeight(height,fontSize),fontSize,minWidth?"".concat(minWidth-padding*2,"px"):'1ch',StyledAvatar,props.theme.rtl?'right':'left',padding-avatarMargin,props.theme.rtl?'left':'right',avatarTextMargin,avatarBorderRadius,avatarSize,avatarSize,avatarSize,StyledClose,props.theme.rtl?'left':'right',padding,borderRadius,height,height);};var StyledTag=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledTag",componentId:"sc-1jvbe03-0"})(["display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:",";transition:box-shadow 0.1s ease-in-out;box-sizing:border-box;border:0;max-width:100%;overflow:hidden;vertical-align:middle;text-decoration:none;white-space:nowrap;font-weight:",";direction:",";",";&:hover{cursor:default;text-decoration:none;}&:focus{outline:none;}&:link:hover,&:visited:hover{cursor:pointer;}&:any-link:hover{cursor:pointer;}&[data-garden-focus-visible]{text-decoration:none;}",";& > *{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;}& b{font-weight:",";}& ","{display:",";}& ","{display:",";}",";"],function(props){return props.isRound&&'center';},function(props){return!props.isRegular&&props.theme.fontWeights.semibold;},function(props){return props.theme.rtl?'rtl':'ltr';},function(props){return sizeStyles(props);},function(props){return colorStyles(props);},function(props){return props.theme.fontWeights.semibold;},StyledAvatar,function(props){return(props.isRound||props.size==='small')&&'none';},StyledClose,function(props){return props.isRound&&'none';},function(props){return retrieveComponentStyles(COMPONENT_ID,props);});StyledTag.defaultProps={size:'medium',theme:DEFAULT_THEME};var _path;function _extends(){_extends=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.apply(this,arguments);}var SvgXStroke=function SvgXStroke(props){return/*#__PURE__*/React__default__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__default__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",d:"M3 9l6-6m0 6L3 3"})));};var CloseComponent=React__default.forwardRef(function(props,ref){return React__default__default["default"].createElement(StyledClose,_extends$1({ref:ref},props),React__default__default["default"].createElement(SvgXStroke,null));});CloseComponent.displayName='Tag.Close';var Close$1=CloseComponent;var AvatarComponent=function AvatarComponent(props){return React__default__default["default"].createElement(StyledAvatar,props);};AvatarComponent.displayName='Tag.Avatar';var Avatar=AvatarComponent;var _excluded=["size","hue"];var TagComponent=React__default.forwardRef(function(_ref,ref){var size=_ref.size,hue=_ref.hue,otherProps=_objectWithoutProperties(_ref,_excluded);return React__default__default["default"].createElement(StyledTag,_extends$1({ref:ref,size:size,hue:hue},otherProps));});TagComponent.displayName='Tag';TagComponent.propTypes={size:propTypes.exports.oneOf(SIZE),hue:propTypes.exports.string,isPill:propTypes.exports.bool,isRound:propTypes.exports.bool,isRegular:propTypes.exports.bool};TagComponent.defaultProps={size:'medium'};var Tag$1=TagComponent;Tag$1.Avatar=Avatar;Tag$1.Close=Close$1;var Close=styled__default["default"](Tag$1.Close)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n\n"],["\n\n"])));var Tag=React__default.forwardRef(function(_a,ref){var children=_a.children,className=_a.className,color=_a.color,onClose=_a.onClose,success=_a.success,props=__rest(_a,["children","className","color","onClose","success"]);var theme=useTheme();var finalizedColor=function(){if(success)return theme.styles.colorSuccess;if(color)return color;return undefined;};var onCloseClicked=React__default.useCallback(function(e){e.preventDefault();e.stopPropagation();onClose();},[onClose]);return jsxRuntime.jsxs(Tag$1,__assign({className:className,hue:finalizedColor(),ref:ref},props,{children:[children,onClose?jsxRuntime.jsx(Close,{onClick:onCloseClicked}):null]}));});Tag=styled__default["default"](Tag)(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n  && {\n    cursor: ",";\n  }\n"],["\n  && {\n    cursor: ",";\n  }\n"])),function(_a){var onClick=_a.onClick;return onClick?"pointer":"initial";});var templateObject_1$b,templateObject_2$6;var MultiSelector=function(_a){var maxItems=_a.maxItems,props=__rest(_a,["maxItems"]);var keyField=props.keyField,labelField=props.labelField,options=props.options,optionsKeyMap=props.optionsKeyMap,small=props.small,validation=props.validation;if(optionsKeyMap==null&&options!=null){optionsKeyMap=options.reduce(function(m,o){m[o[keyField]]=o;return m;},{});}return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{shouldFilterOptions:true},{children:jsxRuntime.jsx(MultiSelect,{isCompact:small,maxItems:maxItems,validation:validation===null||validation===void 0?void 0:validation.validation,renderItem:function(_a){var _b;var value=_a.value,removeValue=_a.removeValue;return jsxRuntime.jsx(Tag,__assign({onClose:removeValue},{children:jsxRuntime.jsx("span",{children:(_b=optionsKeyMap===null||optionsKeyMap===void 0?void 0:optionsKeyMap[value])===null||_b===void 0?void 0:_b[labelField]})}));}})}));};// @ts-ignore
 MultiSelector.defaultProps={invalidOnNoSelection:true,validation:{validation:VALIDATION_STATES.NONE}};var MonthYearSelector=function(props){var _a=__read(React__default.useState({isOpen:false}),2),state=_a[0],setState=_a[1];var value=props.value,emptyState=props.emptyState,disabled=props.disabled;props.onChange;var setDropdownState=function(_a){var isOpen=_a.isOpen;if(disabled||isOpen==null)return;setState({isOpen:isOpen});};return jsxRuntime.jsx(exports.Dropdown,__assign({},props,{// @ts-ignore
 onStateChange:setDropdownState,isOpen:state.isOpen,useRawOptions:true,options:[],menuCSS:"width: auto !important;"},{children:jsxRuntime.jsx(Select,__assign({validation:props.validation.validation,disabled:disabled},{children:value?value:emptyState}))}));};var ArrayToSelectorOptionsConverter=/** @class */function(){function ArrayToSelectorOptionsConverter(){}ArrayToSelectorOptionsConverter.call=function(list){return list.map(function(o){return{label:o,key:o};});};return ArrayToSelectorOptionsConverter;}();var Hint=styled__default["default"](Hint$2)(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n    ","\n  }\n"],["\n  &&& {\n    font-size: ",";\n    font-weight: ",";\n    color: ",";\n    ","\n  }\n"])),FONT_SIZES.XS,FONT_WEIGHTS.MEDIUM,function(_a){var theme=_a.theme;return theme.styles.textColorSecondary;},function(_a){var _css=_a._css;return _css;});var templateObject_1$a;var Field=styled__default["default"](Field$2)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n  width: ",";\n"],["\n  width: ",";\n"])),function(_a){var compact=_a.compact;return compact?"auto":"100%";});exports.TextFieldWrapper=React__default.forwardRef(function(_a,ref){var className=_a.className,compact=_a.compact,emptyState=_a.emptyState,fluid=_a.fluid,hint=_a.hint,label=_a.label,message=_a.message,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","validation","value","WrappedComponent","onChange"]);message=(validation===null||validation===void 0?void 0:validation.message)||message;return jsxRuntime.jsx(Container$3,__assign({className:className,withRows:true,gap:"unset",fluid:fluid},{children:jsxRuntime.jsxs(Field,__assign({compact:compact},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,hint?jsxRuntime.jsx(Hint,__assign({_css:styled.css(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(WrappedComponent,__assign({placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:onChange})),message?jsxRuntime.jsx(Message$3,__assign({css:"&&& {\n            font-size: ".concat(FONT_SIZES.XS,";\n          }"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]}))}));});var hoverFocusStyling=styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n  :hover {\n    border-color: ",";\n  }\n\n  :focus {\n    border-color: ",";\n    box-shadow: ",";\n  }\n"],["\n  :hover {\n    border-color: ",";\n  }\n\n  :focus {\n    border-color: ",";\n    box-shadow: ",";\n  }\n"// @ts-ignore
 ])),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));});// @ts-ignore
@@ -14308,7 +14308,7 @@ exports.TextField=styled__default["default"](exports.TextField)(templateObject_1
 exports.TextField.COMPONENT_NAME="TextField";var templateObject_1$8;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 _b=_a.autoExpand,autoExpand=_b===void 0?false:_b,characterLimit=_a.characterLimit;_a.hint;var onChange=_a.onChange,resizable=_a.resizable,props=__rest(_a,["autoExpand","characterLimit","hint","onChange","resizable"]);var notifyParentOfChange=React__default.useCallback(function(e){onChange(e.target.value,e);},[onChange]);var validation=function(){var _a,_b;if(!characterLimit)return props.validation;var currentLength=(_b=(_a=props.value)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0;var limitValidationState=currentLength>characterLimit?VALIDATION_STATES.ERROR:VALIDATION_STATES.NONE;return{validation:limitValidationState,message:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["Used ",currentLength," of ",characterLimit," characters."]})};};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,{validation:validation(),// @ts-ignore
 isResizable:resizable,minRows:autoExpand?2:undefined,maxRows:autoExpand?20:undefined,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$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$7||(templateObject_1$7=__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$7;var Message=styled__default["default"](Message$3)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);var templateObject_1$6;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$5||(templateObject_1$5=__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$5,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$4||(templateObject_1$4=__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$4,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  && {}\n"],["\n  && {}\n"])));var templateObject_1$3;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 finalizeColor=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return theme.styles.colorPrimary;};var toggleColor=styled.css(templateObject_1$2||(templateObject_1$2=__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 color=_a.color;return color;},function(_a){var color=_a.color;return color;},function(_a){var color=_a.color;return dark(color);});var StyledZToggle=styled__default["default"](Toggle).attrs(function(props){return{color:finalizeColor(props)};})(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$2,templateObject_2$2,templateObject_3$2;var TaggedToggle=function(_a){var active=_a.active,checked=_a.checked,color=_a.color,activeText=_a.activeText,label=_a.label,inactiveText=_a.inactiveText,onChange=_a.onChange,success=_a.success,toggleColor=_a.toggleColor,props=__rest(_a,["active","checked","color","activeText","label","inactiveText","onChange","success","toggleColor"]);var isActive=checked!==null&&checked!==void 0?checked:active;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),jsxRuntime.jsx(Tag,__assign({color:color,success:success},{children:isActive?activeText!==null&&activeText!==void 0?activeText:"Enabled":inactiveText!==null&&inactiveText!==void 0?inactiveText:"Disabled"})),jsxRuntime.jsx(exports.Toggle,__assign({checked:isActive,color:toggleColor,onChange:onChange,success:success},props))]});};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*/];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;}).reverse();onSilentError(new Error(JSON.stringify(cameras)));if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/];}});});},[cameraIds,onSilentError]);var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React__default.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @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$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$7||(templateObject_1$7=__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$7;var Message=styled__default["default"](Message$3)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n  &&& {\n    font-size: ",";\n  }\n"],["\n  &&& {\n    font-size: ",";\n  }\n"])),FONT_SIZES.XS);var templateObject_1$6;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$5||(templateObject_1$5=__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$5,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$4||(templateObject_1$4=__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$4,templateObject_2$3;var Label=styled__default["default"](Label$1$1)(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  && {}\n"],["\n  && {}\n"])));var templateObject_1$3;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 finalizeColor=function(_a){var color=_a.color,success=_a.success,theme=_a.theme;if(success)return theme.styles.colorSuccess;if(color)return color;return theme.styles.colorPrimary;};var toggleColor=styled.css(templateObject_1$2||(templateObject_1$2=__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 color=_a.color;return color;},function(_a){var color=_a.color;return color;},function(_a){var color=_a.color;return dark(color);});var StyledZToggle=styled__default["default"](Toggle).attrs(function(props){return{color:finalizeColor(props)};})(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$2,templateObject_2$2,templateObject_3$2;var TaggedToggle=function(_a){var active=_a.active,checked=_a.checked,color=_a.color,activeText=_a.activeText,label=_a.label,inactiveText=_a.inactiveText,onChange=_a.onChange,success=_a.success,toggleColor=_a.toggleColor,props=__rest(_a,["active","checked","color","activeText","label","inactiveText","onChange","success","toggleColor"]);var isActive=checked!==null&&checked!==void 0?checked:active;return jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Label,__assign({hidden:!label},{children:label})),jsxRuntime.jsx(Tag,__assign({color:color,success:success},{children:isActive?activeText!==null&&activeText!==void 0?activeText:"Enabled":inactiveText!==null&&inactiveText!==void 0?inactiveText:"Disabled"})),jsxRuntime.jsx(exports.Toggle,__assign({checked:isActive,color:toggleColor,onChange:onChange,success:success},props))]});};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: fixed;\n  height: 100%;\n  width: 100%;\n"],["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: fixed;\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*/];return[4/*yield*/,cameraPhoto.current.enumerateCameras()];case 1:cameras=_a.sent();foundIds=cameras.map(function(c){return c.deviceId;}).reverse();onSilentError(new Error(JSON.stringify(cameras)));if(isEmpty(foundIds))foundIds.concat([build.exports.FACING_MODES.ENVIRONMENT]);setCameraIds(foundIds);return[2/*return*/];}});});},[cameraIds,onSilentError]);var showCamera=React__default.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React__default.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React__default.useCallback(function(){return __awaiter(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @ts-ignore
 return[4/*yield*/,withLoading(cameraPhoto.current.startCamera(cameraId))];case 2:// @ts-ignore
 _a.sent();return[3/*break*/,4];case 3:e_1=_a.sent();if(!e_1.message.includes("Could not start video source"))throw e_1;onSilentError(new Error("Could not start video source for camera: ".concat(cameraId)));removeCameraId();return[3/*break*/,4];case 4:return[2/*return*/];}});});},[cameraIds,currentCameraIdIndex,onSilentError,removeCameraId,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){nextIdIndex=nextItemIndex(cameraIds,currentCameraIdIndex);setCurrentCameraIdIndex(nextIdIndex);return[2/*return*/];});});},[cameraIds,currentCameraIdIndex]);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);if(isEmpty(cameraIds)){getDeviceCameraIds().then();return;}cameraPhoto.current.videoElement=viewFinderRef.current;startCamera().then(DO_NOTHING);},[cameraIds,currentCameraIdIndex,getDeviceCameraIds,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