@formio/js 5.0.0-rc.51 → 5.0.0-rc.53

package/dist/formio.js

@@ -70,7 +70,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.isComponentModelType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;\nconst lodash_1 = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\nconst fast_json_patch_1 = __webpack_require__(/*! fast-json-patch */ \"./node_modules/fast-json-patch/index.mjs\");\nconst Evaluator_1 = __webpack_require__(/*! ./Evaluator */ \"./node_modules/@formio/core/lib/utils/Evaluator.js\");\n/**\n * Flatten the form components for data manipulation.\n *\n * @param {Object} components\n *   The components to iterate.\n * @param {Boolean} includeAll\n *   Whether or not to include layout components.\n *\n * @returns {Object}\n *   The flattened components map.\n */\nfunction flattenComponents(components, includeAll) {\n    const flattened = {};\n    eachComponent(components, (component, path) => {\n        flattened[path] = component;\n    }, includeAll);\n    return flattened;\n}\nexports.flattenComponents = flattenComponents;\nfunction guid() {\n    return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n        const r = (Math.random() * 16) | 0;\n        const v = c === \"x\" ? r : (r & 0x3) | 0x8;\n        return v.toString(16);\n    });\n}\nexports.guid = guid;\n/**\n * Make a filename guaranteed to be unique.\n * @param name\n * @param template\n * @param evalContext\n * @returns {string}\n */\nfunction uniqueName(name, template, evalContext) {\n    template = template || \"{{fileName}}-{{guid}}\";\n    //include guid in template anyway, to prevent overwriting issue if filename matches existing file\n    if (!template.includes(\"{{guid}}\")) {\n        template = `${template}-{{guid}}`;\n    }\n    const parts = name.split(\".\");\n    let fileName = parts.slice(0, parts.length - 1).join(\".\");\n    const extension = parts.length > 1 ? `.${(0, lodash_1.last)(parts)}` : \"\";\n    //allow only 100 characters from original name to avoid issues with filename length restrictions\n    fileName = fileName.substr(0, 100);\n    evalContext = Object.assign(evalContext || {}, {\n        fileName,\n        guid: guid(),\n    });\n    //only letters, numbers, dots, dashes, underscores and spaces are allowed. Anything else will be replaced with dash\n    const uniqueName = `${Evaluator_1.Evaluator.interpolate(template, evalContext)}${extension}`.replace(/[^0-9a-zA-Z.\\-_ ]/g, \"-\");\n    return uniqueName;\n}\nexports.uniqueName = uniqueName;\nexports.MODEL_TYPES = {\n    array: [\n        'datagrid',\n        'editgrid',\n        'datatable',\n        'dynamicWizard',\n    ],\n    dataObject: [\n        'form'\n    ],\n    object: [\n        'container',\n        'address'\n    ],\n    map: [\n        'datamap'\n    ],\n    content: [\n        'htmlelement',\n        'content'\n    ],\n    layout: [\n        'table',\n        'tabs',\n        'well',\n        'columns',\n        'fieldset',\n        'panel',\n        'tabs'\n    ],\n};\nfunction getModelType(component) {\n    if (isComponentNestedDataType(component)) {\n        if (isComponentModelType(component, 'dataObject')) {\n            return 'dataObject';\n        }\n        if (isComponentModelType(component, 'array')) {\n            return 'array';\n        }\n        return 'object';\n    }\n    if ((component.input === false) || isComponentModelType(component, 'layout')) {\n        return 'inherit';\n    }\n    if (getComponentKey(component)) {\n        return 'value';\n    }\n    return 'inherit';\n}\nexports.getModelType = getModelType;\nfunction getComponentAbsolutePath(component) {\n    let paths = [component.path];\n    while (component.parent) {\n        component = component.parent;\n        // We only need to do this for nested forms because they reset the data contexts for the children.\n        if (isComponentModelType(component, 'dataObject')) {\n            paths[paths.length - 1] = `data.${paths[paths.length - 1]}`;\n            paths.push(component.path);\n        }\n    }\n    return paths.reverse().join('.');\n}\nexports.getComponentAbsolutePath = getComponentAbsolutePath;\nfunction getComponentPath(component, path) {\n    const key = getComponentKey(component);\n    if (!key) {\n        return path;\n    }\n    if (!path) {\n        return key;\n    }\n    if (path.match(new RegExp(`${key}$`))) {\n        return path;\n    }\n    return (getModelType(component) === 'inherit') ? `${path}.${key}` : path;\n}\nexports.getComponentPath = getComponentPath;\nfunction isComponentModelType(component, modelType) {\n    return component.modelType === modelType || exports.MODEL_TYPES[modelType].includes(component.type);\n}\nexports.isComponentModelType = isComponentModelType;\nfunction isComponentNestedDataType(component) {\n    return component.tree || isComponentModelType(component, 'array') ||\n        isComponentModelType(component, 'dataObject') ||\n        isComponentModelType(component, 'object') ||\n        isComponentModelType(component, 'map');\n}\nexports.isComponentNestedDataType = isComponentNestedDataType;\nfunction componentPath(component, parentPath) {\n    parentPath = component.parentPath || parentPath;\n    const key = getComponentKey(component);\n    if (!key) {\n        // If the component does not have a key, then just always return the parent path.\n        return parentPath || '';\n    }\n    return parentPath ? `${parentPath}.${key}` : key;\n}\nexports.componentPath = componentPath;\nconst componentChildPath = (component, parentPath, path) => {\n    parentPath = component.parentPath || parentPath;\n    path = path || componentPath(component, parentPath);\n    // See if we are a nested component.\n    if (component.components && Array.isArray(component.components)) {\n        if (isComponentModelType(component, 'dataObject')) {\n            return `${path}.data`;\n        }\n        if (isComponentModelType(component, 'array')) {\n            return `${path}[0]`;\n        }\n        if (isComponentNestedDataType(component)) {\n            return path;\n        }\n        return parentPath === undefined ? path : parentPath;\n    }\n    return path;\n};\nexports.componentChildPath = componentChildPath;\n// Async each component data.\nconst eachComponentDataAsync = (components_1, data_1, fn_1, ...args_1) => __awaiter(void 0, [components_1, data_1, fn_1, ...args_1], void 0, function* (components, data, fn, path = \"\", index, parent, includeAll = false) {\n    if (!components || !data) {\n        return;\n    }\n    return yield eachComponentAsync(components, (component, compPath, componentComponents, compParent) => __awaiter(void 0, void 0, void 0, function* () {\n        const row = getContextualRowData(component, compPath, data);\n        if ((yield fn(component, data, row, compPath, componentComponents, index, compParent)) === true) {\n            return true;\n        }\n        if (isComponentNestedDataType(component)) {\n            const value = (0, lodash_1.get)(data, compPath, data);\n            if (Array.isArray(value)) {\n                for (let i = 0; i < value.length; i++) {\n                    yield (0, exports.eachComponentDataAsync)(component.components, data, fn, `${compPath}[${i}]`, i, component, includeAll);\n                }\n                return true;\n            }\n            else if ((0, lodash_1.isEmpty)(row) && !includeAll) {\n                // Tree components may submit empty objects; since we've already evaluated the parent tree/layout component, we won't worry about constituent elements\n                return true;\n            }\n            if (isComponentModelType(component, 'dataObject')) {\n                // No need to bother processing all the children data if there is no data for this form.\n                if ((0, lodash_1.has)(data, component.path)) {\n                    // For nested forms, we need to reset the \"data\" and \"path\" objects for all of the children components, and then re-establish the data when it is done.\n                    const childPath = (0, exports.componentChildPath)(component, path, compPath);\n                    const childData = (0, lodash_1.get)(data, childPath, null);\n                    yield (0, exports.eachComponentDataAsync)(component.components, childData, fn, '', index, component, includeAll);\n                    (0, lodash_1.set)(data, childPath, childData);\n                }\n            }\n            else {\n                yield (0, exports.eachComponentDataAsync)(component.components, data, fn, (0, exports.componentChildPath)(component, path, compPath), index, component, includeAll);\n            }\n            return true;\n        }\n        else {\n            return false;\n        }\n    }), true, path, parent);\n});\nexports.eachComponentDataAsync = eachComponentDataAsync;\nconst eachComponentData = (components, data, fn, path = \"\", index, parent, includeAll = false) => {\n    if (!components || !data) {\n        return;\n    }\n    return eachComponent(components, (component, compPath, componentComponents, compParent) => {\n        const row = getContextualRowData(component, compPath, data);\n        if (fn(component, data, row, compPath, componentComponents, index, compParent) === true) {\n            return true;\n        }\n        if (isComponentNestedDataType(component)) {\n            const value = (0, lodash_1.get)(data, compPath, data);\n            if (Array.isArray(value)) {\n                for (let i = 0; i < value.length; i++) {\n                    (0, exports.eachComponentData)(component.components, data, fn, `${compPath}[${i}]`, i, component, includeAll);\n                }\n                return true;\n            }\n            else if ((0, lodash_1.isEmpty)(row) && !includeAll) {\n                // Tree components may submit empty objects; since we've already evaluated the parent tree/layout component, we won't worry about constituent elements\n                return true;\n            }\n            if (isComponentModelType(component, 'dataObject')) {\n                // No need to bother processing all the children data if there is no data for this form.\n                if ((0, lodash_1.has)(data, component.path)) {\n                    // For nested forms, we need to reset the \"data\" and \"path\" objects for all of the children components, and then re-establish the data when it is done.\n                    const childPath = (0, exports.componentChildPath)(component, path, compPath);\n                    const childData = (0, lodash_1.get)(data, childPath, {});\n                    (0, exports.eachComponentData)(component.components, childData, fn, '', index, component, includeAll);\n                    (0, lodash_1.set)(data, childPath, childData);\n                }\n            }\n            else {\n                (0, exports.eachComponentData)(component.components, data, fn, (0, exports.componentChildPath)(component, path, compPath), index, component, includeAll);\n            }\n            return true;\n        }\n        else {\n            return false;\n        }\n    }, true, path, parent);\n};\nexports.eachComponentData = eachComponentData;\nfunction getComponentKey(component) {\n    if (component.type === 'checkbox' &&\n        component.inputType === 'radio' &&\n        component.name) {\n        return component.name;\n    }\n    return component.key;\n}\nexports.getComponentKey = getComponentKey;\nfunction getContextualRowPath(component, path) {\n    return path.replace(new RegExp(`\\.?${getComponentKey(component)}$`), '');\n}\nexports.getContextualRowPath = getContextualRowPath;\nfunction getContextualRowData(component, path, data) {\n    const rowPath = getContextualRowPath(component, path);\n    return rowPath ? (0, lodash_1.get)(data, rowPath, null) : data;\n}\nexports.getContextualRowData = getContextualRowData;\nfunction componentInfo(component) {\n    const hasColumns = component.columns && Array.isArray(component.columns);\n    const hasRows = component.rows && Array.isArray(component.rows);\n    const hasComps = component.components && Array.isArray(component.components);\n    return {\n        hasColumns,\n        hasRows,\n        hasComps,\n        iterable: hasColumns || hasRows || hasComps || isComponentModelType(component, 'content'),\n    };\n}\nexports.componentInfo = componentInfo;\n/**\n * Iterate through each component within a form.\n *\n * @param {Object} components\n *   The components to iterate.\n * @param {Function} fn\n *   The iteration function to invoke for each component.\n * @param {Boolean} includeAll\n *   Whether or not to include layout components.\n * @param {String} path\n *   The current data path of the element. Example: data.user.firstName\n * @param {Object} parent\n *   The parent object.\n */\nfunction eachComponent(components, fn, includeAll, path, parent) {\n    if (!components)\n        return;\n    path = path || \"\";\n    components.forEach((component) => {\n        if (!component) {\n            return;\n        }\n        const info = componentInfo(component);\n        let noRecurse = false;\n        // Keep track of parent references.\n        if (parent) {\n            // Ensure we don't create infinite JSON structures.\n            Object.defineProperty(component, 'parent', {\n                enumerable: false,\n                writable: true,\n                value: JSON.parse(JSON.stringify(parent))\n            });\n            Object.defineProperty(component.parent, 'parent', {\n                enumerable: false,\n                writable: true,\n                value: parent.parent\n            });\n            Object.defineProperty(component.parent, 'path', {\n                enumerable: false,\n                writable: true,\n                value: parent.path\n            });\n            delete component.parent.components;\n            delete component.parent.componentMap;\n            delete component.parent.columns;\n            delete component.parent.rows;\n        }\n        Object.defineProperty(component, 'path', {\n            enumerable: false,\n            writable: true,\n            value: componentPath(component, path)\n        });\n        if (includeAll || component.tree || !info.iterable) {\n            noRecurse = fn(component, component.path, components, parent);\n        }\n        if (!noRecurse) {\n            if (info.hasColumns) {\n                component.columns.forEach((column) => eachComponent(column.components, fn, includeAll, path, parent ? component : null));\n            }\n            else if (info.hasRows) {\n                component.rows.forEach((row) => {\n                    if (Array.isArray(row)) {\n                        row.forEach((column) => eachComponent(column.components, fn, includeAll, path, parent ? component : null));\n                    }\n                });\n            }\n            else if (info.hasComps) {\n                eachComponent(component.components, fn, includeAll, (0, exports.componentChildPath)(component, path), parent ? component : null);\n            }\n        }\n    });\n}\nexports.eachComponent = eachComponent;\n// Async each component.\nfunction eachComponentAsync(components_2, fn_1) {\n    return __awaiter(this, arguments, void 0, function* (components, fn, includeAll = false, path = \"\", parent) {\n        var _a, _b;\n        if (!components)\n            return;\n        for (let i = 0; i < components.length; i++) {\n            if (!components[i]) {\n                continue;\n            }\n            let component = components[i];\n            const info = componentInfo(component);\n            // Keep track of parent references.\n            if (parent) {\n                // Ensure we don't create infinite JSON structures.\n                Object.defineProperty(component, 'parent', {\n                    enumerable: false,\n                    writable: true,\n                    value: JSON.parse(JSON.stringify(parent))\n                });\n                Object.defineProperty(component.parent, 'parent', {\n                    enumerable: false,\n                    writable: true,\n                    value: parent.parent\n                });\n                Object.defineProperty(component.parent, 'path', {\n                    enumerable: false,\n                    writable: true,\n                    value: parent.path\n                });\n                delete component.parent.components;\n                delete component.parent.componentMap;\n                delete component.parent.columns;\n                delete component.parent.rows;\n            }\n            Object.defineProperty(component, 'path', {\n                enumerable: false,\n                writable: true,\n                value: componentPath(component, path)\n            });\n            if (includeAll || component.tree || !info.iterable) {\n                if (yield fn(component, component.path, components, parent)) {\n                    continue;\n                }\n            }\n            if (info.hasColumns) {\n                for (let j = 0; j < component.columns.length; j++) {\n                    yield eachComponentAsync((_a = component.columns[j]) === null || _a === void 0 ? void 0 : _a.components, fn, includeAll, path, parent ? component : null);\n                }\n            }\n            else if (info.hasRows) {\n                for (let j = 0; j < component.rows.length; j++) {\n                    let row = component.rows[j];\n                    if (Array.isArray(row)) {\n                        for (let k = 0; k < row.length; k++) {\n                            yield eachComponentAsync((_b = row[k]) === null || _b === void 0 ? void 0 : _b.components, fn, includeAll, path, parent ? component : null);\n                        }\n                    }\n                }\n            }\n            else if (info.hasComps) {\n                yield eachComponentAsync(component.components, fn, includeAll, (0, exports.componentChildPath)(component, path), parent ? component : null);\n            }\n        }\n    });\n}\nexports.eachComponentAsync = eachComponentAsync;\n// Provided components, data, and a key, this will return the components data.\nfunction getComponentData(components, data, path) {\n    const compData = { component: null, data: null };\n    (0, exports.eachComponentData)(components, data, (component, data, row, compPath) => {\n        if (compPath === path) {\n            compData.component = component;\n            compData.data = row;\n            return true;\n        }\n    });\n    return compData;\n}\nexports.getComponentData = getComponentData;\nfunction getComponentActualValue(component, compPath, data, row) {\n    var _a, _b;\n    // The compPath here will NOT contain the indexes for DataGrids and EditGrids.\n    //\n    //   a[0].b[2].c[3].d\n    //\n    // Because of this, we will need to determine our parent component path (not data path),\n    // and find the \"row\" based comp path.\n    //\n    //   a[0].b[2].c[3].d => a.b.c.d\n    //\n    if ((_a = component.parent) === null || _a === void 0 ? void 0 : _a.path) {\n        const parentCompPath = (_b = component.parent) === null || _b === void 0 ? void 0 : _b.path.replace(/\\[[0-9]+\\]/g, '');\n        compPath = compPath.replace(parentCompPath, '');\n        compPath = (0, lodash_1.trim)(compPath, '. ');\n    }\n    let value = null;\n    if (row) {\n        value = (0, lodash_1.get)(row, compPath);\n    }\n    if (data && (0, lodash_1.isNil)(value)) {\n        value = (0, lodash_1.get)(data, compPath);\n    }\n    if ((0, lodash_1.isNil)(value) || ((0, lodash_1.isObject)(value) && (0, lodash_1.isEmpty)(value))) {\n        value = '';\n    }\n    return value;\n}\nexports.getComponentActualValue = getComponentActualValue;\n/**\n * Determine if a component is a layout component or not.\n *\n * @param {Object} component\n *   The component to check.\n *\n * @returns {Boolean}\n *   Whether or not the component is a layout component.\n */\nfunction isLayoutComponent(component) {\n    return Boolean((component.columns && Array.isArray(component.columns)) ||\n        (component.rows && Array.isArray(component.rows)) ||\n        (component.components && Array.isArray(component.components)));\n}\nexports.isLayoutComponent = isLayoutComponent;\n/**\n * Matches if a component matches the query.\n *\n * @param component\n * @param query\n * @return {boolean}\n */\nfunction matchComponent(component, query) {\n    if ((0, lodash_1.isString)(query)) {\n        return (component.key === query) || (component.path === query);\n    }\n    else {\n        let matches = false;\n        (0, lodash_1.forOwn)(query, (value, key) => {\n            matches = ((0, lodash_1.get)(component, key) === value);\n            if (!matches) {\n                return false;\n            }\n        });\n        return matches;\n    }\n}\nexports.matchComponent = matchComponent;\n/**\n * Get a component by its key\n *\n * @param {Object} components\n *   The components to iterate.\n * @param {String|Object} key\n *   The key of the component to get, or a query of the component to search.\n *\n * @returns {Object}\n *   The component that matches the given key, or undefined if not found.\n */\nfunction getComponent(components, key, includeAll) {\n    let result;\n    eachComponent(components, (component, path) => {\n        if ((path === key) || (component.path === key)) {\n            result = component;\n            return true;\n        }\n    }, includeAll);\n    return result;\n}\nexports.getComponent = getComponent;\n/**\n * Finds a component provided a query of properties of that component.\n *\n * @param components\n * @param query\n * @return {*}\n */\nfunction searchComponents(components, query) {\n    const results = [];\n    eachComponent(components, (component) => {\n        if (matchComponent(component, query)) {\n            results.push(component);\n        }\n    }, true);\n    return results;\n}\nexports.searchComponents = searchComponents;\n/**\n * Remove a component by path.\n *\n * @param components\n * @param path\n */\nfunction removeComponent(components, path) {\n    // Using _.unset() leave a null value. Use Array splice instead.\n    // @ts-ignore\n    var index = path.pop();\n    if (path.length !== 0) {\n        components = (0, lodash_1.get)(components, path);\n    }\n    components.splice(index, 1);\n}\nexports.removeComponent = removeComponent;\n/**\n * Returns if this component has a conditional statement.\n *\n * @param component - The component JSON schema.\n *\n * @returns {boolean} - TRUE - This component has a conditional, FALSE - No conditional provided.\n */\nfunction hasCondition(component) {\n    return Boolean((component.customConditional) ||\n        (component.conditional && (component.conditional.when ||\n            component.conditional.json ||\n            component.conditional.condition)));\n}\nexports.hasCondition = hasCondition;\n/**\n * Extension of standard #parseFloat(value) function, that also clears input string.\n *\n * @param {any} value\n *   The value to parse.\n *\n * @returns {Number}\n *   Parsed value.\n */\nfunction parseFloatExt(value) {\n    return parseFloat((0, lodash_1.isString)(value)\n        ? value.replace(/[^\\de.+-]/gi, '')\n        : value);\n}\nexports.parseFloatExt = parseFloatExt;\n/**\n * Formats provided value in way how Currency component uses it.\n *\n * @param {any} value\n *   The value to format.\n *\n * @returns {String}\n *   Value formatted for Currency component.\n */\nfunction formatAsCurrency(value) {\n    const parsedValue = parseFloatExt(value);\n    if (isNaN(parsedValue)) {\n        return '';\n    }\n    const parts = (0, lodash_1.round)(parsedValue, 2)\n        .toString()\n        .split('.');\n    parts[0] = (0, lodash_1.chunk)(Array.from(parts[0]).reverse(), 3)\n        .reverse()\n        .map((part) => part\n        .reverse()\n        .join(''))\n        .join(',');\n    parts[1] = (0, lodash_1.pad)(parts[1], 2, '0');\n    return parts.join('.');\n}\nexports.formatAsCurrency = formatAsCurrency;\n/**\n * Escapes RegEx characters in provided String value.\n *\n * @param {String} value\n *   String for escaping RegEx characters.\n * @returns {string}\n *   String with escaped RegEx characters.\n */\nfunction escapeRegExCharacters(value) {\n    return value.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n}\nexports.escapeRegExCharacters = escapeRegExCharacters;\n/**\n * Get the value for a component key, in the given submission.\n *\n * @param {Object} submission\n *   A submission object to search.\n * @param {String} key\n *   A for components API key to search for.\n */\nfunction getValue(submission, key) {\n    const search = (data) => {\n        if ((0, lodash_1.isPlainObject)(data)) {\n            if ((0, lodash_1.has)(data, key)) {\n                return (0, lodash_1.get)(data, key);\n            }\n            let value = null;\n            (0, lodash_1.forOwn)(data, (prop) => {\n                const result = search(prop);\n                if (!(0, lodash_1.isNil)(result)) {\n                    value = result;\n                    return false;\n                }\n            });\n            return value;\n        }\n        else {\n            return null;\n        }\n    };\n    return search(submission.data);\n}\nexports.getValue = getValue;\n/**\n * Iterate over all components in a form and get string values for translation.\n * @param form\n */\nfunction getStrings(form) {\n    const properties = ['label', 'title', 'legend', 'tooltip', 'description', 'placeholder', 'prefix', 'suffix', 'errorLabel', 'content', 'html'];\n    const strings = [];\n    eachComponent(form.components, (component) => {\n        properties.forEach(property => {\n            if (component.hasOwnProperty(property) && component[property]) {\n                strings.push({\n                    key: component.key,\n                    type: component.type,\n                    property,\n                    string: component[property]\n                });\n            }\n        });\n        if ((!component.dataSrc || component.dataSrc === 'values') && component.hasOwnProperty('values') && Array.isArray(component.values) && component.values.length) {\n            component.values.forEach((value, index) => {\n                strings.push({\n                    key: component.key,\n                    property: `value[${index}].label`,\n                    string: component.values[index].label\n                });\n            });\n        }\n        // Hard coded values from Day component\n        if (component.type === 'day') {\n            [\n                'day',\n                'month',\n                'year',\n                'Day',\n                'Month',\n                'Year',\n                'january',\n                'february',\n                'march',\n                'april',\n                'may',\n                'june',\n                'july',\n                'august',\n                'september',\n                'october',\n                'november',\n                'december'\n            ].forEach(string => {\n                strings.push({\n                    key: component.key,\n                    property: 'day',\n                    string,\n                });\n            });\n            if (component.fields.day.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.day.placeholder',\n                    string: component.fields.day.placeholder,\n                });\n            }\n            if (component.fields.month.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.month.placeholder',\n                    string: component.fields.month.placeholder,\n                });\n            }\n            if (component.fields.year.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.year.placeholder',\n                    string: component.fields.year.placeholder,\n                });\n            }\n        }\n        if (component.type === 'editgrid') {\n            const string = component.addAnother || 'Add Another';\n            if (component.addAnother) {\n                strings.push({\n                    key: component.key,\n                    property: 'addAnother',\n                    string,\n                });\n            }\n        }\n        if (component.type === 'select') {\n            [\n                'loading...',\n                'Type to search'\n            ].forEach(string => {\n                strings.push({\n                    key: component.key,\n                    property: 'select',\n                    string,\n                });\n            });\n        }\n    }, true);\n    return strings;\n}\nexports.getStrings = getStrings;\n// ?????????????????????????\n// questionable section\nfunction generateFormChange(type, data) {\n    let change;\n    switch (type) {\n        case 'add':\n            change = {\n                op: 'add',\n                key: data.component.key,\n                container: data.parent.key, // Parent component\n                path: data.path, // Path to container within parent component.\n                index: data.index, // Index of component in parent container.\n                component: data.component\n            };\n            break;\n        case 'edit':\n            change = {\n                op: 'edit',\n                key: data.originalComponent.key,\n                patches: (0, fast_json_patch_1.compare)(data.originalComponent, data.component)\n            };\n            // Don't save if nothing changed.\n            if (!change.patches.length) {\n                change = null;\n            }\n            break;\n        case 'remove':\n            change = {\n                op: 'remove',\n                key: data.component.key,\n            };\n            break;\n    }\n    return change;\n}\nexports.generateFormChange = generateFormChange;\nfunction applyFormChanges(form, changes) {\n    const failed = [];\n    changes.forEach(function (change) {\n        var found = false;\n        switch (change.op) {\n            case 'add':\n                var newComponent = change.component;\n                // Find the container to set the component in.\n                findComponent(form.components, change.container, null, function (parent) {\n                    if (!change.container) {\n                        parent = form;\n                    }\n                    // A move will first run an add so remove any existing components with matching key before inserting.\n                    findComponent(form.components, change.key, null, function (component, path) {\n                        // If found, use the existing component. (If someone else edited it, the changes would be here)\n                        newComponent = component;\n                        removeComponent(form.components, path);\n                    });\n                    found = true;\n                    var container = (0, lodash_1.get)(parent, change.path);\n                    container.splice(change.index, 0, newComponent);\n                });\n                break;\n            case 'remove':\n                findComponent(form.components, change.key, null, function (component, path) {\n                    found = true;\n                    const oldComponent = (0, lodash_1.get)(form.components, path);\n                    if (oldComponent.key !== component.key) {\n                        path.pop();\n                    }\n                    removeComponent(form.components, path);\n                });\n                break;\n            case 'edit':\n                findComponent(form.components, change.key, null, function (component, path) {\n                    found = true;\n                    try {\n                        const oldComponent = (0, lodash_1.get)(form.components, path);\n                        const newComponent = (0, fast_json_patch_1.applyPatch)(component, change.patches).newDocument;\n                        if (oldComponent.key !== newComponent.key) {\n                            path.pop();\n                        }\n                        (0, lodash_1.set)(form.components, path, newComponent);\n                    }\n                    catch (err) {\n                        failed.push(change);\n                    }\n                });\n                break;\n            case 'move':\n                break;\n        }\n        if (!found) {\n            failed.push(change);\n        }\n    });\n    return {\n        form,\n        failed\n    };\n}\nexports.applyFormChanges = applyFormChanges;\n/**\n* This function will find a component in a form and return the component AND THE PATH to the component in the form.\n* Path to the component is stored as an array of nested components and their indexes.The Path is being filled recursively\n* when you iterating through the nested structure.\n* If the component is not found the callback won't be called and function won't return anything.\n*\n* @param components\n* @param key\n* @param fn\n* @param path\n* @returns {*}\n*/\nfunction findComponent(components, key, path, fn) {\n    if (!components)\n        return;\n    path = path || [];\n    if (!key) {\n        return fn(components);\n    }\n    components.forEach(function (component, index) {\n        var newPath = path.slice();\n        // Add an index of the component it iterates through in nested structure\n        newPath.push(index);\n        if (!component)\n            return;\n        if (component.hasOwnProperty('columns') && Array.isArray(component.columns)) {\n            newPath.push('columns');\n            component.columns.forEach(function (column, index) {\n                var colPath = newPath.slice();\n                colPath.push(index);\n                colPath.push('components');\n                findComponent(column.components, key, colPath, fn);\n            });\n        }\n        if (component.hasOwnProperty('rows') && Array.isArray(component.rows)) {\n            newPath.push('rows');\n            component.rows.forEach(function (row, index) {\n                var rowPath = newPath.slice();\n                rowPath.push(index);\n                row.forEach(function (column, index) {\n                    var colPath = rowPath.slice();\n                    colPath.push(index);\n                    colPath.push('components');\n                    findComponent(column.components, key, colPath, fn);\n                });\n            });\n        }\n        if (component.hasOwnProperty('components') && Array.isArray(component.components)) {\n            newPath.push('components');\n            findComponent(component.components, key, newPath, fn);\n        }\n        if (component.key === key) {\n            //Final callback if the component is found\n            fn(component, newPath, components);\n        }\n    });\n}\nexports.findComponent = findComponent;\nconst isCheckboxComponent = (component) => component.type === 'checkbox';\nconst isDataGridComponent = (component) => component.type === 'datagrid';\nconst isEditGridComponent = (component) => component.type === 'editgrid';\nconst isDataTableComponent = (component) => component.type === 'datatable';\nconst hasChildComponents = (component) => component.components != null;\nconst isDateTimeComponent = (component) => component.type === 'datetime';\nconst isSelectBoxesComponent = (component) => component.type === 'selectboxes';\nconst isTextAreaComponent = (component) => component.type === 'textarea';\nconst isTextFieldComponent = (component) => component.type === 'textfield';\nfunction getEmptyValue(component) {\n    switch (component.type) {\n        case 'textarea':\n        case 'textfield':\n        case 'time':\n        case 'datetime':\n        case 'day':\n            return '';\n        case 'datagrid':\n        case 'editgrid':\n            return [];\n        default:\n            return null;\n    }\n}\nexports.getEmptyValue = getEmptyValue;\nconst replaceBlanks = (value) => {\n    const nbsp = '<p>&nbsp;</p>';\n    const br = '<p><br></p>';\n    const brNbsp = '<p><br>&nbsp;</p>';\n    const regExp = new RegExp(`^${nbsp}|${nbsp}$|^${br}|${br}$|^${brNbsp}|${brNbsp}$`, 'g');\n    return typeof value === 'string' ? value.replace(regExp, '').trim() : value;\n};\nfunction trimBlanks(value) {\n    if (!value) {\n        return value;\n    }\n    if (Array.isArray(value)) {\n        value = value.map((val) => replaceBlanks(val));\n    }\n    else {\n        value = replaceBlanks(value);\n    }\n    return value;\n}\nfunction isValueEmpty(component, value) {\n    const compValueIsEmptyArray = ((0, lodash_1.isArray)(value) && value.length === 1) ? (0, lodash_1.isEqual)(value[0], getEmptyValue(component)) : false;\n    return value == null || value === '' || ((0, lodash_1.isArray)(value) && value.length === 0) || compValueIsEmptyArray;\n}\nfunction isComponentDataEmpty(component, data, path) {\n    var _a;\n    const value = (0, lodash_1.get)(data, path);\n    if (isCheckboxComponent(component)) {\n        return isValueEmpty(component, value) || value === false;\n    }\n    else if (isDataGridComponent(component) || isEditGridComponent(component) || isDataTableComponent(component) || hasChildComponents(component)) {\n        if ((_a = component.components) === null || _a === void 0 ? void 0 : _a.length) {\n            let childrenEmpty = true;\n            // wrap component in an array to let eachComponentData handle introspection to child components (e.g. this will be different\n            // for data grids versus nested forms, etc.)\n            (0, exports.eachComponentData)([component], data, (thisComponent, data, row, path, components, index) => {\n                if (component.key === thisComponent.key)\n                    return;\n                if (!isComponentDataEmpty(thisComponent, data, path)) {\n                    childrenEmpty = false;\n                }\n            });\n            return isValueEmpty(component, value) || childrenEmpty;\n        }\n        return isValueEmpty(component, value);\n    }\n    else if (isDateTimeComponent(component)) {\n        return isValueEmpty(component, value) || value.toString() === 'Invalid date';\n    }\n    else if (isSelectBoxesComponent(component)) {\n        let selectBoxEmpty = true;\n        for (const key in value) {\n            if (value[key]) {\n                selectBoxEmpty = false;\n                break;\n            }\n        }\n        return isValueEmpty(component, value) || selectBoxEmpty;\n    }\n    else if (isTextAreaComponent(component)) {\n        const isPlain = !component.wysiwyg && !component.editor;\n        return isPlain ? typeof value === 'string' ? isValueEmpty(component, value.trim()) : isValueEmpty(component, value) : isValueEmpty(component, trimBlanks(value));\n    }\n    else if (isTextFieldComponent(component)) {\n        if (component.allowMultipleMasks && !!component.inputMasks && !!component.inputMasks.length) {\n            return isValueEmpty(component, value) || (component.multiple ? value.length === 0 : (!value.maskName || !value.value));\n        }\n        return isValueEmpty(component, value === null || value === void 0 ? void 0 : value.toString().trim());\n    }\n    return isValueEmpty(component, value);\n}\nexports.isComponentDataEmpty = isComponentDataEmpty;\n\n\n//# sourceURL=webpack://Formio/./node_modules/@formio/core/lib/utils/formUtil.js?");
+eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.isComponentModelType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;\nconst lodash_1 = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\nconst fast_json_patch_1 = __webpack_require__(/*! fast-json-patch */ \"./node_modules/fast-json-patch/index.mjs\");\nconst Evaluator_1 = __webpack_require__(/*! ./Evaluator */ \"./node_modules/@formio/core/lib/utils/Evaluator.js\");\n/**\n * Flatten the form components for data manipulation.\n *\n * @param {Object} components\n *   The components to iterate.\n * @param {Boolean} includeAll\n *   Whether or not to include layout components.\n *\n * @returns {Object}\n *   The flattened components map.\n */\nfunction flattenComponents(components, includeAll) {\n    const flattened = {};\n    eachComponent(components, (component, path) => {\n        flattened[path] = component;\n    }, includeAll);\n    return flattened;\n}\nexports.flattenComponents = flattenComponents;\nfunction guid() {\n    return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n        const r = (Math.random() * 16) | 0;\n        const v = c === \"x\" ? r : (r & 0x3) | 0x8;\n        return v.toString(16);\n    });\n}\nexports.guid = guid;\n/**\n * Make a filename guaranteed to be unique.\n * @param name\n * @param template\n * @param evalContext\n * @returns {string}\n */\nfunction uniqueName(name, template, evalContext) {\n    template = template || \"{{fileName}}-{{guid}}\";\n    //include guid in template anyway, to prevent overwriting issue if filename matches existing file\n    if (!template.includes(\"{{guid}}\")) {\n        template = `${template}-{{guid}}`;\n    }\n    const parts = name.split(\".\");\n    let fileName = parts.slice(0, parts.length - 1).join(\".\");\n    const extension = parts.length > 1 ? `.${(0, lodash_1.last)(parts)}` : \"\";\n    //allow only 100 characters from original name to avoid issues with filename length restrictions\n    fileName = fileName.substr(0, 100);\n    evalContext = Object.assign(evalContext || {}, {\n        fileName,\n        guid: guid(),\n    });\n    //only letters, numbers, dots, dashes, underscores and spaces are allowed. Anything else will be replaced with dash\n    const uniqueName = `${Evaluator_1.Evaluator.interpolate(template, evalContext)}${extension}`.replace(/[^0-9a-zA-Z.\\-_ ]/g, \"-\");\n    return uniqueName;\n}\nexports.uniqueName = uniqueName;\nexports.MODEL_TYPES = {\n    array: [\n        'datagrid',\n        'editgrid',\n        'datatable',\n        'dynamicWizard',\n    ],\n    dataObject: [\n        'form'\n    ],\n    object: [\n        'container',\n        'address'\n    ],\n    map: [\n        'datamap'\n    ],\n    content: [\n        'htmlelement',\n        'content'\n    ],\n    layout: [\n        'table',\n        'tabs',\n        'well',\n        'columns',\n        'fieldset',\n        'panel',\n        'tabs'\n    ],\n};\nfunction getModelType(component) {\n    if (isComponentNestedDataType(component)) {\n        if (isComponentModelType(component, 'dataObject')) {\n            return 'dataObject';\n        }\n        if (isComponentModelType(component, 'array')) {\n            return 'array';\n        }\n        return 'object';\n    }\n    if ((component.input === false) || isComponentModelType(component, 'layout')) {\n        return 'inherit';\n    }\n    if (getComponentKey(component)) {\n        return 'value';\n    }\n    return 'inherit';\n}\nexports.getModelType = getModelType;\nfunction getComponentAbsolutePath(component) {\n    let paths = [component.path];\n    while (component.parent) {\n        component = component.parent;\n        // We only need to do this for nested forms because they reset the data contexts for the children.\n        if (isComponentModelType(component, 'dataObject')) {\n            paths[paths.length - 1] = `data.${paths[paths.length - 1]}`;\n            paths.push(component.path);\n        }\n    }\n    return paths.reverse().join('.');\n}\nexports.getComponentAbsolutePath = getComponentAbsolutePath;\nfunction getComponentPath(component, path) {\n    const key = getComponentKey(component);\n    if (!key) {\n        return path;\n    }\n    if (!path) {\n        return key;\n    }\n    if (path.match(new RegExp(`${key}$`))) {\n        return path;\n    }\n    return (getModelType(component) === 'inherit') ? `${path}.${key}` : path;\n}\nexports.getComponentPath = getComponentPath;\nfunction isComponentModelType(component, modelType) {\n    return component.modelType === modelType || exports.MODEL_TYPES[modelType].includes(component.type);\n}\nexports.isComponentModelType = isComponentModelType;\nfunction isComponentNestedDataType(component) {\n    return component.tree || isComponentModelType(component, 'array') ||\n        isComponentModelType(component, 'dataObject') ||\n        isComponentModelType(component, 'object') ||\n        isComponentModelType(component, 'map');\n}\nexports.isComponentNestedDataType = isComponentNestedDataType;\nfunction componentPath(component, parentPath) {\n    parentPath = component.parentPath || parentPath;\n    const key = getComponentKey(component);\n    if (!key) {\n        // If the component does not have a key, then just always return the parent path.\n        return parentPath || '';\n    }\n    return parentPath ? `${parentPath}.${key}` : key;\n}\nexports.componentPath = componentPath;\nconst componentChildPath = (component, parentPath, path) => {\n    parentPath = component.parentPath || parentPath;\n    path = path || componentPath(component, parentPath);\n    // See if we are a nested component.\n    if (component.components && Array.isArray(component.components)) {\n        if (isComponentModelType(component, 'dataObject')) {\n            return `${path}.data`;\n        }\n        if (isComponentModelType(component, 'array')) {\n            return `${path}[0]`;\n        }\n        if (isComponentNestedDataType(component)) {\n            return path;\n        }\n        return parentPath === undefined ? path : parentPath;\n    }\n    return path;\n};\nexports.componentChildPath = componentChildPath;\n// Async each component data.\nconst eachComponentDataAsync = (components_1, data_1, fn_1, ...args_1) => __awaiter(void 0, [components_1, data_1, fn_1, ...args_1], void 0, function* (components, data, fn, path = \"\", index, parent, includeAll = false) {\n    if (!components || !data) {\n        return;\n    }\n    return yield eachComponentAsync(components, (component, compPath, componentComponents, compParent) => __awaiter(void 0, void 0, void 0, function* () {\n        const row = getContextualRowData(component, compPath, data);\n        if ((yield fn(component, data, row, compPath, componentComponents, index, compParent)) === true) {\n            return true;\n        }\n        if (isComponentNestedDataType(component)) {\n            const value = (0, lodash_1.get)(data, compPath, data);\n            if (Array.isArray(value)) {\n                for (let i = 0; i < value.length; i++) {\n                    yield (0, exports.eachComponentDataAsync)(component.components, data, fn, `${compPath}[${i}]`, i, component, includeAll);\n                }\n                return true;\n            }\n            else if ((0, lodash_1.isEmpty)(row) && !includeAll) {\n                // Tree components may submit empty objects; since we've already evaluated the parent tree/layout component, we won't worry about constituent elements\n                return true;\n            }\n            if (isComponentModelType(component, 'dataObject')) {\n                // No need to bother processing all the children data if there is no data for this form.\n                if ((0, lodash_1.has)(data, component.path)) {\n                    // For nested forms, we need to reset the \"data\" and \"path\" objects for all of the children components, and then re-establish the data when it is done.\n                    const childPath = (0, exports.componentChildPath)(component, path, compPath);\n                    const childData = (0, lodash_1.get)(data, childPath, null);\n                    yield (0, exports.eachComponentDataAsync)(component.components, childData, fn, '', index, component, includeAll);\n                    (0, lodash_1.set)(data, childPath, childData);\n                }\n            }\n            else {\n                yield (0, exports.eachComponentDataAsync)(component.components, data, fn, (0, exports.componentChildPath)(component, path, compPath), index, component, includeAll);\n            }\n            return true;\n        }\n        else {\n            return false;\n        }\n    }), true, path, parent);\n});\nexports.eachComponentDataAsync = eachComponentDataAsync;\nconst eachComponentData = (components, data, fn, path = \"\", index, parent, includeAll = false) => {\n    if (!components || !data) {\n        return;\n    }\n    return eachComponent(components, (component, compPath, componentComponents, compParent) => {\n        const row = getContextualRowData(component, compPath, data);\n        if (fn(component, data, row, compPath, componentComponents, index, compParent) === true) {\n            return true;\n        }\n        if (isComponentNestedDataType(component)) {\n            const value = (0, lodash_1.get)(data, compPath, data);\n            if (Array.isArray(value)) {\n                for (let i = 0; i < value.length; i++) {\n                    (0, exports.eachComponentData)(component.components, data, fn, `${compPath}[${i}]`, i, component, includeAll);\n                }\n                return true;\n            }\n            else if ((0, lodash_1.isEmpty)(row) && !includeAll) {\n                // Tree components may submit empty objects; since we've already evaluated the parent tree/layout component, we won't worry about constituent elements\n                return true;\n            }\n            if (isComponentModelType(component, 'dataObject')) {\n                // No need to bother processing all the children data if there is no data for this form.\n                if ((0, lodash_1.has)(data, component.path)) {\n                    // For nested forms, we need to reset the \"data\" and \"path\" objects for all of the children components, and then re-establish the data when it is done.\n                    const childPath = (0, exports.componentChildPath)(component, path, compPath);\n                    const childData = (0, lodash_1.get)(data, childPath, {});\n                    (0, exports.eachComponentData)(component.components, childData, fn, '', index, component, includeAll);\n                    (0, lodash_1.set)(data, childPath, childData);\n                }\n            }\n            else {\n                (0, exports.eachComponentData)(component.components, data, fn, (0, exports.componentChildPath)(component, path, compPath), index, component, includeAll);\n            }\n            return true;\n        }\n        else {\n            return false;\n        }\n    }, true, path, parent);\n};\nexports.eachComponentData = eachComponentData;\nfunction getComponentKey(component) {\n    if (component.type === 'checkbox' &&\n        component.inputType === 'radio' &&\n        component.name) {\n        return component.name;\n    }\n    return component.key;\n}\nexports.getComponentKey = getComponentKey;\nfunction getContextualRowPath(component, path) {\n    return path.replace(new RegExp(`\\.?${getComponentKey(component)}$`), '');\n}\nexports.getContextualRowPath = getContextualRowPath;\nfunction getContextualRowData(component, path, data) {\n    const rowPath = getContextualRowPath(component, path);\n    return rowPath ? (0, lodash_1.get)(data, rowPath, null) : data;\n}\nexports.getContextualRowData = getContextualRowData;\nfunction componentInfo(component) {\n    const hasColumns = component.columns && Array.isArray(component.columns);\n    const hasRows = component.rows && Array.isArray(component.rows);\n    const hasComps = component.components && Array.isArray(component.components);\n    return {\n        hasColumns,\n        hasRows,\n        hasComps,\n        iterable: hasColumns || hasRows || hasComps || isComponentModelType(component, 'content'),\n    };\n}\nexports.componentInfo = componentInfo;\n/**\n * Iterate through each component within a form.\n *\n * @param {Object} components\n *   The components to iterate.\n * @param {Function} fn\n *   The iteration function to invoke for each component.\n * @param {Boolean} includeAll\n *   Whether or not to include layout components.\n * @param {String} path\n *   The current data path of the element. Example: data.user.firstName\n * @param {Object} parent\n *   The parent object.\n */\nfunction eachComponent(components, fn, includeAll, path, parent) {\n    if (!components)\n        return;\n    path = path || \"\";\n    components.forEach((component) => {\n        if (!component) {\n            return;\n        }\n        const info = componentInfo(component);\n        let noRecurse = false;\n        // Keep track of parent references.\n        if (parent) {\n            // Ensure we don't create infinite JSON structures.\n            Object.defineProperty(component, 'parent', {\n                enumerable: false,\n                writable: true,\n                value: JSON.parse(JSON.stringify(parent))\n            });\n            Object.defineProperty(component.parent, 'parent', {\n                enumerable: false,\n                writable: true,\n                value: parent.parent\n            });\n            Object.defineProperty(component.parent, 'path', {\n                enumerable: false,\n                writable: true,\n                value: parent.path\n            });\n            delete component.parent.components;\n            delete component.parent.componentMap;\n            delete component.parent.columns;\n            delete component.parent.rows;\n        }\n        Object.defineProperty(component, 'path', {\n            enumerable: false,\n            writable: true,\n            value: componentPath(component, path)\n        });\n        if (includeAll || component.tree || !info.iterable) {\n            noRecurse = fn(component, component.path, components, parent);\n        }\n        if (!noRecurse) {\n            if (info.hasColumns) {\n                component.columns.forEach((column) => eachComponent(column.components, fn, includeAll, path, parent ? component : null));\n            }\n            else if (info.hasRows) {\n                component.rows.forEach((row) => {\n                    if (Array.isArray(row)) {\n                        row.forEach((column) => eachComponent(column.components, fn, includeAll, path, parent ? component : null));\n                    }\n                });\n            }\n            else if (info.hasComps) {\n                eachComponent(component.components, fn, includeAll, (0, exports.componentChildPath)(component, path), parent ? component : null);\n            }\n        }\n    });\n}\nexports.eachComponent = eachComponent;\n// Async each component.\nfunction eachComponentAsync(components_2, fn_1) {\n    return __awaiter(this, arguments, void 0, function* (components, fn, includeAll = false, path = \"\", parent) {\n        var _a, _b;\n        if (!components)\n            return;\n        for (let i = 0; i < components.length; i++) {\n            if (!components[i]) {\n                continue;\n            }\n            let component = components[i];\n            const info = componentInfo(component);\n            // Keep track of parent references.\n            if (parent) {\n                // Ensure we don't create infinite JSON structures.\n                Object.defineProperty(component, 'parent', {\n                    enumerable: false,\n                    writable: true,\n                    value: JSON.parse(JSON.stringify(parent))\n                });\n                Object.defineProperty(component.parent, 'parent', {\n                    enumerable: false,\n                    writable: true,\n                    value: parent.parent\n                });\n                Object.defineProperty(component.parent, 'path', {\n                    enumerable: false,\n                    writable: true,\n                    value: parent.path\n                });\n                delete component.parent.components;\n                delete component.parent.componentMap;\n                delete component.parent.columns;\n                delete component.parent.rows;\n            }\n            Object.defineProperty(component, 'path', {\n                enumerable: false,\n                writable: true,\n                value: componentPath(component, path)\n            });\n            if (includeAll || component.tree || !info.iterable) {\n                if (yield fn(component, component.path, components, parent)) {\n                    continue;\n                }\n            }\n            if (info.hasColumns) {\n                for (let j = 0; j < component.columns.length; j++) {\n                    yield eachComponentAsync((_a = component.columns[j]) === null || _a === void 0 ? void 0 : _a.components, fn, includeAll, path, parent ? component : null);\n                }\n            }\n            else if (info.hasRows) {\n                for (let j = 0; j < component.rows.length; j++) {\n                    let row = component.rows[j];\n                    if (Array.isArray(row)) {\n                        for (let k = 0; k < row.length; k++) {\n                            yield eachComponentAsync((_b = row[k]) === null || _b === void 0 ? void 0 : _b.components, fn, includeAll, path, parent ? component : null);\n                        }\n                    }\n                }\n            }\n            else if (info.hasComps) {\n                yield eachComponentAsync(component.components, fn, includeAll, (0, exports.componentChildPath)(component, path), parent ? component : null);\n            }\n        }\n    });\n}\nexports.eachComponentAsync = eachComponentAsync;\n// Provided components, data, and a key, this will return the components data.\nfunction getComponentData(components, data, path) {\n    const compData = { component: null, data: null };\n    (0, exports.eachComponentData)(components, data, (component, data, row, compPath) => {\n        if (compPath === path) {\n            compData.component = component;\n            compData.data = row;\n            return true;\n        }\n    });\n    return compData;\n}\nexports.getComponentData = getComponentData;\nfunction getComponentActualValue(component, compPath, data, row) {\n    var _a, _b;\n    // The compPath here will NOT contain the indexes for DataGrids and EditGrids.\n    //\n    //   a[0].b[2].c[3].d\n    //\n    // Because of this, we will need to determine our parent component path (not data path),\n    // and find the \"row\" based comp path.\n    //\n    //   a[0].b[2].c[3].d => a.b.c.d\n    //\n    if ((_a = component.parent) === null || _a === void 0 ? void 0 : _a.path) {\n        const parentCompPath = (_b = component.parent) === null || _b === void 0 ? void 0 : _b.path.replace(/\\[[0-9]+\\]/g, '');\n        compPath = compPath.replace(parentCompPath, '');\n        compPath = (0, lodash_1.trim)(compPath, '. ');\n    }\n    let value = null;\n    if (row) {\n        value = (0, lodash_1.get)(row, compPath);\n    }\n    if (data && (0, lodash_1.isNil)(value)) {\n        value = (0, lodash_1.get)(data, compPath);\n    }\n    if ((0, lodash_1.isNil)(value) || ((0, lodash_1.isObject)(value) && (0, lodash_1.isEmpty)(value))) {\n        value = '';\n    }\n    return value;\n}\nexports.getComponentActualValue = getComponentActualValue;\n/**\n * Determine if a component is a layout component or not.\n *\n * @param {Object} component\n *   The component to check.\n *\n * @returns {Boolean}\n *   Whether or not the component is a layout component.\n */\nfunction isLayoutComponent(component) {\n    return Boolean((component.columns && Array.isArray(component.columns)) ||\n        (component.rows && Array.isArray(component.rows)) ||\n        (component.components && Array.isArray(component.components)));\n}\nexports.isLayoutComponent = isLayoutComponent;\n/**\n * Matches if a component matches the query.\n *\n * @param component\n * @param query\n * @return {boolean}\n */\nfunction matchComponent(component, query) {\n    if ((0, lodash_1.isString)(query)) {\n        return (component.key === query) || (component.path === query);\n    }\n    else {\n        let matches = false;\n        (0, lodash_1.forOwn)(query, (value, key) => {\n            matches = ((0, lodash_1.get)(component, key) === value);\n            if (!matches) {\n                return false;\n            }\n        });\n        return matches;\n    }\n}\nexports.matchComponent = matchComponent;\n/**\n * Get a component by its key\n *\n * @param {Object} components - The components to iterate.\n * @param {String|Object} key - The key of the component to get, or a query of the component to search.\n * @returns {Component} - The component that matches the given key, or undefined if not found.\n */\nfunction getComponent(components, key, includeAll) {\n    let result;\n    eachComponent(components, (component, path) => {\n        if ((path === key) || (component.path === key)) {\n            result = component;\n            return true;\n        }\n    }, includeAll);\n    return result;\n}\nexports.getComponent = getComponent;\n/**\n * Finds a component provided a query of properties of that component.\n *\n * @param components\n * @param query\n * @return {*}\n */\nfunction searchComponents(components, query) {\n    const results = [];\n    eachComponent(components, (component) => {\n        if (matchComponent(component, query)) {\n            results.push(component);\n        }\n    }, true);\n    return results;\n}\nexports.searchComponents = searchComponents;\n/**\n * Remove a component by path.\n *\n * @param components\n * @param path\n */\nfunction removeComponent(components, path) {\n    // Using _.unset() leave a null value. Use Array splice instead.\n    // @ts-ignore\n    var index = path.pop();\n    if (path.length !== 0) {\n        components = (0, lodash_1.get)(components, path);\n    }\n    components.splice(index, 1);\n}\nexports.removeComponent = removeComponent;\n/**\n * Returns if this component has a conditional statement.\n *\n * @param component - The component JSON schema.\n *\n * @returns {boolean} - TRUE - This component has a conditional, FALSE - No conditional provided.\n */\nfunction hasCondition(component) {\n    return Boolean((component.customConditional) ||\n        (component.conditional && (component.conditional.when ||\n            component.conditional.json ||\n            component.conditional.conjunction)));\n}\nexports.hasCondition = hasCondition;\n/**\n * Extension of standard #parseFloat(value) function, that also clears input string.\n *\n * @param {any} value\n *   The value to parse.\n *\n * @returns {Number}\n *   Parsed value.\n */\nfunction parseFloatExt(value) {\n    return parseFloat((0, lodash_1.isString)(value)\n        ? value.replace(/[^\\de.+-]/gi, '')\n        : value);\n}\nexports.parseFloatExt = parseFloatExt;\n/**\n * Formats provided value in way how Currency component uses it.\n *\n * @param {any} value\n *   The value to format.\n *\n * @returns {String}\n *   Value formatted for Currency component.\n */\nfunction formatAsCurrency(value) {\n    const parsedValue = parseFloatExt(value);\n    if (isNaN(parsedValue)) {\n        return '';\n    }\n    const parts = (0, lodash_1.round)(parsedValue, 2)\n        .toString()\n        .split('.');\n    parts[0] = (0, lodash_1.chunk)(Array.from(parts[0]).reverse(), 3)\n        .reverse()\n        .map((part) => part\n        .reverse()\n        .join(''))\n        .join(',');\n    parts[1] = (0, lodash_1.pad)(parts[1], 2, '0');\n    return parts.join('.');\n}\nexports.formatAsCurrency = formatAsCurrency;\n/**\n * Escapes RegEx characters in provided String value.\n *\n * @param {String} value\n *   String for escaping RegEx characters.\n * @returns {string}\n *   String with escaped RegEx characters.\n */\nfunction escapeRegExCharacters(value) {\n    return value.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n}\nexports.escapeRegExCharacters = escapeRegExCharacters;\n/**\n * Get the value for a component key, in the given submission.\n *\n * @param {Object} submission\n *   A submission object to search.\n * @param {String} key\n *   A for components API key to search for.\n */\nfunction getValue(submission, key) {\n    const search = (data) => {\n        if ((0, lodash_1.isPlainObject)(data)) {\n            if ((0, lodash_1.has)(data, key)) {\n                return (0, lodash_1.get)(data, key);\n            }\n            let value = null;\n            (0, lodash_1.forOwn)(data, (prop) => {\n                const result = search(prop);\n                if (!(0, lodash_1.isNil)(result)) {\n                    value = result;\n                    return false;\n                }\n            });\n            return value;\n        }\n        else {\n            return null;\n        }\n    };\n    return search(submission.data);\n}\nexports.getValue = getValue;\n/**\n * Iterate over all components in a form and get string values for translation.\n * @param form\n */\nfunction getStrings(form) {\n    const properties = ['label', 'title', 'legend', 'tooltip', 'description', 'placeholder', 'prefix', 'suffix', 'errorLabel', 'content', 'html'];\n    const strings = [];\n    eachComponent(form.components, (component) => {\n        properties.forEach(property => {\n            if (component.hasOwnProperty(property) && component[property]) {\n                strings.push({\n                    key: component.key,\n                    type: component.type,\n                    property,\n                    string: component[property]\n                });\n            }\n        });\n        if ((!component.dataSrc || component.dataSrc === 'values') && component.hasOwnProperty('values') && Array.isArray(component.values) && component.values.length) {\n            component.values.forEach((value, index) => {\n                strings.push({\n                    key: component.key,\n                    property: `value[${index}].label`,\n                    string: component.values[index].label\n                });\n            });\n        }\n        // Hard coded values from Day component\n        if (component.type === 'day') {\n            [\n                'day',\n                'month',\n                'year',\n                'Day',\n                'Month',\n                'Year',\n                'january',\n                'february',\n                'march',\n                'april',\n                'may',\n                'june',\n                'july',\n                'august',\n                'september',\n                'october',\n                'november',\n                'december'\n            ].forEach(string => {\n                strings.push({\n                    key: component.key,\n                    property: 'day',\n                    string,\n                });\n            });\n            if (component.fields.day.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.day.placeholder',\n                    string: component.fields.day.placeholder,\n                });\n            }\n            if (component.fields.month.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.month.placeholder',\n                    string: component.fields.month.placeholder,\n                });\n            }\n            if (component.fields.year.placeholder) {\n                strings.push({\n                    key: component.key,\n                    property: 'fields.year.placeholder',\n                    string: component.fields.year.placeholder,\n                });\n            }\n        }\n        if (component.type === 'editgrid') {\n            const string = component.addAnother || 'Add Another';\n            if (component.addAnother) {\n                strings.push({\n                    key: component.key,\n                    property: 'addAnother',\n                    string,\n                });\n            }\n        }\n        if (component.type === 'select') {\n            [\n                'loading...',\n                'Type to search'\n            ].forEach(string => {\n                strings.push({\n                    key: component.key,\n                    property: 'select',\n                    string,\n                });\n            });\n        }\n    }, true);\n    return strings;\n}\nexports.getStrings = getStrings;\n// ?????????????????????????\n// questionable section\nfunction generateFormChange(type, data) {\n    let change;\n    switch (type) {\n        case 'add':\n            change = {\n                op: 'add',\n                key: data.component.key,\n                container: data.parent.key, // Parent component\n                path: data.path, // Path to container within parent component.\n                index: data.index, // Index of component in parent container.\n                component: data.component\n            };\n            break;\n        case 'edit':\n            change = {\n                op: 'edit',\n                key: data.originalComponent.key,\n                patches: (0, fast_json_patch_1.compare)(data.originalComponent, data.component)\n            };\n            // Don't save if nothing changed.\n            if (!change.patches.length) {\n                change = null;\n            }\n            break;\n        case 'remove':\n            change = {\n                op: 'remove',\n                key: data.component.key,\n            };\n            break;\n    }\n    return change;\n}\nexports.generateFormChange = generateFormChange;\nfunction applyFormChanges(form, changes) {\n    const failed = [];\n    changes.forEach(function (change) {\n        var found = false;\n        switch (change.op) {\n            case 'add':\n                var newComponent = change.component;\n                // Find the container to set the component in.\n                findComponent(form.components, change.container, null, function (parent) {\n                    if (!change.container) {\n                        parent = form;\n                    }\n                    // A move will first run an add so remove any existing components with matching key before inserting.\n                    findComponent(form.components, change.key, null, function (component, path) {\n                        // If found, use the existing component. (If someone else edited it, the changes would be here)\n                        newComponent = component;\n                        removeComponent(form.components, path);\n                    });\n                    found = true;\n                    var container = (0, lodash_1.get)(parent, change.path);\n                    container.splice(change.index, 0, newComponent);\n                });\n                break;\n            case 'remove':\n                findComponent(form.components, change.key, null, function (component, path) {\n                    found = true;\n                    const oldComponent = (0, lodash_1.get)(form.components, path);\n                    if (oldComponent.key !== component.key) {\n                        path.pop();\n                    }\n                    removeComponent(form.components, path);\n                });\n                break;\n            case 'edit':\n                findComponent(form.components, change.key, null, function (component, path) {\n                    found = true;\n                    try {\n                        const oldComponent = (0, lodash_1.get)(form.components, path);\n                        const newComponent = (0, fast_json_patch_1.applyPatch)(component, change.patches).newDocument;\n                        if (oldComponent.key !== newComponent.key) {\n                            path.pop();\n                        }\n                        (0, lodash_1.set)(form.components, path, newComponent);\n                    }\n                    catch (err) {\n                        failed.push(change);\n                    }\n                });\n                break;\n            case 'move':\n                break;\n        }\n        if (!found) {\n            failed.push(change);\n        }\n    });\n    return {\n        form,\n        failed\n    };\n}\nexports.applyFormChanges = applyFormChanges;\n/**\n* This function will find a component in a form and return the component AND THE PATH to the component in the form.\n* Path to the component is stored as an array of nested components and their indexes.The Path is being filled recursively\n* when you iterating through the nested structure.\n* If the component is not found the callback won't be called and function won't return anything.\n*\n* @param components\n* @param key\n* @param fn\n* @param path\n* @returns {*}\n*/\nfunction findComponent(components, key, path, fn) {\n    if (!components)\n        return;\n    path = path || [];\n    if (!key) {\n        return fn(components);\n    }\n    components.forEach(function (component, index) {\n        var newPath = path.slice();\n        // Add an index of the component it iterates through in nested structure\n        newPath.push(index);\n        if (!component)\n            return;\n        if (component.hasOwnProperty('columns') && Array.isArray(component.columns)) {\n            newPath.push('columns');\n            component.columns.forEach(function (column, index) {\n                var colPath = newPath.slice();\n                colPath.push(index);\n                colPath.push('components');\n                findComponent(column.components, key, colPath, fn);\n            });\n        }\n        if (component.hasOwnProperty('rows') && Array.isArray(component.rows)) {\n            newPath.push('rows');\n            component.rows.forEach(function (row, index) {\n                var rowPath = newPath.slice();\n                rowPath.push(index);\n                row.forEach(function (column, index) {\n                    var colPath = rowPath.slice();\n                    colPath.push(index);\n                    colPath.push('components');\n                    findComponent(column.components, key, colPath, fn);\n                });\n            });\n        }\n        if (component.hasOwnProperty('components') && Array.isArray(component.components)) {\n            newPath.push('components');\n            findComponent(component.components, key, newPath, fn);\n        }\n        if (component.key === key) {\n            //Final callback if the component is found\n            fn(component, newPath, components);\n        }\n    });\n}\nexports.findComponent = findComponent;\nconst isCheckboxComponent = (component) => component.type === 'checkbox';\nconst isDataGridComponent = (component) => component.type === 'datagrid';\nconst isEditGridComponent = (component) => component.type === 'editgrid';\nconst isDataTableComponent = (component) => component.type === 'datatable';\nconst hasChildComponents = (component) => component.components != null;\nconst isDateTimeComponent = (component) => component.type === 'datetime';\nconst isSelectBoxesComponent = (component) => component.type === 'selectboxes';\nconst isTextAreaComponent = (component) => component.type === 'textarea';\nconst isTextFieldComponent = (component) => component.type === 'textfield';\nfunction getEmptyValue(component) {\n    switch (component.type) {\n        case 'textarea':\n        case 'textfield':\n        case 'time':\n        case 'datetime':\n        case 'day':\n            return '';\n        case 'datagrid':\n        case 'editgrid':\n            return [];\n        default:\n            return null;\n    }\n}\nexports.getEmptyValue = getEmptyValue;\nconst replaceBlanks = (value) => {\n    const nbsp = '<p>&nbsp;</p>';\n    const br = '<p><br></p>';\n    const brNbsp = '<p><br>&nbsp;</p>';\n    const regExp = new RegExp(`^${nbsp}|${nbsp}$|^${br}|${br}$|^${brNbsp}|${brNbsp}$`, 'g');\n    return typeof value === 'string' ? value.replace(regExp, '').trim() : value;\n};\nfunction trimBlanks(value) {\n    if (!value) {\n        return value;\n    }\n    if (Array.isArray(value)) {\n        value = value.map((val) => replaceBlanks(val));\n    }\n    else {\n        value = replaceBlanks(value);\n    }\n    return value;\n}\nfunction isValueEmpty(component, value) {\n    const compValueIsEmptyArray = ((0, lodash_1.isArray)(value) && value.length === 1) ? (0, lodash_1.isEqual)(value[0], getEmptyValue(component)) : false;\n    return value == null || value === '' || ((0, lodash_1.isArray)(value) && value.length === 0) || compValueIsEmptyArray;\n}\nfunction isComponentDataEmpty(component, data, path) {\n    var _a;\n    const value = (0, lodash_1.get)(data, path);\n    if (isCheckboxComponent(component)) {\n        return isValueEmpty(component, value) || value === false;\n    }\n    else if (isDataGridComponent(component) || isEditGridComponent(component) || isDataTableComponent(component) || hasChildComponents(component)) {\n        if ((_a = component.components) === null || _a === void 0 ? void 0 : _a.length) {\n            let childrenEmpty = true;\n            // wrap component in an array to let eachComponentData handle introspection to child components (e.g. this will be different\n            // for data grids versus nested forms, etc.)\n            (0, exports.eachComponentData)([component], data, (thisComponent, data, row, path, components, index) => {\n                if (component.key === thisComponent.key)\n                    return;\n                if (!isComponentDataEmpty(thisComponent, data, path)) {\n                    childrenEmpty = false;\n                }\n            });\n            return isValueEmpty(component, value) || childrenEmpty;\n        }\n        return isValueEmpty(component, value);\n    }\n    else if (isDateTimeComponent(component)) {\n        return isValueEmpty(component, value) || value.toString() === 'Invalid date';\n    }\n    else if (isSelectBoxesComponent(component)) {\n        let selectBoxEmpty = true;\n        for (const key in value) {\n            if (value[key]) {\n                selectBoxEmpty = false;\n                break;\n            }\n        }\n        return isValueEmpty(component, value) || selectBoxEmpty;\n    }\n    else if (isTextAreaComponent(component)) {\n        const isPlain = !component.wysiwyg && !component.editor;\n        return isPlain ? typeof value === 'string' ? isValueEmpty(component, value.trim()) : isValueEmpty(component, value) : isValueEmpty(component, trimBlanks(value));\n    }\n    else if (isTextFieldComponent(component)) {\n        if (component.allowMultipleMasks && !!component.inputMasks && !!component.inputMasks.length) {\n            return isValueEmpty(component, value) || (component.multiple ? value.length === 0 : (!value.maskName || !value.value));\n        }\n        return isValueEmpty(component, value === null || value === void 0 ? void 0 : value.toString().trim());\n    }\n    return isValueEmpty(component, value);\n}\nexports.isComponentDataEmpty = isComponentDataEmpty;\n\n\n//# sourceURL=webpack://Formio/./node_modules/@formio/core/lib/utils/formUtil.js?");
 
 /***/ }),
 
@@ -666,7 +666,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.NominatimAddressProvider = void 0;\nconst AddressProvider_1 = __webpack_require__(/*! ./AddressProvider */ \"./lib/cjs/providers/address/AddressProvider.js\");\n/**\n * @typedef {object} NominatimAddressProviderOptionsParams\n * @property {{ addressdetails: string, format: string } } params - The parameters for the Nominatim API request.\n */\n/**\n * Represents an Nominatim address provider.\n * {extends AddressProvider}\n */\nclass NominatimAddressProvider extends AddressProvider_1.AddressProvider {\n    static get name() {\n        return 'nominatim';\n    }\n    /**\n     * Gets the display name of the address provider.\n     * @type {string}\n     */\n    static get displayName() {\n        return 'OpenStreetMap Nominatim';\n    }\n    /**\n     * Gets the default options for the address provider.\n     * @returns {NominatimAddressProviderOptionsParams}  The default options.\n     */\n    get defaultOptions() {\n        return {\n            params: {\n                addressdetails: '1',\n                format: 'json',\n            },\n        };\n    }\n    /**\n     * Gets the response property for the address provider.\n     * @type {string}\n     */\n    get queryProperty() {\n        return 'q';\n    }\n    /**\n     * Gets the display value property for the address provider.\n     * @returns {string} The property to use for display value.\n     */\n    get displayValueProperty() {\n        return 'display_name';\n    }\n    /**\n     * Generates the request URL for the address provider with options.\n     * @param {NominatimAddressProviderOptionsParams} options\n     * @returns {string} The formatted Url.\n     */\n    getRequestUrl(options = {}) {\n        const { params } = options;\n        return `https://nominatim.openstreetmap.org/search?${this.serialize(params)}`;\n    }\n}\nexports.NominatimAddressProvider = NominatimAddressProvider;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/address/NominatimAddressProvider.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.NominatimAddressProvider = void 0;\nconst AddressProvider_1 = __webpack_require__(/*! ./AddressProvider */ \"./lib/cjs/providers/address/AddressProvider.js\");\n/**\n * @typedef {object} NominatimAddressProviderOptionsParams\n * @property {{ addressdetails: string, format: string } } params - The parameters for the Nominatim API request.\n */\n/**\n * Represents an Nominatim address provider.\n * {extends AddressProvider}\n */\nclass NominatimAddressProvider extends AddressProvider_1.AddressProvider {\n    /**\n     * Gets the name of the address provider.\n     * @type {string}\n     */\n    static get name() {\n        return 'nominatim';\n    }\n    /**\n     * Gets the display name of the address provider.\n     * @type {string}\n     */\n    static get displayName() {\n        return 'OpenStreetMap Nominatim';\n    }\n    /**\n     * Gets the default options for the address provider.\n     * @returns {NominatimAddressProviderOptionsParams}  The default options.\n     */\n    get defaultOptions() {\n        return {\n            params: {\n                addressdetails: '1',\n                format: 'json',\n            },\n        };\n    }\n    /**\n     * Gets the response property for the address provider.\n     * @type {string}\n     */\n    get queryProperty() {\n        return 'q';\n    }\n    /**\n     * Gets the display value property for the address provider.\n     * @returns {string} The property to use for display value.\n     */\n    get displayValueProperty() {\n        return 'display_name';\n    }\n    /**\n     * Generates the request URL for the address provider with options.\n     * @param {NominatimAddressProviderOptionsParams} options - The request options.\n     * @returns {string} The formatted Url.\n     */\n    getRequestUrl(options = {}) {\n        const { params } = options;\n        return `https://nominatim.openstreetmap.org/search?${this.serialize(params)}`;\n    }\n}\nexports.NominatimAddressProvider = NominatimAddressProvider;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/address/NominatimAddressProvider.js?");
 
 /***/ }),
 
@@ -710,7 +710,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __importDefault(__webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\"));\n/**\n *\n * @param formio\n */\nfunction azure(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            return xhr_1.default.upload(formio, 'azure', (xhr, response) => {\n                xhr.openAndSetHeaders('PUT', response.url);\n                xhr.setRequestHeader('Content-Type', file.type);\n                xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');\n                return file;\n            }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then((response) => {\n                return {\n                    storage: 'azure',\n                    name: xhr_1.default.path([dir, fileName]),\n                    size: file.size,\n                    type: file.type,\n                    groupPermissions,\n                    groupId,\n                    key: response.key,\n                };\n            });\n        },\n        downloadFile(file) {\n            return formio.makeRequest('file', `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(file.name)}`, 'GET');\n        },\n        deleteFile: function deleteFile(fileInfo) {\n            var url = `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(fileInfo.name)}&key=${xhr_1.default.trim(fileInfo.key)}`;\n            return formio.makeRequest('', url, 'delete');\n        }\n    };\n}\nazure.title = 'Azure File Services';\nexports[\"default\"] = azure;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/azure.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __importDefault(__webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\"));\n/**\n * Azure File Services provider for file storage.\n * @param {object} formio formio instance\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction azure(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            return xhr_1.default.upload(formio, 'azure', (xhr, response) => {\n                xhr.openAndSetHeaders('PUT', response.url);\n                xhr.setRequestHeader('Content-Type', file.type);\n                xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');\n                return file;\n            }, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback).then((response) => {\n                return {\n                    storage: 'azure',\n                    name: xhr_1.default.path([dir, fileName]),\n                    size: file.size,\n                    type: file.type,\n                    groupPermissions,\n                    groupId,\n                    key: response.key,\n                };\n            });\n        },\n        downloadFile(file) {\n            return formio.makeRequest('file', `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(file.name)}`, 'GET');\n        },\n        deleteFile: function deleteFile(fileInfo) {\n            var url = `${formio.formUrl}/storage/azure?name=${xhr_1.default.trim(fileInfo.name)}&key=${xhr_1.default.trim(fileInfo.key)}`;\n            return formio.makeRequest('', url, 'delete');\n        }\n    };\n}\nazure.title = 'Azure File Services';\nexports[\"default\"] = azure;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/azure.js?");
 
 /***/ }),
 
@@ -721,7 +721,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\n *\n */\nfunction base64() {\n    return {\n        title: 'Base64',\n        name: 'base64',\n        uploadFile(file, fileName) {\n            const reader = new FileReader();\n            return new Promise((resolve, reject) => {\n                reader.onload = (event) => {\n                    const url = event.target.result;\n                    resolve({\n                        storage: 'base64',\n                        name: fileName,\n                        url: url,\n                        size: file.size,\n                        type: file.type,\n                    });\n                };\n                reader.onerror = () => {\n                    return reject(this);\n                };\n                reader.readAsDataURL(file);\n            });\n        },\n        downloadFile(file) {\n            // Return the original as there is nothing to do.\n            return Promise.resolve(file);\n        },\n    };\n}\nbase64.title = 'Base64';\nexports[\"default\"] = base64;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/base64.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\n * base64 File Services provider for file storage.\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction base64() {\n    return {\n        title: 'Base64',\n        name: 'base64',\n        uploadFile(file, fileName) {\n            const reader = new FileReader();\n            return new Promise((resolve, reject) => {\n                reader.onload = (event) => {\n                    const url = event.target.result;\n                    resolve({\n                        storage: 'base64',\n                        name: fileName,\n                        url: url,\n                        size: file.size,\n                        type: file.type,\n                    });\n                };\n                reader.onerror = () => {\n                    return reject(this);\n                };\n                reader.readAsDataURL(file);\n            });\n        },\n        downloadFile(file) {\n            // Return the original as there is nothing to do.\n            return Promise.resolve(file);\n        },\n    };\n}\nbase64.title = 'Base64';\nexports[\"default\"] = base64;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/base64.js?");
 
 /***/ }),
 
@@ -732,7 +732,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\");\n/**\n *\n * @param formio\n */\nfunction googledrive(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            return new Promise(((resolve, reject) => {\n                // Send the file with data.\n                const xhr = new XMLHttpRequest();\n                if (typeof progressCallback === 'function') {\n                    xhr.upload.onprogress = progressCallback;\n                }\n                if (typeof abortCallback === 'function') {\n                    abortCallback(() => xhr.abort());\n                }\n                const fd = new FormData();\n                fd.append('name', fileName);\n                fd.append('dir', dir);\n                fd.append('file', file);\n                // Fire on network error.\n                xhr.onerror = (err) => {\n                    err.networkError = true;\n                    reject(err);\n                };\n                xhr.onload = () => {\n                    if (xhr.status >= 200 && xhr.status < 300) {\n                        const response = JSON.parse(xhr.response);\n                        response.storage = 'googledrive';\n                        response.size = file.size;\n                        response.type = file.type;\n                        response.groupId = groupId;\n                        response.groupPermissions = groupPermissions;\n                        resolve(response);\n                    }\n                    else {\n                        reject(xhr.response || 'Unable to upload file');\n                    }\n                };\n                xhr.onabort = reject;\n                xhr.open('POST', `${formio.formUrl}/storage/gdrive`);\n                (0, xhr_1.setXhrHeaders)(formio, xhr);\n                const token = formio.getToken();\n                if (token) {\n                    xhr.setRequestHeader('x-jwt-token', token);\n                }\n                xhr.send(fd);\n            }));\n        },\n        downloadFile(file) {\n            const token = formio.getToken();\n            file.url =\n                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;\n            return Promise.resolve(file);\n        },\n        deleteFile: function deleteFile(fileInfo) {\n            var url = ''.concat(formio.formUrl, `/storage/gdrive?id=${fileInfo.id}&name=${fileInfo.originalName}`);\n            return formio.makeRequest('', url, 'delete');\n        },\n    };\n}\ngoogledrive.title = 'Google Drive';\nexports[\"default\"] = googledrive;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/googleDrive.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\");\n/**\n *\n * Google Drive provider for file storage.\n * @param {object} formio - formio instance\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction googledrive(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            return new Promise(((resolve, reject) => {\n                // Send the file with data.\n                const xhr = new XMLHttpRequest();\n                if (typeof progressCallback === 'function') {\n                    xhr.upload.onprogress = progressCallback;\n                }\n                if (typeof abortCallback === 'function') {\n                    abortCallback(() => xhr.abort());\n                }\n                const fd = new FormData();\n                fd.append('name', fileName);\n                fd.append('dir', dir);\n                fd.append('file', file);\n                // Fire on network error.\n                xhr.onerror = (err) => {\n                    err.networkError = true;\n                    reject(err);\n                };\n                xhr.onload = () => {\n                    if (xhr.status >= 200 && xhr.status < 300) {\n                        const response = JSON.parse(xhr.response);\n                        response.storage = 'googledrive';\n                        response.size = file.size;\n                        response.type = file.type;\n                        response.groupId = groupId;\n                        response.groupPermissions = groupPermissions;\n                        resolve(response);\n                    }\n                    else {\n                        reject(xhr.response || 'Unable to upload file');\n                    }\n                };\n                xhr.onabort = reject;\n                xhr.open('POST', `${formio.formUrl}/storage/gdrive`);\n                (0, xhr_1.setXhrHeaders)(formio, xhr);\n                const token = formio.getToken();\n                if (token) {\n                    xhr.setRequestHeader('x-jwt-token', token);\n                }\n                xhr.send(fd);\n            }));\n        },\n        downloadFile(file) {\n            const token = formio.getToken();\n            file.url =\n                `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;\n            return Promise.resolve(file);\n        },\n        deleteFile: function deleteFile(fileInfo) {\n            var url = ''.concat(formio.formUrl, `/storage/gdrive?id=${fileInfo.id}&name=${fileInfo.originalName}`);\n            return formio.makeRequest('', url, 'delete');\n        },\n    };\n}\ngoogledrive.title = 'Google Drive';\nexports[\"default\"] = googledrive;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/googleDrive.js?");
 
 /***/ }),
 
@@ -754,7 +754,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst uuid_1 = __webpack_require__(/*! uuid */ \"./node_modules/uuid/dist/commonjs-browser/index.js\");\n/**\n *\n */\nfunction indexeddb() {\n    return {\n        title: 'indexedDB',\n        name: 'indexeddb',\n        uploadFile(file, fileName, dir, progressCallback, url, options) {\n            if (!('indexedDB' in window)) {\n                console.log('This browser doesn\\'t support IndexedDB');\n                return;\n            }\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n                request.onupgradeneeded = function (e) {\n                    const db = e.target.result;\n                    db.createObjectStore(options.indexeddbTable);\n                };\n            }).then((db) => {\n                const reader = new FileReader();\n                return new Promise((resolve, reject) => {\n                    reader.onload = () => {\n                        const blobObject = new Blob([file], { type: file.type });\n                        const id = (0, uuid_1.v4)(blobObject);\n                        const data = {\n                            id,\n                            data: blobObject,\n                            name: file.name,\n                            size: file.size,\n                            type: file.type,\n                            url,\n                        };\n                        const trans = db.transaction([options.indexeddbTable], 'readwrite');\n                        const addReq = trans.objectStore(options.indexeddbTable).put(data, id);\n                        addReq.onerror = function (e) {\n                            console.log('error storing data');\n                            console.error(e);\n                        };\n                        trans.oncomplete = function () {\n                            resolve({\n                                storage: 'indexeddb',\n                                name: file.name,\n                                size: file.size,\n                                type: file.type,\n                                url: url,\n                                id,\n                            });\n                        };\n                    };\n                    reader.onerror = () => {\n                        return reject(this);\n                    };\n                    reader.readAsDataURL(file);\n                });\n            });\n        },\n        downloadFile(file, options) {\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n            }).then((db) => {\n                return new Promise((resolve, reject) => {\n                    const trans = db.transaction([options.indexeddbTable], 'readonly');\n                    const store = trans.objectStore(options.indexeddbTable).get(file.id);\n                    store.onsuccess = () => {\n                        trans.oncomplete = () => {\n                            const result = store.result;\n                            const dbFile = new File([store.result.data], file.name, {\n                                type: store.result.type,\n                            });\n                            const reader = new FileReader();\n                            reader.onload = (event) => {\n                                result.url = event.target.result;\n                                result.storage = file.storage;\n                                resolve(result);\n                            };\n                            reader.onerror = () => {\n                                return reject(this);\n                            };\n                            reader.readAsDataURL(dbFile);\n                        };\n                    };\n                    store.onerror = () => {\n                        return reject(this);\n                    };\n                });\n            });\n        },\n        deleteFile(file, options) {\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n            }).then((db) => {\n                return new Promise((resolve, reject) => {\n                    const trans = db.transaction([options.indexeddbTable], 'readwrite');\n                    const store = trans.objectStore(options.indexeddbTable).delete(file.id);\n                    store.onsuccess = () => {\n                        trans.oncomplete = () => {\n                            const result = store.result;\n                            resolve(result);\n                        };\n                    };\n                    store.onerror = () => {\n                        return reject(this);\n                    };\n                });\n            });\n        },\n    };\n}\nindexeddb.title = 'IndexedDB';\nexports[\"default\"] = indexeddb;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/indexeddb.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst uuid_1 = __webpack_require__(/*! uuid */ \"./node_modules/uuid/dist/commonjs-browser/index.js\");\n/**\n * indexedDb provider for file storage.\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction indexeddb() {\n    return {\n        title: 'indexedDB',\n        name: 'indexeddb',\n        uploadFile(file, fileName, dir, progressCallback, url, options) {\n            if (!('indexedDB' in window)) {\n                console.log('This browser doesn\\'t support IndexedDB');\n                return;\n            }\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n                request.onupgradeneeded = function (e) {\n                    const db = e.target.result;\n                    db.createObjectStore(options.indexeddbTable);\n                };\n            }).then((db) => {\n                const reader = new FileReader();\n                return new Promise((resolve, reject) => {\n                    reader.onload = () => {\n                        const blobObject = new Blob([file], { type: file.type });\n                        const id = (0, uuid_1.v4)(blobObject);\n                        const data = {\n                            id,\n                            data: blobObject,\n                            name: file.name,\n                            size: file.size,\n                            type: file.type,\n                            url,\n                        };\n                        const trans = db.transaction([options.indexeddbTable], 'readwrite');\n                        const addReq = trans.objectStore(options.indexeddbTable).put(data, id);\n                        addReq.onerror = function (e) {\n                            console.log('error storing data');\n                            console.error(e);\n                        };\n                        trans.oncomplete = function () {\n                            resolve({\n                                storage: 'indexeddb',\n                                name: file.name,\n                                size: file.size,\n                                type: file.type,\n                                url: url,\n                                id,\n                            });\n                        };\n                    };\n                    reader.onerror = () => {\n                        return reject(this);\n                    };\n                    reader.readAsDataURL(file);\n                });\n            });\n        },\n        downloadFile(file, options) {\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n            }).then((db) => {\n                return new Promise((resolve, reject) => {\n                    const trans = db.transaction([options.indexeddbTable], 'readonly');\n                    const store = trans.objectStore(options.indexeddbTable).get(file.id);\n                    store.onsuccess = () => {\n                        trans.oncomplete = () => {\n                            const result = store.result;\n                            const dbFile = new File([store.result.data], file.name, {\n                                type: store.result.type,\n                            });\n                            const reader = new FileReader();\n                            reader.onload = (event) => {\n                                result.url = event.target.result;\n                                result.storage = file.storage;\n                                resolve(result);\n                            };\n                            reader.onerror = () => {\n                                return reject(this);\n                            };\n                            reader.readAsDataURL(dbFile);\n                        };\n                    };\n                    store.onerror = () => {\n                        return reject(this);\n                    };\n                });\n            });\n        },\n        deleteFile(file, options) {\n            return new Promise((resolve) => {\n                const request = indexedDB.open(options.indexeddb);\n                request.onsuccess = function (event) {\n                    const db = event.target.result;\n                    resolve(db);\n                };\n            }).then((db) => {\n                return new Promise((resolve, reject) => {\n                    const trans = db.transaction([options.indexeddbTable], 'readwrite');\n                    const store = trans.objectStore(options.indexeddbTable).delete(file.id);\n                    store.onsuccess = () => {\n                        trans.oncomplete = () => {\n                            const result = store.result;\n                            resolve(result);\n                        };\n                    };\n                    store.onerror = () => {\n                        return reject(this);\n                    };\n                });\n            });\n        },\n    };\n}\nindexeddb.title = 'IndexedDB';\nexports[\"default\"] = indexeddb;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/indexeddb.js?");
 
 /***/ }),
 
@@ -765,7 +765,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\ncons
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __importDefault(__webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\"));\nconst util_1 = __webpack_require__(/*! ./util */ \"./lib/cjs/providers/storage/util.js\");\nconst loadAbortControllerPolyfill = () => __awaiter(void 0, void 0, void 0, function* () {\n    if (typeof AbortController === 'undefined') {\n        yield Promise.resolve().then(() => __importStar(__webpack_require__(/*! abortcontroller-polyfill/dist/polyfill-patch-fetch */ \"./node_modules/abortcontroller-polyfill/dist/polyfill-patch-fetch.js\")));\n    }\n});\n/**\n *\n * @param formio\n */\nfunction s3(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {\n            return __awaiter(this, void 0, void 0, function* () {\n                const xhrCallback = (xhr, response, abortCallback) => __awaiter(this, void 0, void 0, function* () {\n                    response.data.fileName = fileName;\n                    response.data.key = xhr_1.default.path([response.data.key, dir, fileName]);\n                    if (response.signed) {\n                        if (multipartOptions && Array.isArray(response.signed)) {\n                            // patch abort callback\n                            yield loadAbortControllerPolyfill();\n                            const abortController = new AbortController();\n                            const abortSignal = abortController.signal;\n                            if (typeof abortCallback === 'function') {\n                                abortCallback(() => abortController.abort());\n                            }\n                            try {\n                                const parts = yield this.uploadParts(file, response.signed, response.data.headers, response.partSizeActual, multipartOptions, abortSignal);\n                                yield (0, util_1.withRetries)(this.completeMultipartUpload, [response, parts, multipartOptions], 3);\n                                return;\n                            }\n                            catch (err) {\n                                // abort in-progress fetch requests\n                                abortController.abort();\n                                // attempt to cancel the multipart upload\n                                this.abortMultipartUpload(response);\n                                throw err;\n                            }\n                        }\n                        else {\n                            xhr.openAndSetHeaders('PUT', response.signed);\n                            xhr.setRequestHeader('Content-Type', file.type);\n                            if (response.data.headers) {\n                                Object.keys(response.data.headers).forEach((key) => {\n                                    xhr.setRequestHeader(key, response.data.headers[key]);\n                                });\n                            }\n                            return file;\n                        }\n                    }\n                    else {\n                        const fd = new FormData();\n                        for (const key in response.data) {\n                            fd.append(key, response.data[key]);\n                        }\n                        fd.append('file', file);\n                        xhr.openAndSetHeaders('POST', response.url);\n                        return fd;\n                    }\n                });\n                const response = yield xhr_1.default.upload(formio, 's3', xhrCallback, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback, multipartOptions);\n                return {\n                    storage: 's3',\n                    name: fileName,\n                    bucket: response.bucket,\n                    key: response.data.key,\n                    url: xhr_1.default.path([response.url, response.data.key]),\n                    acl: response.data.acl,\n                    size: file.size,\n                    type: file.type\n                };\n            });\n        },\n        completeMultipartUpload(serverResponse, parts, multipart) {\n            return __awaiter(this, void 0, void 0, function* () {\n                const { changeMessage } = multipart;\n                changeMessage('Completing AWS S3 multipart upload...');\n                const token = formio.getToken();\n                const response = yield fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {\n                    method: 'POST',\n                    headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),\n                    body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key })\n                });\n                const message = yield response.text();\n                if (!response.ok) {\n                    throw new Error(message);\n                }\n                // the AWS S3 SDK CompleteMultipartUpload command can return a HTTP 200 status header but still error;\n                // we need to parse, and according to AWS, to retry\n                if (message.match(/Error/)) {\n                    throw new Error(message);\n                }\n            });\n        },\n        abortMultipartUpload(serverResponse) {\n            const { uploadId, key } = serverResponse;\n            const token = formio.getToken();\n            fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {\n                method: 'POST',\n                headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),\n                body: JSON.stringify({ uploadId, key })\n            }).catch((err) => console.error('Error while aborting multipart upload:', err));\n        },\n        uploadParts(file, urls, headers, partSize, multipart, abortSignal) {\n            const { changeMessage, progressCallback } = multipart;\n            changeMessage('Chunking and uploading parts to AWS S3...');\n            const promises = [];\n            for (let i = 0; i < urls.length; i++) {\n                const start = i * partSize;\n                const end = (i + 1) * partSize;\n                const blob = i < urls.length ? file.slice(start, end) : file.slice(start);\n                const promise = fetch(urls[i], {\n                    method: 'PUT',\n                    headers,\n                    body: blob,\n                    signal: abortSignal,\n                }).then((res) => {\n                    if (res.ok) {\n                        progressCallback(urls.length);\n                        const eTag = res.headers.get('etag');\n                        if (!eTag) {\n                            throw new Error('ETag header not found; it must be exposed in S3 bucket CORS settings');\n                        }\n                        return { ETag: eTag, PartNumber: i + 1 };\n                    }\n                    else {\n                        throw new Error(`Part no ${i} failed with status ${res.status}`);\n                    }\n                });\n                promises.push(promise);\n            }\n            return Promise.all(promises);\n        },\n        downloadFile(file) {\n            if (file.acl !== 'public-read') {\n                return formio.makeRequest('file', `${formio.formUrl}/storage/s3?bucket=${xhr_1.default.trim(file.bucket)}&key=${xhr_1.default.trim(file.key)}`, 'GET');\n            }\n            else {\n                return Promise.resolve(file);\n            }\n        },\n        deleteFile(fileInfo) {\n            const url = `${formio.formUrl}/storage/s3?bucket=${xhr_1.default.trim(fileInfo.bucket)}&key=${xhr_1.default.trim(fileInfo.key)}`;\n            return formio.makeRequest('', url, 'delete');\n        },\n    };\n}\ns3.title = 'S3';\nexports[\"default\"] = s3;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/s3.js?");
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst xhr_1 = __importDefault(__webpack_require__(/*! ./xhr */ \"./lib/cjs/providers/storage/xhr.js\"));\nconst util_1 = __webpack_require__(/*! ./util */ \"./lib/cjs/providers/storage/util.js\");\nconst loadAbortControllerPolyfill = () => __awaiter(void 0, void 0, void 0, function* () {\n    if (typeof AbortController === 'undefined') {\n        yield Promise.resolve().then(() => __importStar(__webpack_require__(/*! abortcontroller-polyfill/dist/polyfill-patch-fetch */ \"./node_modules/abortcontroller-polyfill/dist/polyfill-patch-fetch.js\")));\n    }\n});\n/**\n * S3 File Services provider for file storage.\n * @param {object} formio formio instance\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction s3(formio) {\n    return {\n        uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {\n            return __awaiter(this, void 0, void 0, function* () {\n                const xhrCallback = (xhr, response, abortCallback) => __awaiter(this, void 0, void 0, function* () {\n                    response.data.fileName = fileName;\n                    response.data.key = xhr_1.default.path([response.data.key, dir, fileName]);\n                    if (response.signed) {\n                        if (multipartOptions && Array.isArray(response.signed)) {\n                            // patch abort callback\n                            yield loadAbortControllerPolyfill();\n                            const abortController = new AbortController();\n                            const abortSignal = abortController.signal;\n                            if (typeof abortCallback === 'function') {\n                                abortCallback(() => abortController.abort());\n                            }\n                            try {\n                                const parts = yield this.uploadParts(file, response.signed, response.data.headers, response.partSizeActual, multipartOptions, abortSignal);\n                                yield (0, util_1.withRetries)(this.completeMultipartUpload, [response, parts, multipartOptions], 3);\n                                return;\n                            }\n                            catch (err) {\n                                // abort in-progress fetch requests\n                                abortController.abort();\n                                // attempt to cancel the multipart upload\n                                this.abortMultipartUpload(response);\n                                throw err;\n                            }\n                        }\n                        else {\n                            xhr.openAndSetHeaders('PUT', response.signed);\n                            xhr.setRequestHeader('Content-Type', file.type);\n                            if (response.data.headers) {\n                                Object.keys(response.data.headers).forEach((key) => {\n                                    xhr.setRequestHeader(key, response.data.headers[key]);\n                                });\n                            }\n                            return file;\n                        }\n                    }\n                    else {\n                        const fd = new FormData();\n                        for (const key in response.data) {\n                            fd.append(key, response.data[key]);\n                        }\n                        fd.append('file', file);\n                        xhr.openAndSetHeaders('POST', response.url);\n                        return fd;\n                    }\n                });\n                const response = yield xhr_1.default.upload(formio, 's3', xhrCallback, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback, multipartOptions);\n                return {\n                    storage: 's3',\n                    name: fileName,\n                    bucket: response.bucket,\n                    key: response.data.key,\n                    url: xhr_1.default.path([response.url, response.data.key]),\n                    acl: response.data.acl,\n                    size: file.size,\n                    type: file.type\n                };\n            });\n        },\n        completeMultipartUpload(serverResponse, parts, multipart) {\n            return __awaiter(this, void 0, void 0, function* () {\n                const { changeMessage } = multipart;\n                changeMessage('Completing AWS S3 multipart upload...');\n                const token = formio.getToken();\n                const response = yield fetch(`${formio.formUrl}/storage/s3/multipart/complete`, {\n                    method: 'POST',\n                    headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),\n                    body: JSON.stringify({ parts, uploadId: serverResponse.uploadId, key: serverResponse.key })\n                });\n                const message = yield response.text();\n                if (!response.ok) {\n                    throw new Error(message);\n                }\n                // the AWS S3 SDK CompleteMultipartUpload command can return a HTTP 200 status header but still error;\n                // we need to parse, and according to AWS, to retry\n                if (message.match(/Error/)) {\n                    throw new Error(message);\n                }\n            });\n        },\n        abortMultipartUpload(serverResponse) {\n            const { uploadId, key } = serverResponse;\n            const token = formio.getToken();\n            fetch(`${formio.formUrl}/storage/s3/multipart/abort`, {\n                method: 'POST',\n                headers: Object.assign({ 'Content-Type': 'application/json' }, (token ? { 'x-jwt-token': token } : {})),\n                body: JSON.stringify({ uploadId, key })\n            }).catch((err) => console.error('Error while aborting multipart upload:', err));\n        },\n        uploadParts(file, urls, headers, partSize, multipart, abortSignal) {\n            const { changeMessage, progressCallback } = multipart;\n            changeMessage('Chunking and uploading parts to AWS S3...');\n            const promises = [];\n            for (let i = 0; i < urls.length; i++) {\n                const start = i * partSize;\n                const end = (i + 1) * partSize;\n                const blob = i < urls.length ? file.slice(start, end) : file.slice(start);\n                const promise = fetch(urls[i], {\n                    method: 'PUT',\n                    headers,\n                    body: blob,\n                    signal: abortSignal,\n                }).then((res) => {\n                    if (res.ok) {\n                        progressCallback(urls.length);\n                        const eTag = res.headers.get('etag');\n                        if (!eTag) {\n                            throw new Error('ETag header not found; it must be exposed in S3 bucket CORS settings');\n                        }\n                        return { ETag: eTag, PartNumber: i + 1 };\n                    }\n                    else {\n                        throw new Error(`Part no ${i} failed with status ${res.status}`);\n                    }\n                });\n                promises.push(promise);\n            }\n            return Promise.all(promises);\n        },\n        downloadFile(file) {\n            if (file.acl !== 'public-read') {\n                return formio.makeRequest('file', `${formio.formUrl}/storage/s3?bucket=${xhr_1.default.trim(file.bucket)}&key=${xhr_1.default.trim(file.key)}`, 'GET');\n            }\n            else {\n                return Promise.resolve(file);\n            }\n        },\n        deleteFile(fileInfo) {\n            const url = `${formio.formUrl}/storage/s3?bucket=${xhr_1.default.trim(fileInfo.bucket)}&key=${xhr_1.default.trim(fileInfo.key)}`;\n            return formio.makeRequest('', url, 'delete');\n        },\n    };\n}\ns3.title = 'S3';\nexports[\"default\"] = s3;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/s3.js?");
 
 /***/ }),
 
@@ -776,7 +776,7 @@ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ?
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\n *\n * @param formio\n */\nfunction url(formio) {\n    /**\n     *\n     * @param options\n     * @param xhr\n     */\n    function setOptions(options, xhr) {\n        const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;\n        for (const prop in parsedOptions) {\n            if (prop === 'headers') {\n                const headers = parsedOptions['headers'];\n                for (const header in headers) {\n                    xhr.setRequestHeader(header, headers[header]);\n                }\n            }\n            else {\n                xhr[prop] = parsedOptions[prop];\n            }\n        }\n    }\n    const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {\n        return new Promise((resolve, reject) => {\n            const xhr = new XMLHttpRequest();\n            const json = (typeof data === 'string');\n            const fd = new FormData();\n            if (typeof progressCallback === 'function') {\n                xhr.upload.onprogress = progressCallback;\n            }\n            if (typeof abortCallback === 'function') {\n                abortCallback(() => xhr.abort());\n            }\n            if (!json) {\n                for (const key in data) {\n                    fd.append(key, data[key]);\n                }\n            }\n            xhr.onload = () => {\n                if (xhr.status >= 200 && xhr.status < 300) {\n                    // Need to test if xhr.response is decoded or not.\n                    let respData = {};\n                    try {\n                        respData = (typeof xhr.response === 'string') ? JSON.parse(xhr.response) : {};\n                        respData = (respData && respData.data) ? respData.data : respData;\n                    }\n                    catch (err) {\n                        respData = {};\n                    }\n                    // Get the url of the file.\n                    let respUrl = respData.hasOwnProperty('url') ? respData.url : `${xhr.responseURL}/${name}`;\n                    // If they provide relative url, then prepend the url.\n                    if (respUrl && respUrl[0] === '/') {\n                        respUrl = `${url}${respUrl}`;\n                    }\n                    resolve({ url: respUrl, data: respData });\n                }\n                else {\n                    reject(xhr.response || 'Unable to upload file');\n                }\n            };\n            xhr.onerror = () => reject(xhr);\n            xhr.onabort = () => reject(xhr);\n            let requestUrl = url + (url.indexOf('?') > -1 ? '&' : '?');\n            for (const key in query) {\n                requestUrl += `${key}=${query[key]}&`;\n            }\n            if (requestUrl[requestUrl.length - 1] === '&') {\n                requestUrl = requestUrl.substr(0, requestUrl.length - 1);\n            }\n            xhr.open('POST', requestUrl);\n            if (json) {\n                xhr.setRequestHeader('Content-Type', 'application/json');\n            }\n            const token = formio.getToken();\n            if (token) {\n                xhr.setRequestHeader('x-jwt-token', token);\n            }\n            //Overrides previous request props\n            if (options) {\n                setOptions(options, xhr);\n            }\n            xhr.send(json ? data : fd);\n        });\n    };\n    return {\n        title: 'Url',\n        name: 'url',\n        uploadFile(file, name, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            const uploadRequest = function (form) {\n                return xhrRequest(url, name, {\n                    baseUrl: encodeURIComponent(formio.projectUrl),\n                    project: form ? form.project : '',\n                    form: form ? form._id : ''\n                }, {\n                    [fileKey]: file,\n                    name,\n                    dir\n                }, options, progressCallback, abortCallback).then(response => {\n                    // Store the project and form url along with the metadata.\n                    response.data = response.data || {};\n                    response.data.baseUrl = formio.projectUrl;\n                    response.data.project = form ? form.project : '';\n                    response.data.form = form ? form._id : '';\n                    return {\n                        storage: 'url',\n                        name,\n                        url: response.url,\n                        size: file.size,\n                        type: file.type,\n                        data: response.data\n                    };\n                });\n            };\n            if (file.private && formio.formId) {\n                return formio.loadForm().then((form) => uploadRequest(form));\n            }\n            else {\n                return uploadRequest();\n            }\n        },\n        deleteFile(fileInfo, options) {\n            return new Promise((resolve, reject) => {\n                const xhr = new XMLHttpRequest();\n                xhr.open('DELETE', fileInfo.url, true);\n                xhr.onload = () => {\n                    if (xhr.status >= 200 && xhr.status < 300) {\n                        resolve('File deleted');\n                    }\n                    else {\n                        reject(xhr.response || 'Unable to delete file');\n                    }\n                };\n                if (options) {\n                    setOptions(options, xhr);\n                }\n                xhr.send(null);\n            });\n        },\n        downloadFile(file) {\n            if (file.private) {\n                if (formio.submissionId && file.data) {\n                    file.data.submission = formio.submissionId;\n                }\n                return xhrRequest(file.url, file.name, {}, JSON.stringify(file)).then(response => response.data);\n            }\n            // Return the original as there is nothing to do.\n            return Promise.resolve(file);\n        }\n    };\n}\nurl.title = 'Url';\nexports[\"default\"] = url;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/url.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\n *\n * @param {object} formio - formio instance\n * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.\n */\nfunction url(formio) {\n    /**\n     *\n     * @param {object} options - options to set on the xhr\n     * @param {object} xhr - the xhr object\n     */\n    function setOptions(options, xhr) {\n        const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;\n        for (const prop in parsedOptions) {\n            if (prop === 'headers') {\n                const headers = parsedOptions['headers'];\n                for (const header in headers) {\n                    xhr.setRequestHeader(header, headers[header]);\n                }\n            }\n            else {\n                xhr[prop] = parsedOptions[prop];\n            }\n        }\n    }\n    const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {\n        return new Promise((resolve, reject) => {\n            const xhr = new XMLHttpRequest();\n            const json = (typeof data === 'string');\n            const fd = new FormData();\n            if (typeof progressCallback === 'function') {\n                xhr.upload.onprogress = progressCallback;\n            }\n            if (typeof abortCallback === 'function') {\n                abortCallback(() => xhr.abort());\n            }\n            if (!json) {\n                for (const key in data) {\n                    fd.append(key, data[key]);\n                }\n            }\n            xhr.onload = () => {\n                if (xhr.status >= 200 && xhr.status < 300) {\n                    // Need to test if xhr.response is decoded or not.\n                    let respData = {};\n                    try {\n                        respData = (typeof xhr.response === 'string') ? JSON.parse(xhr.response) : {};\n                        respData = (respData && respData.data) ? respData.data : respData;\n                    }\n                    catch (err) {\n                        respData = {};\n                    }\n                    // Get the url of the file.\n                    let respUrl = respData.hasOwnProperty('url') ? respData.url : `${xhr.responseURL}/${name}`;\n                    // If they provide relative url, then prepend the url.\n                    if (respUrl && respUrl[0] === '/') {\n                        respUrl = `${url}${respUrl}`;\n                    }\n                    resolve({ url: respUrl, data: respData });\n                }\n                else {\n                    reject(xhr.response || 'Unable to upload file');\n                }\n            };\n            xhr.onerror = () => reject(xhr);\n            xhr.onabort = () => reject(xhr);\n            let requestUrl = url + (url.indexOf('?') > -1 ? '&' : '?');\n            for (const key in query) {\n                requestUrl += `${key}=${query[key]}&`;\n            }\n            if (requestUrl[requestUrl.length - 1] === '&') {\n                requestUrl = requestUrl.substr(0, requestUrl.length - 1);\n            }\n            xhr.open('POST', requestUrl);\n            if (json) {\n                xhr.setRequestHeader('Content-Type', 'application/json');\n            }\n            const token = formio.getToken();\n            if (token) {\n                xhr.setRequestHeader('x-jwt-token', token);\n            }\n            //Overrides previous request props\n            if (options) {\n                setOptions(options, xhr);\n            }\n            xhr.send(json ? data : fd);\n        });\n    };\n    return {\n        title: 'Url',\n        name: 'url',\n        uploadFile(file, name, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {\n            const uploadRequest = function (form) {\n                return xhrRequest(url, name, {\n                    baseUrl: encodeURIComponent(formio.projectUrl),\n                    project: form ? form.project : '',\n                    form: form ? form._id : ''\n                }, {\n                    [fileKey]: file,\n                    name,\n                    dir\n                }, options, progressCallback, abortCallback).then(response => {\n                    // Store the project and form url along with the metadata.\n                    response.data = response.data || {};\n                    response.data.baseUrl = formio.projectUrl;\n                    response.data.project = form ? form.project : '';\n                    response.data.form = form ? form._id : '';\n                    return {\n                        storage: 'url',\n                        name,\n                        url: response.url,\n                        size: file.size,\n                        type: file.type,\n                        data: response.data\n                    };\n                });\n            };\n            if (file.private && formio.formId) {\n                return formio.loadForm().then((form) => uploadRequest(form));\n            }\n            else {\n                return uploadRequest();\n            }\n        },\n        deleteFile(fileInfo, options) {\n            return new Promise((resolve, reject) => {\n                const xhr = new XMLHttpRequest();\n                xhr.open('DELETE', fileInfo.url, true);\n                xhr.onload = () => {\n                    if (xhr.status >= 200 && xhr.status < 300) {\n                        resolve('File deleted');\n                    }\n                    else {\n                        reject(xhr.response || 'Unable to delete file');\n                    }\n                };\n                if (options) {\n                    setOptions(options, xhr);\n                }\n                xhr.send(null);\n            });\n        },\n        downloadFile(file) {\n            if (file.private) {\n                if (formio.submissionId && file.data) {\n                    file.data.submission = formio.submissionId;\n                }\n                return xhrRequest(file.url, file.name, {}, JSON.stringify(file)).then(response => response.data);\n            }\n            // Return the original as there is nothing to do.\n            return Promise.resolve(file);\n        }\n    };\n}\nurl.title = 'Url';\nexports[\"default\"] = url;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/url.js?");
 
 /***/ }),
 
@@ -787,7 +787,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n/**\
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.withRetries = void 0;\n/**\n *\n * @param fn\n * @param args\n * @param retries\n * @param err\n */\nfunction withRetries(fn, args, retries = 3, err = null) {\n    return __awaiter(this, void 0, void 0, function* () {\n        if (!retries) {\n            throw new Error(err);\n        }\n        return fn(...args).catch(() => withRetries(fn, args, retries - 1, err));\n    });\n}\nexports.withRetries = withRetries;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/util.js?");
+eval("\n/**\n * @typedef {any[]} Args\n */\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.withRetries = void 0;\n/**\n * Function to be retried\n * @callback RetryFunction\n * @param {...Args} args\n * @returns {Promise<any>}\n */\n/**\n * Executes a function with retries in case of failure.\n * @param {RetryFunction} fn - The function to be executed.\n * @param {Args} args - The arguments to be passed to the function.\n * @param {number} [retries] - The number of retries in case of failure.\n * @param {string} [err] - The error message to be thrown after all retries have failed.\n * @returns {Promise<any>} The result of the function execution.\n * @throws {Error} When all retries have failed.\n */\nfunction withRetries(fn, args, retries = 3, err = null) {\n    return __awaiter(this, void 0, void 0, function* () {\n        if (!retries) {\n            throw new Error(err);\n        }\n        return fn(...args).catch(() => withRetries(fn, args, retries - 1, err));\n    });\n}\nexports.withRetries = withRetries;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/util.js?");
 
 /***/ }),
 
@@ -809,7 +809,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nvar _a;\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.FormBuilder = exports.Form = exports.Formio = void 0;\nconst CDN_js_1 = __importDefault(__webpack_require__(/*! ./CDN.js */ \"./lib/cjs/CDN.js\"));\nclass Formio {\n    static setLicense(license, norecurse = false) {\n        _a.license = license;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setLicense(license);\n        }\n    }\n    static setBaseUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setBaseUrl(url);\n        }\n    }\n    static setApiUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setApiUrl(url);\n        }\n    }\n    static setProjectUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setProjectUrl(url);\n        }\n    }\n    static setAppUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setAppUrl(url);\n        }\n    }\n    static setPathType(type, norecurse = false) {\n        _a.pathType = type;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setPathType(type);\n        }\n    }\n    static debug(...args) {\n        if (_a.config.debug) {\n            console.log(...args);\n        }\n    }\n    static clearCache() {\n        if (_a.FormioClass) {\n            _a.FormioClass.clearCache();\n        }\n    }\n    static global(prop, flag = '') {\n        const globalValue = window[prop];\n        if (flag && globalValue && !globalValue[flag]) {\n            return null;\n        }\n        _a.debug(`Getting global ${prop}`, globalValue);\n        return globalValue;\n    }\n    static use(module) {\n        if (_a.FormioClass && _a.FormioClass.isRenderer) {\n            _a.FormioClass.use(module);\n        }\n        else {\n            _a.modules.push(module);\n        }\n    }\n    static createElement(type, attrs, children) {\n        const element = document.createElement(type);\n        Object.keys(attrs).forEach(key => {\n            element.setAttribute(key, attrs[key]);\n        });\n        (children || []).forEach(child => {\n            element.appendChild(_a.createElement(child.tag, child.attrs, child.children));\n        });\n        return element;\n    }\n    static addScript(wrapper, src, name, flag = '') {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!src) {\n                return Promise.resolve();\n            }\n            if (typeof src !== 'string' && src.length) {\n                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));\n            }\n            if (name && _a.global(name, flag)) {\n                _a.debug(`${name} already loaded.`);\n                return Promise.resolve(_a.global(name));\n            }\n            _a.debug('Adding Script', src);\n            try {\n                wrapper.appendChild(_a.createElement('script', {\n                    src\n                }));\n            }\n            catch (err) {\n                _a.debug(err);\n                return Promise.resolve();\n            }\n            if (!name) {\n                return Promise.resolve();\n            }\n            return new Promise((resolve) => {\n                _a.debug(`Waiting to load ${name}`);\n                const wait = setInterval(() => {\n                    if (_a.global(name, flag)) {\n                        clearInterval(wait);\n                        _a.debug(`${name} loaded.`);\n                        resolve(_a.global(name));\n                    }\n                }, 100);\n            });\n        });\n    }\n    static addStyles(wrapper, href) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!href) {\n                return;\n            }\n            if (typeof href !== 'string' && href.length) {\n                href.forEach(ref => _a.addStyles(wrapper, ref));\n                return;\n            }\n            _a.debug('Adding Styles', href);\n            wrapper.appendChild(_a.createElement('link', {\n                rel: 'stylesheet',\n                href\n            }));\n        });\n    }\n    static submitDone(instance, submission) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.debug('Submision Complete', submission);\n            const successMessage = (_a.config.success || '').toString();\n            if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {\n                instance.element.innerHTML = `<div class=\"alert-success\" role=\"alert\">${successMessage}</div>`;\n            }\n            let returnUrl = _a.config.redirect;\n            // Allow form based configuration for return url.\n            if (!returnUrl &&\n                (instance._form &&\n                    instance._form.settings &&\n                    (instance._form.settings.returnUrl ||\n                        instance._form.settings.redirect))) {\n                _a.debug('Return url found in form configuration');\n                returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;\n            }\n            if (returnUrl) {\n                const formSrc = instance.formio ? instance.formio.formUrl : '';\n                const hasQuery = !!returnUrl.match(/\\?/);\n                const isOrigin = returnUrl.indexOf(location.origin) === 0;\n                returnUrl += hasQuery ? '&' : '?';\n                returnUrl += `sub=${submission._id}`;\n                if (!isOrigin && formSrc) {\n                    returnUrl += `&form=${encodeURIComponent(formSrc)}`;\n                }\n                _a.debug('Return URL', returnUrl);\n                window.location.href = returnUrl;\n                if (isOrigin) {\n                    window.location.reload();\n                }\n            }\n        });\n    }\n    // Return the full script if the builder is being used.\n    static formioScript(script, builder) {\n        builder = builder || _a.config.includeBuilder;\n        if (_a.fullAdded || builder) {\n            _a.fullAdded = true;\n            return script.replace('formio.form', 'formio.full');\n        }\n        return script;\n    }\n    static addLibrary(wrapper, lib, name) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!lib) {\n                return;\n            }\n            if (lib.dependencies) {\n                for (let i = 0; i < lib.dependencies.length; i++) {\n                    yield _a.addLibrary(wrapper, _a.cdn.libs[lib.dependencies[i]]);\n                }\n            }\n            if (lib.css) {\n                yield _a.addStyles(wrapper, lib.css);\n            }\n            if (lib.js) {\n                const module = yield _a.addScript(wrapper, lib.js, lib.use ? name : false);\n                if (lib.use) {\n                    _a.debug(`Using ${name}`);\n                    const options = lib.options || {};\n                    if (!options.license && _a.license) {\n                        options.license = _a.license;\n                    }\n                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);\n                }\n            }\n        });\n    }\n    static addLoader(wrapper) {\n        return __awaiter(this, void 0, void 0, function* () {\n            wrapper.appendChild(_a.createElement('div', {\n                'class': 'formio-loader'\n            }, [{\n                    tag: 'div',\n                    attrs: {\n                        class: 'loader-wrapper'\n                    },\n                    children: [{\n                            tag: 'div',\n                            attrs: {\n                                class: 'loader text-center'\n                            }\n                        }]\n                }]));\n        });\n    }\n    // eslint-disable-next-line max-statements\n    static init(element, options = {}, builder = false) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});\n            _a.config.libs = _a.config.libs || {\n                uswds: {\n                    dependencies: ['fontawesome'],\n                    js: `${_a.cdn.uswds}/uswds.min.js`,\n                    css: `${_a.cdn.uswds}/uswds.min.css`,\n                    use: true\n                },\n                fontawesome: {\n                    css: `${_a.cdn['font-awesome']}/css/font-awesome.min.css`\n                },\n                bootstrap4: {\n                    dependencies: ['fontawesome'],\n                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`\n                },\n                bootstrap: {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`\n                },\n                'bootstrap-icons': {\n                    css: `${_a.cdn['bootstrap-icons']}/css/bootstrap-icons.css`\n                }\n            };\n            const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;\n            // Create a new wrapper and add the element inside of a new wrapper.\n            let wrapper = _a.createElement('div', {\n                'id': `${id}-wrapper`\n            });\n            element.parentNode.insertBefore(wrapper, element);\n            // If we include the libraries, then we will attempt to run this in shadow dom.\n            const useShadowDom = _a.config.includeLibs && (typeof wrapper.attachShadow === 'function');\n            if (useShadowDom) {\n                wrapper = wrapper.attachShadow({\n                    mode: 'open'\n                });\n                options.shadowRoot = wrapper;\n            }\n            element.parentNode.removeChild(element);\n            wrapper.appendChild(element);\n            // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.\n            const libWrapper = useShadowDom ? wrapper : document.body;\n            // Load the renderer styles.\n            yield _a.addStyles(libWrapper, _a.config.embedCSS || `${_a.cdn.js}/formio.embed.css`);\n            // Add a loader.\n            _a.addLoader(wrapper);\n            const formioSrc = _a.config.full ? 'formio.full' : 'formio.form';\n            const renderer = _a.config.debug ? formioSrc : `${formioSrc}.min`;\n            _a.FormioClass = yield _a.addScript(libWrapper, _a.formioScript(_a.config.script || `${_a.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');\n            _a.FormioClass.cdn = _a.cdn;\n            _a.FormioClass.setBaseUrl(options.baseUrl || _a.baseUrl || _a.config.base);\n            _a.FormioClass.setProjectUrl(options.projectUrl || _a.projectUrl || _a.config.project);\n            _a.FormioClass.language = _a.language;\n            _a.setLicense(_a.license || _a.config.license || false);\n            _a.modules.forEach((module) => {\n                _a.FormioClass.use(module);\n            });\n            if (_a.icons) {\n                _a.FormioClass.icons = _a.icons;\n            }\n            if (_a.pathType) {\n                _a.FormioClass.setPathType(_a.pathType);\n            }\n            // Add libraries if they wish to include the libs.\n            if (_a.config.template && _a.config.includeLibs) {\n                yield _a.addLibrary(libWrapper, _a.config.libs[_a.config.template], _a.config.template);\n            }\n            // Add the premium modules.\n            if (_a.config.premium) {\n                _a.config.modules.premium = _a.config.premium;\n            }\n            // Allow adding dynamic modules.\n            if (_a.config.modules) {\n                for (const name in _a.config.modules) {\n                    const lib = _a.config.modules[name];\n                    lib.use = lib.use || true;\n                    yield _a.addLibrary(libWrapper, lib, name);\n                }\n            }\n            yield _a.addStyles(libWrapper, _a.formioScript(_a.config.style || `${_a.cdn.js}/${renderer}.css`, builder));\n            if (_a.config.before) {\n                yield _a.config.before(_a.FormioClass, element, _a.config);\n            }\n            _a.FormioClass.license = true;\n            _a._formioReady(_a.FormioClass);\n            return wrapper;\n        });\n    }\n    // Called after an instance has been created.\n    static afterCreate(instance, wrapper, readyEvent) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const loader = wrapper.querySelector('.formio-loader');\n            if (loader) {\n                wrapper.removeChild(loader);\n            }\n            _a.FormioClass.events.emit(readyEvent, instance);\n            if (_a.config.after) {\n                _a.debug('Calling ready callback');\n                _a.config.after(instance, _a.config);\n            }\n            return instance;\n        });\n    }\n    // Create a new form.\n    static createForm(element, form, options = {}) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (_a.FormioClass) {\n                return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true }));\n            }\n            const wrapper = yield _a.init(element, options);\n            return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {\n                // Set the default submission data.\n                if (_a.config.submission) {\n                    _a.debug('Setting submission', _a.config.submission);\n                    instance.submission = _a.config.submission;\n                }\n                // Call the after create method.\n                _a.afterCreate(instance, wrapper, 'formEmbedded');\n                return instance;\n            });\n        });\n    }\n    // Create a form builder.\n    static builder(element, form, options = {}) {\n        var _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.builder) {\n                return _a.FormioClass.builder(element, form, options);\n            }\n            const wrapper = yield _a.init(element, options, true);\n            return _a.FormioClass.builder(element, form, options).then((instance) => {\n                _a.afterCreate(instance, wrapper, 'builderEmbedded');\n                return instance;\n            });\n        });\n    }\n}\nexports.Formio = Formio;\n_a = Formio;\nFormio.FormioClass = null;\nFormio.config = {};\nFormio.modules = [];\nFormio.icons = '';\nFormio.license = '';\nFormio.formioReady = new Promise((ready, reject) => {\n    _a._formioReady = ready;\n    _a._formioReadyReject = reject;\n});\nFormio.version = '5.0.0-rc.51';\n// Create a report.\nFormio.Report = {\n    create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {\n        var _b;\n        if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.Report) {\n            return _a.FormioClass.Report.create(element, submission, options);\n        }\n        const wrapper = yield _a.init(element, options, true);\n        return _a.FormioClass.Report.create(element, submission, options).then((instance) => {\n            _a.afterCreate(instance, wrapper, 'reportEmbedded');\n            return instance;\n        });\n    })\n};\nCDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nclass Form {\n    constructor(element, form, options) {\n        this.form = form;\n        this.element = element;\n        this.options = options || {};\n        this.init();\n        this.instance = {\n            proxy: true,\n            ready: this.ready,\n            destroy: () => { }\n        };\n    }\n    init() {\n        if (this.instance && !this.instance.proxy) {\n            this.instance.destroy();\n        }\n        this.element.innerHTML = '';\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.form = instance.form;\n            return instance;\n        });\n    }\n    create() {\n        return Formio.createForm(this.element, this.form, this.options);\n    }\n    setForm(form) {\n        this.form = form;\n        if (this.instance) {\n            this.instance.setForm(form);\n        }\n    }\n    setDisplay(display) {\n        if (this.instance.proxy) {\n            return this.ready;\n        }\n        this.form.display = display;\n        this.instance.destroy();\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.setForm(this.form);\n        });\n        return this.ready;\n    }\n}\nexports.Form = Form;\nclass FormBuilder extends Form {\n    create() {\n        return Formio.builder(this.element, this.form, this.options);\n    }\n}\nexports.FormBuilder = FormBuilder;\nFormio.Form = Form;\nFormio.FormBuilder = FormBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Embed.js?");
+eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nvar _a;\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.FormBuilder = exports.Form = exports.Formio = void 0;\nconst CDN_js_1 = __importDefault(__webpack_require__(/*! ./CDN.js */ \"./lib/cjs/CDN.js\"));\nclass Formio {\n    static setLicense(license, norecurse = false) {\n        _a.license = license;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setLicense(license);\n        }\n    }\n    static setBaseUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setBaseUrl(url);\n        }\n    }\n    static setApiUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setApiUrl(url);\n        }\n    }\n    static setProjectUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setProjectUrl(url);\n        }\n    }\n    static setAppUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setAppUrl(url);\n        }\n    }\n    static setPathType(type, norecurse = false) {\n        _a.pathType = type;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setPathType(type);\n        }\n    }\n    static debug(...args) {\n        if (_a.config.debug) {\n            console.log(...args);\n        }\n    }\n    static clearCache() {\n        if (_a.FormioClass) {\n            _a.FormioClass.clearCache();\n        }\n    }\n    static global(prop, flag = '') {\n        const globalValue = window[prop];\n        if (flag && globalValue && !globalValue[flag]) {\n            return null;\n        }\n        _a.debug(`Getting global ${prop}`, globalValue);\n        return globalValue;\n    }\n    static use(module) {\n        if (_a.FormioClass && _a.FormioClass.isRenderer) {\n            _a.FormioClass.use(module);\n        }\n        else {\n            _a.modules.push(module);\n        }\n    }\n    static createElement(type, attrs, children) {\n        const element = document.createElement(type);\n        Object.keys(attrs).forEach(key => {\n            element.setAttribute(key, attrs[key]);\n        });\n        (children || []).forEach(child => {\n            element.appendChild(_a.createElement(child.tag, child.attrs, child.children));\n        });\n        return element;\n    }\n    static addScript(wrapper, src, name, flag = '') {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!src) {\n                return Promise.resolve();\n            }\n            if (typeof src !== 'string' && src.length) {\n                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));\n            }\n            if (name && _a.global(name, flag)) {\n                _a.debug(`${name} already loaded.`);\n                return Promise.resolve(_a.global(name));\n            }\n            _a.debug('Adding Script', src);\n            try {\n                wrapper.appendChild(_a.createElement('script', {\n                    src\n                }));\n            }\n            catch (err) {\n                _a.debug(err);\n                return Promise.resolve();\n            }\n            if (!name) {\n                return Promise.resolve();\n            }\n            return new Promise((resolve) => {\n                _a.debug(`Waiting to load ${name}`);\n                const wait = setInterval(() => {\n                    if (_a.global(name, flag)) {\n                        clearInterval(wait);\n                        _a.debug(`${name} loaded.`);\n                        resolve(_a.global(name));\n                    }\n                }, 100);\n            });\n        });\n    }\n    static addStyles(wrapper, href) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!href) {\n                return;\n            }\n            if (typeof href !== 'string' && href.length) {\n                href.forEach(ref => _a.addStyles(wrapper, ref));\n                return;\n            }\n            _a.debug('Adding Styles', href);\n            wrapper.appendChild(_a.createElement('link', {\n                rel: 'stylesheet',\n                href\n            }));\n        });\n    }\n    static submitDone(instance, submission) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.debug('Submision Complete', submission);\n            const successMessage = (_a.config.success || '').toString();\n            if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {\n                instance.element.innerHTML = `<div class=\"alert-success\" role=\"alert\">${successMessage}</div>`;\n            }\n            let returnUrl = _a.config.redirect;\n            // Allow form based configuration for return url.\n            if (!returnUrl &&\n                (instance._form &&\n                    instance._form.settings &&\n                    (instance._form.settings.returnUrl ||\n                        instance._form.settings.redirect))) {\n                _a.debug('Return url found in form configuration');\n                returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;\n            }\n            if (returnUrl) {\n                const formSrc = instance.formio ? instance.formio.formUrl : '';\n                const hasQuery = !!returnUrl.match(/\\?/);\n                const isOrigin = returnUrl.indexOf(location.origin) === 0;\n                returnUrl += hasQuery ? '&' : '?';\n                returnUrl += `sub=${submission._id}`;\n                if (!isOrigin && formSrc) {\n                    returnUrl += `&form=${encodeURIComponent(formSrc)}`;\n                }\n                _a.debug('Return URL', returnUrl);\n                window.location.href = returnUrl;\n                if (isOrigin) {\n                    window.location.reload();\n                }\n            }\n        });\n    }\n    // Return the full script if the builder is being used.\n    static formioScript(script, builder) {\n        builder = builder || _a.config.includeBuilder;\n        if (_a.fullAdded || builder) {\n            _a.fullAdded = true;\n            return script.replace('formio.form', 'formio.full');\n        }\n        return script;\n    }\n    static addLibrary(wrapper, lib, name) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!lib) {\n                return;\n            }\n            if (lib.dependencies) {\n                for (let i = 0; i < lib.dependencies.length; i++) {\n                    yield _a.addLibrary(wrapper, _a.cdn.libs[lib.dependencies[i]]);\n                }\n            }\n            if (lib.css) {\n                yield _a.addStyles(wrapper, lib.css);\n            }\n            if (lib.js) {\n                const module = yield _a.addScript(wrapper, lib.js, lib.use ? name : false);\n                if (lib.use) {\n                    _a.debug(`Using ${name}`);\n                    const options = lib.options || {};\n                    if (!options.license && _a.license) {\n                        options.license = _a.license;\n                    }\n                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);\n                }\n            }\n        });\n    }\n    static addLoader(wrapper) {\n        return __awaiter(this, void 0, void 0, function* () {\n            wrapper.appendChild(_a.createElement('div', {\n                'class': 'formio-loader'\n            }, [{\n                    tag: 'div',\n                    attrs: {\n                        class: 'loader-wrapper'\n                    },\n                    children: [{\n                            tag: 'div',\n                            attrs: {\n                                class: 'loader text-center'\n                            }\n                        }]\n                }]));\n        });\n    }\n    // eslint-disable-next-line max-statements\n    static init(element, options = {}, builder = false) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});\n            _a.config.libs = _a.config.libs || {\n                uswds: {\n                    dependencies: ['fontawesome'],\n                    js: `${_a.cdn.uswds}/uswds.min.js`,\n                    css: `${_a.cdn.uswds}/uswds.min.css`,\n                    use: true\n                },\n                fontawesome: {\n                    css: `${_a.cdn['font-awesome']}/css/font-awesome.min.css`\n                },\n                bootstrap4: {\n                    dependencies: ['fontawesome'],\n                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`\n                },\n                bootstrap: {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`\n                },\n                'bootstrap-icons': {\n                    css: `${_a.cdn['bootstrap-icons']}/css/bootstrap-icons.css`\n                }\n            };\n            const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;\n            // Create a new wrapper and add the element inside of a new wrapper.\n            let wrapper = _a.createElement('div', {\n                'id': `${id}-wrapper`\n            });\n            element.parentNode.insertBefore(wrapper, element);\n            // If we include the libraries, then we will attempt to run this in shadow dom.\n            const useShadowDom = _a.config.includeLibs && (typeof wrapper.attachShadow === 'function');\n            if (useShadowDom) {\n                wrapper = wrapper.attachShadow({\n                    mode: 'open'\n                });\n                options.shadowRoot = wrapper;\n            }\n            element.parentNode.removeChild(element);\n            wrapper.appendChild(element);\n            // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.\n            const libWrapper = useShadowDom ? wrapper : document.body;\n            // Load the renderer styles.\n            yield _a.addStyles(libWrapper, _a.config.embedCSS || `${_a.cdn.js}/formio.embed.css`);\n            // Add a loader.\n            _a.addLoader(wrapper);\n            const formioSrc = _a.config.full ? 'formio.full' : 'formio.form';\n            const renderer = _a.config.debug ? formioSrc : `${formioSrc}.min`;\n            _a.FormioClass = yield _a.addScript(libWrapper, _a.formioScript(_a.config.script || `${_a.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');\n            _a.FormioClass.cdn = _a.cdn;\n            _a.FormioClass.setBaseUrl(options.baseUrl || _a.baseUrl || _a.config.base);\n            _a.FormioClass.setProjectUrl(options.projectUrl || _a.projectUrl || _a.config.project);\n            _a.FormioClass.language = _a.language;\n            _a.setLicense(_a.license || _a.config.license || false);\n            _a.modules.forEach((module) => {\n                _a.FormioClass.use(module);\n            });\n            if (_a.icons) {\n                _a.FormioClass.icons = _a.icons;\n            }\n            if (_a.pathType) {\n                _a.FormioClass.setPathType(_a.pathType);\n            }\n            // Add libraries if they wish to include the libs.\n            if (_a.config.template && _a.config.includeLibs) {\n                yield _a.addLibrary(libWrapper, _a.config.libs[_a.config.template], _a.config.template);\n            }\n            // Add the premium modules.\n            if (_a.config.premium) {\n                _a.config.modules.premium = _a.config.premium;\n            }\n            // Allow adding dynamic modules.\n            if (_a.config.modules) {\n                for (const name in _a.config.modules) {\n                    const lib = _a.config.modules[name];\n                    lib.use = lib.use || true;\n                    yield _a.addLibrary(libWrapper, lib, name);\n                }\n            }\n            yield _a.addStyles(libWrapper, _a.formioScript(_a.config.style || `${_a.cdn.js}/${renderer}.css`, builder));\n            if (_a.config.before) {\n                yield _a.config.before(_a.FormioClass, element, _a.config);\n            }\n            _a.FormioClass.license = true;\n            _a._formioReady(_a.FormioClass);\n            return wrapper;\n        });\n    }\n    // Called after an instance has been created.\n    static afterCreate(instance, wrapper, readyEvent) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const loader = wrapper.querySelector('.formio-loader');\n            if (loader) {\n                wrapper.removeChild(loader);\n            }\n            _a.FormioClass.events.emit(readyEvent, instance);\n            if (_a.config.after) {\n                _a.debug('Calling ready callback');\n                _a.config.after(instance, _a.config);\n            }\n            return instance;\n        });\n    }\n    // Create a new form.\n    static createForm(element, form, options = {}) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (_a.FormioClass) {\n                return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true }));\n            }\n            const wrapper = yield _a.init(element, options);\n            return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {\n                // Set the default submission data.\n                if (_a.config.submission) {\n                    _a.debug('Setting submission', _a.config.submission);\n                    instance.submission = _a.config.submission;\n                }\n                // Call the after create method.\n                _a.afterCreate(instance, wrapper, 'formEmbedded');\n                return instance;\n            });\n        });\n    }\n    // Create a form builder.\n    static builder(element, form, options = {}) {\n        var _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.builder) {\n                return _a.FormioClass.builder(element, form, options);\n            }\n            const wrapper = yield _a.init(element, options, true);\n            return _a.FormioClass.builder(element, form, options).then((instance) => {\n                _a.afterCreate(instance, wrapper, 'builderEmbedded');\n                return instance;\n            });\n        });\n    }\n}\nexports.Formio = Formio;\n_a = Formio;\nFormio.FormioClass = null;\nFormio.config = {};\nFormio.modules = [];\nFormio.icons = '';\nFormio.license = '';\nFormio.formioReady = new Promise((ready, reject) => {\n    _a._formioReady = ready;\n    _a._formioReadyReject = reject;\n});\nFormio.version = '5.0.0-rc.53';\n// Create a report.\nFormio.Report = {\n    create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {\n        var _b;\n        if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.Report) {\n            return _a.FormioClass.Report.create(element, submission, options);\n        }\n        const wrapper = yield _a.init(element, options, true);\n        return _a.FormioClass.Report.create(element, submission, options).then((instance) => {\n            _a.afterCreate(instance, wrapper, 'reportEmbedded');\n            return instance;\n        });\n    })\n};\nCDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nclass Form {\n    constructor(element, form, options) {\n        this.form = form;\n        this.element = element;\n        this.options = options || {};\n        this.init();\n        this.instance = {\n            proxy: true,\n            ready: this.ready,\n            destroy: () => { }\n        };\n    }\n    init() {\n        if (this.instance && !this.instance.proxy) {\n            this.instance.destroy();\n        }\n        this.element.innerHTML = '';\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.form = instance.form;\n            return instance;\n        });\n    }\n    create() {\n        return Formio.createForm(this.element, this.form, this.options);\n    }\n    setForm(form) {\n        this.form = form;\n        if (this.instance) {\n            this.instance.setForm(form);\n        }\n    }\n    setDisplay(display) {\n        if (this.instance.proxy) {\n            return this.ready;\n        }\n        this.form.display = display;\n        this.instance.destroy();\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.setForm(this.form);\n        });\n        return this.ready;\n    }\n}\nexports.Form = Form;\nclass FormBuilder extends Form {\n    create() {\n        return Formio.builder(this.element, this.form, this.options);\n    }\n}\nexports.FormBuilder = FormBuilder;\nFormio.Form = Form;\nFormio.FormBuilder = FormBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Embed.js?");
 
 /***/ }),
 
@@ -820,7 +820,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Formio = void 0;\nconst sdk_1 = __webpack_require__(/*! @formio/core/sdk */ \"./node_modules/@formio/core/lib/sdk/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return sdk_1.Formio; } }));\nconst Embed_1 = __webpack_require__(/*! ./Embed */ \"./lib/cjs/Embed.js\");\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\nsdk_1.Formio.cdn = new CDN_1.default();\nsdk_1.Formio.Providers = providers_1.default;\nsdk_1.Formio.version = '5.0.0-rc.51';\nCDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nconst isNil = (val) => val === null || val === undefined;\nsdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {\n    const requestArgs = {\n        provider: storage,\n        method: 'upload',\n        file: file,\n        fileName: fileName,\n        dir: dir\n    };\n    fileKey = fileKey || 'file';\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    if (uploadStartCallback) {\n                        uploadStartCallback();\n                    }\n                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.downloadFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.deleteFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// Esnure we proxy the following methods to the FormioEmbed class.\n['setBaseUrl', 'setApiUrl', 'setAppUrl', 'setProjectUrl', 'setPathType', 'setLicense'].forEach((fn) => {\n    const baseFn = sdk_1.Formio[fn];\n    sdk_1.Formio[fn] = function (arg) {\n        const retVal = Embed_1.Formio[fn](arg, true);\n        return baseFn ? baseFn.call(this, arg) : retVal;\n    };\n});\n// For reverse compatability.\nsdk_1.Formio.Promise = Promise;\nsdk_1.Formio.formioReady = Embed_1.Formio.formioReady;\nsdk_1.Formio.config = Embed_1.Formio.config;\nsdk_1.Formio.builder = Embed_1.Formio.builder;\nsdk_1.Formio.Report = Embed_1.Formio.Report;\nsdk_1.Formio.Form = Embed_1.Formio.Form;\nsdk_1.Formio.FormBuilder = Embed_1.Formio.FormBuilder;\nsdk_1.Formio.use = Embed_1.Formio.use;\nsdk_1.Formio.createForm = Embed_1.Formio.createForm;\nsdk_1.Formio.submitDone = Embed_1.Formio.submitDone;\nsdk_1.Formio.addLibrary = Embed_1.Formio.addLibrary;\nsdk_1.Formio.addLoader = Embed_1.Formio.addLoader;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Formio.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Formio = void 0;\nconst sdk_1 = __webpack_require__(/*! @formio/core/sdk */ \"./node_modules/@formio/core/lib/sdk/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return sdk_1.Formio; } }));\nconst Embed_1 = __webpack_require__(/*! ./Embed */ \"./lib/cjs/Embed.js\");\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\nsdk_1.Formio.cdn = new CDN_1.default();\nsdk_1.Formio.Providers = providers_1.default;\nsdk_1.Formio.version = '5.0.0-rc.53';\nCDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nconst isNil = (val) => val === null || val === undefined;\nsdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {\n    const requestArgs = {\n        provider: storage,\n        method: 'upload',\n        file: file,\n        fileName: fileName,\n        dir: dir\n    };\n    fileKey = fileKey || 'file';\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    if (uploadStartCallback) {\n                        uploadStartCallback();\n                    }\n                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.downloadFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.deleteFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// Esnure we proxy the following methods to the FormioEmbed class.\n['setBaseUrl', 'setApiUrl', 'setAppUrl', 'setProjectUrl', 'setPathType', 'setLicense'].forEach((fn) => {\n    const baseFn = sdk_1.Formio[fn];\n    sdk_1.Formio[fn] = function (arg) {\n        const retVal = Embed_1.Formio[fn](arg, true);\n        return baseFn ? baseFn.call(this, arg) : retVal;\n    };\n});\n// For reverse compatability.\nsdk_1.Formio.Promise = Promise;\nsdk_1.Formio.formioReady = Embed_1.Formio.formioReady;\nsdk_1.Formio.config = Embed_1.Formio.config;\nsdk_1.Formio.builder = Embed_1.Formio.builder;\nsdk_1.Formio.Report = Embed_1.Formio.Report;\nsdk_1.Formio.Form = Embed_1.Formio.Form;\nsdk_1.Formio.FormBuilder = Embed_1.Formio.FormBuilder;\nsdk_1.Formio.use = Embed_1.Formio.use;\nsdk_1.Formio.createForm = Embed_1.Formio.createForm;\nsdk_1.Formio.submitDone = Embed_1.Formio.submitDone;\nsdk_1.Formio.addLibrary = Embed_1.Formio.addLibrary;\nsdk_1.Formio.addLoader = Embed_1.Formio.addLoader;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Formio.js?");
 
 /***/ }),