npm - @idea-fragments/react-components-zendesk - Versions diffs - 0.1.42 → 0.1.43 - Mend

@idea-fragments/react-components-zendesk 0.1.42 → 0.1.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/forms.js CHANGED Viewed

@@ -11784,11 +11784,11 @@ FlexBlock.COMPONENT_NAME=COMPONENT_NAME$2;FlexBlock.defaultProps={compactAxis:fa
 PaddedFlexBlock.COMPONENT_NAME="PaddedFlexBlock";var templateObject_1$j,templateObject_2$b;var getColor=styled.css(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"// const subTextStyling = css`
 //   margin-top: 0;
 // `
-])),function(_a){var color=_a.color;return color;});// const subTextStyling = css`
+])),function(_a){var color=_a.color,danger=_a.danger,theme=_a.theme;if(danger)return theme.styles.colorDanger;if(color)return color;return"inherit";});// const subTextStyling = css`
 //   margin-top: 0;
 // `
-var subTextStyling=styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"],["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"])));var Text=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n"],["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n"// @ts-ignore
-])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},function(_a){var _css=_a._css;return _css;});// @ts-ignore
+var subTextStyling=styled.css(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"],["\n  margin-bottom: 0;\n\n  & + * {\n    margin-top: 0;\n  }\n"])));var Text=styled__default["default"].div(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n  ","\n"],["\n  text-align: ",";\n  width: ",";\n  ","\n  ","\n  ","\n  ","\n"// @ts-ignore
+])),function(_a){var align=_a.align;return align;},function(_a){var fluid=_a.fluid;return fluid?"100%":"unset";},function(_a){var color=_a.color;return color?getColor:"";},function(_a){var hasSubText=_a.hasSubText;return hasSubText?subTextStyling:"";},getColor,function(_a){var _css=_a._css;return _css;});// @ts-ignore
 Text.COMPONENT_NAME="Text";var templateObject_1$i,templateObject_2$a,templateObject_3$6;var Legend=function(_a){var legendables=_a.legendables,defaultColor=_a.defaultColor;var foundLabels=new Set();return jsxRuntime.jsx(LegendContainer,__assign({withRows:true,spacing:SPACINGS.XS},{children:legendables.map(function(_a){var color=_a.color,label=_a.label;if(foundLabels.has(label))return null;foundLabels.add(label);return jsxRuntime.jsxs(FlexBlock,__assign({alignItems:"center",spacing:SPACINGS.SM},{children:[jsxRuntime.jsx(ColorBlock,{color:color||defaultColor}),jsxRuntime.jsx(Text,{children:label})]}),label);})}));};Legend.COMPONENT_NAME="Legend";var LegendContainer=styled__default["default"](FlexBlock)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n  font-size: ",";\n"],["\n  font-size: ",";\n"])),FONT_SIZES.XS);var ColorBlock=styled__default["default"].div(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n  background: ",";\n  height: .75rem;\n  width: .75rem;\n"],["\n  background: ",";\n  height: .75rem;\n  width: .75rem;\n"])),function(_a){var color=_a.color;return color;});var templateObject_1$h,templateObject_2$9;var logger$2=new Logger("SearchableSelector");/*
  * If we need this full width, maybe add a Block wrapper here
  * */exports.SearchableSelector=function(_a){var _b,_c;var children=_a.children,disabled=_a.disabled,props=__rest(_a,["children","disabled"]);var emptyState=props.emptyState,labelField=props.labelField,onChange=props.onChange,options=props.options,selectedKey=props.selectedKey,small=props.small;var optionsKeyMap=SelectorOptionKeyMap.call(props);var selectedOption=selectedKey?optionsKeyMap[selectedKey]:null;var searchText=(_b=__read(React__default.useState(""),2),_b[0]),setSearchText=_b[1];var matchingOptions=(_c=__read(React__default.useState(options),2),_c[0]),setMatchingOptions=_c[1];// TODO See if we need to remove this filter function here
@@ -14299,15 +14299,20 @@ jsxRuntime.jsx(exports.Dropdown,__assign({},props,{onStateChange:setDropdownStat
  * 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=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
+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,required=_a.required,validation=_a.validation,value=_a.value,WrappedComponent=_a.WrappedComponent,onChange=_a.onChange,props=__rest(_a,["className","compact","emptyState","fluid","hint","label","message","required","validation","value","WrappedComponent","onChange"]);var notifyParentOfChange=React__default.useCallback(function(e){// @ts-ignore
+onChange(e.target.value,e);},[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||required?jsxRuntime.jsxs(FlexBox,__assign({gap:".3em"},{children:[label?jsxRuntime.jsx(Label$1$1,{children:label}):null,required?jsxRuntime.jsx(Text,__assign({danger:true},{children:jsxRuntime.jsx("b",{children:"*"})})):null]})):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// @ts-ignore
+,__assign({// @ts-ignore
+placeholder:emptyState,ref:ref,validation:validation===null||validation===void 0?void 0:validation.validation},props,{value:value,onChange:notifyParentOfChange})),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
-exports.TextFieldWrapper=styled__default["default"](exports.TextFieldWrapper)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});exports.TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__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$9,templateObject_2$5,templateObject_3$3,templateObject_4$1,templateObject_5$1;exports.TextField=React__default.forwardRef(function(_a,ref){var _b;var faux=_a.faux,onChange=_a.onChange,small=_a.small,useNewOnChange=(_b=_a.useNewOnChange,_b===void 0?false:_b),value=_a.value,props=__rest(_a,["faux","onChange","small","useNewOnChange","value"]);// @ts-ignore
-props=__assign(__assign({},props),{isCompact:small});var notifyParentOfChange=function(e){if(useNewOnChange===true){onChange(e.target.value,e);return;}onChange(e);};var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:notifyParentOfChange,WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
+exports.TextFieldWrapper=styled__default["default"](exports.TextFieldWrapper)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"],["\n  &&&& {\n    font-size: inherit;\n    ","\n  }\n"])),function(p){return!p.disabled?hoverFocusStyling:"";});exports.TextFieldWrapper.defaultProps={disabled:false,validation:{validation:VALIDATION_STATES.NONE}};var Container$3=styled__default["default"](FlexBox)(templateObject_5$1||(templateObject_5$1=__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$9,templateObject_2$5,templateObject_3$3,templateObject_4$1,templateObject_5$1;exports.TextField=React__default.forwardRef(function(_a,ref){var faux=_a.faux,onChange=_a.onChange,small=_a.small,value=_a.value,props=__rest(_a,["faux","onChange","small","value"]);// @ts-ignore
+props=__assign(__assign({},props),{isCompact:small});var valueProp=faux?{children:value}:{value:value};return jsxRuntime.jsx(exports.TextFieldWrapper,__assign({},props,valueProp,{ref:ref,onChange:onChange,// @ts-ignore
+WrappedComponent:faux?FauxInput:Input}));});// @ts-ignore
 exports.TextField=styled__default["default"](exports.TextField)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject([""],[""// @ts-ignore
 ])));// @ts-ignore
-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
+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(value,e){var val=value!==null&&value!==void 0?value:"0";onChange(parseInt(val.replace(/[^0-9.]+/g,"")),e);};// @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 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:onChange,// @ts-ignore
+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: fixed;\n  height: 100%;\n  width: 100%;\n  z-index: 100;\n"],["\n  background: white;\n  opacity: .7;\n  top: 0;\n  left: 0;\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  z-index: 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;