nuudel-core 0.1.2 → 0.1.6

package/build/module/lib/components/MultiSelect/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface IMultiSelectProps {
+    id: string;
+    items: any[];
+    selectedItems: any[];
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    startAdornment?: any;
+    onChangeInput?(val: any): any;
+    valueChanged(val: any): any;
+}
+export interface IMultiSelectStates {
+    selectedItems: any[];
+}
+export default class MultiSelectField extends React.Component<IMultiSelectProps, IMultiSelectStates> {
+    constructor(props: IMultiSelectProps);
+    onSelectedItemsChange: (event: React.ChangeEvent<{
+        value: unknown;
+    }>) => void;
+    render(): JSX.Element;
+}

package/build/module/lib/components/MultiSelect/index.jsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { OutlinedInput, InputLabel, MenuItem, ListItemText, Select, Checkbox, FormControl, } from '@material-ui/core';
+import styles from '../styles.module.scss';
+import { t } from 'nuudel-utils';
+const ITEM_HEIGHT = 48;
+const ITEM_PADDING_TOP = 8;
+const MenuProps = {
+    PaperProps: {
+        style: {
+            maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
+            width: 250,
+        },
+    },
+};
+export default class MultiSelectField extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            selectedItems: props.selectedItems || [],
+        };
+    }
+    onSelectedItemsChange = (event) => {
+        const { options } = event.target;
+        let values = [];
+        if (!options) {
+            values = event.target.value;
+        }
+        else {
+            for (let i = 0, l = options.length; i < l; i++) {
+                if (options[i].selected) {
+                    values.push(options[i].value);
+                }
+            }
+        }
+        this.setState({ selectedItems: values }, () => this.props.valueChanged(values));
+    };
+    render() {
+        return (<div className={styles.multiSelectContainer}>
+        <FormControl variant="outlined" fullWidth>
+          <InputLabel id={String(this.props.id) + '-label'}>
+            {this.props.label}
+          </InputLabel>
+          <Select labelId={String(this.props.id) + '-label'} id={String(this.props.id)} placeholder={t('PickItems')} className={styles.multichoice} disabled={this.props.disabled === true} required={this.props.required === true} multiple value={this.state.selectedItems} onChange={this.onSelectedItemsChange} input={<OutlinedInput label={this.props.label} id={'select-multiple-' + this.props.id}/>} startAdornment={this.props.startAdornment} renderValue={(selected) => !selected
+                ? selected
+                : selected
+                    .map((s) => t(s, { defaultValue: s }))
+                    .join(', ')} MenuProps={MenuProps}>
+            {this.props.items.map((value) => (<MenuItem key={value.id} value={value.name}>
+                <Checkbox color="primary" checked={this.state.selectedItems.indexOf(value.name) >= 0}/>
+                <ListItemText primary={t(value.name, { defaultValue: value.name })}/>
+              </MenuItem>))}
+          </Select>
+        </FormControl>
+      </div>);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL011bHRpU2VsZWN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGFBQWEsRUFDYixVQUFVLEVBQ1YsUUFBUSxFQUNSLFlBQVksRUFDWixNQUFNLEVBQ04sUUFBUSxFQUNSLFdBQVcsR0FDWixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sTUFBTSxNQUFNLHVCQUF1QixDQUFDO0FBQzNDLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFtQmpDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUN2QixNQUFNLGdCQUFnQixHQUFHLENBQUMsQ0FBQztBQUMzQixNQUFNLFNBQVMsR0FBRztJQUNoQixVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsV0FBVyxHQUFHLEdBQUcsR0FBRyxnQkFBZ0I7WUFDL0MsS0FBSyxFQUFFLEdBQUc7U0FDWDtLQUNGO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxPQUFPLE9BQU8sZ0JBQWlCLFNBQVEsS0FBSyxDQUFDLFNBR25EO0lBQ0MsWUFBWSxLQUF3QjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1gsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLElBQUksRUFBRTtTQUN6QyxDQUFDO0lBQ0osQ0FBQztJQUVELHFCQUFxQixHQUFHLENBQUMsS0FBNEMsRUFBRSxFQUFFO1FBQ3ZFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLENBQUMsTUFBMkIsQ0FBQztRQUN0RCxJQUFJLE1BQU0sR0FBYSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNaLE1BQU0sR0FBRyxLQUFL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

package/build/module/lib/components/ReCaptcha/index.jsx

@@ -5,7 +5,7 @@ const { WEB = '' } = process.env;
 class ReCaptcha extends Component {
     static defaultProps = {
         siteKey: process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY,
-        action: 'homepage', // 'login'
+        action: 'homepage',
     };
     constructor(props) {
         super(props);
@@ -30,7 +30,6 @@ class ReCaptcha extends Component {
                     ? ':' + window.location.port
                     : '');
         try {
-            // Ping the google recaptcha verify API to verify the captcha code you received
             const r = await HttpClient(`${uri}/recaptcha`, {
                 method: 'post',
                 body: JSON.stringify({ captcha: token }),
@@ -57,4 +56,4 @@ class ReCaptcha extends Component {
     }
 }
 export default ReCaptcha;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JlQ2FwdGNoYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDekMsT0FBTyxFQUVMLGVBQWUsRUFDZix1QkFBdUIsR0FDeEIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBVzFDLE1BQU0sRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQztBQUVqQyxNQUFNLFNBQVUsU0FBUSxTQUF5QjtJQUN4QyxNQUFNLENBQUMsWUFBWSxHQUFHO1FBQzNCLE9BQU8sRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QjtRQUNuRCxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVU7S0FDL0IsQ0FBQztJQUVGLFlBQVksS0FBYTtRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxxQkFBcUIsR0FBRyxLQUFLLElBQUksRUFBRTtRQUNqQyxNQUFNLEVBQUUsZ0JBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLG9CQUFvQixDQUFDO1FBRTdELElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUNyQixPQUFPLENBQUMsR0FBRyxDQUFDLCtCQUErQixDQUFDLENBQUM7WUFDN0MsT0FBTztTQUNSO1FBRUQsTUFBTSxLQUFLLEdBQUcsTUFBTSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRXhELElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUMsQ0FBQztJQUVGLGlCQUFpQixHQUFHLEtBQUssRUFBRSxLQUFhLEVBQUUsRUFBRTtRQUMxQyxJQUFJLEdBQUcsR0FDTCxPQUFPLE1BQU0sQ0FBQyxRQUFRLEtBQUssV0FBVztZQUNwQyxDQUFDLENBQUMsR0FBRztZQUNMLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLFFBQVE7Z0JBQ3hCLElBQUk7Z0JBQ0osTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJO2dCQUNwQixDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxLQUFLO29CQUM5RCxDQUFDLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSTtvQkFDNUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWQsSUFBSTtZQUNGLCtFQUErRTtZQUMvRSxNQUFNLENBQUMsR0FBRyxNQUFNLFVBQVUsQ0FBQyxHQUFHLEdBQUcsWUFBWSxFQUFFO2dCQUM3QyxNQUFNLEVBQUUsTUFBTTtnQkFDZCxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDeEMsT0FBTyxFQUFFO29CQUNQLGNBQWMsRUFBRSxpQ0FBaUM7aUJBQ2xEO2FBQ0YsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTthQUNyQjtTQUNGO1FBQUMsT0FBTyxLQUFLLEVBQUUsR0FBRTtJQUNwQixDQUFDLENBQUM7SUFFRixNQUFNO1FBQ0osTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDN0IsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUNGO1FBQUEsQ0FBQyx1QkFBdUIsQ0FBQyxZQUFZLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUN4RDtVQUFBLENBQUMsZUFBZSxDQUNkLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxDQUNGLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBRTlCO1FBQUEsRUFBRSx1QkFBdUIsQ0FDekI7UUFBQSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQ3JFO1FBQUEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FDdEI7TUFBQSxFQUFFLEdBQUcsQ0FBQyxDQUNQLENBQUM7SUFDSixDQUFDOztBQUdILGVBQWUsU0FBUyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JlQ2FwdGNoYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDekMsT0FBTyxFQUVMLGVBQWUsRUFDZix1QkFBdUIsR0FDeEIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBVzFDLE1BQU0sRUFBRSxHQUFHLEdBQUcsRUFBRSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQztBQUVqQyxNQUFNLFNBQVUsU0FBUSxTQUF5QjtJQUN4QyxNQUFNLENBQUMsWUFBWSxHQUFHO1FBQzNCLE9BQU8sRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QjtRQUNuRCxNQUFNLEVBQUUsVUFBVTtLQUNuQixDQUFDO0lBRUYsWUFBWSxLQUFhO1FBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNiLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELHFCQUFxQixHQUFHLEtBQUssSUFBSSxFQUFFO1FBQ2pDLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsb0JBQW9CLENBQUM7UUFFN0QsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3JCLE9BQU8sQ0FBQyxHQUFHLENBQUMsK0JBQStCLENBQUMsQ0FBQztZQUM3QyxPQUFPO1NBQ1I7UUFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDM0IsQ0FBQyxDQUFDO0lBRUYsaUJBQWlCLEdBQUcsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1FBQzFDLElBQUksR0FBRyxHQUNMLE9BQU8sTUFBTSxDQUFDLFFBQVEsS0FBSyxXQUFXO1lBQ3BDLENBQUMsQ0FBQyxHQUFHO1lBQ0wsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsUUFBUTtnQkFDeEIsSUFBSTtnQkFDSixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUk7Z0JBQ3BCLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssSUFBSSxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLEtBQUs7b0JBQzlELENBQUMsQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJO29CQUM1QixDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFZCxJQUFJO1lBRUYsTUFBTSxDQUFDLEdBQUcsTUFBTSxVQUFVLENBQUMsR0FBRyxHQUFHLFlBQVksRUFBRTtnQkFDN0MsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7Z0JBQ3hDLE9BQU8sRUFBRTtvQkFDUCxjQUFjLEVBQUUsaUNBQWlDO2lCQUNsRDthQUNGLENBQUMsQ0FBQztZQUVILElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxHQUFHLEVBQUU7YUFDckI7U0FDRjtRQUFDLE9BQU8sS0FBSyxFQUFFLEdBQUU7SUFDcEIsQ0FBQyxDQUFDO0lBRUYsTUFBTTtRQUNKLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzdCLE9BQU8sQ0FDTCxDQUFDLEdBQUcsQ0FDRjtRQUFBLENBQUMsdUJBQXVCLENBQUMsWUFBWSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FDeEQ7VUFBQSxDQUFDLGVBQWUsQ0FDZCxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQWEsRUFBRSxFQUFFO2dCQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuQyxDQUFDLENBQUMsQ0FDRixNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUU5QjtRQUFBLEVBQUUsdUJBQXVCLENBQ3pCO1FBQUEsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsZ0JBQWdCLEVBQUUsTUFBTSxDQUNyRTtRQUFBLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQ3RCO01BQUEsRUFBRSxHQUFHLENBQUMsQ0FDUCxDQUFDO0lBQ0osQ0FBQzs7QUFHSCxlQUFlLFNBQVMsQ0FBQyJ9

package/build/module/lib/components/Select/index.jsx

@@ -19,12 +19,6 @@ export const Select = React.forwardRef(({ options, onChange, ...props }, ref) =>
             onChange(value);
         }
     };
-    /*
-    useEffect(() => {
-      if (onChange) {
-        onChange(props.value);
-      }
-    }, [props.value]); // */
     return (<BaseSelect ref={ref} {...props} onChange={props.multiple ? handleChangeMultiple : handleChange}>
       {options.map((option, i) => (<MenuItem key={i} value={option.value} disabled={option.disabled === true}>
           {option.icon && option.icon}
@@ -33,4 +27,4 @@ export const Select = React.forwardRef(({ options, onChange, ...props }, ref) =>
     </BaseSelect>);
 });
 export default Select;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQztBQUN6QyxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBZSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQWNoRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLEtBQUssQ0FBQyxVQUFVLENBRzVELENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDekMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxLQUE0QyxFQUFFLEVBQUU7UUFDcEUsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFpQixDQUFDO1FBQzdDLElBQUksUUFBUSxFQUFFO1lBQ1osUUFBUSxDQUNOLEtBQUssSUFBSSxLQUFLLFlBQVksS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDdkUsQ0FBQztTQUNIO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxvQkFBb0IsR0FBRyxDQUMzQixLQUE0QyxFQUM1QyxFQUFFO1FBQ0YsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssQ0FBQyxNQUEyQixDQUFDO1FBQ3RELE1BQU0sS0FBSyxHQUFhLEVBQUUsQ0FBQztRQUMzQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDakQsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFO2dCQUN2QixLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUM5QjtTQUNGO1FBQ0QsSUFBSSxRQUFRLEVBQUU7WUFDWixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakI7SUFDSCxDQUFDLENBQUM7SUFFRjs7Ozs7NEJBS3dCO0lBRXhCLE9BQU8sQ0FDTCxDQUFDLFVBQVUsQ0FDVCxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FDVCxJQUFJLEtBQUssQ0FBQyxDQUNWLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FFL0Q7TUFBQSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFtQixFQUFFLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FDL0MsQ0FBQyxRQUFRLENBQ1AsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ1AsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUNwQixRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxDQUVuQztVQUFBLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUMzQjtVQUFBLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FDZjtRQUFBLEVBQUUsUUFBUSxDQUFDLENBQ1osQ0FBQyxDQUNKO0lBQUEsRUFBRSxVQUFVLENBQUMsQ0FDZCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxlQUFlLE1BQU0sQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFvQixNQUFNLE9BQU8sQ0FBQztBQUN6QyxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBZSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQWNoRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLEtBQUssQ0FBQyxVQUFVLENBRzVELENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDekMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxLQUE0QyxFQUFFLEVBQUU7UUFDcEUsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFpQixDQUFDO1FBQzdDLElBQUksUUFBUSxFQUFFO1lBQ1osUUFBUSxDQUNOLEtBQUssSUFBSSxLQUFLLFlBQVksS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDdkUsQ0FBQztTQUNIO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxvQkFBb0IsR0FBRyxDQUMzQixLQUE0QyxFQUM1QyxFQUFFO1FBQ0YsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLEtBQUssQ0FBQyxNQUEyQixDQUFDO1FBQ3RELE1BQU0sS0FBSyxHQUFhLEVBQUUsQ0FBQztRQUMzQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDakQsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFO2dCQUN2QixLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUM5QjtTQUNGO1FBQ0QsSUFBSSxRQUFRLEVBQUU7WUFDWixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakI7SUFDSCxDQUFDLENBQUM7SUFTRixPQUFPLENBQ0wsQ0FBQyxVQUFVLENBQ1QsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQ1QsSUFBSSxLQUFLLENBQUMsQ0FDVixRQUFRLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBRS9EO01BQUEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBbUIsRUFBRSxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQy9DLENBQUMsUUFBUSxDQUNQLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNQLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDcEIsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsQ0FFbkM7VUFBQSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLElBQUksQ0FDM0I7VUFBQSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQ2Y7UUFBQSxFQUFFLFFBQVEsQ0FBQyxDQUNaLENBQUMsQ0FDSjtJQUFBLEVBQUUsVUFBVSxDQUFDLENBQ2QsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDO0FBRUgsZUFBZSxNQUFNLENBQUMifQ==

package/build/module/lib/components/Slideshow/index.d.ts

@@ -32,9 +32,6 @@ export declare class Slideshow extends React.Component<ISliderProps, ISliderStat
     };
     componentWillUnmount(): void;
     private openProduct;
-    /**
-     * Render item of carousel
-     */
     _renderItem: ({ item, index }: {
         item: any;
         index: any;

package/build/module/lib/components/Slideshow/index.jsx

@@ -1,15 +1,12 @@
 import React from 'react';
-// import Swiper core and required modules
 import swiper, { Navigation, Pagination, Scrollbar, A11y, Thumbs, } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
-// Import swiper styles
 import 'swiper/swiper.min.css';
 import 'swiper/components/navigation/navigation.min.css';
 import 'swiper/components/pagination/pagination.min.css';
 import 'swiper/components/scrollbar/scrollbar.min.css';
 import 'swiper/components/thumbs/thumbs.min.css';
 import { Text, Link, Image } from '../';
-//import { isServer } from '@Utils';
 import styles from './styles.module.scss';
 import clsx from 'clsx';
 swiper.use([Navigation, Pagination, Scrollbar, A11y, Thumbs]);
@@ -33,9 +30,6 @@ export class Slideshow extends React.Component {
     };
     componentWillUnmount() { }
     openProduct = (item) => { };
-    /**
-     * Render item of carousel
-     */
     _renderItem = ({ item, index }) => {
         return (<div className={styles.slideContainer}>
         <Link className={styles.slideInnerContainer} onClick={(ev) => this.openProduct(item)}>
@@ -53,14 +47,7 @@ export class Slideshow extends React.Component {
         if (images instanceof Array && images.length > 0) {
             const { ActiveSlide } = this.state;
             return (<div className={clsx(styles.sliderContainer, this.props.style)}>
-          <Swiper 
-            // install Swiper modules
-            //modules={[Navigation, Pagination, Scrollbar, A11y]}
-            //observer={isServer}
-            spaceBetween={0} slidesPerView={1} navigation 
-            //pagination={{ clickable: true }}
-            //scrollbar={{ draggable: true }}
-            thumbs={{ swiper: this.state.thumbsSwiper }} onSwiper={(swiper) => { }} onSlideChange={() => console.log('slide change')} className={styles.mainSlider}>
+          <Swiper spaceBetween={0} slidesPerView={1} navigation thumbs={{ swiper: this.state.thumbsSwiper }} onSwiper={(swiper) => { }} onSlideChange={() => console.log('slide change')} className={styles.mainSlider}>
             {images.map((img, i) => (<SwiperSlide key={i} virtualIndex={i}>
                 <Image src={img.uri}/>
               </SwiperSlide>))}
@@ -77,4 +64,4 @@ export class Slideshow extends React.Component {
     }
 }
 export default Slideshow;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlc2hvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLDBDQUEwQztBQUMxQyxPQUFPLE1BQU0sRUFBRSxFQUNiLFVBQVUsRUFDVixVQUFVLEVBQ1YsU0FBUyxFQUNULElBQUksRUFDSixNQUFNLEdBQ1AsTUFBTSxRQUFRLENBQUM7QUFDaEIsT0FBTyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkQsdUJBQXVCO0FBQ3ZCLE9BQU8sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sK0NBQStDLENBQUM7QUFDdkQsT0FBTyx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxLQUFLLENBQUM7QUFDeEMsb0NBQW9DO0FBQ3BDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUV4QixNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFrQjlELE1BQU0sT0FBTyxTQUFVLFNBQVEsS0FBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NsaWRlc2hvdy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sTUFBTSxFQUFFLEVBQ2IsVUFBVSxFQUNWLFVBQVUsRUFDVixTQUFTLEVBQ1QsSUFBSSxFQUNKLE1BQU0sR0FDUCxNQUFNLFFBQVEsQ0FBQztBQUNoQixPQUFPLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVuRCxPQUFPLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8saURBQWlELENBQUM7QUFDekQsT0FBTyxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sS0FBSyxDQUFDO0FBRXhDLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUV4QixNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFrQjlELE1BQU0sT0FBTyxTQUFVLFNBQVEsS0FBSyxDQUFDLFNBQXNDO0lBQ3pFLFlBQVksS0FBbUI7UUFDN0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3hDLFlBQVksRUFBRSxJQUFJO1NBQ25CLENBQUM7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

package/build/module/lib/components/Upload/Style.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"img" | "root" | "icon" | "media" | "thumb" | "uploadButton" | "textField" | "submitButton" | "FileContainer" | "thumbsContainer" | "thumbInner" | "gridList" | "titleBar" | "ImageList" | "imgFullWidth">;

package/build/module/lib/components/Upload/Style.jsx

@@ -0,0 +1,71 @@
+import { makeStyles, createStyles } from '@material-ui/core';
+export const useStyles = makeStyles((theme) => createStyles({
+    root: {
+        display: 'block',
+        margin: '0 auto',
+    },
+    uploadButton: {
+        paddingLeft: '20px',
+        paddingRight: '20px',
+    },
+    textField: {
+        '& > *': {
+            width: '100%',
+        },
+    },
+    submitButton: {
+        marginTop: '24px',
+        textAlign: 'right',
+    },
+    FileContainer: {
+        display: 'flex',
+        flex: '1',
+        flexDirection: 'column',
+        fontFamily: 'sans-serif',
+        position: 'relative',
+    },
+    thumbsContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        marginTop: 16,
+    },
+    thumb: {
+        display: 'inline-flex',
+        borderRadius: 2,
+        border: '1px solid #eaeaea',
+        marginBottom: 8,
+        marginRight: 8,
+        width: 100,
+        height: 100,
+        padding: 4,
+        boxSizing: 'border-box',
+    },
+    thumbInner: {
+        display: 'flex',
+        minWidth: 0,
+        overflow: 'hidden',
+    },
+    img: {
+        display: 'block',
+        width: 'auto',
+        height: '100%',
+    },
+    media: {
+        padding: '0 5px',
+        height: '100px',
+        textAlign: 'center',
+        marginTop: '10px',
+        margin: '0 auto',
+    },
+    icon: {
+        color: 'rgba(255, 255, 255, 0.54)',
+    },
+    gridList: {},
+    titleBar: {
+        background: 'linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%)',
+    },
+    ImageList: {},
+    imgFullWidth: {},
+}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGUuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9TdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQVMsTUFBTSxtQkFBbUIsQ0FBQztBQUVwRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDbkQsWUFBWSxDQUFDO0lBQ1gsSUFBSSxFQUFFO1FBQ0osT0FBTyxFQUFFLE9BQU87UUFDaEIsTUFBTSxFQUFFLFFBQVE7S0FDakI7SUFDRCxZQUFZLEVBQUU7UUFDWixXQUFXLEVBQUUsTUFBTTtRQUNuQixZQUFZLEVBQUUsTUFBTTtLQUNyQjtJQUNELFNBQVMsRUFBRTtRQUNULE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxNQUFNO1NBQ2Q7S0FDRjtJQUNELFlBQVksRUFBRTtRQUNaLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLFNBQVMsRUFBRSxPQUFPO0tBQ25CO0lBQ0QsYUFBYSxFQUFFO1FBQ2IsT0FBTyxFQUFFLE1BQU07UUFDZixJQUFJLEVBQUUsR0FBRztRQUNULGFBQWEsRUFBRSxRQUFRO1FBQ3ZCLFVBQVUsRUFBRSxZQUFZO1FBQ3hCLFFBQVEsRUFBRSxVQUFVO0tBQ3JCO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsT0FBTyxFQUFFLE1BQU07UUFDZixhQUFhLEVBQUUsS0FBSztRQUNwQixRQUFRLEVBQUUsTUFBTTtRQUNoQixTQUFTLEVBQUUsRUFBRTtLQUNkO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsT0FBTyxFQUFFLGFBQWE7UUFDdEIsWUFBWSxFQUFFLENBQUM7UUFDZixNQUFNLEVBQUUsbUJBQW1CO1FBQzNCLFlBQVksRUFBRSxDQUFDO1FBQ2YsV0FBVyxFQUFFLENBQUM7UUFDZCxLQUFLLEVBQUUsR0FBRztRQUNWLE1BQU0sRUFBRSxHQUFHO1FBQ1gsT0FBTyxFQUFFLENBQUM7UUFDVixTQUFTLEVBQUUsWUFBWTtLQUN4QjtJQUNELFVBQVUsRUFBRTtRQUNWLE9BQU8sRUFBRSxNQUFNO1FBQ2YsUUFBUSxFQUFFLENBQUM7UUFDWCxRQUFRLEVBQUUsUUFBUTtLQUNuQjtJQUNELEdBQUcsRUFBRTtRQUNILE9BQU8sRUFBRSxPQUFPO1FBQ2hCLEtBQUssRUFBRSxNQUFNO1FBQ2IsTUFBTSxFQUFFLE1BQU07S0FDZjtJQUNELEtBQUssRUFBRTtRQUNMLE9BQU8sRUFBRSxPQUFPO1FBQ2hCLE1BQU0sRUFBRSxPQUFPO1FBQ2YsU0FBUyxFQUFFLFFBQVE7UUFDbkIsU0FBUyxFQUFFLE1BQU07UUFDakIsTUFBTSxFQUFFLFFBQVE7S0FDakI7SUFDRCxJQUFJLEVBQUU7UUFDSixLQUFLLEVBQUUsMkJBQTJCO0tBQ25DO0lBQ0QsUUFBUSxFQUFFLEVBQUU7SUFDWixRQUFRLEVBQUU7UUFDUixVQUFVLEVBQ1Isc0ZBQXNGO0tBQ3pGO0lBQ0QsU0FBUyxFQUFFLEVBQUU7SUFDYixZQUFZLEVBQUUsRUFBRTtDQUNqQixDQUFDLENBQ0gsQ0FBQyJ9

package/build/module/lib/components/Upload/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IUploadProps {
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    label?: string;
+    uploaded?: any;
+    minSize?: number;
+    maxSize?: number;
+    maxFiles?: number;
+    onChange?(val: any): any;
+}
+declare const Upload: React.FC<IUploadProps>;
+export default Upload;

package/build/module/lib/components/Upload/index.jsx

@@ -0,0 +1,189 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Grid, ImageList, ImageListItem, ImageListItemBar, IconButton, } from '@material-ui/core';
+import Image from '../../components/Image';
+import { useDropzone } from 'react-dropzone';
+import { useStyles } from './Style';
+import DeleteOutlineIcon from '@material-ui/icons/DeleteOutline';
+import { t } from 'nuudel-utils';
+import axios from 'axios';
+import UI from '../../common/UI';
+import { resizeImage } from './resizeImage';
+const Upload = ({ ...props }) => {
+    const { uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, accept = 'image/*', } = props;
+    const classes = useStyles();
+    const [totalFilesToUpload, setTotalFilesToUpload] = React.useState(0);
+    const [totalFilesUploaded, setTotalFilesUploaded] = useState([]);
+    const [alreadyUploadedImages, setAlreadyUploadedImages] = useState(uploaded instanceof Array ? uploaded : uploaded ? [uploaded] : uploaded);
+    const [files, setFiles] = useState([]);
+    const { getRootProps, getInputProps } = useDropzone({
+        multiple,
+        disabled,
+        minSize,
+        maxSize,
+        maxFiles,
+        accept: accept,
+        onDrop: (acceptedFiles) => {
+            setTotalFilesUploaded([]);
+            setTotalFilesToUpload(0);
+            let arr = [];
+            acceptedFiles.forEach((file, j) => {
+                arr.push({
+                    name: file.name,
+                    preview: URL.createObjectURL(file),
+                });
+            });
+            setFiles(arr);
+            let values = [];
+            const uploadPreset = process.env.NEXT_PUBLIC_OBJECT_STORAGE_BUCKET;
+            let uploadUrl = process.env.NEXT_PUBLIC_IMAGE_UPLOAD_URL;
+            let isDirect = false;
+            if (uploadUrl.indexOf('cloudinary.com') < 0) {
+                uploadUrl = '/upload';
+                isDirect = true;
+            }
+            acceptedFiles.map(async (file, index) => {
+                const data = new FormData();
+                const filename = file.name || (file.path && file.path.split('/').pop());
+                if (filename) {
+                    data.append('name', filename);
+                }
+                try {
+                    data.append('file', await resizeImage(file), filename);
+                }
+                catch {
+                    data.append('file', file, filename);
+                }
+                data.append('upload_preset', uploadPreset);
+                const r = await axios({
+                    url: uploadUrl,
+                    method: 'post',
+                    data: data,
+                    headers: { ...(isDirect ? await UI.headers() : {}) },
+                });
+                if (r && r.data) {
+                    let res = r.data;
+                    const url = res.secure_url || res.url;
+                    let picture = { uri: url };
+                    if (res.height) {
+                        picture['height'] = res.height;
+                    }
+                    if (res.width) {
+                        picture['width'] = res.width;
+                    }
+                    const length = values.push(picture);
+                    setTotalFilesUploaded(values);
+                    setTotalFilesToUpload(length);
+                    let newImages;
+                    if (multiple) {
+                        newImages = [...alreadyUploadedImages, picture];
+                        setAlreadyUploadedImages(newImages);
+                    }
+                    else {
+                        setAlreadyUploadedImages([picture]);
+                    }
+                    if (props.onChange) {
+                        props.onChange(!multiple ? picture : newImages);
+                    }
+                }
+            });
+        },
+    });
+    const thumbs = files.map((file) => (<div className={classes.thumb} key={file.name}>
+      <div className={classes.thumbInner}>
+        <Image src={file.preview} className={classes.img}/>
+      </div>
+    </div>));
+    const removeExistingImage = async (index, allImages) => {
+        if (!allImages[index] || !allImages[index].uri) {
+            return;
+        }
+        let allImagesData = [...allImages];
+        let uploadUrl = process.env.NEXT_PUBLIC_IMAGE_UPLOAD_URL || '';
+        if (uploadUrl.indexOf('cloudinary.com') < 0) {
+            const data = new FormData();
+            data.append('delete', allImages[index].uri);
+            const r = await axios({
+                url: '/remove',
+                method: 'post',
+                data: data,
+                headers: { ...(await UI.headers()) },
+            });
+        }
+        allImagesData.splice(index, 1);
+        setAlreadyUploadedImages(allImagesData);
+        if (props.onChange) {
+            props.onChange(!multiple ? null : allImagesData);
+        }
+    };
+    const ProductImagesSection = ({ images }) => {
+        if (images && images.length > 0) {
+            return (<ImageList className={classes.gridList} style={{ margin: '0px' }}>
+          {images.map((image, index) => {
+                    return (<ImageListItem key={index} style={{
+                            width: '90px',
+                            height: '90px',
+                            padding: '0',
+                            display: 'inline-block',
+                            marginRight: '5px',
+                        }}>
+                <Image src={image.uri || '/images/placeholder.png'} alt="Image" width={90} height={90}/>
+                <ImageListItemBar classes={{
+                            root: classes.titleBar,
+                        }} actionIcon={<IconButton disabled={disabled === true} onClick={(e) => {
+                                removeExistingImage(index, alreadyUploadedImages);
+                            }} className={classes.icon}>
+                      <DeleteOutlineIcon />
+                    </IconButton>}/>
+              </ImageListItem>);
+                })}
+        </ImageList>);
+        }
+        else {
+            return <div></div>;
+        }
+    };
+    const didMountRef = useRef(false);
+    useEffect(() => {
+        if (!didMountRef.current) {
+            setAlreadyUploadedImages(uploaded instanceof Array ? uploaded : !uploaded ? [] : [uploaded]);
+        }
+        else {
+            didMountRef.current = true;
+        }
+    }, [uploaded]);
+    useEffect(() => {
+        files.forEach((file) => URL.revokeObjectURL(file.preview));
+    }, [files]);
+    const FileUploading = () => {
+        if (totalFilesToUpload === 0) {
+            return <span></span>;
+        }
+        else if (totalFilesToUpload > 0) {
+            if (totalFilesUploaded.length > 0) {
+                return <span>{totalFilesUploaded.length} file(s) uploaded. </span>;
+            }
+            else {
+                return <span>Uploading. </span>;
+            }
+        }
+        else {
+            return <span></span>;
+        }
+    };
+    return (<Grid container>
+      {multiple ? (<Grid item xs={12} style={{ marginBottom: '5px' }}>
+          <ProductImagesSection images={alreadyUploadedImages}></ProductImagesSection>
+        </Grid>) : (<ProductImagesSection images={alreadyUploadedImages}></ProductImagesSection>)}
+      <section className={classes.FileContainer}>
+        
+        <div {...getRootProps({ className: 'dropzone' })}>
+          <input {...getInputProps()}/>
+          <p>{t(`Image drag and drop`, { label: label })}</p>
+        </div>
+        <FileUploading />
+        
+      </section>
+    </Grid>);
+};
+export default Upload;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQ0wsSUFBSSxFQUNKLFNBQVMsRUFDVCxhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLFVBQVUsR0FDWCxNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sS0FBSyxNQUFNLHdCQUF3QixDQUFDO0FBQzNDLE9BQU8sRUFBRSxXQUFXLEVBQW1CLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNwQyxPQUFPLGlCQUFpQixNQUFNLGtDQUFrQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFjNUMsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDdEQsTUFBTSxFQUNKLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEVBQUUsRUFDVixRQUFRLEdBQUcsSUFBSSxFQUNmLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLE9BQU8sR0FBRyxTQUFTLEVBQ25CLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsR0FBRyxFQUFFLEVBQ2IsTUFBTSxHQUFHLFNBQVMsR0FDbkIsR0FBRyxLQUFLLENBQUM7SUFDVixNQUFNLE9BQU8sR0FBRyxTQUFTLEVBQUUsQ0FBQztJQU01QixNQUFNLENBQUMsa0JBQWtC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

package/build/module/lib/components/Upload/resizeImage.d.ts

@@ -0,0 +1 @@
+export declare function resizeImage(file: HTMLCanvasElement | HTMLImageElement | File | Blob | any, toWidth?: number, maxSize?: number): Promise<string | Blob>;

package/build/module/lib/components/Upload/resizeImage.jsx

@@ -0,0 +1,35 @@
+import Pica from 'pica';
+export function resizeImage(file, toWidth = 600, maxSize = 204800) {
+    return new Promise((resolve, reject) => {
+        let reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = ev => {
+            let img = new Image();
+            img.onload = () => {
+                let width = img.width, height = img.height;
+                const pica = Pica();
+                const resizedCanvas = document.createElement('canvas');
+                const mimeType = file.type || 'image/jpeg';
+                toWidth = width < toWidth ? width : toWidth;
+                resizedCanvas.width = toWidth;
+                resizedCanvas.height = Math.ceil((height * toWidth) / width);
+                const options = {
+                    features: ['js', 'wasm', 'ww'],
+                    quality: 3,
+                    alpha: false,
+                    unsharpAmount: 160,
+                    unsharpRadius: 0.6,
+                    unsharpThreshold: 1,
+                };
+                if (width > toWidth || file.size > maxSize) {
+                    resolve(pica
+                        .resize(img, resizedCanvas, options)
+                        .then(result => pica.toBlob(result, mimeType, 0.75)));
+                }
+                resolve(file);
+            };
+            img.src = ev.target.result;
+        };
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplSW1hZ2UuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1VwbG9hZC9yZXNpemVJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFDO0FBRXhCLE1BQU0sVUFBVSxXQUFXLENBQ3pCLElBQThELEVBQzlELFVBQWtCLEdBQUcsRUFDckIsVUFBa0IsTUFBTTtJQUV4QixPQUFPLElBQUksT0FBTyxDQUFnQixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtRQUNwRCxJQUFJLE1BQU0sR0FBUSxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBRW5DLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsTUFBTSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsRUFBRTtZQUVuQixJQUFJLEdBQUcsR0FBRyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBR3RCLEdBQUcsQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNoQixJQUFJLEtBQUssR0FBVyxHQUFHLENBQUMsS0FBSyxFQUMzQixNQUFNLEdBQVcsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxFQUFFLENBQUM7Z0JBQ3BCLE1BQU0sYUFBYSxHQUFzQixRQUFRLENBQUMsYUFBYSxDQUM3RCxRQUFRLENBQ1QsQ0FBQztnQkFDRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQztnQkFDM0MsT0FBTyxHQUFHLEtBQUssR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO2dCQUM1QyxhQUFhLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQztnQkFDOUIsYUFBYSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDO2dCQUU3RCxNQUFNLE9BQU8sR0FBRztvQkFDZCxRQUFRLEVBQUUsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUM7b0JBQ1YsS0FBSyxFQUFFLEtBQUs7b0JBQ1osYUFBYSxFQUFFLEdBQUc7b0JBQ2xCLGFBQWEsRUFBRSxHQUFHO29CQUNsQixnQkFBZ0IsRUFBRSxDQUFDO2lCQUNwQixDQUFDO2dCQUdGLElBQUksS0FBSyxHQUFHLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sRUFBRTtvQkFDMUMsT0FBTyxDQUNMLElBQUk7eUJBQ0QsTUFBTSxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxDQUFDO3lCQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FDdkQsQ0FBQztpQkFDSDtnQkFDRCxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDaEIsQ0FBQyxDQUFDO1lBR0YsR0FBRyxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztRQUM3QixDQUFDLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMifQ==

package/build/module/lib/components/index.d.ts

@@ -5,7 +5,7 @@ import Spinner from './Spinner';
 import Container from './Container';
 import MessageBox from './MessageBox';
 import NoSsr from './NoSsr';
-import MessageBar from './MessageBar';
+import MessageBar, { MessageBarType, INotificationMessages } from './MessageBar';
 import Checkbox from './Checkbox';
 import Choices from './Choices';
 import Drawer from './Drawer';
@@ -27,4 +27,8 @@ import { Slideshow } from './Slideshow';
 import Stepper from './Stepper';
 import Image from './Image';
 import NumberFormatInput from './NumberFormatInput';
-export { Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, };
+import Upload from './Upload';
+import MultiSelect from './MultiSelect';
+import Message, { SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION } from './Material/SuccessMessage';
+export { Message, SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION, Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, Upload, MultiSelect, };
+export type { MessageBarType, INotificationMessages };

package/build/module/lib/components/index.js

@@ -27,5 +27,8 @@ import { Slideshow } from './Slideshow';
 import Stepper from './Stepper';
 import Image from './Image';
 import NumberFormatInput from './NumberFormatInput';
-export { Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ3pDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFDO0FBQ2hDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLFVBQVUsTUFBTSxjQUFjLENBQUM7QUFDdEMsT0FBTyxLQUFLLE1BQU0sU0FBUyxDQUFDO0FBQzVCLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFDO0FBQ2hDLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFDO0FBQzFCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFDO0FBQzFCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxHQUFHLE1BQU0sT0FBTyxDQUFDO0FBQ3hCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQztBQUNsQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3hDLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQztBQUNoQyxPQUFPLEtBQUssTUFBTSxTQUFTLENBQUM7QUFDNUIsT0FBTyxpQkFBaUIsTUFBTSxxQkFBcUIsQ0FBQztBQUVwRCxPQUFPLEVBQ0wsSUFBSSxFQUNKLEVBQUUsRUFDRixLQUFLLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsVUFBVSxFQUNWLFFBQVEsRUFDUixPQUFPLEVBQ1AsTUFBTSxFQUNOLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLE1BQU0sRUFDTixNQUFNLEVBQ04sTUFBTSxFQUNOLE9BQU8sRUFDUCxJQUFJLEVBQ0osTUFBTSxFQUNOLE9BQU8sRUFDUCxHQUFHLEVBQ0gsU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sRUFDUCxLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLENBQUMifQ==
+import Upload from './Upload';
+import MultiSelect from './MultiSelect';
+import Message, { SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION, } from './Material/SuccessMessage';
+export { Message, SNACKBAR_STATE_QUERY, TOGGLE_SNACKBAR_MUTATION, Text, H1, Label, TextField, Button, Spinner, Container, MessageBox, NoSsr, MessageBar, Checkbox, Choices, Drawer, Link, Menu, Rating, Select, Slider, Switch, Tooltip, Grid, IFrame, Divider, Box, TagsInput, Dialog, ColorBox, Slideshow, Stepper, Image, NumberFormatInput, Upload, MultiSelect, };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ3pDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFDO0FBQ2hDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLFVBQVUsTUFBTSxjQUFjLENBQUM7QUFDdEMsT0FBTyxLQUFLLE1BQU0sU0FBUyxDQUFDO0FBQzVCLE9BQU8sVUFHTixNQUFNLGNBQWMsQ0FBQztBQUN0QixPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFDO0FBQ2hDLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFDO0FBQzFCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFDO0FBQzFCLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQztBQUM5QixPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxHQUFHLE1BQU0sT0FBTyxDQUFDO0FBQ3hCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQztBQUNsQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3hDLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQztBQUNoQyxPQUFPLEtBQUssTUFBTSxTQUFTLENBQUM7QUFDNUIsT0FBTyxpQkFBaUIsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxXQUFXLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sT0FBTyxFQUFFLEVBQ2Qsb0JBQW9CLEVBQ3BCLHdCQUF3QixHQUN6QixNQUFNLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFDTCxPQUFPLEVBQ1Asb0JBQW9CLEVBQ3BCLHdCQUF3QixFQUN4QixJQUFJLEVBQ0osRUFBRSxFQUNGLEtBQUssRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLE9BQU8sRUFDUCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxVQUFVLEVBQ1YsUUFBUSxFQUNSLE9BQU8sRUFDUCxNQUFNLEVBQ04sSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sTUFBTSxFQUNOLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLEdBQUcsRUFDSCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsT0FBTyxFQUNQLEtBQUssRUFDTCxpQkFBaUIsRUFDakIsTUFBTSxFQUNOLFdBQVcsR0FDWixDQUFDIn0=