@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/HeadlessCms/fileRenderer/fileField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_components","_Typography","_File","_EditFileUsingUrl","_FormElementMessage","_EMOTION_STRINGIFIED_CSS_ERROR__","ImageFieldWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","InnerImageFieldWrapper","FieldRenderer","_ref","field","getBind","Bind","imagesOnly","settings","createElement","bind","value","onChange","validation","EditFileUsingUrl","onSetFile","file","src","_ref2","editFile","Typography","use","tag","FileManager","images","render","_ref3","showFileManager","selectFile","File","Object","assign","url","onEdit","onRemove","placeholder","placeholderText","concat","isValid","FormElementMessage","error","message","helpText","singleFile","exports","type","renderer","rendererName","description","canUse","_ref4","multipleValues","params"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { File } from \"./File\";\nimport { EditFileUsingUrl } from \"~/components/EditFileUsingUrl\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst ImageFieldWrapper = styled(\"div\")({\n    background: \"var(--mdc-theme-on-background)\",\n    borderBottom: \"1px solid rgba(0, 0, 0, 0.42)\",\n    height: \"100%\",\n    padding: \"16px\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    span: {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst InnerImageFieldWrapper = styled(\"div\")({\n    background: \"repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px\",\n    height: \"100%\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    backgroundColor: \"#fff\",\n    border: \"1px solid var(--mdc-theme-background)\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexBasis: \"100%\",\n    maxHeight: \"180px\",\n    margin: \"16px 0 0\",\n    \"> div\": {\n        minWidth: \"200px\",\n        maxHeight: \"180px\",\n        padding: \"30px\"\n    }\n});\n\nconst FieldRenderer = ({ field, getBind }: CmsModelFieldRendererProps) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n    return (\n        <Bind>\n            {bind => {\n                const { value, onChange, validation } = bind;\n                return (\n                    <EditFileUsingUrl onSetFile={file => bind.onChange(file.src)}>\n                        {({ editFile }) => (\n                            <div>\n                                <ImageFieldWrapper>\n                                    <Typography use=\"body2\" tag={\"span\"}>\n                                        {field.label}\n                                    </Typography>\n                                    <InnerImageFieldWrapper>\n                                        <FileManager\n                                            images={imagesOnly}\n                                            render={({ showFileManager }) => {\n                                                const selectFile = () => {\n                                                    showFileManager(file => onChange(file.src));\n                                                };\n                                                return (\n                                                    <File\n                                                        {...bind}\n                                                        url={value}\n                                                        onEdit={() => editFile(value)}\n                                                        onRemove={() => onChange(null)}\n                                                        showFileManager={selectFile}\n                                                        placeholder={field.placeholderText}\n                                                        data-testid={`fr.input.filefield.${field.label}`}\n                                                    />\n                                                );\n                                            }}\n                                        />\n                                    </InnerImageFieldWrapper>\n                                </ImageFieldWrapper>\n                                {validation.isValid === false && (\n                                    <FormElementMessage error>\n                                        {validation.message || \"Invalid value.\"}\n                                    </FormElementMessage>\n                                )}\n                                {validation.isValid !== false && field.helpText && (\n                                    <FormElementMessage>{field.helpText}</FormElementMessage>\n                                )}\n                            </div>\n                        )}\n                    </EditFileUsingUrl>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const singleFile: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: \"File Input\",\n        description: \"Enables selecting a single file via File Manager.\",\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render(params) {\n            return <FieldRenderer {...params} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FileManager","EditFileUsingUrl","FilePicker","getSupportedExtensionsLabelHint","FieldRenderer","field","getBind","Bind","imagesOnly","settings","createElement","bind","value","onChange","validation","ValidationContainer","onSetFile","file","src","editFile","images","render","showFileManager","Object","assign","label","description","hint","help","note","onSelectItem","onEditItem","onRemoveItem","placeholder","type","singleFile","name","renderer","rendererName","canUse","list","params"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { EditFileUsingUrl } from \"~/components/EditFileUsingUrl/index.js\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { getSupportedExtensionsLabelHint } from \"~/modules/HeadlessCms/fileRenderer/utils.js\";\n\nconst FieldRenderer = ({ field, getBind }: CmsModelFieldRendererProps) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { value, onChange, validation } = bind;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <EditFileUsingUrl onSetFile={file => bind.onChange(file.src)}>\n                            {({ editFile }) => (\n                                <FileManager\n                                    images={imagesOnly}\n                                    render={({ showFileManager }) => {\n                                        return (\n                                            <FilePicker\n                                                {...bind}\n                                                label={field.label}\n                                                validation={validation}\n                                                description={field.description}\n                                                hint={field.help}\n                                                note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                                value={value}\n                                                onSelectItem={() => {\n                                                    showFileManager(file => onChange(file.src));\n                                                }}\n                                                onEditItem={() => editFile(value)}\n                                                onRemoveItem={() => onChange(null)}\n                                                placeholder={field.placeholder}\n                                                type={\"compact\"}\n                                                data-testid={`fr.input.filefield.${field.label}`}\n                                            />\n                                        );\n                                    }}\n                                />\n                            )}\n                        </EditFileUsingUrl>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const singleFile: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: \"File Input\",\n        description: \"Enables selecting a single file via File Manager.\",\n        canUse({ field }) {\n            return field.type === \"file\" && !field.list;\n        },\n        render(params) {\n            return <FieldRenderer {...params} />;\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,gBAAgB;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B;AAExC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACtE,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;EAEtB,MAAME,UAAU,GAAGH,KAAK,CAACI,QAAQ,IAAIJ,KAAK,CAACI,QAAQ,CAACD,UAAU;EAE9D,oBACIT,KAAA,CAAAW,aAAA,CAACH,IAAI,QACAI,IAAI,IAAI;IACL,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAW,CAAC,GAAGH,IAAI;IAE5C,oBACIZ,KAAA,CAAAW,aAAA,CAACH,IAAI,CAACQ,mBAAmB,qBACrBhB,KAAA,CAAAW,aAAA,CAACT,gBAAgB;MAACe,SAAS,EAAEC,IAAI,IAAIN,IAAI,CAACE,QAAQ,CAACI,IAAI,CAACC,GAAG;IAAE,GACxD,CAAC;MAAEC;IAAS,CAAC,kBACVpB,KAAA,CAAAW,aAAA,CAACV,WAAW;MACRoB,MAAM,EAAEZ,UAAW;MACnBa,MAAM,EAAEA,CAAC;QAAEC;MAAgB,CAAC,KAAK;QAC7B,oBACIvB,KAAA,CAAAW,aAAA,CAACR,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHb,IAAI;UACRc,KAAK,EAAEpB,KAAK,CAACoB,KAAM;UACnBX,UAAU,EAAEA,UAAW;UACvBY,WAAW,EAAErB,KAAK,CAACqB,WAAY;UAC/BC,IAAI,EAAEtB,KAAK,CAACuB,IAAK;UACjBC,IAAI,EAAE1B,+BAA+B,CAACK,UAAU,CAAE;UAClDI,KAAK,EAAEA,KAAM;UACbkB,YAAY,EAAEA,CAAA,KAAM;YAChBR,eAAe,CAACL,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,GAAG,CAAC,CAAC;UAC/C,CAAE;UACFa,UAAU,EAAEA,CAAA,KAAMZ,QAAQ,CAACP,KAAK,CAAE;UAClCoB,YAAY,EAAEA,CAAA,KAAMnB,QAAQ,CAAC,IAAI,CAAE;UACnCoB,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;UAC/BC,IAAI,EAAE,SAAU;UAChB,eAAa,sBAAsB7B,KAAK,CAACoB,KAAK;QAAG,EACpD,CAAC;MAEV;IAAE,CACL,CAES,CACI,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,OAAO,MAAMU,UAAuC,GAAG;EACnDD,IAAI,EAAE,2BAA2B;EACjCE,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAE,YAAY;IAClBV,WAAW,EAAE,mDAAmD;IAChEa,MAAMA,CAAC;MAAElC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAAC6B,IAAI,KAAK,MAAM,IAAI,CAAC7B,KAAK,CAACmC,IAAI;IAC/C,CAAC;IACDnB,MAAMA,CAACoB,MAAM,EAAE;MACX,oBAAO1C,KAAA,CAAAW,aAAA,CAACN,aAAa,EAAKqC,MAAS,CAAC;IACxC;EACJ;AACJ,CAAC","ignoreList":[]}

package/modules/HeadlessCms/fileRenderer/fileFields.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types";
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types.js";
 export declare const multipleFiles: CmsModelFieldRendererPlugin;

package/modules/HeadlessCms/fileRenderer/fileFields.js

@@ -1,167 +1,97 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.multipleFiles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-var _i18n = require("@webiny/app/i18n");
-var _components = require("@webiny/app-admin/components");
-var _utils = require("./utils");
-var _File = require("./File");
-var _EditFileUsingUrl = require("../../../components/EditFileUsingUrl");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/file");
-var FileUploadWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e19zidf72"
-} : {
-  target: "e19zidf72",
-  label: "FileUploadWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "mjin64",
-  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}"
-} : {
-  name: "mjin64",
-  styles: "position:relative;.disabled{opacity:0.75;pointer-events:none;}.mdc-text-field-helper-text{color:var(--mdc-theme-text-secondary-on-background);}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGVGaWVsZHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEIiLCJmaWxlIjoiZmlsZUZpZWxkcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZG90UHJvcCBmcm9tIFwiZG90LXByb3AtaW1tdXRhYmxlXCI7XG5pbXBvcnQge1xuICAgIEJpbmRDb21wb25lbnRSZW5kZXJQcm9wLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zL3R5cGVzXCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IEZpbGVNYW5hZ2VyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgaW1hZ2VXcmFwcGVyU3R5bGVzIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB7IEZpbGUgfSBmcm9tIFwiLi9GaWxlXCI7XG5pbXBvcnQgeyBFZGl0RmlsZVVzaW5nVXJsIH0gZnJvbSBcIn4vY29tcG9uZW50cy9FZGl0RmlsZVVzaW5nVXJsXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcbmltcG9ydCB7IEZpbGVJdGVtIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL3R5cGVzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvZmlsZVwiKTtcblxuY29uc3QgRmlsZVVwbG9hZFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCIuZGlzYWJsZWRcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLXRleHQtZmllbGQtaGVscGVyLXRleHRcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBJbm5lckltYWdlRmllbGRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBiYWNrZ3JvdW5kOiBcInJlcGVhdGluZy1jb25pYy1ncmFkaWVudCgjZWZlZmVmIDAlIDI1JSwgdHJhbnNwYXJlbnQgMCUgNTAlKSA1MCUvMjVweCAyNXB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxleEJhc2lzOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBcIjMwcHhcIixcbiAgICBoZWlnaHQ6IFwiMjIwcHhcIlxufSk7XG5cbmNvbnN0IEdhbGxlcnkgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjIwcHgsIDFmcikpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgICBnYXA6IDE1cHg7XG5gO1xuXG5jb25zdCBGaWVsZFJlbmRlcmVyID0gKHsgZ2V0QmluZCwgTGFiZWwsIGZpZWxkIH06IENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcbiAgICBjb25zdCBlZGl0RmlsZVJlZiA9IHVzZVJlZjx7IGluZGV4OiBudW1iZXI7IHVybDogc3RyaW5nIH0gfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCBpbWFnZXNPbmx5ID0gZmllbGQuc2V0dGluZ3MgJiYgZmllbGQuc2V0dGluZ3MuaW1hZ2VzT25seTtcblxuICAgIGNvbnN0IG9uU2V0RmlsZSA9IChiaW5kOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCkgPT4ge1xuICAgICAgICByZXR1cm4gKGZpbGU6IEZpbGVJdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWVkaXRGaWxlUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gWy4uLmJpbmQudmFsdWVdO1xuICAgICAgICAgICAgYmluZC5vbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoMCwgZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCksXG4gICAgICAgICAgICAgICAgZmlsZS5zcmMsXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCArIDEpXG4gICAgICAgICAgICBdKTtcblxuICAgICAgICAgICAgZWRpdEZpbGVSZWYuY3VycmVudCA9IHVuZGVmaW5lZDtcbiAgICAgICAgfTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyBvbkNoYW5nZSwgdmFsaWRhdGlvbiB9ID0gYmluZDtcblxuICAgICAgICAgICAgICAgIC8vIFdlIG5lZWQgdG8gbWFrZSBzdXJlIHRoZSB2YWx1ZSBpcyBhbiBhcnJheSwgc2luY2UgdGhpcyBpcyBhIG11bHRpLXZhbHVlIGNvbXBvbmVudC5cbiAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZTogc3RyaW5nW10gPSAoXG4gICAgICAgICAgICAgICAgICAgIEFycmF5LmlzQXJyYXkoYmluZC52YWx1ZSkgPyBiaW5kLnZhbHVlIDogW2JpbmQudmFsdWVdXG4gICAgICAgICAgICAgICAgKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8RWRpdEZpbGVVc2luZ1VybCBvblNldEZpbGU9e29uU2V0RmlsZShiaW5kKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7KHsgZWRpdEZpbGUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlVXBsb2FkV3JhcHBlciBjbGFzc05hbWU9e2ltYWdlV3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlTWFuYWdlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlcz17aW1hZ2VzT25seX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcj17KHsgc2hvd0ZpbGVNYW5hZ2VyIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzZWxlY3RGaWxlcyA9IChpbmRleCA9IC0xKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcihmaWxlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB1cmxzID0gZmlsZXMubWFwKGYgPT4gZi5zcmMpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKFsuLi52YWx1ZSwgLi4udXJsc10pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnZhbHVlLnNsaWNlKDAsIGluZGV4KSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udXJscyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGFiZWw+e2ZpZWxkLmxhYmVsfTwvTGFiZWw+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHYWxsZXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKHVybDogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3VybCArIFwiLVwiICsgaW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RGaWxlcyhpbmRleClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FZGl0PXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlUmVmLmN1cnJlbnQgPSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVybFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlKHVybCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblJlbW92ZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkb3RQcm9wLmRlbGV0ZSh2YWx1ZSwgaW5kZXgpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17YGZyLmlucHV0LmZpbGUuJHtmaWVsZC5sYWJlbH0uJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXtcIlwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25SZW1vdmU9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdm9pZCAwO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5iaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PiBzZWxlY3RGaWxlcygpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgZnIuaW5wdXQuZmlsZS4ke2ZpZWxkLmxhYmVsfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HYWxsZXJ5PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24ubWVzc2FnZSB8fCBcIkludmFsaWQgdmFsdWUuXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZVVwbG9hZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0VkaXRGaWxlVXNpbmdVcmw+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IG11bHRpcGxlRmlsZXM6IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItZmlsZXNcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZmlsZS1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGBGaWxlIElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YEVuYWJsZXMgc2VsZWN0aW5nIG11bHRpcGxlIGZpbGVzIHZpYSBGaWxlIE1hbmFnZXIuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZmlsZVwiICYmICEhZmllbGQubXVsdGlwbGVWYWx1ZXM7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlcihwcm9wcykge1xuICAgICAgICAgICAgcmV0dXJuIDxGaWVsZFJlbmRlcmVyIHsuLi5wcm9wc30gLz47XG4gICAgICAgIH1cbiAgICB9XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var InnerImageFieldWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e19zidf71"
-} : {
-  target: "e19zidf71",
-  label: "InnerImageFieldWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "fup6k6",
-  styles: "background:repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px;box-sizing:border-box;border:1px solid var(--mdc-theme-background);display:flex;justify-content:center;align-items:center;flex-basis:100%;padding:30px;height:220px"
-} : {
-  name: "fup6k6",
-  styles: "background:repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px;box-sizing:border-box;border:1px solid var(--mdc-theme-background);display:flex;justify-content:center;align-items:center;flex-basis:100%;padding:30px;height:220px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGVGaWVsZHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCK0IiLCJmaWxlIjoiZmlsZUZpZWxkcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZG90UHJvcCBmcm9tIFwiZG90LXByb3AtaW1tdXRhYmxlXCI7XG5pbXBvcnQge1xuICAgIEJpbmRDb21wb25lbnRSZW5kZXJQcm9wLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zL3R5cGVzXCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IEZpbGVNYW5hZ2VyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgaW1hZ2VXcmFwcGVyU3R5bGVzIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB7IEZpbGUgfSBmcm9tIFwiLi9GaWxlXCI7XG5pbXBvcnQgeyBFZGl0RmlsZVVzaW5nVXJsIH0gZnJvbSBcIn4vY29tcG9uZW50cy9FZGl0RmlsZVVzaW5nVXJsXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcbmltcG9ydCB7IEZpbGVJdGVtIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL3R5cGVzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvZmlsZVwiKTtcblxuY29uc3QgRmlsZVVwbG9hZFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCIuZGlzYWJsZWRcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLXRleHQtZmllbGQtaGVscGVyLXRleHRcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBJbm5lckltYWdlRmllbGRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBiYWNrZ3JvdW5kOiBcInJlcGVhdGluZy1jb25pYy1ncmFkaWVudCgjZWZlZmVmIDAlIDI1JSwgdHJhbnNwYXJlbnQgMCUgNTAlKSA1MCUvMjVweCAyNXB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxleEJhc2lzOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBcIjMwcHhcIixcbiAgICBoZWlnaHQ6IFwiMjIwcHhcIlxufSk7XG5cbmNvbnN0IEdhbGxlcnkgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjIwcHgsIDFmcikpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgICBnYXA6IDE1cHg7XG5gO1xuXG5jb25zdCBGaWVsZFJlbmRlcmVyID0gKHsgZ2V0QmluZCwgTGFiZWwsIGZpZWxkIH06IENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcbiAgICBjb25zdCBlZGl0RmlsZVJlZiA9IHVzZVJlZjx7IGluZGV4OiBudW1iZXI7IHVybDogc3RyaW5nIH0gfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCBpbWFnZXNPbmx5ID0gZmllbGQuc2V0dGluZ3MgJiYgZmllbGQuc2V0dGluZ3MuaW1hZ2VzT25seTtcblxuICAgIGNvbnN0IG9uU2V0RmlsZSA9IChiaW5kOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCkgPT4ge1xuICAgICAgICByZXR1cm4gKGZpbGU6IEZpbGVJdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWVkaXRGaWxlUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gWy4uLmJpbmQudmFsdWVdO1xuICAgICAgICAgICAgYmluZC5vbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoMCwgZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCksXG4gICAgICAgICAgICAgICAgZmlsZS5zcmMsXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCArIDEpXG4gICAgICAgICAgICBdKTtcblxuICAgICAgICAgICAgZWRpdEZpbGVSZWYuY3VycmVudCA9IHVuZGVmaW5lZDtcbiAgICAgICAgfTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyBvbkNoYW5nZSwgdmFsaWRhdGlvbiB9ID0gYmluZDtcblxuICAgICAgICAgICAgICAgIC8vIFdlIG5lZWQgdG8gbWFrZSBzdXJlIHRoZSB2YWx1ZSBpcyBhbiBhcnJheSwgc2luY2UgdGhpcyBpcyBhIG11bHRpLXZhbHVlIGNvbXBvbmVudC5cbiAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZTogc3RyaW5nW10gPSAoXG4gICAgICAgICAgICAgICAgICAgIEFycmF5LmlzQXJyYXkoYmluZC52YWx1ZSkgPyBiaW5kLnZhbHVlIDogW2JpbmQudmFsdWVdXG4gICAgICAgICAgICAgICAgKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8RWRpdEZpbGVVc2luZ1VybCBvblNldEZpbGU9e29uU2V0RmlsZShiaW5kKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7KHsgZWRpdEZpbGUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlVXBsb2FkV3JhcHBlciBjbGFzc05hbWU9e2ltYWdlV3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlTWFuYWdlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlcz17aW1hZ2VzT25seX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcj17KHsgc2hvd0ZpbGVNYW5hZ2VyIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzZWxlY3RGaWxlcyA9IChpbmRleCA9IC0xKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcihmaWxlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB1cmxzID0gZmlsZXMubWFwKGYgPT4gZi5zcmMpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKFsuLi52YWx1ZSwgLi4udXJsc10pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnZhbHVlLnNsaWNlKDAsIGluZGV4KSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udXJscyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGFiZWw+e2ZpZWxkLmxhYmVsfTwvTGFiZWw+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHYWxsZXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKHVybDogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3VybCArIFwiLVwiICsgaW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RGaWxlcyhpbmRleClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FZGl0PXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlUmVmLmN1cnJlbnQgPSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVybFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlKHVybCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblJlbW92ZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkb3RQcm9wLmRlbGV0ZSh2YWx1ZSwgaW5kZXgpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17YGZyLmlucHV0LmZpbGUuJHtmaWVsZC5sYWJlbH0uJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXtcIlwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25SZW1vdmU9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdm9pZCAwO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5iaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PiBzZWxlY3RGaWxlcygpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgZnIuaW5wdXQuZmlsZS4ke2ZpZWxkLmxhYmVsfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HYWxsZXJ5PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24ubWVzc2FnZSB8fCBcIkludmFsaWQgdmFsdWUuXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZVVwbG9hZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0VkaXRGaWxlVXNpbmdVcmw+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IG11bHRpcGxlRmlsZXM6IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItZmlsZXNcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZmlsZS1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGBGaWxlIElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YEVuYWJsZXMgc2VsZWN0aW5nIG11bHRpcGxlIGZpbGVzIHZpYSBGaWxlIE1hbmFnZXIuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZmlsZVwiICYmICEhZmllbGQubXVsdGlwbGVWYWx1ZXM7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlcihwcm9wcykge1xuICAgICAgICAgICAgcmV0dXJuIDxGaWVsZFJlbmRlcmVyIHsuLi5wcm9wc30gLz47XG4gICAgICAgIH1cbiAgICB9XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Gallery = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e19zidf70"
-} : {
-  target: "e19zidf70",
-  label: "Gallery"
-})(process.env.NODE_ENV === "production" ? {
-  name: "kbwcos",
-  styles: "display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));grid-template-rows:auto;gap:15px"
-} : {
-  name: "kbwcos",
-  styles: "display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));grid-template-rows:auto;gap:15px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGVGaWVsZHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMEIiLCJmaWxlIjoiZmlsZUZpZWxkcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZG90UHJvcCBmcm9tIFwiZG90LXByb3AtaW1tdXRhYmxlXCI7XG5pbXBvcnQge1xuICAgIEJpbmRDb21wb25lbnRSZW5kZXJQcm9wLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zL3R5cGVzXCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IEZpbGVNYW5hZ2VyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgaW1hZ2VXcmFwcGVyU3R5bGVzIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB7IEZpbGUgfSBmcm9tIFwiLi9GaWxlXCI7XG5pbXBvcnQgeyBFZGl0RmlsZVVzaW5nVXJsIH0gZnJvbSBcIn4vY29tcG9uZW50cy9FZGl0RmlsZVVzaW5nVXJsXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcbmltcG9ydCB7IEZpbGVJdGVtIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL3R5cGVzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvZmlsZVwiKTtcblxuY29uc3QgRmlsZVVwbG9hZFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCIuZGlzYWJsZWRcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCIubWRjLXRleHQtZmllbGQtaGVscGVyLXRleHRcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBJbm5lckltYWdlRmllbGRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBiYWNrZ3JvdW5kOiBcInJlcGVhdGluZy1jb25pYy1ncmFkaWVudCgjZWZlZmVmIDAlIDI1JSwgdHJhbnNwYXJlbnQgMCUgNTAlKSA1MCUvMjVweCAyNXB4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxleEJhc2lzOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nOiBcIjMwcHhcIixcbiAgICBoZWlnaHQ6IFwiMjIwcHhcIlxufSk7XG5cbmNvbnN0IEdhbGxlcnkgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjIwcHgsIDFmcikpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgICBnYXA6IDE1cHg7XG5gO1xuXG5jb25zdCBGaWVsZFJlbmRlcmVyID0gKHsgZ2V0QmluZCwgTGFiZWwsIGZpZWxkIH06IENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcbiAgICBjb25zdCBlZGl0RmlsZVJlZiA9IHVzZVJlZjx7IGluZGV4OiBudW1iZXI7IHVybDogc3RyaW5nIH0gfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCBpbWFnZXNPbmx5ID0gZmllbGQuc2V0dGluZ3MgJiYgZmllbGQuc2V0dGluZ3MuaW1hZ2VzT25seTtcblxuICAgIGNvbnN0IG9uU2V0RmlsZSA9IChiaW5kOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCkgPT4ge1xuICAgICAgICByZXR1cm4gKGZpbGU6IEZpbGVJdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWVkaXRGaWxlUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gWy4uLmJpbmQudmFsdWVdO1xuICAgICAgICAgICAgYmluZC5vbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoMCwgZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCksXG4gICAgICAgICAgICAgICAgZmlsZS5zcmMsXG4gICAgICAgICAgICAgICAgLi4ubmV3VmFsdWUuc2xpY2UoZWRpdEZpbGVSZWYuY3VycmVudC5pbmRleCArIDEpXG4gICAgICAgICAgICBdKTtcblxuICAgICAgICAgICAgZWRpdEZpbGVSZWYuY3VycmVudCA9IHVuZGVmaW5lZDtcbiAgICAgICAgfTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyBvbkNoYW5nZSwgdmFsaWRhdGlvbiB9ID0gYmluZDtcblxuICAgICAgICAgICAgICAgIC8vIFdlIG5lZWQgdG8gbWFrZSBzdXJlIHRoZSB2YWx1ZSBpcyBhbiBhcnJheSwgc2luY2UgdGhpcyBpcyBhIG11bHRpLXZhbHVlIGNvbXBvbmVudC5cbiAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZTogc3RyaW5nW10gPSAoXG4gICAgICAgICAgICAgICAgICAgIEFycmF5LmlzQXJyYXkoYmluZC52YWx1ZSkgPyBiaW5kLnZhbHVlIDogW2JpbmQudmFsdWVdXG4gICAgICAgICAgICAgICAgKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8RWRpdEZpbGVVc2luZ1VybCBvblNldEZpbGU9e29uU2V0RmlsZShiaW5kKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7KHsgZWRpdEZpbGUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlVXBsb2FkV3JhcHBlciBjbGFzc05hbWU9e2ltYWdlV3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlTWFuYWdlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGltYWdlcz17aW1hZ2VzT25seX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlbmRlcj17KHsgc2hvd0ZpbGVNYW5hZ2VyIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzZWxlY3RGaWxlcyA9IChpbmRleCA9IC0xKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dGaWxlTWFuYWdlcihmaWxlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB1cmxzID0gZmlsZXMubWFwKGYgPT4gZi5zcmMpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlKFsuLi52YWx1ZSwgLi4udXJsc10pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZShbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnZhbHVlLnNsaWNlKDAsIGluZGV4KSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udXJscyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGFiZWw+e2ZpZWxkLmxhYmVsfTwvTGFiZWw+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHYWxsZXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt2YWx1ZS5tYXAoKHVybDogc3RyaW5nLCBpbmRleDogbnVtYmVyKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3VybCArIFwiLVwiICsgaW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWxlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RGaWxlcyhpbmRleClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25FZGl0PXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlUmVmLmN1cnJlbnQgPSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVybFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRGaWxlKHVybCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblJlbW92ZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkb3RQcm9wLmRlbGV0ZSh2YWx1ZSwgaW5kZXgpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17YGZyLmlucHV0LmZpbGUuJHtmaWVsZC5sYWJlbH0uJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmlsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJsPXtcIlwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25SZW1vdmU9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdm9pZCAwO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5iaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2hvd0ZpbGVNYW5hZ2VyPXsoKSA9PiBzZWxlY3RGaWxlcygpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3RgU2VsZWN0IGEgZmlsZVwiYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgZnIuaW5wdXQuZmlsZS4ke2ZpZWxkLmxhYmVsfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Jbm5lckltYWdlRmllbGRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HYWxsZXJ5PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZSBlcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24ubWVzc2FnZSB8fCBcIkludmFsaWQgdmFsdWUuXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbGlkYXRpb24uaXNWYWxpZCAhPT0gZmFsc2UgJiYgZmllbGQuaGVscFRleHQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtmaWVsZC5oZWxwVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmlsZVVwbG9hZFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0VkaXRGaWxlVXNpbmdVcmw+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IG11bHRpcGxlRmlsZXM6IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItZmlsZXNcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZmlsZS1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGBGaWxlIElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YEVuYWJsZXMgc2VsZWN0aW5nIG11bHRpcGxlIGZpbGVzIHZpYSBGaWxlIE1hbmFnZXIuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZmlsZVwiICYmICEhZmllbGQubXVsdGlwbGVWYWx1ZXM7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlcihwcm9wcykge1xuICAgICAgICAgICAgcmV0dXJuIDxGaWVsZFJlbmRlcmVyIHsuLi5wcm9wc30gLz47XG4gICAgICAgIH1cbiAgICB9XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldRenderer = function FieldRenderer(_ref) {
-  var getBind = _ref.getBind,
-    Label = _ref.Label,
-    field = _ref.field;
-  var Bind = getBind();
-  var editFileRef = (0, _react.useRef)();
-  var imagesOnly = field.settings && field.settings.imagesOnly;
-  var onSetFile = function onSetFile(bind) {
-    return function (file) {
+import React, { useRef } from "react";
+import dotProp from "dot-prop-immutable";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FileManager } from "@webiny/app-admin";
+import { getSupportedExtensionsLabelHint } from "./utils.js";
+import { EditFileUsingUrl } from "../../../components/EditFileUsingUrl/index.js";
+import { MultiFilePicker } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/file");
+const FieldRenderer = ({
+  getBind,
+  field
+}) => {
+  const Bind = getBind();
+  const editFileRef = useRef(null);
+  const imagesOnly = field.settings && field.settings.imagesOnly;
+  const onSetFile = bind => {
+    return file => {
       if (!editFileRef.current) {
         return;
       }
-      var newValue = (0, _toConsumableArray2.default)(bind.value);
-      bind.onChange([].concat((0, _toConsumableArray2.default)(newValue.slice(0, editFileRef.current.index)), [file.src], (0, _toConsumableArray2.default)(newValue.slice(editFileRef.current.index + 1))));
-      editFileRef.current = undefined;
+      const newValue = [...bind.value];
+      bind.onChange([...newValue.slice(0, editFileRef.current.index), file.src, ...newValue.slice(editFileRef.current.index + 1)]);
+      editFileRef.current = null;
     };
   };
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    var onChange = bind.onChange,
-      validation = bind.validation;
+  return /*#__PURE__*/React.createElement(Bind, null, bind => {
+    const {
+      onChange,
+      validation
+    } = bind;
 
     // We need to make sure the value is an array, since this is a multi-value component.
-    var value = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
-    return /*#__PURE__*/_react.default.createElement(_EditFileUsingUrl.EditFileUsingUrl, {
+    const values = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(EditFileUsingUrl, {
       onSetFile: onSetFile(bind)
-    }, function (_ref2) {
-      var editFile = _ref2.editFile;
-      return /*#__PURE__*/_react.default.createElement(FileUploadWrapper, {
-        className: _utils.imageWrapperStyles
-      }, /*#__PURE__*/_react.default.createElement(_components.FileManager, {
-        multiple: true,
-        images: imagesOnly,
-        render: function render(_ref3) {
-          var showFileManager = _ref3.showFileManager;
-          var selectFiles = function selectFiles() {
-            var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-            showFileManager(function (files) {
-              var urls = files.map(function (f) {
-                return f.src;
-              });
-              if (index === -1) {
-                onChange([].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(urls)));
-              } else {
-                onChange([].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(urls), (0, _toConsumableArray2.default)(value.slice(index + 1))));
-              }
-            });
-          };
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(Gallery, null, value.map(function (url, index) {
-            return /*#__PURE__*/_react.default.createElement(InnerImageFieldWrapper, {
-              key: url + "-" + index
-            }, /*#__PURE__*/_react.default.createElement(_File.File, {
-              url: url,
-              showFileManager: function showFileManager() {
-                return selectFiles(index);
-              },
-              onEdit: function onEdit() {
-                editFileRef.current = {
-                  index: index,
-                  url: url
-                };
-                editFile(url);
-              },
-              onRemove: function onRemove() {
-                return onChange(_dotPropImmutable.default.delete(value, index));
-              },
-              placeholder: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
-              "data-testid": "fr.input.file.".concat(field.label, ".").concat(index)
-            }));
-          }), /*#__PURE__*/_react.default.createElement(InnerImageFieldWrapper, null, /*#__PURE__*/_react.default.createElement(_File.File, Object.assign({
-            url: "",
-            onRemove: function onRemove() {
-              return void 0;
+    }, ({
+      editFile
+    }) => /*#__PURE__*/React.createElement(FileManager, {
+      multiple: true,
+      images: imagesOnly,
+      render: ({
+        showFileManager
+      }) => {
+        const selectFiles = (index = -1) => {
+          showFileManager(files => {
+            const urls = files.map(f => f.src);
+            if (index === -1) {
+              onChange([...values, ...urls]);
+            } else {
+              onChange([...values.slice(0, index), ...urls, ...values.slice(index + 1)]);
+            }
+          });
+        };
+        return /*#__PURE__*/React.createElement(MultiFilePicker, Object.assign({}, bind, {
+          label: field.label,
+          validation: validation,
+          description: field.description,
+          note: getSupportedExtensionsLabelHint(imagesOnly),
+          values: values,
+          onSelectItem: () => selectFiles(),
+          onReplaceItem: (_, index) => selectFiles(index),
+          onRemoveItem: (_, index) => onChange(dotProp.delete(values, index)),
+          onEditItem: (value, index) => {
+            if (!value) {
+              return;
             }
-          }, bind, {
-            showFileManager: function showFileManager() {
-              return selectFiles();
-            },
-            placeholder: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
-            "data-testid": "fr.input.file.".concat(field.label)
-          })))), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-            error: true
-          }, validation.message || "Invalid value."), validation.isValid !== false && field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
-        }
-      }));
-    });
+            editFileRef.current = {
+              index,
+              url: value.url
+            };
+            editFile(value.url);
+          },
+          placeholder: field.placeholder,
+          type: "compact",
+          "data-testid": `fr.input.filefields.${field.label}`
+        }));
+      }
+    })));
   });
 };
-var multipleFiles = exports.multipleFiles = {
+export const multipleFiles = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-files",
   renderer: {
     rendererName: "file-inputs",
-    name: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["File Inputs"]))),
-    description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Enables selecting multiple files via File Manager."]))),
-    canUse: function canUse(_ref4) {
-      var field = _ref4.field;
-      return field.type === "file" && !!field.multipleValues;
+    name: t`File Inputs`,
+    description: t`Enables selecting multiple files via File Manager.`,
+    canUse({
+      field
+    }) {
+      return field.type === "file" && !!field.list;
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(FieldRenderer, props);
+    render(props) {
+      return /*#__PURE__*/React.createElement(FieldRenderer, props);
     }
   }
 };

package/modules/HeadlessCms/fileRenderer/fileFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_interopRequireDefault","_i18n","_components","_utils","_File","_EditFileUsingUrl","_FormElementMessage","_templateObject","_templateObject2","_templateObject3","_templateObject4","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","FileUploadWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","InnerImageFieldWrapper","Gallery","FieldRenderer","_ref","getBind","Label","field","Bind","editFileRef","useRef","imagesOnly","settings","onSetFile","bind","file","current","newValue","_toConsumableArray2","value","onChange","concat","slice","index","src","undefined","createElement","validation","Array","isArray","filter","Boolean","EditFileUsingUrl","_ref2","editFile","className","imageWrapperStyles","FileManager","multiple","images","render","_ref3","showFileManager","selectFiles","arguments","length","files","urls","f","Fragment","url","key","File","onEdit","onRemove","dotProp","delete","placeholder","_taggedTemplateLiteral2","Object","assign","isValid","FormElementMessage","error","message","helpText","multipleFiles","exports","type","renderer","rendererName","description","canUse","_ref4","multipleValues","props"],"sources":["fileFields.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { File } from \"./File\";\nimport { EditFileUsingUrl } from \"~/components/EditFileUsingUrl\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nconst InnerImageFieldWrapper = styled(\"div\")({\n    background: \"repeating-conic-gradient(#efefef 0% 25%, transparent 0% 50%) 50%/25px 25px\",\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-background)\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexBasis: \"100%\",\n    padding: \"30px\",\n    height: \"220px\"\n});\n\nconst Gallery = styled.div`\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n    grid-template-rows: auto;\n    gap: 15px;\n`;\n\nconst FieldRenderer = ({ getBind, Label, field }: CmsModelFieldRendererProps) => {\n    const Bind = getBind();\n    const editFileRef = useRef<{ index: number; url: string } | undefined>();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    const onSetFile = (bind: BindComponentRenderProp) => {\n        return (file: FileItem) => {\n            if (!editFileRef.current) {\n                return;\n            }\n\n            const newValue = [...bind.value];\n            bind.onChange([\n                ...newValue.slice(0, editFileRef.current.index),\n                file.src,\n                ...newValue.slice(editFileRef.current.index + 1)\n            ]);\n\n            editFileRef.current = undefined;\n        };\n    };\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange, validation } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <EditFileUsingUrl onSetFile={onSetFile(bind)}>\n                        {({ editFile }) => (\n                            <FileUploadWrapper className={imageWrapperStyles}>\n                                <FileManager\n                                    multiple\n                                    images={imagesOnly}\n                                    render={({ showFileManager }) => {\n                                        const selectFiles = (index = -1) => {\n                                            showFileManager(files => {\n                                                const urls = files.map(f => f.src);\n                                                if (index === -1) {\n                                                    onChange([...value, ...urls]);\n                                                } else {\n                                                    onChange([\n                                                        ...value.slice(0, index),\n                                                        ...urls,\n                                                        ...value.slice(index + 1)\n                                                    ]);\n                                                }\n                                            });\n                                        };\n                                        return (\n                                            <>\n                                                <Label>{field.label}</Label>\n\n                                                <Gallery>\n                                                    {value.map((url: string, index: number) => (\n                                                        <InnerImageFieldWrapper\n                                                            key={url + \"-\" + index}\n                                                        >\n                                                            <File\n                                                                url={url}\n                                                                showFileManager={() =>\n                                                                    selectFiles(index)\n                                                                }\n                                                                onEdit={() => {\n                                                                    editFileRef.current = {\n                                                                        index,\n                                                                        url\n                                                                    };\n\n                                                                    editFile(url);\n                                                                }}\n                                                                onRemove={() =>\n                                                                    onChange(\n                                                                        dotProp.delete(value, index)\n                                                                    )\n                                                                }\n                                                                placeholder={t`Select a file\"`}\n                                                                data-testid={`fr.input.file.${field.label}.${index}`}\n                                                            />\n                                                        </InnerImageFieldWrapper>\n                                                    ))}\n                                                    <InnerImageFieldWrapper>\n                                                        <File\n                                                            url={\"\"}\n                                                            onRemove={() => {\n                                                                return void 0;\n                                                            }}\n                                                            {...bind}\n                                                            showFileManager={() => selectFiles()}\n                                                            placeholder={t`Select a file\"`}\n                                                            data-testid={`fr.input.file.${field.label}`}\n                                                        />\n                                                    </InnerImageFieldWrapper>\n                                                </Gallery>\n\n                                                {validation.isValid === false && (\n                                                    <FormElementMessage error>\n                                                        {validation.message || \"Invalid value.\"}\n                                                    </FormElementMessage>\n                                                )}\n                                                {validation.isValid !== false && field.helpText && (\n                                                    <FormElementMessage>\n                                                        {field.helpText}\n                                                    </FormElementMessage>\n                                                )}\n                                            </>\n                                        );\n                                    }}\n                                />\n                            </FileUploadWrapper>\n                        )}\n                    </EditFileUsingUrl>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const multipleFiles: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render(props) {\n            return <FieldRenderer {...props} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","dotProp","i18n","FileManager","getSupportedExtensionsLabelHint","EditFileUsingUrl","MultiFilePicker","t","ns","FieldRenderer","getBind","field","Bind","editFileRef","imagesOnly","settings","onSetFile","bind","file","current","newValue","value","onChange","slice","index","src","createElement","validation","values","Array","isArray","filter","Boolean","ValidationContainer","editFile","multiple","images","render","showFileManager","selectFiles","files","urls","map","f","Object","assign","label","description","note","onSelectItem","onReplaceItem","_","onRemoveItem","delete","onEditItem","url","placeholder","type","multipleFiles","name","renderer","rendererName","canUse","list","props"],"sources":["fileFields.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport type {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { getSupportedExtensionsLabelHint } from \"./utils.js\";\nimport { EditFileUsingUrl } from \"~/components/EditFileUsingUrl/index.js\";\nimport type { FileItem } from \"~/types.js\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\ninterface EditFileRef {\n    index: number;\n    url: string;\n}\n\nconst FieldRenderer = ({ getBind, field }: CmsModelFieldRendererProps) => {\n    const Bind = getBind();\n    const editFileRef = useRef<EditFileRef | null>(null);\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    const onSetFile = (bind: BindComponentRenderProp) => {\n        return (file: FileItem) => {\n            if (!editFileRef.current) {\n                return;\n            }\n\n            const newValue = [...bind.value];\n            bind.onChange([\n                ...newValue.slice(0, editFileRef.current.index),\n                file.src,\n                ...newValue.slice(editFileRef.current.index + 1)\n            ]);\n\n            editFileRef.current = null;\n        };\n    };\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange, validation } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const values: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <Bind.ValidationContainer>\n                        <EditFileUsingUrl onSetFile={onSetFile(bind)}>\n                            {({ editFile }) => (\n                                <FileManager\n                                    multiple\n                                    images={imagesOnly}\n                                    render={({ showFileManager }) => {\n                                        const selectFiles = (index = -1) => {\n                                            showFileManager(files => {\n                                                const urls = files.map(f => f.src);\n                                                if (index === -1) {\n                                                    onChange([...values, ...urls]);\n                                                } else {\n                                                    onChange([\n                                                        ...values.slice(0, index),\n                                                        ...urls,\n                                                        ...values.slice(index + 1)\n                                                    ]);\n                                                }\n                                            });\n                                        };\n                                        return (\n                                            <MultiFilePicker\n                                                {...bind}\n                                                label={field.label}\n                                                validation={validation}\n                                                description={field.description}\n                                                note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                                values={values}\n                                                onSelectItem={() => selectFiles()}\n                                                onReplaceItem={(_, index) => selectFiles(index)}\n                                                onRemoveItem={(_, index) =>\n                                                    onChange(dotProp.delete(values, index))\n                                                }\n                                                onEditItem={(value, index) => {\n                                                    if (!value) {\n                                                        return;\n                                                    }\n\n                                                    editFileRef.current = {\n                                                        index,\n                                                        url: value.url\n                                                    };\n\n                                                    editFile(value.url);\n                                                }}\n                                                placeholder={field.placeholder}\n                                                type={\"compact\"}\n                                                data-testid={`fr.input.filefields.${field.label}`}\n                                            />\n                                        );\n                                    }}\n                                />\n                            )}\n                        </EditFileUsingUrl>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const multipleFiles: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.list;\n        },\n        render(props) {\n            return <FieldRenderer {...props} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/HeadlessCms/fileRenderer/utils.d.ts

@@ -1,12 +1,2 @@
-import * as React from "react";
 export declare const imagePlugins: string[];
-export declare const imageWrapperStyles: string;
-interface CreateRenderImagePreviewProps {
-    value: string;
-    imagePreviewProps: any;
-}
-interface RenderImageProps {
-    [key: string]: string;
-}
-export declare const createRenderImagePreview: ({ value, imagePreviewProps }: CreateRenderImagePreviewProps) => (renderImageProps: RenderImageProps) => React.JSX.Element;
-export {};
+export declare const getSupportedExtensionsLabelHint: (imagesOnly?: boolean) => string | null;

package/modules/HeadlessCms/fileRenderer/utils.js

@@ -1,56 +1,6 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.imageWrapperStyles = exports.imagePlugins = exports.createRenderImagePreview = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _insert_drive_file = require("@material-design-icons/svg/round/insert_drive_file.svg");
-var imagePlugins = exports.imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg", ".webp"];
-var imageWrapperStyles = exports.imageWrapperStyles = (0, _emotion.css)({
-  height: "auto"
-});
-var fileLabel = (0, _emotion.css)({
-  padding: "10px",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  fontSize: "0.8rem",
-  color: "var(--mdc-theme-on-surface)",
-  backgroundColor: "var(--mdc-theme-on-background)"
-});
-var IconWrapperStyle = (0, _emotion.css)({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: 200
-});
-var IconStyle = (0, _emotion.css)({
-  width: 64,
-  height: 64
-});
-var createRenderImagePreview = exports.createRenderImagePreview = function createRenderImagePreview(_ref) {
-  var value = _ref.value,
-    imagePreviewProps = _ref.imagePreviewProps;
-  var fileName = getFileName(value);
-  var renderImagePreview = function renderImagePreview(renderImageProps) {
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, renderImageProps, imagePreviewProps), /*#__PURE__*/React.createElement("div", {
-      className: IconWrapperStyle
-    }, /*#__PURE__*/React.createElement(_insert_drive_file.ReactComponent, {
-      className: IconStyle
-    })), /*#__PURE__*/React.createElement("div", {
-      className: fileLabel
-    }, fileName));
-  };
-  return renderImagePreview;
-};
-var getFileName = function getFileName(value) {
-  if (!value) {
-    return "unknown";
-  }
-  return value.split("/").pop() || "unknown";
+export const imagePlugins = [".jpg", ".jpeg", ".tif", ".gif", ".png", ".svg", ".webp", "bmp", "svg"];
+export const getSupportedExtensionsLabelHint = imagesOnly => {
+  return imagesOnly ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(", ")}.` : null;
 };
 
 //# sourceMappingURL=utils.js.map

package/modules/HeadlessCms/fileRenderer/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_emotion","_insert_drive_file","imagePlugins","exports","imageWrapperStyles","css","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","_ref","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","createElement","Object","assign","className","ReactComponent","split","pop"],"sources":["utils.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/round/insert_drive_file.svg\";\n\nexport const imagePlugins = [\".jpg\", \".jpeg\", \".gif\", \".png\", \".svg\", \".webp\"];\n\nexport const imageWrapperStyles = css({\n    height: \"auto\"\n});\n\nconst fileLabel = css({\n    padding: \"10px\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    fontSize: \"0.8rem\",\n    color: \"var(--mdc-theme-on-surface)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst IconWrapperStyle = css({\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 200\n});\n\nconst IconStyle = css({\n    width: 64,\n    height: 64\n});\n\ninterface CreateRenderImagePreviewProps {\n    value: string;\n    // TODO @ts-refactor figure out correct type\n    imagePreviewProps: any;\n}\ninterface RenderImageProps {\n    [key: string]: string;\n}\nexport const createRenderImagePreview = ({\n    value,\n    imagePreviewProps\n}: CreateRenderImagePreviewProps) => {\n    const fileName = getFileName(value);\n\n    const renderImagePreview = (renderImageProps: RenderImageProps) => {\n        return (\n            <div {...renderImageProps} {...imagePreviewProps}>\n                <div className={IconWrapperStyle}>\n                    <FileIcon className={IconStyle} />\n                </div>\n                <div className={fileLabel}>{fileName}</div>\n            </div>\n        );\n    };\n    return renderImagePreview;\n};\n\nconst getFileName = (value?: string): string => {\n    if (!value) {\n        return \"unknown\";\n    }\n    return value.split(\"/\").pop() || \"unknown\";\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AAEvE,IAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,IAAAC,YAAG,EAAC;EAClCC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,SAAS,GAAG,IAAAF,YAAG,EAAC;EAClBG,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,EAAE,6BAA6B;EACpCC,eAAe,EAAE;AACrB,CAAC,CAAC;AAEF,IAAMC,gBAAgB,GAAG,IAAAV,YAAG,EAAC;EACzBW,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE,QAAQ;EACpBZ,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMa,SAAS,GAAG,IAAAd,YAAG,EAAC;EAClBe,KAAK,EAAE,EAAE;EACTd,MAAM,EAAE;AACZ,CAAC,CAAC;AAUK,IAAMe,wBAAwB,GAAAlB,OAAA,CAAAkB,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAGA;EAAA,IAFjCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;EAEjB,IAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAK,CAAC;EAEnC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,gBAAkC,EAAK;IAC/D,oBACI/B,KAAA,CAAAgC,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,gBAAgB,EAAMJ,iBAAiB,gBAC5C3B,KAAA,CAAAgC,aAAA;MAAKG,SAAS,EAAEjB;IAAiB,gBAC7BlB,KAAA,CAAAgC,aAAA,CAAC5B,kBAAA,CAAAgC,cAAQ;MAACD,SAAS,EAAEb;IAAU,CAAE,CAChC,CAAC,eACNtB,KAAA,CAAAgC,aAAA;MAAKG,SAAS,EAAEzB;IAAU,GAAEkB,QAAc,CACzC,CAAC;EAEd,CAAC;EACD,OAAOE,kBAAkB;AAC7B,CAAC;AAED,IAAMD,WAAW,GAAG,SAAdA,WAAWA,CAAIH,KAAc,EAAa;EAC5C,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,SAAS;EACpB;EACA,OAAOA,KAAK,CAACW,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,IAAI,SAAS;AAC9C,CAAC","ignoreList":[]}
+{"version":3,"names":["imagePlugins","getSupportedExtensionsLabelHint","imagesOnly","filter","Boolean","join"],"sources":["utils.ts"],"sourcesContent":["export const imagePlugins = [\n    \".jpg\",\n    \".jpeg\",\n    \".tif\",\n    \".gif\",\n    \".png\",\n    \".svg\",\n    \".webp\",\n    \"bmp\",\n    \"svg\"\n];\n\nexport const getSupportedExtensionsLabelHint = (imagesOnly?: boolean) => {\n    return imagesOnly\n        ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(\", \")}.`\n        : null;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,CACxB,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,CACR;AAED,OAAO,MAAMC,+BAA+B,GAAIC,UAAoB,IAAK;EACrE,OAAOA,UAAU,GACX,+BAA+BF,YAAY,CAACG,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,GAAG,GACzE,IAAI;AACd,CAAC","ignoreList":[]}

package/modules/HeadlessCms/index.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeadlessCmsModule = void 0;
-var _react = require("react");
-var _plugins = require("@webiny/plugins");
-var _fileField = require("./fileField");
-var _fileField2 = require("./fileRenderer/fileField");
-var _fileFields = require("./fileRenderer/fileFields");
-var HeadlessCmsModule = exports.HeadlessCmsModule = function HeadlessCmsModule() {
-  (0, _react.useEffect)(function () {
-    _plugins.plugins.register(_fileField.fileField, _fileField2.singleFile, _fileFields.multipleFiles);
+import { useEffect } from "react";
+import { plugins } from "@webiny/plugins";
+import { fileField } from "./fileField.js";
+import { singleFile } from "./fileRenderer/fileField.js";
+import { multipleFiles } from "./fileRenderer/fileFields.js";
+export const HeadlessCmsModule = () => {
+  useEffect(() => {
+    plugins.register(fileField, singleFile, multipleFiles);
   });
   return null;
 };

package/modules/HeadlessCms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_plugins","_fileField","_fileField2","_fileFields","HeadlessCmsModule","exports","useEffect","plugins","register","fileField","singleFile","multipleFiles"],"sources":["index.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { fileField } from \"./fileField\";\nimport { singleFile } from \"./fileRenderer/fileField\";\nimport { multipleFiles } from \"./fileRenderer/fileFields\";\n\nexport const HeadlessCmsModule = () => {\n    useEffect(() => {\n        plugins.register(fileField, singleFile, multipleFiles);\n    });\n\n    return null;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEO,IAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACnC,IAAAE,gBAAS,EAAC,YAAM;IACZC,gBAAO,CAACC,QAAQ,CAACC,oBAAS,EAAEC,sBAAU,EAAEC,yBAAa,CAAC;EAC1D,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","plugins","fileField","singleFile","multipleFiles","HeadlessCmsModule","register"],"sources":["index.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { fileField } from \"./fileField.js\";\nimport { singleFile } from \"./fileRenderer/fileField.js\";\nimport { multipleFiles } from \"./fileRenderer/fileFields.js\";\n\nexport const HeadlessCmsModule = () => {\n    useEffect(() => {\n        plugins.register(fileField, singleFile, multipleFiles);\n    });\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,SAAS;AAClB,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnCL,SAAS,CAAC,MAAM;IACZC,OAAO,CAACK,QAAQ,CAACJ,SAAS,EAAEC,UAAU,EAAEC,aAAa,CAAC;EAC1D,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/modules/SecurityPermissions.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SecurityPermissions: () => React.JSX.Element;