@pnp/spfx-controls-react 3.9.0-beta.2556922 → 3.9.0-beta.2597970

package/release/webpack-stats/sp-dev-fx-controls-react.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "a1eb58624d821cc0408f",
-  "time": 19298,
-  "builtAt": 1656088186191,
+  "hash": "4ffdca8f97c6ae696d25",
+  "time": 19267,
+  "builtAt": 1656694169806,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/dist",
   "assetsByChunkName": {
@@ -292,7 +292,7 @@
     },
     {
       "name": "controls-test-web-part.js",
-      "size": 18384117,
+      "size": 18384681,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -305,7 +305,7 @@
     },
     {
       "name": "controls-test-web-part.js.map",
-      "size": 16507771,
+      "size": 16508528,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -404,7 +404,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 13221242,
+      "size": 13221704,
       "names": [
         "controls-test-web-part"
       ],
@@ -412,7 +412,7 @@
         "controls-test-web-part.js",
         "controls-test-web-part.js.map"
       ],
-      "hash": "4b72eaa5c94fcd7b6e63",
+      "hash": "60d5b5a1ed243c751c8e",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -55594,7 +55594,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "./dynamicField",
-              "loc": "695:47-59"
+              "loc": "708:47-59"
             }
           ],
           "providedExports": null,
@@ -61568,7 +61568,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/ProgressIndicator",
-              "loc": "692:32-49"
+              "loc": "705:32-49"
             }
           ],
           "providedExports": [
@@ -85832,7 +85832,16 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "../../services/SPService",
-              "loc": "676:31-40"
+              "loc": "689:60-69"
+            },
+            {
+              "moduleId": "RPzn",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/dynamicForm/DynamicForm.js",
+              "module": "./lib/controls/dynamicForm/DynamicForm.js",
+              "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
+              "type": "harmony import specifier",
+              "userRequest": "../../services/SPService",
+              "loc": "689:125-134"
             },
             {
               "moduleId": "k0SN",
@@ -138336,7 +138345,16 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "222:45-47"
+              "loc": "223:45-47"
+            },
+            {
+              "moduleId": "RPzn",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/dynamicForm/DynamicForm.js",
+              "module": "./lib/controls/dynamicForm/DynamicForm.js",
+              "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
+              "type": "harmony import specifier",
+              "userRequest": "@pnp/sp/presets/all",
+              "loc": "240:45-47"
             },
             {
               "moduleId": "RPzn",
@@ -138345,7 +138363,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "239:45-47"
+              "loc": "286:45-47"
             },
             {
               "moduleId": "RPzn",
@@ -138354,7 +138372,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "285:45-47"
+              "loc": "320:61-63"
             },
             {
               "moduleId": "RPzn",
@@ -138363,7 +138381,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "319:61-63"
+              "loc": "362:45-47"
             },
             {
               "moduleId": "RPzn",
@@ -138372,7 +138390,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "361:45-47"
+              "loc": "670:12-14"
             },
             {
               "moduleId": "RPzn",
@@ -138381,7 +138399,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@pnp/sp/presets/all",
-              "loc": "668:8-10"
+              "loc": "680:12-14"
             },
             {
               "moduleId": "Y+es",
@@ -141471,7 +141489,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "./DynamicForm.module.scss",
-              "loc": "697:56-62"
+              "loc": "711:60-66"
             },
             {
               "moduleId": "Y+es",
@@ -144711,7 +144729,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "698:40-53"
+              "loc": "712:44-57"
             },
             {
               "moduleId": "RPzn",
@@ -144720,7 +144738,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "699:40-53"
+              "loc": "713:44-57"
             },
             {
               "moduleId": "SXK8",
@@ -249852,7 +249870,7 @@
           "name": "./lib/controls/dynamicForm/DynamicForm.js",
           "index": 3092,
           "index2": 3401,
-          "size": 42886,
+          "size": 43348,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -249909,7 +249927,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\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 __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from './DynamicForm.module.scss';\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\nimport SPservice from '../../services/SPService';\nimport { DynamicField } from './dynamicField';\nimport { sp } from '@pnp/sp/presets/all';\nimport { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator';\nimport * as strings from 'ControlStrings';\nimport { SPHttpClient } from '@microsoft/sp-http';\nvar stackTokens = { childrenGap: 20 };\n/**\n * DynamicForm Class Control\n */\nvar DynamicForm = /** @class */ (function (_super) {\n    __extends(DynamicForm, _super);\n    function DynamicForm(props) {\n        var _this = _super.call(this, props) || this;\n        //trigger when the user submits the form.\n        _this.onSubmitClick = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, onSubmitted, onBeforeSubmit, onSubmitError, shouldBeReturnBack_1, fields, objects, _loop_1, this_1, i, len, isCancelled, iur, error_1, iar, error_2, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId, onSubmitted = _a.onSubmitted, onBeforeSubmit = _a.onBeforeSubmit, onSubmitError = _a.onSubmitError;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 16, , 17]);\n                        shouldBeReturnBack_1 = false;\n                        fields = (this.state.fieldCollection || []).slice();\n                        fields.forEach(function (val) {\n                            if (val.required) {\n                                if (val.newValue === null) {\n                                    if (val.fieldDefaultValue === null || val.fieldDefaultValue === '' || val.fieldDefaultValue.length === 0) {\n                                        if (val.fieldType === \"DateTime\")\n                                            val.fieldDefaultValue = null;\n                                        else\n                                            val.fieldDefaultValue = '';\n                                        shouldBeReturnBack_1 = true;\n                                    }\n                                }\n                                else if (val.newValue === '') {\n                                    val.fieldDefaultValue = '';\n                                    shouldBeReturnBack_1 = true;\n                                }\n                            }\n                        });\n                        if (shouldBeReturnBack_1) {\n                            this.setState({ fieldCollection: fields });\n                            return [2 /*return*/];\n                        }\n                        this.setState({\n                            isSaving: true\n                        });\n                        objects = {};\n                        _loop_1 = function (i, len) {\n                            var val, fieldType, additionalData, columnInternalName, hiddenFieldName, value_1, uploadedImage;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        val = fields[i];\n                                        fieldType = val.fieldType, additionalData = val.additionalData, columnInternalName = val.columnInternalName, hiddenFieldName = val.hiddenFieldName;\n                                        if (!(val.newValue !== null && val.newValue !== undefined)) return [3 /*break*/, 14];\n                                        value_1 = val.newValue;\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 1];\n                                        objects[columnInternalName + \"Id\"] = value_1[0].key;\n                                        return [3 /*break*/, 14];\n                                    case 1:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 2];\n                                        value_1 = [];\n                                        val.newValue.forEach(function (element) {\n                                            value_1.push(element.key);\n                                        });\n                                        objects[columnInternalName + \"Id\"] = { results: value_1 };\n                                        return [3 /*break*/, 14];\n                                    case 2:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 3];\n                                        objects[columnInternalName] = {\n                                            '__metadata': { 'type': 'SP.Taxonomy.TaxonomyFieldValue' },\n                                            'Label': value_1[0].name,\n                                            'TermGuid': value_1[0].key,\n                                            'WssId': '-1'\n                                        };\n                                        return [3 /*break*/, 14];\n                                    case 3:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 4];\n                                        objects[hiddenFieldName] = val.newValue.map(function (term) { return \"-1#;\" + term.name + \"|\" + term.key + \";\"; }).join('#');\n                                        return [3 /*break*/, 14];\n                                    case 4:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 5];\n                                        objects[columnInternalName + \"Id\"] = val.newValue;\n                                        return [3 /*break*/, 14];\n                                    case 5:\n                                        if (!(fieldType === \"Choice\")) return [3 /*break*/, 6];\n                                        objects[columnInternalName] = val.newValue.key;\n                                        return [3 /*break*/, 14];\n                                    case 6:\n                                        if (!(fieldType === \"MultiChoice\")) return [3 /*break*/, 7];\n                                        objects[columnInternalName] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 7:\n                                        if (!(fieldType === \"Location\")) return [3 /*break*/, 8];\n                                        objects[columnInternalName] = JSON.stringify(val.newValue);\n                                        return [3 /*break*/, 14];\n                                    case 8:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 9];\n                                        objects[columnInternalName + \"Id\"] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 9:\n                                        if (!(fieldType === 'Thumbnail')) return [3 /*break*/, 13];\n                                        if (!additionalData) return [3 /*break*/, 11];\n                                        return [4 /*yield*/, this_1.uplaodImage(additionalData)];\n                                    case 10:\n                                        uploadedImage = _a.sent();\n                                        objects[columnInternalName] = JSON.stringify({\n                                            type: 'thumbnail',\n                                            fileName: uploadedImage.Name,\n                                            serverRelativeUrl: uploadedImage.ServerRelativeUrl,\n                                            id: uploadedImage.UniqueId\n                                        });\n                                        return [3 /*break*/, 12];\n                                    case 11:\n                                        objects[columnInternalName] = null;\n                                        _a.label = 12;\n                                    case 12: return [3 /*break*/, 14];\n                                    case 13:\n                                        objects[columnInternalName] = val.newValue;\n                                        _a.label = 14;\n                                    case 14: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        i = 0, len = fields.length;\n                        _b.label = 2;\n                    case 2:\n                        if (!(i < len)) return [3 /*break*/, 5];\n                        return [5 /*yield**/, _loop_1(i, len)];\n                    case 3:\n                        _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        i++;\n                        return [3 /*break*/, 2];\n                    case 5:\n                        if (!onBeforeSubmit) return [3 /*break*/, 7];\n                        return [4 /*yield*/, onBeforeSubmit(objects)];\n                    case 6:\n                        isCancelled = _b.sent();\n                        if (isCancelled) {\n                            this.setState({\n                                isSaving: false\n                            });\n                            return [2 /*return*/];\n                        }\n                        _b.label = 7;\n                    case 7:\n                        if (!listItemId) return [3 /*break*/, 12];\n                        _b.label = 8;\n                    case 8:\n                        _b.trys.push([8, 10, , 11]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.getById(listItemId).update(objects)];\n                    case 9:\n                        iur = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iur.data, this.props.returnListItemInstanceOnSubmit !== false ? iur.item : undefined);\n                        }\n                        return [3 /*break*/, 11];\n                    case 10:\n                        error_1 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_1);\n                        }\n                        console.log(\"Error\", error_1);\n                        return [3 /*break*/, 11];\n                    case 11: return [3 /*break*/, 15];\n                    case 12:\n                        _b.trys.push([12, 14, , 15]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.add(objects)];\n                    case 13:\n                        iar = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iar.data, this.props.returnListItemInstanceOnSubmit !== false ? iar.item : undefined);\n                        }\n                        return [3 /*break*/, 15];\n                    case 14:\n                        error_2 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_2);\n                        }\n                        console.log(\"Error\", error_2);\n                        return [3 /*break*/, 15];\n                    case 15:\n                        this.setState({\n                            isSaving: false\n                        });\n                        return [3 /*break*/, 17];\n                    case 16:\n                        error_3 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(null, error_3);\n                        }\n                        console.log(\"Error onSubmit\", error_3);\n                        return [3 /*break*/, 17];\n                    case 17: return [2 /*return*/];\n                }\n            });\n        }); };\n        // trigger when the user change any value in the form\n        _this.onChange = function (internalName, newValue, additionalData) { return __awaiter(_this, void 0, void 0, function () {\n            var fieldCol, field, user, result, _loop_2, retrivedItem, index;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        fieldCol = (this.state.fieldCollection || []).slice();\n                        field = fieldCol.filter(function (element, i) { return element.columnInternalName === internalName; })[0];\n                        field.newValue = newValue;\n                        field.additionalData = additionalData;\n                        if (!(field.fieldType === \"User\" && newValue.length !== 0)) return [3 /*break*/, 4];\n                        if (!(newValue[0].id === undefined || parseInt(newValue[0].id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                        user = newValue[0].secondaryText;\n                        if (user.indexOf('@') === -1) {\n                            user = newValue[0].loginName;\n                        }\n                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                    case 1:\n                        result = _a.sent();\n                        field.newValue = result.data.Id;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        field.newValue = newValue[0].id;\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 8];\n                    case 4:\n                        if (!(field.fieldType === \"UserMulti\" && newValue.length !== 0)) return [3 /*break*/, 8];\n                        field.newValue = [];\n                        _loop_2 = function (index) {\n                            var element, user, result;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        element = newValue[index];\n                                        retrivedItem = false;\n                                        if (field.fieldDefaultValue != null) {\n                                            if (field.fieldDefaultValue.join(',').indexOf(element.text) !== -1)\n                                                field.fieldDefaultValue.forEach(function (item) {\n                                                    if (item.split('/')[1] === element.text) {\n                                                        retrivedItem = true;\n                                                        field.newValue.push(item.split('/')[0]);\n                                                    }\n                                                });\n                                        }\n                                        if (!!retrivedItem) return [3 /*break*/, 3];\n                                        if (!(element.id === undefined || parseInt(element.id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                                        user = element.secondaryText;\n                                        if (user.indexOf('@') === -1) {\n                                            user = element.loginName;\n                                        }\n                                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                                    case 1:\n                                        result = _a.sent();\n                                        field.newValue.push(result.data.Id);\n                                        return [3 /*break*/, 3];\n                                    case 2:\n                                        field.newValue.push(element.id);\n                                        _a.label = 3;\n                                    case 3: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        index = 0;\n                        _a.label = 5;\n                    case 5:\n                        if (!(index < newValue.length)) return [3 /*break*/, 8];\n                        return [5 /*yield**/, _loop_2(index)];\n                    case 6:\n                        _a.sent();\n                        _a.label = 7;\n                    case 7:\n                        index++;\n                        return [3 /*break*/, 5];\n                    case 8:\n                        this.setState({\n                            fieldCollection: fieldCol\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        //getting all the fields information as part of get ready process\n        _this.getFieldInformations = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, context, listId, listItemId, disabledFields, contentTypeId, spList, item, defaultContentType, listFeilds, tempFields, order, responseValue, _loop_3, this_2, i, len, error_4;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, context = _a.context, listId = _a.listId, listItemId = _a.listItemId, disabledFields = _a.disabledFields;\n                        contentTypeId = this.props.contentTypeId;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 12, , 13]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId)];\n                    case 2:\n                        spList = _b.sent();\n                        item = null;\n                        if (!(listItemId !== undefined && listItemId !== null && listItemId !== 0)) return [3 /*break*/, 4];\n                        return [4 /*yield*/, spList.items.getById(listItemId).get()];\n                    case 3:\n                        item = _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        if (!(contentTypeId === undefined || contentTypeId === '')) return [3 /*break*/, 6];\n                        return [4 /*yield*/, spList.contentTypes.select(\"Id\", \"Name\").get()];\n                    case 5:\n                        defaultContentType = _b.sent();\n                        contentTypeId = defaultContentType[0][\"Id\"].StringValue;\n                        _b.label = 6;\n                    case 6: return [4 /*yield*/, this.getFormFields(listId, contentTypeId, context.pageContext.web.absoluteUrl)];\n                    case 7:\n                        listFeilds = _b.sent();\n                        tempFields = [];\n                        order = 0;\n                        responseValue = listFeilds['value'];\n                        _loop_3 = function (i, len) {\n                            var field, fieldType, hiddenName, termSetId, lookupListId, lookupField, choices, defaultValue, selectedTags, richText, dateFormat, principalType, response, response, schemaXml, dateFormatRegEx, userEmails, _a, _b;\n                            return __generator(this, function (_c) {\n                                switch (_c.label) {\n                                    case 0:\n                                        field = responseValue[i];\n                                        order++;\n                                        fieldType = field['TypeAsString'];\n                                        field.order = order;\n                                        hiddenName = \"\";\n                                        termSetId = \"\";\n                                        lookupListId = \"\";\n                                        lookupField = \"\";\n                                        choices = [];\n                                        defaultValue = null;\n                                        selectedTags = [];\n                                        richText = false;\n                                        dateFormat = void 0;\n                                        principalType = \"\";\n                                        if (item !== null) {\n                                            defaultValue = item[field.EntityPropertyName];\n                                        }\n                                        else {\n                                            defaultValue = field.DefaultValue;\n                                        }\n                                        if (!(fieldType === 'Choice' || fieldType === 'MultiChoice')) return [3 /*break*/, 1];\n                                        field[\"Choices\"].forEach(function (element) {\n                                            choices.push({ key: element, text: element });\n                                        });\n                                        return [3 /*break*/, 27];\n                                    case 1:\n                                        if (!(fieldType === \"Note\")) return [3 /*break*/, 2];\n                                        richText = field[\"RichText\"];\n                                        return [3 /*break*/, 27];\n                                    case 2:\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 6];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 4];\n                                        return [4 /*yield*/, this_2._spService.getLookupValue(listId, listItemId, field.InternalName, lookupField, context.pageContext.web.absoluteUrl)];\n                                    case 3:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 5];\n                                    case 4:\n                                        defaultValue = [];\n                                        _c.label = 5;\n                                    case 5: return [3 /*break*/, 27];\n                                    case 6:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 10];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 8];\n                                        return [4 /*yield*/, this_2._spService.getLookupValues(listId, listItemId, field.InternalName, lookupField, context.pageContext.web.absoluteUrl)];\n                                    case 7:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 9];\n                                    case 8:\n                                        defaultValue = [];\n                                        _c.label = 9;\n                                    case 9: return [3 /*break*/, 27];\n                                    case 10:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 12];\n                                        return [4 /*yield*/, this_2._spService.getTaxonomyFieldInternalName(this_2.props.listId, field.InternalName, this_2.props.context.pageContext.web.absoluteUrl)];\n                                    case 11:\n                                        response = _c.sent();\n                                        hiddenName = response[\"value\"];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (item !== null) {\n                                            item[field.InternalName].forEach(function (element) {\n                                                selectedTags.push({ key: element.TermGuid, name: element.Label });\n                                            });\n                                            defaultValue = selectedTags;\n                                        }\n                                        else {\n                                            if (defaultValue !== \"\") {\n                                                defaultValue.split(/#|;/).forEach(function (element) {\n                                                    if (element.indexOf('|') !== -1)\n                                                        selectedTags.push({ key: element.split('|')[1], name: element.split('|')[0] });\n                                                });\n                                                defaultValue = selectedTags;\n                                            }\n                                        }\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 12:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 16];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (!(item !== null)) return [3 /*break*/, 14];\n                                        return [4 /*yield*/, this_2._spService.getSingleManagedMtadataLabel(listId, listItemId, field.InternalName)];\n                                    case 13:\n                                        response = _c.sent();\n                                        if (response) {\n                                            selectedTags.push({ key: response[\"TermID\"], name: response[\"Label\"] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        return [3 /*break*/, 15];\n                                    case 14:\n                                        if (defaultValue !== \"\") {\n                                            selectedTags.push({ key: defaultValue.split('|')[1], name: defaultValue.split('|')[0].split('#')[1] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        _c.label = 15;\n                                    case 15:\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 16:\n                                        if (!(fieldType === \"DateTime\")) return [3 /*break*/, 17];\n                                        if (item !== null && item[field.InternalName])\n                                            defaultValue = new Date(item[field.InternalName]);\n                                        else if (defaultValue === '[today]') {\n                                            defaultValue = new Date();\n                                        }\n                                        schemaXml = field.SchemaXml;\n                                        dateFormatRegEx = /\\s+Format=\\\"([^\\\"]+)\\\"/gmi.exec(schemaXml);\n                                        dateFormat = dateFormatRegEx && dateFormatRegEx.length ? dateFormatRegEx[1] : 'DateOnly';\n                                        return [3 /*break*/, 27];\n                                    case 17:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 21];\n                                        if (!(item !== null)) return [3 /*break*/, 19];\n                                        return [4 /*yield*/, this_2._spService.getUsersUPNFromFieldValue(listId, listItemId, field.InternalName, context.pageContext.web.absoluteUrl)];\n                                    case 18:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 20];\n                                    case 19:\n                                        defaultValue = [];\n                                        _c.label = 20;\n                                    case 20:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 21:\n                                        if (!(fieldType === \"Thumbnail\")) return [3 /*break*/, 22];\n                                        if (defaultValue !== null) {\n                                            defaultValue = context.pageContext.web.absoluteUrl.split('/sites/')[0] + JSON.parse(defaultValue).serverRelativeUrl;\n                                        }\n                                        return [3 /*break*/, 27];\n                                    case 22:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 26];\n                                        if (!(item !== null)) return [3 /*break*/, 24];\n                                        userEmails = [];\n                                        _b = (_a = userEmails).push;\n                                        return [4 /*yield*/, this_2._spService.getUserUPNById(parseInt(item[field.InternalName + \"Id\"]))];\n                                    case 23:\n                                        _b.apply(_a, [(_c.sent()) + '']);\n                                        defaultValue = userEmails;\n                                        return [3 /*break*/, 25];\n                                    case 24:\n                                        defaultValue = [];\n                                        _c.label = 25;\n                                    case 25:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 26:\n                                        if (fieldType === \"Location\") {\n                                            defaultValue = JSON.parse(defaultValue);\n                                        }\n                                        else if (fieldType === \"Boolean\") {\n                                            defaultValue = Boolean(Number(defaultValue));\n                                        }\n                                        _c.label = 27;\n                                    case 27:\n                                        tempFields.push({\n                                            newValue: null,\n                                            fieldTermSetId: termSetId,\n                                            options: choices,\n                                            lookupListID: lookupListId,\n                                            lookupField: lookupField,\n                                            changedValue: defaultValue,\n                                            fieldType: field.TypeAsString,\n                                            fieldTitle: field.Title,\n                                            fieldDefaultValue: defaultValue,\n                                            context: this_2.props.context,\n                                            disabled: this_2.props.disabled || (disabledFields && disabledFields.indexOf(field.InternalName) > -1),\n                                            listId: this_2.props.listId,\n                                            columnInternalName: field.EntityPropertyName,\n                                            label: field.Title,\n                                            onChanged: this_2.onChange,\n                                            required: field.Required,\n                                            hiddenFieldName: hiddenName,\n                                            Order: field.order,\n                                            isRichText: richText,\n                                            dateFormat: dateFormat,\n                                            listItemId: listItemId,\n                                            principalType: principalType,\n                                            description: field.Description\n                                        });\n                                        tempFields.sort(function (a, b) { return a.Order - b.Order; });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_2 = this;\n                        i = 0, len = responseValue.length;\n                        _b.label = 8;\n                    case 8:\n                        if (!(i < len)) return [3 /*break*/, 11];\n                        return [5 /*yield**/, _loop_3(i, len)];\n                    case 9:\n                        _b.sent();\n                        _b.label = 10;\n                    case 10:\n                        i++;\n                        return [3 /*break*/, 8];\n                    case 11:\n                        this.setState({ fieldCollection: tempFields });\n                        return [3 /*break*/, 13];\n                    case 12:\n                        error_4 = _b.sent();\n                        console.log(\"Error get field informations\", error_4);\n                        return [2 /*return*/, null];\n                    case 13: return [2 /*return*/];\n                }\n            });\n        }); };\n        _this.uplaodImage = function (file) { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, fileInstance, buffer;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId;\n                        if (!file.fileAbsoluteUrl) return [3 /*break*/, 1];\n                        return [2 /*return*/, {\n                                Name: file.fileName,\n                                ServerRelativeUrl: file.fileAbsoluteUrl,\n                                UniqueId: ''\n                            }];\n                    case 1: return [4 /*yield*/, file.downloadFileContent()];\n                    case 2:\n                        fileInstance = _b.sent();\n                        return [4 /*yield*/, this.getImageArrayBuffer(fileInstance)];\n                    case 3:\n                        buffer = _b.sent();\n                        return [4 /*yield*/, this._spService.uploadImage(listId, listItemId, file.fileName, buffer, undefined)];\n                    case 4: return [2 /*return*/, _b.sent()];\n                }\n            });\n        }); };\n        _this.getImageArrayBuffer = function (file) {\n            return new Promise(function (resolve) {\n                var reader = new FileReader();\n                reader.readAsArrayBuffer(file);\n                reader.onload = function () {\n                    resolve(reader.result);\n                };\n            });\n        };\n        _this.getFormFields = function (listId, contentTypeId, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var context, webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        context = this.props.context;\n                        webAbsoluteUrl = !webUrl ? context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = '';\n                        if (contentTypeId !== undefined && contentTypeId !== '') {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/contenttypes('\" + contentTypeId + \"')/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        else {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        return [4 /*yield*/, context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        // Initialize pnp sp\n        sp.setup({\n            spfxContext: _this.props.context\n        });\n        // Initialize state\n        _this.state = {\n            fieldCollection: []\n        };\n        // Get SPService Factory\n        _this._spService = new SPservice(_this.props.context);\n        return _this;\n    }\n    /**\n     * Lifecycle hook when component is mounted\n     */\n    DynamicForm.prototype.componentDidMount = function () {\n        this.getFieldInformations();\n    };\n    /**\n     * Default React component render method\n     */\n    DynamicForm.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, fieldCollection = _a.fieldCollection, isSaving = _a.isSaving;\n        return (React.createElement(\"div\", null, fieldCollection.length === 0 ? React.createElement(\"div\", null,\n            React.createElement(ProgressIndicator, { label: strings.DynamicFormLoading, description: strings.DynamicFormPleaseWait })) :\n            React.createElement(\"div\", null,\n                fieldCollection.map(function (v, i) {\n                    return React.createElement(DynamicField, __assign({}, v, { disabled: v.disabled || isSaving }));\n                }),\n                React.createElement(Stack, { className: styles.buttons, horizontal: true, tokens: stackTokens },\n                    React.createElement(PrimaryButton, { disabled: isSaving, text: strings.Save, onClick: function () { return _this.onSubmitClick(); } }),\n                    React.createElement(DefaultButton, { disabled: isSaving, text: strings.Cancel, onClick: this.props.onCancelled })))));\n    };\n    return DynamicForm;\n}(React.Component));\nexport { DynamicForm };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\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 __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from './DynamicForm.module.scss';\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\nimport SPservice from '../../services/SPService';\nimport { DynamicField } from './dynamicField';\nimport { sp } from '@pnp/sp/presets/all';\nimport { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator';\nimport * as strings from 'ControlStrings';\nimport { SPHttpClient } from '@microsoft/sp-http';\nvar stackTokens = { childrenGap: 20 };\n/**\n * DynamicForm Class Control\n */\nvar DynamicForm = /** @class */ (function (_super) {\n    __extends(DynamicForm, _super);\n    function DynamicForm(props) {\n        var _this = _super.call(this, props) || this;\n        _this.webURL = _this.props.webAbsoluteUrl ? _this.props.webAbsoluteUrl : _this.props.context.pageContext.web.absoluteUrl;\n        //trigger when the user submits the form.\n        _this.onSubmitClick = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, onSubmitted, onBeforeSubmit, onSubmitError, shouldBeReturnBack_1, fields, objects, _loop_1, this_1, i, len, isCancelled, iur, error_1, iar, error_2, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId, onSubmitted = _a.onSubmitted, onBeforeSubmit = _a.onBeforeSubmit, onSubmitError = _a.onSubmitError;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 16, , 17]);\n                        shouldBeReturnBack_1 = false;\n                        fields = (this.state.fieldCollection || []).slice();\n                        fields.forEach(function (val) {\n                            if (val.required) {\n                                if (val.newValue === null) {\n                                    if (val.fieldDefaultValue === null || val.fieldDefaultValue === '' || val.fieldDefaultValue.length === 0) {\n                                        if (val.fieldType === \"DateTime\")\n                                            val.fieldDefaultValue = null;\n                                        else\n                                            val.fieldDefaultValue = '';\n                                        shouldBeReturnBack_1 = true;\n                                    }\n                                }\n                                else if (val.newValue === '') {\n                                    val.fieldDefaultValue = '';\n                                    shouldBeReturnBack_1 = true;\n                                }\n                            }\n                        });\n                        if (shouldBeReturnBack_1) {\n                            this.setState({ fieldCollection: fields });\n                            return [2 /*return*/];\n                        }\n                        this.setState({\n                            isSaving: true\n                        });\n                        objects = {};\n                        _loop_1 = function (i, len) {\n                            var val, fieldType, additionalData, columnInternalName, hiddenFieldName, value_1, uploadedImage;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        val = fields[i];\n                                        fieldType = val.fieldType, additionalData = val.additionalData, columnInternalName = val.columnInternalName, hiddenFieldName = val.hiddenFieldName;\n                                        if (!(val.newValue !== null && val.newValue !== undefined)) return [3 /*break*/, 14];\n                                        value_1 = val.newValue;\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 1];\n                                        objects[columnInternalName + \"Id\"] = value_1[0].key;\n                                        return [3 /*break*/, 14];\n                                    case 1:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 2];\n                                        value_1 = [];\n                                        val.newValue.forEach(function (element) {\n                                            value_1.push(element.key);\n                                        });\n                                        objects[columnInternalName + \"Id\"] = { results: value_1 };\n                                        return [3 /*break*/, 14];\n                                    case 2:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 3];\n                                        objects[columnInternalName] = {\n                                            '__metadata': { 'type': 'SP.Taxonomy.TaxonomyFieldValue' },\n                                            'Label': value_1[0].name,\n                                            'TermGuid': value_1[0].key,\n                                            'WssId': '-1'\n                                        };\n                                        return [3 /*break*/, 14];\n                                    case 3:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 4];\n                                        objects[hiddenFieldName] = val.newValue.map(function (term) { return \"-1#;\" + term.name + \"|\" + term.key + \";\"; }).join('#');\n                                        return [3 /*break*/, 14];\n                                    case 4:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 5];\n                                        objects[columnInternalName + \"Id\"] = val.newValue;\n                                        return [3 /*break*/, 14];\n                                    case 5:\n                                        if (!(fieldType === \"Choice\")) return [3 /*break*/, 6];\n                                        objects[columnInternalName] = val.newValue.key;\n                                        return [3 /*break*/, 14];\n                                    case 6:\n                                        if (!(fieldType === \"MultiChoice\")) return [3 /*break*/, 7];\n                                        objects[columnInternalName] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 7:\n                                        if (!(fieldType === \"Location\")) return [3 /*break*/, 8];\n                                        objects[columnInternalName] = JSON.stringify(val.newValue);\n                                        return [3 /*break*/, 14];\n                                    case 8:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 9];\n                                        objects[columnInternalName + \"Id\"] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 9:\n                                        if (!(fieldType === 'Thumbnail')) return [3 /*break*/, 13];\n                                        if (!additionalData) return [3 /*break*/, 11];\n                                        return [4 /*yield*/, this_1.uplaodImage(additionalData)];\n                                    case 10:\n                                        uploadedImage = _a.sent();\n                                        objects[columnInternalName] = JSON.stringify({\n                                            type: 'thumbnail',\n                                            fileName: uploadedImage.Name,\n                                            serverRelativeUrl: uploadedImage.ServerRelativeUrl,\n                                            id: uploadedImage.UniqueId\n                                        });\n                                        return [3 /*break*/, 12];\n                                    case 11:\n                                        objects[columnInternalName] = null;\n                                        _a.label = 12;\n                                    case 12: return [3 /*break*/, 14];\n                                    case 13:\n                                        objects[columnInternalName] = val.newValue;\n                                        _a.label = 14;\n                                    case 14: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        i = 0, len = fields.length;\n                        _b.label = 2;\n                    case 2:\n                        if (!(i < len)) return [3 /*break*/, 5];\n                        return [5 /*yield**/, _loop_1(i, len)];\n                    case 3:\n                        _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        i++;\n                        return [3 /*break*/, 2];\n                    case 5:\n                        if (!onBeforeSubmit) return [3 /*break*/, 7];\n                        return [4 /*yield*/, onBeforeSubmit(objects)];\n                    case 6:\n                        isCancelled = _b.sent();\n                        if (isCancelled) {\n                            this.setState({\n                                isSaving: false\n                            });\n                            return [2 /*return*/];\n                        }\n                        _b.label = 7;\n                    case 7:\n                        if (!listItemId) return [3 /*break*/, 12];\n                        _b.label = 8;\n                    case 8:\n                        _b.trys.push([8, 10, , 11]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.getById(listItemId).update(objects)];\n                    case 9:\n                        iur = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iur.data, this.props.returnListItemInstanceOnSubmit !== false ? iur.item : undefined);\n                        }\n                        return [3 /*break*/, 11];\n                    case 10:\n                        error_1 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_1);\n                        }\n                        console.log(\"Error\", error_1);\n                        return [3 /*break*/, 11];\n                    case 11: return [3 /*break*/, 15];\n                    case 12:\n                        _b.trys.push([12, 14, , 15]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.add(objects)];\n                    case 13:\n                        iar = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iar.data, this.props.returnListItemInstanceOnSubmit !== false ? iar.item : undefined);\n                        }\n                        return [3 /*break*/, 15];\n                    case 14:\n                        error_2 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_2);\n                        }\n                        console.log(\"Error\", error_2);\n                        return [3 /*break*/, 15];\n                    case 15:\n                        this.setState({\n                            isSaving: false\n                        });\n                        return [3 /*break*/, 17];\n                    case 16:\n                        error_3 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(null, error_3);\n                        }\n                        console.log(\"Error onSubmit\", error_3);\n                        return [3 /*break*/, 17];\n                    case 17: return [2 /*return*/];\n                }\n            });\n        }); };\n        // trigger when the user change any value in the form\n        _this.onChange = function (internalName, newValue, additionalData) { return __awaiter(_this, void 0, void 0, function () {\n            var fieldCol, field, user, result, _loop_2, retrivedItem, index;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        fieldCol = (this.state.fieldCollection || []).slice();\n                        field = fieldCol.filter(function (element, i) { return element.columnInternalName === internalName; })[0];\n                        field.newValue = newValue;\n                        field.additionalData = additionalData;\n                        if (!(field.fieldType === \"User\" && newValue.length !== 0)) return [3 /*break*/, 4];\n                        if (!(newValue[0].id === undefined || parseInt(newValue[0].id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                        user = newValue[0].secondaryText;\n                        if (user.indexOf('@') === -1) {\n                            user = newValue[0].loginName;\n                        }\n                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                    case 1:\n                        result = _a.sent();\n                        field.newValue = result.data.Id;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        field.newValue = newValue[0].id;\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 8];\n                    case 4:\n                        if (!(field.fieldType === \"UserMulti\" && newValue.length !== 0)) return [3 /*break*/, 8];\n                        field.newValue = [];\n                        _loop_2 = function (index) {\n                            var element, user, result;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        element = newValue[index];\n                                        retrivedItem = false;\n                                        if (field.fieldDefaultValue != null) {\n                                            if (field.fieldDefaultValue.join(',').indexOf(element.text) !== -1)\n                                                field.fieldDefaultValue.forEach(function (item) {\n                                                    if (item.split('/')[1] === element.text) {\n                                                        retrivedItem = true;\n                                                        field.newValue.push(item.split('/')[0]);\n                                                    }\n                                                });\n                                        }\n                                        if (!!retrivedItem) return [3 /*break*/, 3];\n                                        if (!(element.id === undefined || parseInt(element.id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                                        user = element.secondaryText;\n                                        if (user.indexOf('@') === -1) {\n                                            user = element.loginName;\n                                        }\n                                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                                    case 1:\n                                        result = _a.sent();\n                                        field.newValue.push(result.data.Id);\n                                        return [3 /*break*/, 3];\n                                    case 2:\n                                        field.newValue.push(element.id);\n                                        _a.label = 3;\n                                    case 3: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        index = 0;\n                        _a.label = 5;\n                    case 5:\n                        if (!(index < newValue.length)) return [3 /*break*/, 8];\n                        return [5 /*yield**/, _loop_2(index)];\n                    case 6:\n                        _a.sent();\n                        _a.label = 7;\n                    case 7:\n                        index++;\n                        return [3 /*break*/, 5];\n                    case 8:\n                        this.setState({\n                            fieldCollection: fieldCol\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        //getting all the fields information as part of get ready process\n        _this.getFieldInformations = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, context, listId, listItemId, disabledFields, contentTypeId, spList, item, defaultContentType, listFeilds, tempFields, order, responseValue, _loop_3, this_2, i, len, error_4;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, context = _a.context, listId = _a.listId, listItemId = _a.listItemId, disabledFields = _a.disabledFields;\n                        contentTypeId = this.props.contentTypeId;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 12, , 13]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId)];\n                    case 2:\n                        spList = _b.sent();\n                        item = null;\n                        if (!(listItemId !== undefined && listItemId !== null && listItemId !== 0)) return [3 /*break*/, 4];\n                        return [4 /*yield*/, spList.items.getById(listItemId).get()];\n                    case 3:\n                        item = _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        if (!(contentTypeId === undefined || contentTypeId === '')) return [3 /*break*/, 6];\n                        return [4 /*yield*/, spList.contentTypes.select(\"Id\", \"Name\").get()];\n                    case 5:\n                        defaultContentType = _b.sent();\n                        contentTypeId = defaultContentType[0][\"Id\"].StringValue;\n                        _b.label = 6;\n                    case 6: return [4 /*yield*/, this.getFormFields(listId, contentTypeId, this.webURL)];\n                    case 7:\n                        listFeilds = _b.sent();\n                        tempFields = [];\n                        order = 0;\n                        responseValue = listFeilds['value'];\n                        _loop_3 = function (i, len) {\n                            var field, fieldType, hiddenName, termSetId, lookupListId, lookupField, choices, defaultValue, selectedTags, richText, dateFormat, principalType, response, response, schemaXml, dateFormatRegEx, userEmails, _a, _b;\n                            return __generator(this, function (_c) {\n                                switch (_c.label) {\n                                    case 0:\n                                        field = responseValue[i];\n                                        order++;\n                                        fieldType = field['TypeAsString'];\n                                        field.order = order;\n                                        hiddenName = \"\";\n                                        termSetId = \"\";\n                                        lookupListId = \"\";\n                                        lookupField = \"\";\n                                        choices = [];\n                                        defaultValue = null;\n                                        selectedTags = [];\n                                        richText = false;\n                                        dateFormat = void 0;\n                                        principalType = \"\";\n                                        if (item !== null) {\n                                            defaultValue = item[field.EntityPropertyName];\n                                        }\n                                        else {\n                                            defaultValue = field.DefaultValue;\n                                        }\n                                        if (!(fieldType === 'Choice' || fieldType === 'MultiChoice')) return [3 /*break*/, 1];\n                                        field[\"Choices\"].forEach(function (element) {\n                                            choices.push({ key: element, text: element });\n                                        });\n                                        return [3 /*break*/, 27];\n                                    case 1:\n                                        if (!(fieldType === \"Note\")) return [3 /*break*/, 2];\n                                        richText = field[\"RichText\"];\n                                        return [3 /*break*/, 27];\n                                    case 2:\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 6];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 4];\n                                        return [4 /*yield*/, this_2._spService.getLookupValue(listId, listItemId, field.EntityPropertyName, lookupField, this_2.webURL)];\n                                    case 3:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 5];\n                                    case 4:\n                                        defaultValue = [];\n                                        _c.label = 5;\n                                    case 5: return [3 /*break*/, 27];\n                                    case 6:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 10];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 8];\n                                        return [4 /*yield*/, this_2._spService.getLookupValues(listId, listItemId, field.EntityPropertyName, lookupField, this_2.webURL)];\n                                    case 7:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 9];\n                                    case 8:\n                                        defaultValue = [];\n                                        _c.label = 9;\n                                    case 9: return [3 /*break*/, 27];\n                                    case 10:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 12];\n                                        return [4 /*yield*/, this_2._spService.getTaxonomyFieldInternalName(this_2.props.listId, field.InternalName, this_2.webURL)];\n                                    case 11:\n                                        response = _c.sent();\n                                        hiddenName = response[\"value\"];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (item !== null) {\n                                            item[field.InternalName].forEach(function (element) {\n                                                selectedTags.push({ key: element.TermGuid, name: element.Label });\n                                            });\n                                            defaultValue = selectedTags;\n                                        }\n                                        else {\n                                            if (defaultValue !== \"\") {\n                                                defaultValue.split(/#|;/).forEach(function (element) {\n                                                    if (element.indexOf('|') !== -1)\n                                                        selectedTags.push({ key: element.split('|')[1], name: element.split('|')[0] });\n                                                });\n                                                defaultValue = selectedTags;\n                                            }\n                                        }\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 12:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 16];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (!(item !== null)) return [3 /*break*/, 14];\n                                        return [4 /*yield*/, this_2._spService.getSingleManagedMtadataLabel(listId, listItemId, field.InternalName)];\n                                    case 13:\n                                        response = _c.sent();\n                                        if (response) {\n                                            selectedTags.push({ key: response[\"TermID\"], name: response[\"Label\"] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        return [3 /*break*/, 15];\n                                    case 14:\n                                        if (defaultValue !== \"\") {\n                                            selectedTags.push({ key: defaultValue.split('|')[1], name: defaultValue.split('|')[0].split('#')[1] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        _c.label = 15;\n                                    case 15:\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 16:\n                                        if (!(fieldType === \"DateTime\")) return [3 /*break*/, 17];\n                                        if (item !== null && item[field.InternalName])\n                                            defaultValue = new Date(item[field.InternalName]);\n                                        else if (defaultValue === '[today]') {\n                                            defaultValue = new Date();\n                                        }\n                                        schemaXml = field.SchemaXml;\n                                        dateFormatRegEx = /\\s+Format=\\\"([^\\\"]+)\\\"/gmi.exec(schemaXml);\n                                        dateFormat = dateFormatRegEx && dateFormatRegEx.length ? dateFormatRegEx[1] : 'DateOnly';\n                                        return [3 /*break*/, 27];\n                                    case 17:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 21];\n                                        if (!(item !== null)) return [3 /*break*/, 19];\n                                        return [4 /*yield*/, this_2._spService.getUsersUPNFromFieldValue(listId, listItemId, field.InternalName, this_2.webURL)];\n                                    case 18:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 20];\n                                    case 19:\n                                        defaultValue = [];\n                                        _c.label = 20;\n                                    case 20:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 21:\n                                        if (!(fieldType === \"Thumbnail\")) return [3 /*break*/, 22];\n                                        if (defaultValue !== null) {\n                                            defaultValue = this_2.webURL.split('/sites/')[0] + JSON.parse(defaultValue).serverRelativeUrl;\n                                        }\n                                        return [3 /*break*/, 27];\n                                    case 22:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 26];\n                                        if (!(item !== null)) return [3 /*break*/, 24];\n                                        userEmails = [];\n                                        _b = (_a = userEmails).push;\n                                        return [4 /*yield*/, this_2._spService.getUserUPNById(parseInt(item[field.InternalName + \"Id\"]))];\n                                    case 23:\n                                        _b.apply(_a, [(_c.sent()) + '']);\n                                        defaultValue = userEmails;\n                                        return [3 /*break*/, 25];\n                                    case 24:\n                                        defaultValue = [];\n                                        _c.label = 25;\n                                    case 25:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 26:\n                                        if (fieldType === \"Location\") {\n                                            defaultValue = JSON.parse(defaultValue);\n                                        }\n                                        else if (fieldType === \"Boolean\") {\n                                            defaultValue = Boolean(Number(defaultValue));\n                                        }\n                                        _c.label = 27;\n                                    case 27:\n                                        tempFields.push({\n                                            newValue: null,\n                                            fieldTermSetId: termSetId,\n                                            options: choices,\n                                            lookupListID: lookupListId,\n                                            lookupField: lookupField,\n                                            changedValue: defaultValue,\n                                            fieldType: field.TypeAsString,\n                                            fieldTitle: field.Title,\n                                            fieldDefaultValue: defaultValue,\n                                            context: this_2.props.context,\n                                            disabled: this_2.props.disabled || (disabledFields && disabledFields.indexOf(field.InternalName) > -1),\n                                            listId: this_2.props.listId,\n                                            columnInternalName: field.EntityPropertyName,\n                                            label: field.Title,\n                                            onChanged: this_2.onChange,\n                                            required: field.Required,\n                                            hiddenFieldName: hiddenName,\n                                            Order: field.order,\n                                            isRichText: richText,\n                                            dateFormat: dateFormat,\n                                            listItemId: listItemId,\n                                            principalType: principalType,\n                                            description: field.Description\n                                        });\n                                        tempFields.sort(function (a, b) { return a.Order - b.Order; });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_2 = this;\n                        i = 0, len = responseValue.length;\n                        _b.label = 8;\n                    case 8:\n                        if (!(i < len)) return [3 /*break*/, 11];\n                        return [5 /*yield**/, _loop_3(i, len)];\n                    case 9:\n                        _b.sent();\n                        _b.label = 10;\n                    case 10:\n                        i++;\n                        return [3 /*break*/, 8];\n                    case 11:\n                        this.setState({ fieldCollection: tempFields });\n                        return [3 /*break*/, 13];\n                    case 12:\n                        error_4 = _b.sent();\n                        console.log(\"Error get field informations\", error_4);\n                        return [2 /*return*/, null];\n                    case 13: return [2 /*return*/];\n                }\n            });\n        }); };\n        _this.uplaodImage = function (file) { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, fileInstance, buffer;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId;\n                        if (!file.fileAbsoluteUrl) return [3 /*break*/, 1];\n                        return [2 /*return*/, {\n                                Name: file.fileName,\n                                ServerRelativeUrl: file.fileAbsoluteUrl,\n                                UniqueId: ''\n                            }];\n                    case 1: return [4 /*yield*/, file.downloadFileContent()];\n                    case 2:\n                        fileInstance = _b.sent();\n                        return [4 /*yield*/, this.getImageArrayBuffer(fileInstance)];\n                    case 3:\n                        buffer = _b.sent();\n                        return [4 /*yield*/, this._spService.uploadImage(listId, listItemId, file.fileName, buffer, undefined)];\n                    case 4: return [2 /*return*/, _b.sent()];\n                }\n            });\n        }); };\n        _this.getImageArrayBuffer = function (file) {\n            return new Promise(function (resolve) {\n                var reader = new FileReader();\n                reader.readAsArrayBuffer(file);\n                reader.onload = function () {\n                    resolve(reader.result);\n                };\n            });\n        };\n        _this.getFormFields = function (listId, contentTypeId, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var context, webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        context = this.props.context;\n                        webAbsoluteUrl = !webUrl ? this.webURL : webUrl;\n                        apiUrl = '';\n                        if (contentTypeId !== undefined && contentTypeId !== '') {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/contenttypes('\" + contentTypeId + \"')/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        else {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        return [4 /*yield*/, context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        // Initialize pnp sp\n        if (_this.props.webAbsoluteUrl) {\n            sp.setup({\n                sp: {\n                    headers: {\n                        Accept: \"application/json;odata=verbose\",\n                    },\n                    baseUrl: _this.props.webAbsoluteUrl\n                },\n            });\n        }\n        else {\n            sp.setup({\n                spfxContext: _this.props.context\n            });\n        }\n        // Initialize state\n        _this.state = {\n            fieldCollection: []\n        };\n        // Get SPService Factory\n        _this._spService = _this.props.webAbsoluteUrl ? new SPservice(_this.props.context, _this.props.webAbsoluteUrl) : new SPservice(_this.props.context);\n        return _this;\n    }\n    /**\n     * Lifecycle hook when component is mounted\n     */\n    DynamicForm.prototype.componentDidMount = function () {\n        this.getFieldInformations();\n    };\n    /**\n     * Default React component render method\n     */\n    DynamicForm.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, fieldCollection = _a.fieldCollection, isSaving = _a.isSaving;\n        return (React.createElement(\"div\", null, fieldCollection.length === 0 ? React.createElement(\"div\", null,\n            React.createElement(ProgressIndicator, { label: strings.DynamicFormLoading, description: strings.DynamicFormPleaseWait })) :\n            React.createElement(\"div\", null,\n                fieldCollection.map(function (v, i) {\n                    return React.createElement(DynamicField, __assign({}, v, { disabled: v.disabled || isSaving }));\n                }),\n                !this.props.disabled &&\n                    React.createElement(Stack, { className: styles.buttons, horizontal: true, tokens: stackTokens },\n                        React.createElement(PrimaryButton, { disabled: isSaving, text: strings.Save, onClick: function () { return _this.onSubmitClick(); } }),\n                        React.createElement(DefaultButton, { disabled: isSaving, text: strings.Cancel, onClick: this.props.onCancelled })))));\n    };\n    return DynamicForm;\n}(React.Component));\nexport { DynamicForm };\n"
         },
         {
           "id": "RQLH",
@@ -259998,7 +260016,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "692:60-86"
+              "loc": "705:60-86"
             },
             {
               "moduleId": "RPzn",
@@ -260007,7 +260025,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "692:101-130"
+              "loc": "705:101-130"
             },
             {
               "moduleId": "RPzn",
@@ -260016,7 +260034,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "698:83-95"
+              "loc": "712:87-99"
             },
             {
               "moduleId": "RPzn",
@@ -260025,7 +260043,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "699:83-97"
+              "loc": "713:87-101"
             },
             {
               "moduleId": "SXK8",
@@ -359731,7 +359749,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "691:16-35"
+              "loc": "704:16-35"
             },
             {
               "moduleId": "RPzn",
@@ -359740,7 +359758,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "691:80-99"
+              "loc": "704:80-99"
             },
             {
               "moduleId": "RPzn",
@@ -359749,7 +359767,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "692:12-31"
+              "loc": "705:12-31"
             },
             {
               "moduleId": "RPzn",
@@ -359758,7 +359776,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "693:12-31"
+              "loc": "706:12-31"
             },
             {
               "moduleId": "RPzn",
@@ -359767,7 +359785,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "695:27-46"
+              "loc": "708:27-46"
             },
             {
               "moduleId": "RPzn",
@@ -359776,7 +359794,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "697:16-35"
+              "loc": "711:20-39"
             },
             {
               "moduleId": "RPzn",
@@ -359785,7 +359803,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "698:20-39"
+              "loc": "712:24-43"
             },
             {
               "moduleId": "RPzn",
@@ -359794,7 +359812,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "699:20-39"
+              "loc": "713:24-43"
             },
             {
               "moduleId": "RPzn",
@@ -359803,7 +359821,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "702:2-17"
+              "loc": "716:2-17"
             },
             {
               "moduleId": "RQjC",
@@ -391240,7 +391258,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.9.0-beta.2556922\";\n"
+          "source": "export var version = \"3.9.0-beta.2597970\";\n"
         },
         {
           "id": "cLrF",
@@ -520643,7 +520661,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Stack",
-              "loc": "697:36-41"
+              "loc": "711:40-45"
             },
             {
               "moduleId": "SXK8",
@@ -532441,7 +532459,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "647:78-90"
+              "loc": "648:78-90"
             },
             {
               "moduleId": "SRtU",
@@ -572142,7 +572160,7 @@
         "ootb-fields-field-customizer.js",
         "ootb-fields-field-customizer.js.map"
       ],
-      "hash": "11d6dd989097f38c67c6",
+      "hash": "56ad8ac29051ee0aa9cd",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -608047,7 +608065,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "698:40-53"
+              "loc": "712:44-57"
             },
             {
               "moduleId": "RPzn",
@@ -608056,7 +608074,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "699:40-53"
+              "loc": "713:44-57"
             },
             {
               "moduleId": "SXK8",
@@ -658765,7 +658783,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "692:60-86"
+              "loc": "705:60-86"
             },
             {
               "moduleId": "RPzn",
@@ -658774,7 +658792,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "692:101-130"
+              "loc": "705:101-130"
             },
             {
               "moduleId": "RPzn",
@@ -658783,7 +658801,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "698:83-95"
+              "loc": "712:87-99"
             },
             {
               "moduleId": "RPzn",
@@ -658792,7 +658810,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "699:83-97"
+              "loc": "713:87-101"
             },
             {
               "moduleId": "SXK8",
@@ -701245,7 +701263,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "691:16-35"
+              "loc": "704:16-35"
             },
             {
               "moduleId": "RPzn",
@@ -701254,7 +701272,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "691:80-99"
+              "loc": "704:80-99"
             },
             {
               "moduleId": "RPzn",
@@ -701263,7 +701281,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "692:12-31"
+              "loc": "705:12-31"
             },
             {
               "moduleId": "RPzn",
@@ -701272,7 +701290,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "693:12-31"
+              "loc": "706:12-31"
             },
             {
               "moduleId": "RPzn",
@@ -701281,7 +701299,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "695:27-46"
+              "loc": "708:27-46"
             },
             {
               "moduleId": "RPzn",
@@ -701290,7 +701308,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "697:16-35"
+              "loc": "711:20-39"
             },
             {
               "moduleId": "RPzn",
@@ -701299,7 +701317,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "698:20-39"
+              "loc": "712:24-43"
             },
             {
               "moduleId": "RPzn",
@@ -701308,7 +701326,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "699:20-39"
+              "loc": "713:24-43"
             },
             {
               "moduleId": "RPzn",
@@ -701317,7 +701335,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "702:2-17"
+              "loc": "716:2-17"
             },
             {
               "moduleId": "RQjC",
@@ -732601,7 +732619,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.9.0-beta.2556922\";\n"
+          "source": "export var version = \"3.9.0-beta.2597970\";\n"
         },
         {
           "id": "cPD0",
@@ -762552,7 +762570,7 @@
               "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "647:78-90"
+              "loc": "648:78-90"
             },
             {
               "moduleId": "SRtU",
@@ -832558,7 +832576,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "./dynamicField",
-          "loc": "695:47-59"
+          "loc": "708:47-59"
         }
       ],
       "providedExports": null,
@@ -838532,7 +838550,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/ProgressIndicator",
-          "loc": "692:32-49"
+          "loc": "705:32-49"
         }
       ],
       "providedExports": [
@@ -862887,7 +862905,16 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "../../services/SPService",
-          "loc": "676:31-40"
+          "loc": "689:60-69"
+        },
+        {
+          "moduleId": "RPzn",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/dynamicForm/DynamicForm.js",
+          "module": "./lib/controls/dynamicForm/DynamicForm.js",
+          "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
+          "type": "harmony import specifier",
+          "userRequest": "../../services/SPService",
+          "loc": "689:125-134"
         },
         {
           "moduleId": "k0SN",
@@ -915391,7 +915418,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "222:45-47"
+          "loc": "223:45-47"
         },
         {
           "moduleId": "RPzn",
@@ -915400,7 +915427,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "239:45-47"
+          "loc": "240:45-47"
         },
         {
           "moduleId": "RPzn",
@@ -915409,7 +915436,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "285:45-47"
+          "loc": "286:45-47"
         },
         {
           "moduleId": "RPzn",
@@ -915418,7 +915445,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "319:61-63"
+          "loc": "320:61-63"
         },
         {
           "moduleId": "RPzn",
@@ -915427,7 +915454,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "361:45-47"
+          "loc": "362:45-47"
         },
         {
           "moduleId": "RPzn",
@@ -915436,7 +915463,16 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@pnp/sp/presets/all",
-          "loc": "668:8-10"
+          "loc": "670:12-14"
+        },
+        {
+          "moduleId": "RPzn",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/controls/dynamicForm/DynamicForm.js",
+          "module": "./lib/controls/dynamicForm/DynamicForm.js",
+          "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
+          "type": "harmony import specifier",
+          "userRequest": "@pnp/sp/presets/all",
+          "loc": "680:12-14"
         },
         {
           "moduleId": "Y+es",
@@ -918526,7 +918562,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "./DynamicForm.module.scss",
-          "loc": "697:56-62"
+          "loc": "711:60-66"
         },
         {
           "moduleId": "Y+es",
@@ -921766,7 +921802,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Button",
-          "loc": "698:40-53"
+          "loc": "712:44-57"
         },
         {
           "moduleId": "RPzn",
@@ -921775,7 +921811,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Button",
-          "loc": "699:40-53"
+          "loc": "713:44-57"
         },
         {
           "moduleId": "SXK8",
@@ -1026985,7 +1027021,7 @@
       "name": "./lib/controls/dynamicForm/DynamicForm.js",
       "index": 3092,
       "index2": 3401,
-      "size": 42886,
+      "size": 43348,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1027042,7 +1027078,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\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 __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from './DynamicForm.module.scss';\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\nimport SPservice from '../../services/SPService';\nimport { DynamicField } from './dynamicField';\nimport { sp } from '@pnp/sp/presets/all';\nimport { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator';\nimport * as strings from 'ControlStrings';\nimport { SPHttpClient } from '@microsoft/sp-http';\nvar stackTokens = { childrenGap: 20 };\n/**\n * DynamicForm Class Control\n */\nvar DynamicForm = /** @class */ (function (_super) {\n    __extends(DynamicForm, _super);\n    function DynamicForm(props) {\n        var _this = _super.call(this, props) || this;\n        //trigger when the user submits the form.\n        _this.onSubmitClick = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, onSubmitted, onBeforeSubmit, onSubmitError, shouldBeReturnBack_1, fields, objects, _loop_1, this_1, i, len, isCancelled, iur, error_1, iar, error_2, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId, onSubmitted = _a.onSubmitted, onBeforeSubmit = _a.onBeforeSubmit, onSubmitError = _a.onSubmitError;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 16, , 17]);\n                        shouldBeReturnBack_1 = false;\n                        fields = (this.state.fieldCollection || []).slice();\n                        fields.forEach(function (val) {\n                            if (val.required) {\n                                if (val.newValue === null) {\n                                    if (val.fieldDefaultValue === null || val.fieldDefaultValue === '' || val.fieldDefaultValue.length === 0) {\n                                        if (val.fieldType === \"DateTime\")\n                                            val.fieldDefaultValue = null;\n                                        else\n                                            val.fieldDefaultValue = '';\n                                        shouldBeReturnBack_1 = true;\n                                    }\n                                }\n                                else if (val.newValue === '') {\n                                    val.fieldDefaultValue = '';\n                                    shouldBeReturnBack_1 = true;\n                                }\n                            }\n                        });\n                        if (shouldBeReturnBack_1) {\n                            this.setState({ fieldCollection: fields });\n                            return [2 /*return*/];\n                        }\n                        this.setState({\n                            isSaving: true\n                        });\n                        objects = {};\n                        _loop_1 = function (i, len) {\n                            var val, fieldType, additionalData, columnInternalName, hiddenFieldName, value_1, uploadedImage;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        val = fields[i];\n                                        fieldType = val.fieldType, additionalData = val.additionalData, columnInternalName = val.columnInternalName, hiddenFieldName = val.hiddenFieldName;\n                                        if (!(val.newValue !== null && val.newValue !== undefined)) return [3 /*break*/, 14];\n                                        value_1 = val.newValue;\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 1];\n                                        objects[columnInternalName + \"Id\"] = value_1[0].key;\n                                        return [3 /*break*/, 14];\n                                    case 1:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 2];\n                                        value_1 = [];\n                                        val.newValue.forEach(function (element) {\n                                            value_1.push(element.key);\n                                        });\n                                        objects[columnInternalName + \"Id\"] = { results: value_1 };\n                                        return [3 /*break*/, 14];\n                                    case 2:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 3];\n                                        objects[columnInternalName] = {\n                                            '__metadata': { 'type': 'SP.Taxonomy.TaxonomyFieldValue' },\n                                            'Label': value_1[0].name,\n                                            'TermGuid': value_1[0].key,\n                                            'WssId': '-1'\n                                        };\n                                        return [3 /*break*/, 14];\n                                    case 3:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 4];\n                                        objects[hiddenFieldName] = val.newValue.map(function (term) { return \"-1#;\" + term.name + \"|\" + term.key + \";\"; }).join('#');\n                                        return [3 /*break*/, 14];\n                                    case 4:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 5];\n                                        objects[columnInternalName + \"Id\"] = val.newValue;\n                                        return [3 /*break*/, 14];\n                                    case 5:\n                                        if (!(fieldType === \"Choice\")) return [3 /*break*/, 6];\n                                        objects[columnInternalName] = val.newValue.key;\n                                        return [3 /*break*/, 14];\n                                    case 6:\n                                        if (!(fieldType === \"MultiChoice\")) return [3 /*break*/, 7];\n                                        objects[columnInternalName] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 7:\n                                        if (!(fieldType === \"Location\")) return [3 /*break*/, 8];\n                                        objects[columnInternalName] = JSON.stringify(val.newValue);\n                                        return [3 /*break*/, 14];\n                                    case 8:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 9];\n                                        objects[columnInternalName + \"Id\"] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 9:\n                                        if (!(fieldType === 'Thumbnail')) return [3 /*break*/, 13];\n                                        if (!additionalData) return [3 /*break*/, 11];\n                                        return [4 /*yield*/, this_1.uplaodImage(additionalData)];\n                                    case 10:\n                                        uploadedImage = _a.sent();\n                                        objects[columnInternalName] = JSON.stringify({\n                                            type: 'thumbnail',\n                                            fileName: uploadedImage.Name,\n                                            serverRelativeUrl: uploadedImage.ServerRelativeUrl,\n                                            id: uploadedImage.UniqueId\n                                        });\n                                        return [3 /*break*/, 12];\n                                    case 11:\n                                        objects[columnInternalName] = null;\n                                        _a.label = 12;\n                                    case 12: return [3 /*break*/, 14];\n                                    case 13:\n                                        objects[columnInternalName] = val.newValue;\n                                        _a.label = 14;\n                                    case 14: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        i = 0, len = fields.length;\n                        _b.label = 2;\n                    case 2:\n                        if (!(i < len)) return [3 /*break*/, 5];\n                        return [5 /*yield**/, _loop_1(i, len)];\n                    case 3:\n                        _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        i++;\n                        return [3 /*break*/, 2];\n                    case 5:\n                        if (!onBeforeSubmit) return [3 /*break*/, 7];\n                        return [4 /*yield*/, onBeforeSubmit(objects)];\n                    case 6:\n                        isCancelled = _b.sent();\n                        if (isCancelled) {\n                            this.setState({\n                                isSaving: false\n                            });\n                            return [2 /*return*/];\n                        }\n                        _b.label = 7;\n                    case 7:\n                        if (!listItemId) return [3 /*break*/, 12];\n                        _b.label = 8;\n                    case 8:\n                        _b.trys.push([8, 10, , 11]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.getById(listItemId).update(objects)];\n                    case 9:\n                        iur = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iur.data, this.props.returnListItemInstanceOnSubmit !== false ? iur.item : undefined);\n                        }\n                        return [3 /*break*/, 11];\n                    case 10:\n                        error_1 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_1);\n                        }\n                        console.log(\"Error\", error_1);\n                        return [3 /*break*/, 11];\n                    case 11: return [3 /*break*/, 15];\n                    case 12:\n                        _b.trys.push([12, 14, , 15]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.add(objects)];\n                    case 13:\n                        iar = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iar.data, this.props.returnListItemInstanceOnSubmit !== false ? iar.item : undefined);\n                        }\n                        return [3 /*break*/, 15];\n                    case 14:\n                        error_2 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_2);\n                        }\n                        console.log(\"Error\", error_2);\n                        return [3 /*break*/, 15];\n                    case 15:\n                        this.setState({\n                            isSaving: false\n                        });\n                        return [3 /*break*/, 17];\n                    case 16:\n                        error_3 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(null, error_3);\n                        }\n                        console.log(\"Error onSubmit\", error_3);\n                        return [3 /*break*/, 17];\n                    case 17: return [2 /*return*/];\n                }\n            });\n        }); };\n        // trigger when the user change any value in the form\n        _this.onChange = function (internalName, newValue, additionalData) { return __awaiter(_this, void 0, void 0, function () {\n            var fieldCol, field, user, result, _loop_2, retrivedItem, index;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        fieldCol = (this.state.fieldCollection || []).slice();\n                        field = fieldCol.filter(function (element, i) { return element.columnInternalName === internalName; })[0];\n                        field.newValue = newValue;\n                        field.additionalData = additionalData;\n                        if (!(field.fieldType === \"User\" && newValue.length !== 0)) return [3 /*break*/, 4];\n                        if (!(newValue[0].id === undefined || parseInt(newValue[0].id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                        user = newValue[0].secondaryText;\n                        if (user.indexOf('@') === -1) {\n                            user = newValue[0].loginName;\n                        }\n                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                    case 1:\n                        result = _a.sent();\n                        field.newValue = result.data.Id;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        field.newValue = newValue[0].id;\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 8];\n                    case 4:\n                        if (!(field.fieldType === \"UserMulti\" && newValue.length !== 0)) return [3 /*break*/, 8];\n                        field.newValue = [];\n                        _loop_2 = function (index) {\n                            var element, user, result;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        element = newValue[index];\n                                        retrivedItem = false;\n                                        if (field.fieldDefaultValue != null) {\n                                            if (field.fieldDefaultValue.join(',').indexOf(element.text) !== -1)\n                                                field.fieldDefaultValue.forEach(function (item) {\n                                                    if (item.split('/')[1] === element.text) {\n                                                        retrivedItem = true;\n                                                        field.newValue.push(item.split('/')[0]);\n                                                    }\n                                                });\n                                        }\n                                        if (!!retrivedItem) return [3 /*break*/, 3];\n                                        if (!(element.id === undefined || parseInt(element.id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                                        user = element.secondaryText;\n                                        if (user.indexOf('@') === -1) {\n                                            user = element.loginName;\n                                        }\n                                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                                    case 1:\n                                        result = _a.sent();\n                                        field.newValue.push(result.data.Id);\n                                        return [3 /*break*/, 3];\n                                    case 2:\n                                        field.newValue.push(element.id);\n                                        _a.label = 3;\n                                    case 3: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        index = 0;\n                        _a.label = 5;\n                    case 5:\n                        if (!(index < newValue.length)) return [3 /*break*/, 8];\n                        return [5 /*yield**/, _loop_2(index)];\n                    case 6:\n                        _a.sent();\n                        _a.label = 7;\n                    case 7:\n                        index++;\n                        return [3 /*break*/, 5];\n                    case 8:\n                        this.setState({\n                            fieldCollection: fieldCol\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        //getting all the fields information as part of get ready process\n        _this.getFieldInformations = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, context, listId, listItemId, disabledFields, contentTypeId, spList, item, defaultContentType, listFeilds, tempFields, order, responseValue, _loop_3, this_2, i, len, error_4;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, context = _a.context, listId = _a.listId, listItemId = _a.listItemId, disabledFields = _a.disabledFields;\n                        contentTypeId = this.props.contentTypeId;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 12, , 13]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId)];\n                    case 2:\n                        spList = _b.sent();\n                        item = null;\n                        if (!(listItemId !== undefined && listItemId !== null && listItemId !== 0)) return [3 /*break*/, 4];\n                        return [4 /*yield*/, spList.items.getById(listItemId).get()];\n                    case 3:\n                        item = _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        if (!(contentTypeId === undefined || contentTypeId === '')) return [3 /*break*/, 6];\n                        return [4 /*yield*/, spList.contentTypes.select(\"Id\", \"Name\").get()];\n                    case 5:\n                        defaultContentType = _b.sent();\n                        contentTypeId = defaultContentType[0][\"Id\"].StringValue;\n                        _b.label = 6;\n                    case 6: return [4 /*yield*/, this.getFormFields(listId, contentTypeId, context.pageContext.web.absoluteUrl)];\n                    case 7:\n                        listFeilds = _b.sent();\n                        tempFields = [];\n                        order = 0;\n                        responseValue = listFeilds['value'];\n                        _loop_3 = function (i, len) {\n                            var field, fieldType, hiddenName, termSetId, lookupListId, lookupField, choices, defaultValue, selectedTags, richText, dateFormat, principalType, response, response, schemaXml, dateFormatRegEx, userEmails, _a, _b;\n                            return __generator(this, function (_c) {\n                                switch (_c.label) {\n                                    case 0:\n                                        field = responseValue[i];\n                                        order++;\n                                        fieldType = field['TypeAsString'];\n                                        field.order = order;\n                                        hiddenName = \"\";\n                                        termSetId = \"\";\n                                        lookupListId = \"\";\n                                        lookupField = \"\";\n                                        choices = [];\n                                        defaultValue = null;\n                                        selectedTags = [];\n                                        richText = false;\n                                        dateFormat = void 0;\n                                        principalType = \"\";\n                                        if (item !== null) {\n                                            defaultValue = item[field.EntityPropertyName];\n                                        }\n                                        else {\n                                            defaultValue = field.DefaultValue;\n                                        }\n                                        if (!(fieldType === 'Choice' || fieldType === 'MultiChoice')) return [3 /*break*/, 1];\n                                        field[\"Choices\"].forEach(function (element) {\n                                            choices.push({ key: element, text: element });\n                                        });\n                                        return [3 /*break*/, 27];\n                                    case 1:\n                                        if (!(fieldType === \"Note\")) return [3 /*break*/, 2];\n                                        richText = field[\"RichText\"];\n                                        return [3 /*break*/, 27];\n                                    case 2:\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 6];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 4];\n                                        return [4 /*yield*/, this_2._spService.getLookupValue(listId, listItemId, field.InternalName, lookupField, context.pageContext.web.absoluteUrl)];\n                                    case 3:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 5];\n                                    case 4:\n                                        defaultValue = [];\n                                        _c.label = 5;\n                                    case 5: return [3 /*break*/, 27];\n                                    case 6:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 10];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 8];\n                                        return [4 /*yield*/, this_2._spService.getLookupValues(listId, listItemId, field.InternalName, lookupField, context.pageContext.web.absoluteUrl)];\n                                    case 7:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 9];\n                                    case 8:\n                                        defaultValue = [];\n                                        _c.label = 9;\n                                    case 9: return [3 /*break*/, 27];\n                                    case 10:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 12];\n                                        return [4 /*yield*/, this_2._spService.getTaxonomyFieldInternalName(this_2.props.listId, field.InternalName, this_2.props.context.pageContext.web.absoluteUrl)];\n                                    case 11:\n                                        response = _c.sent();\n                                        hiddenName = response[\"value\"];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (item !== null) {\n                                            item[field.InternalName].forEach(function (element) {\n                                                selectedTags.push({ key: element.TermGuid, name: element.Label });\n                                            });\n                                            defaultValue = selectedTags;\n                                        }\n                                        else {\n                                            if (defaultValue !== \"\") {\n                                                defaultValue.split(/#|;/).forEach(function (element) {\n                                                    if (element.indexOf('|') !== -1)\n                                                        selectedTags.push({ key: element.split('|')[1], name: element.split('|')[0] });\n                                                });\n                                                defaultValue = selectedTags;\n                                            }\n                                        }\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 12:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 16];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (!(item !== null)) return [3 /*break*/, 14];\n                                        return [4 /*yield*/, this_2._spService.getSingleManagedMtadataLabel(listId, listItemId, field.InternalName)];\n                                    case 13:\n                                        response = _c.sent();\n                                        if (response) {\n                                            selectedTags.push({ key: response[\"TermID\"], name: response[\"Label\"] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        return [3 /*break*/, 15];\n                                    case 14:\n                                        if (defaultValue !== \"\") {\n                                            selectedTags.push({ key: defaultValue.split('|')[1], name: defaultValue.split('|')[0].split('#')[1] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        _c.label = 15;\n                                    case 15:\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 16:\n                                        if (!(fieldType === \"DateTime\")) return [3 /*break*/, 17];\n                                        if (item !== null && item[field.InternalName])\n                                            defaultValue = new Date(item[field.InternalName]);\n                                        else if (defaultValue === '[today]') {\n                                            defaultValue = new Date();\n                                        }\n                                        schemaXml = field.SchemaXml;\n                                        dateFormatRegEx = /\\s+Format=\\\"([^\\\"]+)\\\"/gmi.exec(schemaXml);\n                                        dateFormat = dateFormatRegEx && dateFormatRegEx.length ? dateFormatRegEx[1] : 'DateOnly';\n                                        return [3 /*break*/, 27];\n                                    case 17:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 21];\n                                        if (!(item !== null)) return [3 /*break*/, 19];\n                                        return [4 /*yield*/, this_2._spService.getUsersUPNFromFieldValue(listId, listItemId, field.InternalName, context.pageContext.web.absoluteUrl)];\n                                    case 18:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 20];\n                                    case 19:\n                                        defaultValue = [];\n                                        _c.label = 20;\n                                    case 20:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 21:\n                                        if (!(fieldType === \"Thumbnail\")) return [3 /*break*/, 22];\n                                        if (defaultValue !== null) {\n                                            defaultValue = context.pageContext.web.absoluteUrl.split('/sites/')[0] + JSON.parse(defaultValue).serverRelativeUrl;\n                                        }\n                                        return [3 /*break*/, 27];\n                                    case 22:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 26];\n                                        if (!(item !== null)) return [3 /*break*/, 24];\n                                        userEmails = [];\n                                        _b = (_a = userEmails).push;\n                                        return [4 /*yield*/, this_2._spService.getUserUPNById(parseInt(item[field.InternalName + \"Id\"]))];\n                                    case 23:\n                                        _b.apply(_a, [(_c.sent()) + '']);\n                                        defaultValue = userEmails;\n                                        return [3 /*break*/, 25];\n                                    case 24:\n                                        defaultValue = [];\n                                        _c.label = 25;\n                                    case 25:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 26:\n                                        if (fieldType === \"Location\") {\n                                            defaultValue = JSON.parse(defaultValue);\n                                        }\n                                        else if (fieldType === \"Boolean\") {\n                                            defaultValue = Boolean(Number(defaultValue));\n                                        }\n                                        _c.label = 27;\n                                    case 27:\n                                        tempFields.push({\n                                            newValue: null,\n                                            fieldTermSetId: termSetId,\n                                            options: choices,\n                                            lookupListID: lookupListId,\n                                            lookupField: lookupField,\n                                            changedValue: defaultValue,\n                                            fieldType: field.TypeAsString,\n                                            fieldTitle: field.Title,\n                                            fieldDefaultValue: defaultValue,\n                                            context: this_2.props.context,\n                                            disabled: this_2.props.disabled || (disabledFields && disabledFields.indexOf(field.InternalName) > -1),\n                                            listId: this_2.props.listId,\n                                            columnInternalName: field.EntityPropertyName,\n                                            label: field.Title,\n                                            onChanged: this_2.onChange,\n                                            required: field.Required,\n                                            hiddenFieldName: hiddenName,\n                                            Order: field.order,\n                                            isRichText: richText,\n                                            dateFormat: dateFormat,\n                                            listItemId: listItemId,\n                                            principalType: principalType,\n                                            description: field.Description\n                                        });\n                                        tempFields.sort(function (a, b) { return a.Order - b.Order; });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_2 = this;\n                        i = 0, len = responseValue.length;\n                        _b.label = 8;\n                    case 8:\n                        if (!(i < len)) return [3 /*break*/, 11];\n                        return [5 /*yield**/, _loop_3(i, len)];\n                    case 9:\n                        _b.sent();\n                        _b.label = 10;\n                    case 10:\n                        i++;\n                        return [3 /*break*/, 8];\n                    case 11:\n                        this.setState({ fieldCollection: tempFields });\n                        return [3 /*break*/, 13];\n                    case 12:\n                        error_4 = _b.sent();\n                        console.log(\"Error get field informations\", error_4);\n                        return [2 /*return*/, null];\n                    case 13: return [2 /*return*/];\n                }\n            });\n        }); };\n        _this.uplaodImage = function (file) { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, fileInstance, buffer;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId;\n                        if (!file.fileAbsoluteUrl) return [3 /*break*/, 1];\n                        return [2 /*return*/, {\n                                Name: file.fileName,\n                                ServerRelativeUrl: file.fileAbsoluteUrl,\n                                UniqueId: ''\n                            }];\n                    case 1: return [4 /*yield*/, file.downloadFileContent()];\n                    case 2:\n                        fileInstance = _b.sent();\n                        return [4 /*yield*/, this.getImageArrayBuffer(fileInstance)];\n                    case 3:\n                        buffer = _b.sent();\n                        return [4 /*yield*/, this._spService.uploadImage(listId, listItemId, file.fileName, buffer, undefined)];\n                    case 4: return [2 /*return*/, _b.sent()];\n                }\n            });\n        }); };\n        _this.getImageArrayBuffer = function (file) {\n            return new Promise(function (resolve) {\n                var reader = new FileReader();\n                reader.readAsArrayBuffer(file);\n                reader.onload = function () {\n                    resolve(reader.result);\n                };\n            });\n        };\n        _this.getFormFields = function (listId, contentTypeId, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var context, webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        context = this.props.context;\n                        webAbsoluteUrl = !webUrl ? context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = '';\n                        if (contentTypeId !== undefined && contentTypeId !== '') {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/contenttypes('\" + contentTypeId + \"')/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        else {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        return [4 /*yield*/, context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        // Initialize pnp sp\n        sp.setup({\n            spfxContext: _this.props.context\n        });\n        // Initialize state\n        _this.state = {\n            fieldCollection: []\n        };\n        // Get SPService Factory\n        _this._spService = new SPservice(_this.props.context);\n        return _this;\n    }\n    /**\n     * Lifecycle hook when component is mounted\n     */\n    DynamicForm.prototype.componentDidMount = function () {\n        this.getFieldInformations();\n    };\n    /**\n     * Default React component render method\n     */\n    DynamicForm.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, fieldCollection = _a.fieldCollection, isSaving = _a.isSaving;\n        return (React.createElement(\"div\", null, fieldCollection.length === 0 ? React.createElement(\"div\", null,\n            React.createElement(ProgressIndicator, { label: strings.DynamicFormLoading, description: strings.DynamicFormPleaseWait })) :\n            React.createElement(\"div\", null,\n                fieldCollection.map(function (v, i) {\n                    return React.createElement(DynamicField, __assign({}, v, { disabled: v.disabled || isSaving }));\n                }),\n                React.createElement(Stack, { className: styles.buttons, horizontal: true, tokens: stackTokens },\n                    React.createElement(PrimaryButton, { disabled: isSaving, text: strings.Save, onClick: function () { return _this.onSubmitClick(); } }),\n                    React.createElement(DefaultButton, { disabled: isSaving, text: strings.Cancel, onClick: this.props.onCancelled })))));\n    };\n    return DynamicForm;\n}(React.Component));\nexport { DynamicForm };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\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 __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from './DynamicForm.module.scss';\nimport { DefaultButton, PrimaryButton } from 'office-ui-fabric-react/lib/Button';\nimport { Stack } from 'office-ui-fabric-react/lib/Stack';\nimport SPservice from '../../services/SPService';\nimport { DynamicField } from './dynamicField';\nimport { sp } from '@pnp/sp/presets/all';\nimport { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator';\nimport * as strings from 'ControlStrings';\nimport { SPHttpClient } from '@microsoft/sp-http';\nvar stackTokens = { childrenGap: 20 };\n/**\n * DynamicForm Class Control\n */\nvar DynamicForm = /** @class */ (function (_super) {\n    __extends(DynamicForm, _super);\n    function DynamicForm(props) {\n        var _this = _super.call(this, props) || this;\n        _this.webURL = _this.props.webAbsoluteUrl ? _this.props.webAbsoluteUrl : _this.props.context.pageContext.web.absoluteUrl;\n        //trigger when the user submits the form.\n        _this.onSubmitClick = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, onSubmitted, onBeforeSubmit, onSubmitError, shouldBeReturnBack_1, fields, objects, _loop_1, this_1, i, len, isCancelled, iur, error_1, iar, error_2, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId, onSubmitted = _a.onSubmitted, onBeforeSubmit = _a.onBeforeSubmit, onSubmitError = _a.onSubmitError;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 16, , 17]);\n                        shouldBeReturnBack_1 = false;\n                        fields = (this.state.fieldCollection || []).slice();\n                        fields.forEach(function (val) {\n                            if (val.required) {\n                                if (val.newValue === null) {\n                                    if (val.fieldDefaultValue === null || val.fieldDefaultValue === '' || val.fieldDefaultValue.length === 0) {\n                                        if (val.fieldType === \"DateTime\")\n                                            val.fieldDefaultValue = null;\n                                        else\n                                            val.fieldDefaultValue = '';\n                                        shouldBeReturnBack_1 = true;\n                                    }\n                                }\n                                else if (val.newValue === '') {\n                                    val.fieldDefaultValue = '';\n                                    shouldBeReturnBack_1 = true;\n                                }\n                            }\n                        });\n                        if (shouldBeReturnBack_1) {\n                            this.setState({ fieldCollection: fields });\n                            return [2 /*return*/];\n                        }\n                        this.setState({\n                            isSaving: true\n                        });\n                        objects = {};\n                        _loop_1 = function (i, len) {\n                            var val, fieldType, additionalData, columnInternalName, hiddenFieldName, value_1, uploadedImage;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        val = fields[i];\n                                        fieldType = val.fieldType, additionalData = val.additionalData, columnInternalName = val.columnInternalName, hiddenFieldName = val.hiddenFieldName;\n                                        if (!(val.newValue !== null && val.newValue !== undefined)) return [3 /*break*/, 14];\n                                        value_1 = val.newValue;\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 1];\n                                        objects[columnInternalName + \"Id\"] = value_1[0].key;\n                                        return [3 /*break*/, 14];\n                                    case 1:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 2];\n                                        value_1 = [];\n                                        val.newValue.forEach(function (element) {\n                                            value_1.push(element.key);\n                                        });\n                                        objects[columnInternalName + \"Id\"] = { results: value_1 };\n                                        return [3 /*break*/, 14];\n                                    case 2:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 3];\n                                        objects[columnInternalName] = {\n                                            '__metadata': { 'type': 'SP.Taxonomy.TaxonomyFieldValue' },\n                                            'Label': value_1[0].name,\n                                            'TermGuid': value_1[0].key,\n                                            'WssId': '-1'\n                                        };\n                                        return [3 /*break*/, 14];\n                                    case 3:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 4];\n                                        objects[hiddenFieldName] = val.newValue.map(function (term) { return \"-1#;\" + term.name + \"|\" + term.key + \";\"; }).join('#');\n                                        return [3 /*break*/, 14];\n                                    case 4:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 5];\n                                        objects[columnInternalName + \"Id\"] = val.newValue;\n                                        return [3 /*break*/, 14];\n                                    case 5:\n                                        if (!(fieldType === \"Choice\")) return [3 /*break*/, 6];\n                                        objects[columnInternalName] = val.newValue.key;\n                                        return [3 /*break*/, 14];\n                                    case 6:\n                                        if (!(fieldType === \"MultiChoice\")) return [3 /*break*/, 7];\n                                        objects[columnInternalName] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 7:\n                                        if (!(fieldType === \"Location\")) return [3 /*break*/, 8];\n                                        objects[columnInternalName] = JSON.stringify(val.newValue);\n                                        return [3 /*break*/, 14];\n                                    case 8:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 9];\n                                        objects[columnInternalName + \"Id\"] = { results: val.newValue };\n                                        return [3 /*break*/, 14];\n                                    case 9:\n                                        if (!(fieldType === 'Thumbnail')) return [3 /*break*/, 13];\n                                        if (!additionalData) return [3 /*break*/, 11];\n                                        return [4 /*yield*/, this_1.uplaodImage(additionalData)];\n                                    case 10:\n                                        uploadedImage = _a.sent();\n                                        objects[columnInternalName] = JSON.stringify({\n                                            type: 'thumbnail',\n                                            fileName: uploadedImage.Name,\n                                            serverRelativeUrl: uploadedImage.ServerRelativeUrl,\n                                            id: uploadedImage.UniqueId\n                                        });\n                                        return [3 /*break*/, 12];\n                                    case 11:\n                                        objects[columnInternalName] = null;\n                                        _a.label = 12;\n                                    case 12: return [3 /*break*/, 14];\n                                    case 13:\n                                        objects[columnInternalName] = val.newValue;\n                                        _a.label = 14;\n                                    case 14: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        i = 0, len = fields.length;\n                        _b.label = 2;\n                    case 2:\n                        if (!(i < len)) return [3 /*break*/, 5];\n                        return [5 /*yield**/, _loop_1(i, len)];\n                    case 3:\n                        _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        i++;\n                        return [3 /*break*/, 2];\n                    case 5:\n                        if (!onBeforeSubmit) return [3 /*break*/, 7];\n                        return [4 /*yield*/, onBeforeSubmit(objects)];\n                    case 6:\n                        isCancelled = _b.sent();\n                        if (isCancelled) {\n                            this.setState({\n                                isSaving: false\n                            });\n                            return [2 /*return*/];\n                        }\n                        _b.label = 7;\n                    case 7:\n                        if (!listItemId) return [3 /*break*/, 12];\n                        _b.label = 8;\n                    case 8:\n                        _b.trys.push([8, 10, , 11]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.getById(listItemId).update(objects)];\n                    case 9:\n                        iur = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iur.data, this.props.returnListItemInstanceOnSubmit !== false ? iur.item : undefined);\n                        }\n                        return [3 /*break*/, 11];\n                    case 10:\n                        error_1 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_1);\n                        }\n                        console.log(\"Error\", error_1);\n                        return [3 /*break*/, 11];\n                    case 11: return [3 /*break*/, 15];\n                    case 12:\n                        _b.trys.push([12, 14, , 15]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId).items.add(objects)];\n                    case 13:\n                        iar = _b.sent();\n                        if (onSubmitted) {\n                            onSubmitted(iar.data, this.props.returnListItemInstanceOnSubmit !== false ? iar.item : undefined);\n                        }\n                        return [3 /*break*/, 15];\n                    case 14:\n                        error_2 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(objects, error_2);\n                        }\n                        console.log(\"Error\", error_2);\n                        return [3 /*break*/, 15];\n                    case 15:\n                        this.setState({\n                            isSaving: false\n                        });\n                        return [3 /*break*/, 17];\n                    case 16:\n                        error_3 = _b.sent();\n                        if (onSubmitError) {\n                            onSubmitError(null, error_3);\n                        }\n                        console.log(\"Error onSubmit\", error_3);\n                        return [3 /*break*/, 17];\n                    case 17: return [2 /*return*/];\n                }\n            });\n        }); };\n        // trigger when the user change any value in the form\n        _this.onChange = function (internalName, newValue, additionalData) { return __awaiter(_this, void 0, void 0, function () {\n            var fieldCol, field, user, result, _loop_2, retrivedItem, index;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        fieldCol = (this.state.fieldCollection || []).slice();\n                        field = fieldCol.filter(function (element, i) { return element.columnInternalName === internalName; })[0];\n                        field.newValue = newValue;\n                        field.additionalData = additionalData;\n                        if (!(field.fieldType === \"User\" && newValue.length !== 0)) return [3 /*break*/, 4];\n                        if (!(newValue[0].id === undefined || parseInt(newValue[0].id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                        user = newValue[0].secondaryText;\n                        if (user.indexOf('@') === -1) {\n                            user = newValue[0].loginName;\n                        }\n                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                    case 1:\n                        result = _a.sent();\n                        field.newValue = result.data.Id;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        field.newValue = newValue[0].id;\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 8];\n                    case 4:\n                        if (!(field.fieldType === \"UserMulti\" && newValue.length !== 0)) return [3 /*break*/, 8];\n                        field.newValue = [];\n                        _loop_2 = function (index) {\n                            var element, user, result;\n                            return __generator(this, function (_a) {\n                                switch (_a.label) {\n                                    case 0:\n                                        element = newValue[index];\n                                        retrivedItem = false;\n                                        if (field.fieldDefaultValue != null) {\n                                            if (field.fieldDefaultValue.join(',').indexOf(element.text) !== -1)\n                                                field.fieldDefaultValue.forEach(function (item) {\n                                                    if (item.split('/')[1] === element.text) {\n                                                        retrivedItem = true;\n                                                        field.newValue.push(item.split('/')[0]);\n                                                    }\n                                                });\n                                        }\n                                        if (!!retrivedItem) return [3 /*break*/, 3];\n                                        if (!(element.id === undefined || parseInt(element.id, 10).toString() === \"NaN\")) return [3 /*break*/, 2];\n                                        user = element.secondaryText;\n                                        if (user.indexOf('@') === -1) {\n                                            user = element.loginName;\n                                        }\n                                        return [4 /*yield*/, sp.web.ensureUser(user)];\n                                    case 1:\n                                        result = _a.sent();\n                                        field.newValue.push(result.data.Id);\n                                        return [3 /*break*/, 3];\n                                    case 2:\n                                        field.newValue.push(element.id);\n                                        _a.label = 3;\n                                    case 3: return [2 /*return*/];\n                                }\n                            });\n                        };\n                        index = 0;\n                        _a.label = 5;\n                    case 5:\n                        if (!(index < newValue.length)) return [3 /*break*/, 8];\n                        return [5 /*yield**/, _loop_2(index)];\n                    case 6:\n                        _a.sent();\n                        _a.label = 7;\n                    case 7:\n                        index++;\n                        return [3 /*break*/, 5];\n                    case 8:\n                        this.setState({\n                            fieldCollection: fieldCol\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        //getting all the fields information as part of get ready process\n        _this.getFieldInformations = function () { return __awaiter(_this, void 0, void 0, function () {\n            var _a, context, listId, listItemId, disabledFields, contentTypeId, spList, item, defaultContentType, listFeilds, tempFields, order, responseValue, _loop_3, this_2, i, len, error_4;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, context = _a.context, listId = _a.listId, listItemId = _a.listItemId, disabledFields = _a.disabledFields;\n                        contentTypeId = this.props.contentTypeId;\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 12, , 13]);\n                        return [4 /*yield*/, sp.web.lists.getById(listId)];\n                    case 2:\n                        spList = _b.sent();\n                        item = null;\n                        if (!(listItemId !== undefined && listItemId !== null && listItemId !== 0)) return [3 /*break*/, 4];\n                        return [4 /*yield*/, spList.items.getById(listItemId).get()];\n                    case 3:\n                        item = _b.sent();\n                        _b.label = 4;\n                    case 4:\n                        if (!(contentTypeId === undefined || contentTypeId === '')) return [3 /*break*/, 6];\n                        return [4 /*yield*/, spList.contentTypes.select(\"Id\", \"Name\").get()];\n                    case 5:\n                        defaultContentType = _b.sent();\n                        contentTypeId = defaultContentType[0][\"Id\"].StringValue;\n                        _b.label = 6;\n                    case 6: return [4 /*yield*/, this.getFormFields(listId, contentTypeId, this.webURL)];\n                    case 7:\n                        listFeilds = _b.sent();\n                        tempFields = [];\n                        order = 0;\n                        responseValue = listFeilds['value'];\n                        _loop_3 = function (i, len) {\n                            var field, fieldType, hiddenName, termSetId, lookupListId, lookupField, choices, defaultValue, selectedTags, richText, dateFormat, principalType, response, response, schemaXml, dateFormatRegEx, userEmails, _a, _b;\n                            return __generator(this, function (_c) {\n                                switch (_c.label) {\n                                    case 0:\n                                        field = responseValue[i];\n                                        order++;\n                                        fieldType = field['TypeAsString'];\n                                        field.order = order;\n                                        hiddenName = \"\";\n                                        termSetId = \"\";\n                                        lookupListId = \"\";\n                                        lookupField = \"\";\n                                        choices = [];\n                                        defaultValue = null;\n                                        selectedTags = [];\n                                        richText = false;\n                                        dateFormat = void 0;\n                                        principalType = \"\";\n                                        if (item !== null) {\n                                            defaultValue = item[field.EntityPropertyName];\n                                        }\n                                        else {\n                                            defaultValue = field.DefaultValue;\n                                        }\n                                        if (!(fieldType === 'Choice' || fieldType === 'MultiChoice')) return [3 /*break*/, 1];\n                                        field[\"Choices\"].forEach(function (element) {\n                                            choices.push({ key: element, text: element });\n                                        });\n                                        return [3 /*break*/, 27];\n                                    case 1:\n                                        if (!(fieldType === \"Note\")) return [3 /*break*/, 2];\n                                        richText = field[\"RichText\"];\n                                        return [3 /*break*/, 27];\n                                    case 2:\n                                        if (!(fieldType === \"Lookup\")) return [3 /*break*/, 6];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 4];\n                                        return [4 /*yield*/, this_2._spService.getLookupValue(listId, listItemId, field.EntityPropertyName, lookupField, this_2.webURL)];\n                                    case 3:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 5];\n                                    case 4:\n                                        defaultValue = [];\n                                        _c.label = 5;\n                                    case 5: return [3 /*break*/, 27];\n                                    case 6:\n                                        if (!(fieldType === \"LookupMulti\")) return [3 /*break*/, 10];\n                                        lookupListId = field[\"LookupList\"];\n                                        lookupField = field[\"LookupField\"];\n                                        if (!(item !== null)) return [3 /*break*/, 8];\n                                        return [4 /*yield*/, this_2._spService.getLookupValues(listId, listItemId, field.EntityPropertyName, lookupField, this_2.webURL)];\n                                    case 7:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 9];\n                                    case 8:\n                                        defaultValue = [];\n                                        _c.label = 9;\n                                    case 9: return [3 /*break*/, 27];\n                                    case 10:\n                                        if (!(fieldType === \"TaxonomyFieldTypeMulti\")) return [3 /*break*/, 12];\n                                        return [4 /*yield*/, this_2._spService.getTaxonomyFieldInternalName(this_2.props.listId, field.InternalName, this_2.webURL)];\n                                    case 11:\n                                        response = _c.sent();\n                                        hiddenName = response[\"value\"];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (item !== null) {\n                                            item[field.InternalName].forEach(function (element) {\n                                                selectedTags.push({ key: element.TermGuid, name: element.Label });\n                                            });\n                                            defaultValue = selectedTags;\n                                        }\n                                        else {\n                                            if (defaultValue !== \"\") {\n                                                defaultValue.split(/#|;/).forEach(function (element) {\n                                                    if (element.indexOf('|') !== -1)\n                                                        selectedTags.push({ key: element.split('|')[1], name: element.split('|')[0] });\n                                                });\n                                                defaultValue = selectedTags;\n                                            }\n                                        }\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 12:\n                                        if (!(fieldType === \"TaxonomyFieldType\")) return [3 /*break*/, 16];\n                                        termSetId = field[\"TermSetId\"];\n                                        if (!(item !== null)) return [3 /*break*/, 14];\n                                        return [4 /*yield*/, this_2._spService.getSingleManagedMtadataLabel(listId, listItemId, field.InternalName)];\n                                    case 13:\n                                        response = _c.sent();\n                                        if (response) {\n                                            selectedTags.push({ key: response[\"TermID\"], name: response[\"Label\"] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        return [3 /*break*/, 15];\n                                    case 14:\n                                        if (defaultValue !== \"\") {\n                                            selectedTags.push({ key: defaultValue.split('|')[1], name: defaultValue.split('|')[0].split('#')[1] });\n                                            defaultValue = selectedTags;\n                                        }\n                                        _c.label = 15;\n                                    case 15:\n                                        if (defaultValue === \"\")\n                                            defaultValue = null;\n                                        return [3 /*break*/, 27];\n                                    case 16:\n                                        if (!(fieldType === \"DateTime\")) return [3 /*break*/, 17];\n                                        if (item !== null && item[field.InternalName])\n                                            defaultValue = new Date(item[field.InternalName]);\n                                        else if (defaultValue === '[today]') {\n                                            defaultValue = new Date();\n                                        }\n                                        schemaXml = field.SchemaXml;\n                                        dateFormatRegEx = /\\s+Format=\\\"([^\\\"]+)\\\"/gmi.exec(schemaXml);\n                                        dateFormat = dateFormatRegEx && dateFormatRegEx.length ? dateFormatRegEx[1] : 'DateOnly';\n                                        return [3 /*break*/, 27];\n                                    case 17:\n                                        if (!(fieldType === \"UserMulti\")) return [3 /*break*/, 21];\n                                        if (!(item !== null)) return [3 /*break*/, 19];\n                                        return [4 /*yield*/, this_2._spService.getUsersUPNFromFieldValue(listId, listItemId, field.InternalName, this_2.webURL)];\n                                    case 18:\n                                        defaultValue = _c.sent();\n                                        return [3 /*break*/, 20];\n                                    case 19:\n                                        defaultValue = [];\n                                        _c.label = 20;\n                                    case 20:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 21:\n                                        if (!(fieldType === \"Thumbnail\")) return [3 /*break*/, 22];\n                                        if (defaultValue !== null) {\n                                            defaultValue = this_2.webURL.split('/sites/')[0] + JSON.parse(defaultValue).serverRelativeUrl;\n                                        }\n                                        return [3 /*break*/, 27];\n                                    case 22:\n                                        if (!(fieldType === \"User\")) return [3 /*break*/, 26];\n                                        if (!(item !== null)) return [3 /*break*/, 24];\n                                        userEmails = [];\n                                        _b = (_a = userEmails).push;\n                                        return [4 /*yield*/, this_2._spService.getUserUPNById(parseInt(item[field.InternalName + \"Id\"]))];\n                                    case 23:\n                                        _b.apply(_a, [(_c.sent()) + '']);\n                                        defaultValue = userEmails;\n                                        return [3 /*break*/, 25];\n                                    case 24:\n                                        defaultValue = [];\n                                        _c.label = 25;\n                                    case 25:\n                                        principalType = field.SchemaXml.split('UserSelectionMode=\"')[1];\n                                        principalType = principalType.substring(0, principalType.indexOf('\"'));\n                                        return [3 /*break*/, 27];\n                                    case 26:\n                                        if (fieldType === \"Location\") {\n                                            defaultValue = JSON.parse(defaultValue);\n                                        }\n                                        else if (fieldType === \"Boolean\") {\n                                            defaultValue = Boolean(Number(defaultValue));\n                                        }\n                                        _c.label = 27;\n                                    case 27:\n                                        tempFields.push({\n                                            newValue: null,\n                                            fieldTermSetId: termSetId,\n                                            options: choices,\n                                            lookupListID: lookupListId,\n                                            lookupField: lookupField,\n                                            changedValue: defaultValue,\n                                            fieldType: field.TypeAsString,\n                                            fieldTitle: field.Title,\n                                            fieldDefaultValue: defaultValue,\n                                            context: this_2.props.context,\n                                            disabled: this_2.props.disabled || (disabledFields && disabledFields.indexOf(field.InternalName) > -1),\n                                            listId: this_2.props.listId,\n                                            columnInternalName: field.EntityPropertyName,\n                                            label: field.Title,\n                                            onChanged: this_2.onChange,\n                                            required: field.Required,\n                                            hiddenFieldName: hiddenName,\n                                            Order: field.order,\n                                            isRichText: richText,\n                                            dateFormat: dateFormat,\n                                            listItemId: listItemId,\n                                            principalType: principalType,\n                                            description: field.Description\n                                        });\n                                        tempFields.sort(function (a, b) { return a.Order - b.Order; });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_2 = this;\n                        i = 0, len = responseValue.length;\n                        _b.label = 8;\n                    case 8:\n                        if (!(i < len)) return [3 /*break*/, 11];\n                        return [5 /*yield**/, _loop_3(i, len)];\n                    case 9:\n                        _b.sent();\n                        _b.label = 10;\n                    case 10:\n                        i++;\n                        return [3 /*break*/, 8];\n                    case 11:\n                        this.setState({ fieldCollection: tempFields });\n                        return [3 /*break*/, 13];\n                    case 12:\n                        error_4 = _b.sent();\n                        console.log(\"Error get field informations\", error_4);\n                        return [2 /*return*/, null];\n                    case 13: return [2 /*return*/];\n                }\n            });\n        }); };\n        _this.uplaodImage = function (file) { return __awaiter(_this, void 0, void 0, function () {\n            var _a, listId, listItemId, fileInstance, buffer;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, listId = _a.listId, listItemId = _a.listItemId;\n                        if (!file.fileAbsoluteUrl) return [3 /*break*/, 1];\n                        return [2 /*return*/, {\n                                Name: file.fileName,\n                                ServerRelativeUrl: file.fileAbsoluteUrl,\n                                UniqueId: ''\n                            }];\n                    case 1: return [4 /*yield*/, file.downloadFileContent()];\n                    case 2:\n                        fileInstance = _b.sent();\n                        return [4 /*yield*/, this.getImageArrayBuffer(fileInstance)];\n                    case 3:\n                        buffer = _b.sent();\n                        return [4 /*yield*/, this._spService.uploadImage(listId, listItemId, file.fileName, buffer, undefined)];\n                    case 4: return [2 /*return*/, _b.sent()];\n                }\n            });\n        }); };\n        _this.getImageArrayBuffer = function (file) {\n            return new Promise(function (resolve) {\n                var reader = new FileReader();\n                reader.readAsArrayBuffer(file);\n                reader.onload = function () {\n                    resolve(reader.result);\n                };\n            });\n        };\n        _this.getFormFields = function (listId, contentTypeId, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var context, webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        context = this.props.context;\n                        webAbsoluteUrl = !webUrl ? this.webURL : webUrl;\n                        apiUrl = '';\n                        if (contentTypeId !== undefined && contentTypeId !== '') {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/contenttypes('\" + contentTypeId + \"')/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        else {\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/fields?@listId=guid'\" + encodeURIComponent(listId) + \"'&$filter=ReadOnlyField eq false and Hidden eq false and (FromBaseType eq false or StaticName eq 'Title')\";\n                        }\n                        return [4 /*yield*/, context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        // Initialize pnp sp\n        if (_this.props.webAbsoluteUrl) {\n            sp.setup({\n                sp: {\n                    headers: {\n                        Accept: \"application/json;odata=verbose\",\n                    },\n                    baseUrl: _this.props.webAbsoluteUrl\n                },\n            });\n        }\n        else {\n            sp.setup({\n                spfxContext: _this.props.context\n            });\n        }\n        // Initialize state\n        _this.state = {\n            fieldCollection: []\n        };\n        // Get SPService Factory\n        _this._spService = _this.props.webAbsoluteUrl ? new SPservice(_this.props.context, _this.props.webAbsoluteUrl) : new SPservice(_this.props.context);\n        return _this;\n    }\n    /**\n     * Lifecycle hook when component is mounted\n     */\n    DynamicForm.prototype.componentDidMount = function () {\n        this.getFieldInformations();\n    };\n    /**\n     * Default React component render method\n     */\n    DynamicForm.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, fieldCollection = _a.fieldCollection, isSaving = _a.isSaving;\n        return (React.createElement(\"div\", null, fieldCollection.length === 0 ? React.createElement(\"div\", null,\n            React.createElement(ProgressIndicator, { label: strings.DynamicFormLoading, description: strings.DynamicFormPleaseWait })) :\n            React.createElement(\"div\", null,\n                fieldCollection.map(function (v, i) {\n                    return React.createElement(DynamicField, __assign({}, v, { disabled: v.disabled || isSaving }));\n                }),\n                !this.props.disabled &&\n                    React.createElement(Stack, { className: styles.buttons, horizontal: true, tokens: stackTokens },\n                        React.createElement(PrimaryButton, { disabled: isSaving, text: strings.Save, onClick: function () { return _this.onSubmitClick(); } }),\n                        React.createElement(DefaultButton, { disabled: isSaving, text: strings.Cancel, onClick: this.props.onCancelled })))));\n    };\n    return DynamicForm;\n}(React.Component));\nexport { DynamicForm };\n"
     },
     {
       "id": "RQLH",
@@ -1037131,7 +1037167,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "692:60-86"
+          "loc": "705:60-86"
         },
         {
           "moduleId": "RPzn",
@@ -1037140,7 +1037176,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "692:101-130"
+          "loc": "705:101-130"
         },
         {
           "moduleId": "RPzn",
@@ -1037149,7 +1037185,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "698:83-95"
+          "loc": "712:87-99"
         },
         {
           "moduleId": "RPzn",
@@ -1037158,7 +1037194,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "699:83-97"
+          "loc": "713:87-101"
         },
         {
           "moduleId": "SXK8",
@@ -1136864,7 +1136900,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "691:16-35"
+          "loc": "704:16-35"
         },
         {
           "moduleId": "RPzn",
@@ -1136873,7 +1136909,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "691:80-99"
+          "loc": "704:80-99"
         },
         {
           "moduleId": "RPzn",
@@ -1136882,7 +1136918,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "692:12-31"
+          "loc": "705:12-31"
         },
         {
           "moduleId": "RPzn",
@@ -1136891,7 +1136927,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "693:12-31"
+          "loc": "706:12-31"
         },
         {
           "moduleId": "RPzn",
@@ -1136900,7 +1136936,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "695:27-46"
+          "loc": "708:27-46"
         },
         {
           "moduleId": "RPzn",
@@ -1136909,7 +1136945,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "697:16-35"
+          "loc": "711:20-39"
         },
         {
           "moduleId": "RPzn",
@@ -1136918,7 +1136954,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "698:20-39"
+          "loc": "712:24-43"
         },
         {
           "moduleId": "RPzn",
@@ -1136927,7 +1136963,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "699:20-39"
+          "loc": "713:24-43"
         },
         {
           "moduleId": "RPzn",
@@ -1136936,7 +1136972,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "702:2-17"
+          "loc": "716:2-17"
         },
         {
           "moduleId": "RQjC",
@@ -1168373,7 +1168409,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.9.0-beta.2556922\";\n"
+      "source": "export var version = \"3.9.0-beta.2597970\";\n"
     },
     {
       "id": "cLrF",
@@ -1297836,7 +1297872,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Stack",
-          "loc": "697:36-41"
+          "loc": "711:40-45"
         },
         {
           "moduleId": "SXK8",
@@ -1309634,7 +1309670,7 @@
           "moduleName": "./lib/controls/dynamicForm/DynamicForm.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "647:78-90"
+          "loc": "648:78-90"
         },
         {
           "moduleId": "SRtU",