@idea-fragments/react-components-zendesk 0.1.50 → 0.1.51

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 (4) hide show
  1. package/dist/media.js +1 -1
  2. package/dist/media.js.map +1 -1
  3. package/dist/types/components/media/ImageUploader.d.ts.map +1 -1
  4. package/package.json +1 -1
package/dist/media.js CHANGED
@@ -10985,7 +10985,7 @@ clearTimeout(timerId);timerId=setTimeout(timerExpired,wait);return invokeFunc(la
10985
10985
  * // Cancel the trailing throttled invocation.
10986
10986
  * jQuery(window).on('popstate', throttled.cancel);
10987
10987
  */function throttle(func,wait,options){var leading=true,trailing=true;if(typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}if(isObject(options)){leading='leading'in options?!!options.leading:leading;trailing='trailing'in options?!!options.trailing:trailing;}return debounce(func,wait,{'leading':leading,'maxWait':wait,'trailing':trailing});}var throttle_1=throttle;var Slider=function(_a){var _b;var color=_a.color,disabled=_a.disabled,fluid=_a.fluid,hint=_a.hint,label=_a.label,_c=_a.max,max=_c===void 0?100:_c,message=_a.message,_d=_a.min,min=_d===void 0?0:_d,onChange=_a.onChange,_e=_a.step,step=_e===void 0?1:_e,_f=_a.throttleMilliseconds,throttleMilliseconds=_f===void 0?50:_f,_g=_a.validation,validation=_g===void 0?{validation:VALIDATION_STATES.NONE}:_g,valueProp=_a.value;var value=(_b=__read(React.useState(valueProp!==null&&valueProp!==void 0?valueProp:min),2),_b[0]),setValue=_b[1];var throttledOnChange=React.useMemo(function(){return throttle_1(onChange,throttleMilliseconds);},[onChange,throttleMilliseconds]);var handleChange=React.useCallback(function(e){setValue(Number(e.target.value));throttledOnChange(Number(e.target.value),e);},[throttledOnChange]);var syncValueFromParent=React.useCallback(function(){setValue(valueProp);},[valueProp]);React.useEffect(function(){syncValueFromParent();},[syncValueFromParent]);return jsxRuntime.jsx(Container$4,__assign$2({fluid:fluid,gap:null,withRows:true},{children:jsxRuntime.jsxs(Field,{children:[jsxRuntime.jsx(Label$1,__assign$2({hidden:!label},{children:label!==null&&label!==void 0?label:""})),hint?jsxRuntime.jsx(Hint,__assign$2({_css:styled.css(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["&&& {font-size: ",";}"],["&&& {font-size: ",";}"])),FONT_SIZES.XS)},{children:hint})):null,jsxRuntime.jsx(Range,{color:color,disabled:disabled,max:max,min:min,onChange:handleChange,step:step,value:value,valuePercent:(value-min)/(max-min)*100}),message?jsxRuntime.jsx(Message,__assign$2({css:"&&& {font-size: ".concat(FONT_SIZES.XS,";}"),validation:validation===null||validation===void 0?void 0:validation.validation},{children:message})):null]})}));};var baseTrackStyles=styled.css(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"],["\n background: ",";\n border-radius: 0.5rem;\n height: 0.45rem;\n"])),function(_a){var color=_a.color,valuePercent=_a.valuePercent;return"linear-gradient(to right, ".concat(color," ").concat(valuePercent,"%, ").concat(COLORS.LIGHT_GREY," ").concat(valuePercent,"%)");});var disabledThumbStyles=styled.css(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n ",";\n"],["\n ",";\n"])),function(_a){var disabled=_a.disabled;return disabled?"background-color: ".concat(COLORS.LIGHT_GREY):"";});var baseThumbStyles=styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: .2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"],["\n -webkit-appearance: none;\n appearance: none;\n border-radius: 1.4rem;\n //margin-top: -.5rem; /* chrome only - centers thumb on the track */\n border: .2rem solid ",";\n height: 1.4rem;\n width: 1.4rem;\n outline: none;\n ",";\n ",";\n"])),function(_a){var color=_a.color;return color;},buttonLikeHoverable,disabledThumbStyles);Slider=styled__default["default"](Slider)(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n && {\n font-size: inherit;\n }\n"],["\n && {\n font-size: inherit;\n }\n"])));var Range=styled__default["default"](Range$1).attrs(function(_a){var color=_a.color,theme=_a.theme;return{color:color!==null&&color!==void 0?color:theme.styles.colorPrimary,primary:true};})(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n && {\n\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"],["\n && {\n\n &::-webkit-slider-runnable-track {\n ",";\n }\n\n &::-moz-range-track {\n ","\n }\n\n &::-webkit-slider-thumb {\n ",";\n //box-shadow: -80px 0 0 80px #43e5f7;\n }\n\n &::-ms-fill-lower {\n background: #777;\n border-radius: 10px;\n }\n\n &::-ms-fill-upper {\n background: #ddd;\n border-radius: 10px;\n }\n }\n"])),baseTrackStyles,baseTrackStyles,baseThumbStyles);var Container$4=styled__default["default"](FlexBox)(templateObject_7$1||(templateObject_7$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$5,templateObject_2$4,templateObject_3$4,templateObject_4$1,templateObject_5$1,templateObject_6$1,templateObject_7$1;var MAX_SCALE$1=5;var MIN_SCALE$1=1;var ImageCropper=function(_a){var _b;var _c=_a.aspectRatio,aspectRatio=_c===void 0?1:_c,imageData=_a.imageData,_d=_a.imageQuality,imageQuality=_d===void 0?0.6:_d,onComplete=_a.onComplete;var imageRef=React.useRef();var _e=__read(React.useState({x:0,y:0}),2),crop=_e[0],setCrop=_e[1];var _f=__read(React.useState(),2),croppedArea=_f[0],setCroppedArea=_f[1];var _g=__read(React.useState(MIN_SCALE$1),2),zoom=_g[0],setZoom=_g[1];var canvasToFile=React.useCallback(function(canvas){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){return[2/*return*/,new Promise(function(resolve){var toFile=function(blob){var _a,_b;if(!blob)throw new Error("ImageCropper: Canvas is empty");resolve(new File([blob],(_b=(_a=imageData.file)===null||_a===void 0?void 0:_a.name)!==null&&_b!==void 0?_b:"".concat(crypto.randomUUID(),".jpg")));};canvas.toBlob(toFile,"image/jpeg",imageQuality);})];});});},[(_b=imageData.file)===null||_b===void 0?void 0:_b.name,imageQuality]);var canvasToDataUrl=React.useCallback(function(canvas){return canvas.toDataURL("image/jpeg",imageQuality);},[imageQuality]);var croppedImageData=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var canvas,ctx,image;var _a;return __generator$1(this,function(_b){switch(_b.label){case 0:canvas=document.createElement("canvas");ctx=canvas.getContext("2d");image=imageRef.current;if(!ctx||!croppedArea||!image)return[2/*return*/];canvas.width=croppedArea.width;canvas.height=croppedArea.height;ctx.drawImage(image,croppedArea.x,croppedArea.y,croppedArea.width,croppedArea.height,0,0,croppedArea.width,croppedArea.height);_a={dataURL:canvasToDataUrl(canvas)};return[4/*yield*/,canvasToFile(canvas)];case 1:return[2/*return*/,(_a.file=_b.sent(),_a)];}});});},[croppedArea,canvasToDataUrl,canvasToFile]);var onCropComplete=React.useCallback(function(croppedAreaPercent,croppedAreaPixels){// console.log(croppedAreaPercent, croppedAreaPixels)
10988
- setCroppedArea(croppedAreaPixels);},[]);var submitCroppedImage=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var data;return __generator$1(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,croppedImageData()];case 1:data=_a.sent();if(data)onComplete(data);return[2/*return*/];}});});},[croppedImageData,onComplete]);return jsxRuntime.jsxs(FullScreen$1,__assign$2({withRows:true},{children:[jsxRuntime.jsx(Container$3,{children:jsxRuntime.jsx(Cropper,{aspect:aspectRatio,crop:crop,image:imageData===null||imageData===void 0?void 0:imageData.dataURL,maxZoom:MAX_SCALE$1,minZoom:MIN_SCALE$1,onCropChange:setCrop,onCropComplete:onCropComplete,onZoomChange:setZoom,setImageRef:function(ref){var _a;imageRef.current=(_a=ref.current)!==null&&_a!==void 0?_a:undefined;},zoom:zoom})}),jsxRuntime.jsxs(FlexBox,__assign$2({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["align-self: center; width: 300px; max-width: 100%; position: relative;"],["align-self: center; width: 300px; max-width: 100%; position: relative;"]))),withRows:true},{children:[jsxRuntime.jsx(Slider,{max:MAX_SCALE$1,min:MIN_SCALE$1,onChange:setZoom,step:0.1,throttleMilliseconds:50,value:zoom}),jsxRuntime.jsx(Button$1,__assign$2({fluid:true,onClick:submitCroppedImage},{children:"Crop"}))]}))]}));};var Container$3=styled__default["default"](FlexBox)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"],["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"])));var FullScreen$1=styled__default["default"](FlexBox)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect, .ReactCrop__child-wrapper {\n height: 100%;\n }\n"],["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect, .ReactCrop__child-wrapper {\n height: 100%;\n }\n"])),COLORS.WHITE,function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},SPACINGS.SM);var templateObject_1$4,templateObject_2$3,templateObject_3$3;var dist={};var utils$1={};(function(exports){Object.defineProperty(exports,"__esModule",{value:true});exports.getListFiles=exports.getImage=exports.getBase64=exports.getAcceptTypeString=exports.openFileDialog=void 0;exports.openFileDialog=function(inputRef){if(inputRef.current)inputRef.current.click();};exports.getAcceptTypeString=function(acceptType,allowNonImageType){if(acceptType===null||acceptType===void 0?void 0:acceptType.length)return acceptType.map(function(item){return"."+item;}).join(', ');if(allowNonImageType)return'';return'image/*';};exports.getBase64=function(file){var reader=new FileReader();return new Promise(function(resolve){reader.addEventListener('load',function(){return resolve(String(reader.result));});reader.readAsDataURL(file);});};exports.getImage=function(file){var image=new Image();return new Promise(function(resolve){image.addEventListener('load',function(){return resolve(image);});image.src=URL.createObjectURL(file);});};exports.getListFiles=function(files,dataURLKey){var promiseFiles=[];for(var i=0;i<files.length;i+=1){promiseFiles.push(exports.getBase64(files[i]));}return Promise.all(promiseFiles).then(function(fileListBase64){var fileList=fileListBase64.map(function(base64,index){var _a;return _a={},_a[dataURLKey]=base64,_a.file=files[index],_a;});return fileList;});};})(utils$1);var validation={};var constants={};Object.defineProperty(constants,"__esModule",{value:true});constants.DEFAULT_DATA_URL_KEY=constants.INIT_MAX_NUMBER=constants.DEFAULT_NULL_INDEX=void 0;constants.DEFAULT_NULL_INDEX=-1;constants.INIT_MAX_NUMBER=1000;constants.DEFAULT_DATA_URL_KEY='dataURL';(function(exports){var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}};Object.defineProperty(exports,"__esModule",{value:true});exports.getErrorValidation=exports.isMaxNumberValid=exports.isAcceptTypeValid=exports.isMaxFileSizeValid=exports.isImageValid=exports.isResolutionValid=void 0;var constants_1=constants;var utils_1=utils$1;exports.isResolutionValid=function(image,resolutionType,resolutionWidth,resolutionHeight){if(resolutionWidth===void 0){resolutionWidth=0;}if(resolutionHeight===void 0){resolutionHeight=1;}if(!resolutionWidth||!resolutionHeight||!image.width||!image.height)return true;switch(resolutionType){case'absolute':{if(image.width===resolutionWidth&&image.height===resolutionHeight)return true;break;}case'ratio':{var ratio=resolutionWidth/resolutionHeight;if(image.width/image.height===ratio)return true;break;}case'less':{if(image.width<=resolutionWidth&&image.height<=resolutionHeight)return true;break;}case'more':{if(image.width>=resolutionWidth&&image.height>=resolutionHeight)return true;break;}}return false;};exports.isImageValid=function(fileType){if(fileType.includes('image')){return true;}return false;};exports.isMaxFileSizeValid=function(fileSize,maxFileSize){return maxFileSize?fileSize<=maxFileSize:true;};exports.isAcceptTypeValid=function(acceptType,fileName){if(acceptType&&acceptType.length>0){var type_1=fileName.split('.').pop()||'';if(acceptType.findIndex(function(item){return item.toLowerCase()===type_1.toLowerCase();})<0)return false;}return true;};exports.isMaxNumberValid=function(totalNumber,maxNumber,keyUpdate){if(maxNumber!==0&&!maxNumber)return true;if(keyUpdate===constants_1.DEFAULT_NULL_INDEX){if(totalNumber<=maxNumber)return true;}else if(totalNumber<=maxNumber+1)return true;return false;};exports.getErrorValidation=function(_a){var fileList=_a.fileList,value=_a.value,maxNumber=_a.maxNumber,keyUpdate=_a.keyUpdate,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionType=_a.resolutionType,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,allowNonImageType=_a.allowNonImageType;return __awaiter(void 0,void 0,void 0,function(){var newErrors,i,file,image,checkRes;return __generator(this,function(_b){switch(_b.label){case 0:newErrors={};if(!!exports.isMaxNumberValid(fileList.length+value.length,maxNumber,keyUpdate))return[3/*break*/,1];newErrors.maxNumber=true;return[3/*break*/,5];case 1:i=0;_b.label=2;case 2:if(!(i<fileList.length))return[3/*break*/,5];file=fileList[i].file;if(!file)return[3/*break*/,4];if(!allowNonImageType&&!exports.isImageValid(file.type)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isAcceptTypeValid(acceptType,file.name)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isMaxFileSizeValid(file.size,maxFileSize)){newErrors.maxFileSize=true;return[3/*break*/,5];}if(!resolutionType)return[3/*break*/,4];return[4/*yield*/,utils_1.getImage(file)];case 3:image=_b.sent();checkRes=exports.isResolutionValid(image,resolutionType,resolutionWidth,resolutionHeight);if(!checkRes){newErrors.resolution=true;return[3/*break*/,5];}_b.label=4;case 4:i+=1;return[3/*break*/,2];case 5:if(Object.values(newErrors).find(Boolean))return[2/*return*/,newErrors];return[2/*return*/,null];}});});};})(validation);var __assign=commonjsGlobal&&commonjsGlobal.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};var __createBinding=commonjsGlobal&&commonjsGlobal.__createBinding||(Object.create?function(o,m,k,k2){if(k2===undefined)k2=k;Object.defineProperty(o,k2,{enumerable:true,get:function(){return m[k];}});}:function(o,m,k,k2){if(k2===undefined)k2=k;o[k2]=m[k];});var __setModuleDefault=commonjsGlobal&&commonjsGlobal.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:true,value:v});}:function(o,v){o["default"]=v;});var __importStar=commonjsGlobal&&commonjsGlobal.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)if(k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k))__createBinding(result,mod,k);__setModuleDefault(result,mod);return result;};var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal&&commonjsGlobal.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++)s+=arguments[i].length;for(var r=Array(s),k=0,i=0;i<il;i++)for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++)r[k]=a[j];return r;};Object.defineProperty(dist,"__esModule",{value:true});var react_1=__importStar(React__default["default"]);var utils_1=utils$1;var validation_1=validation;var constants_1=constants;var ReactImageUploading=function(_a){var _b=_a.value,value=_b===void 0?[]:_b,onChange=_a.onChange,onError=_a.onError,children=_a.children,_c=_a.dataURLKey,dataURLKey=_c===void 0?constants_1.DEFAULT_DATA_URL_KEY:_c,_d=_a.multiple,multiple=_d===void 0?false:_d,_e=_a.maxNumber,maxNumber=_e===void 0?constants_1.INIT_MAX_NUMBER:_e,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,resolutionType=_a.resolutionType,_f=_a.inputProps,inputProps=_f===void 0?{}:_f,_g=_a.allowNonImageType,allowNonImageType=_g===void 0?false:_g;var inValue=value||[];var inputRef=react_1.useRef(null);var _h=react_1.useState(constants_1.DEFAULT_NULL_INDEX),keyUpdate=_h[0],setKeyUpdate=_h[1];var _j=react_1.useState(null),errors=_j[0],setErrors=_j[1];var _k=react_1.useState(false),isDragging=_k[0],setIsDragging=_k[1];var handleClickInput=react_1.useCallback(function(){return utils_1.openFileDialog(inputRef);},[inputRef]);var onImageUpload=react_1.useCallback(function(){setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);handleClickInput();},[handleClickInput]);var onImageRemoveAll=react_1.useCallback(function(){onChange===null||onChange===void 0?void 0:onChange([]);},[onChange]);var onImageRemove=function(index){var updatedList=__spreadArrays(inValue);if(Array.isArray(index)){index.forEach(function(i){updatedList.splice(i,1);});}else{updatedList.splice(index,1);}onChange===null||onChange===void 0?void 0:onChange(updatedList);};var onImageUpdate=function(index){setKeyUpdate(index);handleClickInput();};var validate=function(fileList){return __awaiter(void 0,void 0,void 0,function(){var errorsValidation;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,validation_1.getErrorValidation({fileList:fileList,maxFileSize:maxFileSize,maxNumber:maxNumber,acceptType:acceptType,keyUpdate:keyUpdate,resolutionType:resolutionType,resolutionWidth:resolutionWidth,resolutionHeight:resolutionHeight,value:inValue,allowNonImageType:allowNonImageType})];case 1:errorsValidation=_a.sent();if(errorsValidation){setErrors(errorsValidation);onError===null||onError===void 0?void 0:onError(errorsValidation,fileList);return[2/*return*/,false];}errors&&setErrors(null);return[2/*return*/,true];}});});};var handleChange=function(files){return __awaiter(void 0,void 0,void 0,function(){var fileList,checkValidate,updatedFileList,updatedIndexes,firstFile,i;return __generator(this,function(_a){switch(_a.label){case 0:if(!files)return[2/*return*/];return[4/*yield*/,utils_1.getListFiles(files,dataURLKey)];case 1:fileList=_a.sent();if(!fileList.length)return[2/*return*/];return[4/*yield*/,validate(fileList)];case 2:checkValidate=_a.sent();if(!checkValidate)return[2/*return*/];updatedIndexes=[];if(keyUpdate>constants_1.DEFAULT_NULL_INDEX){firstFile=fileList[0];updatedFileList=__spreadArrays(inValue);updatedFileList[keyUpdate]=firstFile;updatedIndexes.push(keyUpdate);}else if(multiple){updatedFileList=__spreadArrays(inValue,fileList);for(i=inValue.length;i<updatedFileList.length;i+=1){updatedIndexes.push(i);}}else{updatedFileList=[fileList[0]];updatedIndexes.push(0);}onChange===null||onChange===void 0?void 0:onChange(updatedFileList,updatedIndexes);return[2/*return*/];}});});};var onInputChange=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,handleChange(e.target.files)];case 1:_a.sent();keyUpdate>constants_1.DEFAULT_NULL_INDEX&&setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);if(inputRef.current)inputRef.current.value='';return[2/*return*/];}});});};var acceptTypeString=react_1.useMemo(function(){return utils_1.getAcceptTypeString(acceptType,allowNonImageType);},[acceptType,allowNonImageType]);var handleDrag=function(e){e.preventDefault();e.stopPropagation();};var handleDragIn=function(e){e.preventDefault();e.stopPropagation();if(e.dataTransfer.items&&e.dataTransfer.items.length>0){setIsDragging(true);}};var handleDragOut=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);};var handleDrop=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);if(e.dataTransfer.files&&e.dataTransfer.files.length>0){handleChange(e.dataTransfer.files);}};var handleDragStart=function(e){e.preventDefault();e.stopPropagation();e.dataTransfer.clearData();};return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("input",__assign({type:"file",accept:acceptTypeString,ref:inputRef,multiple:multiple&&keyUpdate===constants_1.DEFAULT_NULL_INDEX,onChange:onInputChange,style:{display:'none'}},inputProps)),children===null||children===void 0?void 0:children({imageList:inValue,onImageUpload:onImageUpload,onImageRemoveAll:onImageRemoveAll,onImageUpdate:onImageUpdate,onImageRemove:onImageRemove,errors:errors,dragProps:{onDrop:handleDrop,onDragEnter:handleDragIn,onDragLeave:handleDragOut,onDragOver:handleDrag,onDragStart:handleDragStart},isDragging:isDragging}));};var _default=dist.default=ReactImageUploading;var ImageUploader=function(_a){var buttonProps=_a.buttonProps,renderProp=_a.children,imageData=_a.imageData,onChange=_a.onChange;var _b=__read(React.useState(false),2),cropMode=_b[0],setCropModeTo=_b[1];var _c=__read(React.useState(imageData),2),originalImage=_c[0],setOriginalImage=_c[1];var enableCropper=React.useCallback(function(){setCropModeTo(true);},[]);var cacheCroppedImage=React.useCallback(function(croppedImage){onChange(croppedImage);setCropModeTo(false);},[onChange]);var cacheUploadedImage=React.useCallback(function(imageList){if(isEmpty(imageList)){setOriginalImage(undefined);onChange(undefined);return;}setOriginalImage(imageList[0]);enableCropper();},[enableCropper,onChange]);return jsxRuntime.jsx(_default,__assign$2({acceptType:["jpg","gif","png"],dataURLKey:"dataURL",onChange:cacheUploadedImage,value:imageData?[imageData]:[]},{children:function(_a){_a.imageList;var onImageUpload=_a.onImageUpload,onImageRemoveAll=_a.onImageRemoveAll;_a.onImageUpdate;_a.onImageRemove;_a.isDragging;var dragProps=_a.dragProps;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderProp?renderProp({clearImageData:onImageRemoveAll,openImageSelector:onImageUpload}):jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Button$1,__assign$2({danger:true,icon:js.mdiTrashCanOutline,onClick:onImageRemoveAll},buttonProps)),originalImage?jsxRuntime.jsx(Button$1,__assign$2({disabled:cropMode,onClick:enableCropper},buttonProps,{children:"Edit"})):null,jsxRuntime.jsx(Button$1,__assign$2({onClick:onImageUpload},dragProps,buttonProps,{children:"Select Image"}))]}),cropMode&&originalImage?jsxRuntime.jsx(ImageCropper,{imageData:originalImage,onComplete:cacheCroppedImage}):null]});}}));};var COMPONENT_NAME="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button$1,__assign$2({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
10988
+ setCroppedArea(croppedAreaPixels);},[]);var submitCroppedImage=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var data;return __generator$1(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,croppedImageData()];case 1:data=_a.sent();if(data)onComplete(data);return[2/*return*/];}});});},[croppedImageData,onComplete]);return jsxRuntime.jsxs(FullScreen$1,__assign$2({withRows:true},{children:[jsxRuntime.jsx(Container$3,{children:jsxRuntime.jsx(Cropper,{aspect:aspectRatio,crop:crop,image:imageData===null||imageData===void 0?void 0:imageData.dataURL,maxZoom:MAX_SCALE$1,minZoom:MIN_SCALE$1,onCropChange:setCrop,onCropComplete:onCropComplete,onZoomChange:setZoom,setImageRef:function(ref){var _a;imageRef.current=(_a=ref.current)!==null&&_a!==void 0?_a:undefined;},zoom:zoom})}),jsxRuntime.jsxs(FlexBox,__assign$2({_css:styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["align-self: center; width: 300px; max-width: 100%; position: relative;"],["align-self: center; width: 300px; max-width: 100%; position: relative;"]))),withRows:true},{children:[jsxRuntime.jsx(Slider,{max:MAX_SCALE$1,min:MIN_SCALE$1,onChange:setZoom,step:0.1,throttleMilliseconds:50,value:zoom}),jsxRuntime.jsx(Button$1,__assign$2({fluid:true,onClick:submitCroppedImage},{children:"Crop"}))]}))]}));};var Container$3=styled__default["default"](FlexBox)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"],["\n max-width: 100%;\n height: calc(100% - 100px);\n position: relative;\n"])));var FullScreen$1=styled__default["default"](FlexBox)(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect, .ReactCrop__child-wrapper {\n height: 100%;\n }\n"],["\n background: ",";\n position: fixed;\n height: 100%;\n width: 100%;\n left: 0;\n top: 0;\n z-index: ",";\n padding: ",";\n transition: top .5s ease-in-out;\n\n .ReactCrop.ReactCrop--fixed-aspect, .ReactCrop__child-wrapper {\n height: 100%;\n }\n"])),COLORS.WHITE,function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex+1;},SPACINGS.SM);var templateObject_1$4,templateObject_2$3,templateObject_3$3;var dist={};var utils$1={};(function(exports){Object.defineProperty(exports,"__esModule",{value:true});exports.getListFiles=exports.getImage=exports.getBase64=exports.getAcceptTypeString=exports.openFileDialog=void 0;exports.openFileDialog=function(inputRef){if(inputRef.current)inputRef.current.click();};exports.getAcceptTypeString=function(acceptType,allowNonImageType){if(acceptType===null||acceptType===void 0?void 0:acceptType.length)return acceptType.map(function(item){return"."+item;}).join(', ');if(allowNonImageType)return'';return'image/*';};exports.getBase64=function(file){var reader=new FileReader();return new Promise(function(resolve){reader.addEventListener('load',function(){return resolve(String(reader.result));});reader.readAsDataURL(file);});};exports.getImage=function(file){var image=new Image();return new Promise(function(resolve){image.addEventListener('load',function(){return resolve(image);});image.src=URL.createObjectURL(file);});};exports.getListFiles=function(files,dataURLKey){var promiseFiles=[];for(var i=0;i<files.length;i+=1){promiseFiles.push(exports.getBase64(files[i]));}return Promise.all(promiseFiles).then(function(fileListBase64){var fileList=fileListBase64.map(function(base64,index){var _a;return _a={},_a[dataURLKey]=base64,_a.file=files[index],_a;});return fileList;});};})(utils$1);var validation={};var constants={};Object.defineProperty(constants,"__esModule",{value:true});constants.DEFAULT_DATA_URL_KEY=constants.INIT_MAX_NUMBER=constants.DEFAULT_NULL_INDEX=void 0;constants.DEFAULT_NULL_INDEX=-1;constants.INIT_MAX_NUMBER=1000;constants.DEFAULT_DATA_URL_KEY='dataURL';(function(exports){var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}};Object.defineProperty(exports,"__esModule",{value:true});exports.getErrorValidation=exports.isMaxNumberValid=exports.isAcceptTypeValid=exports.isMaxFileSizeValid=exports.isImageValid=exports.isResolutionValid=void 0;var constants_1=constants;var utils_1=utils$1;exports.isResolutionValid=function(image,resolutionType,resolutionWidth,resolutionHeight){if(resolutionWidth===void 0){resolutionWidth=0;}if(resolutionHeight===void 0){resolutionHeight=1;}if(!resolutionWidth||!resolutionHeight||!image.width||!image.height)return true;switch(resolutionType){case'absolute':{if(image.width===resolutionWidth&&image.height===resolutionHeight)return true;break;}case'ratio':{var ratio=resolutionWidth/resolutionHeight;if(image.width/image.height===ratio)return true;break;}case'less':{if(image.width<=resolutionWidth&&image.height<=resolutionHeight)return true;break;}case'more':{if(image.width>=resolutionWidth&&image.height>=resolutionHeight)return true;break;}}return false;};exports.isImageValid=function(fileType){if(fileType.includes('image')){return true;}return false;};exports.isMaxFileSizeValid=function(fileSize,maxFileSize){return maxFileSize?fileSize<=maxFileSize:true;};exports.isAcceptTypeValid=function(acceptType,fileName){if(acceptType&&acceptType.length>0){var type_1=fileName.split('.').pop()||'';if(acceptType.findIndex(function(item){return item.toLowerCase()===type_1.toLowerCase();})<0)return false;}return true;};exports.isMaxNumberValid=function(totalNumber,maxNumber,keyUpdate){if(maxNumber!==0&&!maxNumber)return true;if(keyUpdate===constants_1.DEFAULT_NULL_INDEX){if(totalNumber<=maxNumber)return true;}else if(totalNumber<=maxNumber+1)return true;return false;};exports.getErrorValidation=function(_a){var fileList=_a.fileList,value=_a.value,maxNumber=_a.maxNumber,keyUpdate=_a.keyUpdate,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionType=_a.resolutionType,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,allowNonImageType=_a.allowNonImageType;return __awaiter(void 0,void 0,void 0,function(){var newErrors,i,file,image,checkRes;return __generator(this,function(_b){switch(_b.label){case 0:newErrors={};if(!!exports.isMaxNumberValid(fileList.length+value.length,maxNumber,keyUpdate))return[3/*break*/,1];newErrors.maxNumber=true;return[3/*break*/,5];case 1:i=0;_b.label=2;case 2:if(!(i<fileList.length))return[3/*break*/,5];file=fileList[i].file;if(!file)return[3/*break*/,4];if(!allowNonImageType&&!exports.isImageValid(file.type)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isAcceptTypeValid(acceptType,file.name)){newErrors.acceptType=true;return[3/*break*/,5];}if(!exports.isMaxFileSizeValid(file.size,maxFileSize)){newErrors.maxFileSize=true;return[3/*break*/,5];}if(!resolutionType)return[3/*break*/,4];return[4/*yield*/,utils_1.getImage(file)];case 3:image=_b.sent();checkRes=exports.isResolutionValid(image,resolutionType,resolutionWidth,resolutionHeight);if(!checkRes){newErrors.resolution=true;return[3/*break*/,5];}_b.label=4;case 4:i+=1;return[3/*break*/,2];case 5:if(Object.values(newErrors).find(Boolean))return[2/*return*/,newErrors];return[2/*return*/,null];}});});};})(validation);var __assign=commonjsGlobal&&commonjsGlobal.__assign||function(){__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign.apply(this,arguments);};var __createBinding=commonjsGlobal&&commonjsGlobal.__createBinding||(Object.create?function(o,m,k,k2){if(k2===undefined)k2=k;Object.defineProperty(o,k2,{enumerable:true,get:function(){return m[k];}});}:function(o,m,k,k2){if(k2===undefined)k2=k;o[k2]=m[k];});var __setModuleDefault=commonjsGlobal&&commonjsGlobal.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:true,value:v});}:function(o,v){o["default"]=v;});var __importStar=commonjsGlobal&&commonjsGlobal.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)if(k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k))__createBinding(result,mod,k);__setModuleDefault(result,mod);return result;};var __awaiter=commonjsGlobal&&commonjsGlobal.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var __generator=commonjsGlobal&&commonjsGlobal.__generator||function(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true};}};var __spreadArrays=commonjsGlobal&&commonjsGlobal.__spreadArrays||function(){for(var s=0,i=0,il=arguments.length;i<il;i++)s+=arguments[i].length;for(var r=Array(s),k=0,i=0;i<il;i++)for(var a=arguments[i],j=0,jl=a.length;j<jl;j++,k++)r[k]=a[j];return r;};Object.defineProperty(dist,"__esModule",{value:true});var react_1=__importStar(React__default["default"]);var utils_1=utils$1;var validation_1=validation;var constants_1=constants;var ReactImageUploading=function(_a){var _b=_a.value,value=_b===void 0?[]:_b,onChange=_a.onChange,onError=_a.onError,children=_a.children,_c=_a.dataURLKey,dataURLKey=_c===void 0?constants_1.DEFAULT_DATA_URL_KEY:_c,_d=_a.multiple,multiple=_d===void 0?false:_d,_e=_a.maxNumber,maxNumber=_e===void 0?constants_1.INIT_MAX_NUMBER:_e,acceptType=_a.acceptType,maxFileSize=_a.maxFileSize,resolutionWidth=_a.resolutionWidth,resolutionHeight=_a.resolutionHeight,resolutionType=_a.resolutionType,_f=_a.inputProps,inputProps=_f===void 0?{}:_f,_g=_a.allowNonImageType,allowNonImageType=_g===void 0?false:_g;var inValue=value||[];var inputRef=react_1.useRef(null);var _h=react_1.useState(constants_1.DEFAULT_NULL_INDEX),keyUpdate=_h[0],setKeyUpdate=_h[1];var _j=react_1.useState(null),errors=_j[0],setErrors=_j[1];var _k=react_1.useState(false),isDragging=_k[0],setIsDragging=_k[1];var handleClickInput=react_1.useCallback(function(){return utils_1.openFileDialog(inputRef);},[inputRef]);var onImageUpload=react_1.useCallback(function(){setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);handleClickInput();},[handleClickInput]);var onImageRemoveAll=react_1.useCallback(function(){onChange===null||onChange===void 0?void 0:onChange([]);},[onChange]);var onImageRemove=function(index){var updatedList=__spreadArrays(inValue);if(Array.isArray(index)){index.forEach(function(i){updatedList.splice(i,1);});}else{updatedList.splice(index,1);}onChange===null||onChange===void 0?void 0:onChange(updatedList);};var onImageUpdate=function(index){setKeyUpdate(index);handleClickInput();};var validate=function(fileList){return __awaiter(void 0,void 0,void 0,function(){var errorsValidation;return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,validation_1.getErrorValidation({fileList:fileList,maxFileSize:maxFileSize,maxNumber:maxNumber,acceptType:acceptType,keyUpdate:keyUpdate,resolutionType:resolutionType,resolutionWidth:resolutionWidth,resolutionHeight:resolutionHeight,value:inValue,allowNonImageType:allowNonImageType})];case 1:errorsValidation=_a.sent();if(errorsValidation){setErrors(errorsValidation);onError===null||onError===void 0?void 0:onError(errorsValidation,fileList);return[2/*return*/,false];}errors&&setErrors(null);return[2/*return*/,true];}});});};var handleChange=function(files){return __awaiter(void 0,void 0,void 0,function(){var fileList,checkValidate,updatedFileList,updatedIndexes,firstFile,i;return __generator(this,function(_a){switch(_a.label){case 0:if(!files)return[2/*return*/];return[4/*yield*/,utils_1.getListFiles(files,dataURLKey)];case 1:fileList=_a.sent();if(!fileList.length)return[2/*return*/];return[4/*yield*/,validate(fileList)];case 2:checkValidate=_a.sent();if(!checkValidate)return[2/*return*/];updatedIndexes=[];if(keyUpdate>constants_1.DEFAULT_NULL_INDEX){firstFile=fileList[0];updatedFileList=__spreadArrays(inValue);updatedFileList[keyUpdate]=firstFile;updatedIndexes.push(keyUpdate);}else if(multiple){updatedFileList=__spreadArrays(inValue,fileList);for(i=inValue.length;i<updatedFileList.length;i+=1){updatedIndexes.push(i);}}else{updatedFileList=[fileList[0]];updatedIndexes.push(0);}onChange===null||onChange===void 0?void 0:onChange(updatedFileList,updatedIndexes);return[2/*return*/];}});});};var onInputChange=function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return[4/*yield*/,handleChange(e.target.files)];case 1:_a.sent();keyUpdate>constants_1.DEFAULT_NULL_INDEX&&setKeyUpdate(constants_1.DEFAULT_NULL_INDEX);if(inputRef.current)inputRef.current.value='';return[2/*return*/];}});});};var acceptTypeString=react_1.useMemo(function(){return utils_1.getAcceptTypeString(acceptType,allowNonImageType);},[acceptType,allowNonImageType]);var handleDrag=function(e){e.preventDefault();e.stopPropagation();};var handleDragIn=function(e){e.preventDefault();e.stopPropagation();if(e.dataTransfer.items&&e.dataTransfer.items.length>0){setIsDragging(true);}};var handleDragOut=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);};var handleDrop=function(e){e.preventDefault();e.stopPropagation();setIsDragging(false);if(e.dataTransfer.files&&e.dataTransfer.files.length>0){handleChange(e.dataTransfer.files);}};var handleDragStart=function(e){e.preventDefault();e.stopPropagation();e.dataTransfer.clearData();};return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("input",__assign({type:"file",accept:acceptTypeString,ref:inputRef,multiple:multiple&&keyUpdate===constants_1.DEFAULT_NULL_INDEX,onChange:onInputChange,style:{display:'none'}},inputProps)),children===null||children===void 0?void 0:children({imageList:inValue,onImageUpload:onImageUpload,onImageRemoveAll:onImageRemoveAll,onImageUpdate:onImageUpdate,onImageRemove:onImageRemove,errors:errors,dragProps:{onDrop:handleDrop,onDragEnter:handleDragIn,onDragLeave:handleDragOut,onDragOver:handleDrag,onDragStart:handleDragStart},isDragging:isDragging}));};var _default=dist.default=ReactImageUploading;var ImageUploader=function(_a){var buttonProps=_a.buttonProps,renderProp=_a.children,imageData=_a.imageData,onChange=_a.onChange;var _b=__read(React.useState(false),2),cropMode=_b[0],setCropModeTo=_b[1];var _c=__read(React.useState(imageData),2),originalImage=_c[0],setOriginalImage=_c[1];var enableCropper=React.useCallback(function(){setCropModeTo(true);},[]);var cacheCroppedImage=React.useCallback(function(croppedImage){onChange(croppedImage);setCropModeTo(false);},[onChange]);var cacheUploadedImage=React.useCallback(function(imageList){if(isEmpty(imageList)){setOriginalImage(undefined);onChange(undefined);return;}setOriginalImage(imageList[0]);enableCropper();},[enableCropper,onChange]);return jsxRuntime.jsx(_default,__assign$2({dataURLKey:"dataURL",onChange:cacheUploadedImage,value:imageData?[imageData]:[]},{children:function(_a){_a.imageList;var onImageUpload=_a.onImageUpload,onImageRemoveAll=_a.onImageRemoveAll;_a.onImageUpdate;_a.onImageRemove;_a.isDragging;var dragProps=_a.dragProps;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderProp?renderProp({clearImageData:onImageRemoveAll,openImageSelector:onImageUpload}):jsxRuntime.jsxs(FlexBox,{children:[jsxRuntime.jsx(Button$1,__assign$2({danger:true,icon:js.mdiTrashCanOutline,onClick:onImageRemoveAll},buttonProps)),originalImage?jsxRuntime.jsx(Button$1,__assign$2({disabled:cropMode,onClick:enableCropper},buttonProps,{children:"Edit"})):null,jsxRuntime.jsx(Button$1,__assign$2({onClick:onImageUpload},dragProps,buttonProps,{children:"Select Image"}))]}),cropMode&&originalImage?jsxRuntime.jsx(ImageCropper,{imageData:originalImage,onComplete:cacheCroppedImage}):null]});}}));};var COMPONENT_NAME="IconButton";var IconButton=styled__default["default"](function(_a){var primary=_a.primary,flat=_a.flat,pill=_a.pill,props=__rest(_a,["primary","flat","pill"]);return jsxRuntime.jsx(Button$1,__assign$2({flat:flat!=null?flat:true,fluid:false},props,{pill:pill!=null?pill:true,primary:primary!==null&&primary!==void 0?primary:false}));})(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n && {\n padding: .5em;\n min-width: 0;\n }\n"],["\n && {\n padding: .5em;\n min-width: 0;\n }\n"// @ts-ignore
10989
10989
  ])));// @ts-ignore
10990
10990
  IconButton.COMPONENT_NAME=COMPONENT_NAME;var templateObject_1$3;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.useContext(styled.ThemeContext);return jsxRuntime.jsxs(Container$2,__assign$2({as:innerAs,className:className,_css:_css},{children:[children,isLoading?jsxRuntime.jsx(SpinnerContainer,__assign$2({alignItems:"center",justifyContent:"center"},{children:jsxRuntime.jsx(Dots,{color:theme.styles.colorPrimary})})):null]}));};TranslucentLoader=styled__default["default"](TranslucentLoader)(templateObject_1$2||(templateObject_1$2=__makeTemplateObject([""],[""])));var Container$2=styled__default["default"].div(templateObject_2$2||(templateObject_2$2=__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$2||(templateObject_3$2=__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$2,templateObject_2$2,templateObject_3$2;var useLoaderV2=function(){var _a=__read(React.useState(false),2),loading=_a[0],setLoading=_a[1];var withLoading=React.useMemo(function(){return function(p){return __awaiter$1(void 0,void 0,void 0,function(){var val;return __generator$1(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.useMemo(function(){return function(_a){var as=_a.as,props=__rest(_a,["as"]);return jsxRuntime.jsx(TranslucentLoader,__assign$2({},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.useState([]),2),cameraIds=_d[0],setCameraIds=_d[1];var _e=__read(React.useState(0),2),currentCameraIdIndex=_e[0],setCurrentCameraIdIndex=_e[1];var _f=__read(React.useState(false),2),_isCameraVisible=_f[0],setIsCameraVisibleTo=_f[1];var _g=__read(React.useState(),2),previewSrc=_g[0],setPreviewSrc=_g[1];var cameraPhoto=React.useRef();var canvasRef=React.useRef(null);var previewRef=React.useRef(null);var viewFinderRef=React.useRef(null);var isCameraVisible=React.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.useCallback(function(){setPreviewSrc(undefined);},[]);var getDeviceCameraIds=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var cameras,foundIds;return __generator$1(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.useCallback(function(){setIsCameraVisibleTo(true);},[]);var removeCameraId=React.useCallback(function(){setCameraIds(function(prevState){return takeOutItem(prevState,currentCameraIdIndex);});},[currentCameraIdIndex]);var startCamera=React.useCallback(function(){return __awaiter$1(void 0,void 0,void 0,function(){var cameraId,e_1;return __generator$1(this,function(_a){switch(_a.label){case 0:cameraId=cameraIds[currentCameraIdIndex];_a.label=1;case 1:_a.trys.push([1,3,,4]);// @ts-ignore
10991
10991
  return[4/*yield*/,withLoading(cameraPhoto.current.startCamera(cameraId))];case 2:// @ts-ignore