blixify-ui-web 0.2.54 → 0.2.56

package/lib/components/data/blobModule.d.ts

@@ -1,3 +1,4 @@
 export declare const handleDownloadFile: (fileUrl: string, fileName: string) => Promise<void>;
 export declare const renderImageUrlFromPath: (pImageEndpoint: any, pImageCollection: any, pImageParentId: any, pImageFileName: any, pToken: any, bucketName?: string) => string;
+export declare const handleDataURLtoBlob: (dataUrl: string) => "" | Blob;
 //# sourceMappingURL=blobModule.d.ts.map

package/lib/components/data/blobModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blobModule.d.ts","sourceRoot":"","sources":["../../../src/components/data/blobModule.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,YAAmB,MAAM,YAAY,MAAM,kBAgBzE,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBACjB,GAAG,oBACD,GAAG,kBACL,GAAG,kBACH,GAAG,UACX,GAAG,eACE,MAAM,WA8BpB,CAAC"}
+{"version":3,"file":"blobModule.d.ts","sourceRoot":"","sources":["../../../src/components/data/blobModule.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,YAAmB,MAAM,YAAY,MAAM,kBAgBzE,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBACjB,GAAG,oBACD,GAAG,kBACL,GAAG,kBACH,GAAG,UACX,GAAG,eACE,MAAM,WA8BpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAAa,MAAM,cAalD,CAAC"}

package/lib/components/data/blobModule.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderImageUrlFromPath = exports.handleDownloadFile = void 0;
+exports.handleDataURLtoBlob = exports.renderImageUrlFromPath = exports.handleDownloadFile = void 0;
 var axios_1 = __importDefault(require("axios"));
 //=====================================================================================
 //SECTION: Blob/Storage Functions
@@ -104,4 +104,20 @@ var renderImageUrlFromPath = function (pImageEndpoint, pImageCollection, pImageP
     return url;
 };
 exports.renderImageUrlFromPath = renderImageUrlFromPath;
+var handleDataURLtoBlob = function (dataUrl) {
+    if (dataUrl && dataUrl.length > 0) {
+        var byteString = atob(dataUrl.split(",")[1]);
+        var mimeMatch = dataUrl.split(",")[0].match(/:(.*?);/);
+        var mimeType = mimeMatch ? mimeMatch[1] : "application/octet-stream";
+        var ab = new ArrayBuffer(byteString.length);
+        var ia = new Uint8Array(ab);
+        for (var i = 0; i < byteString.length; i++) {
+            ia[i] = byteString.charCodeAt(i);
+        }
+        return new Blob([ab], { type: mimeType });
+    }
+    else
+        return "";
+};
+exports.handleDataURLtoBlob = handleDataURLtoBlob;
 //# sourceMappingURL=blobModule.js.map

package/lib/components/data/blobModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"blobModule.js","sourceRoot":"","sources":["../../../src/components/data/blobModule.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uFAAuF;AACvF,iCAAiC;AACjC,uFAAuF;AAChF,IAAM,kBAAkB,GAAG,UAAO,OAAe,EAAE,QAAgB;;;;;;gBAE1D,qBAAM,eAAK,CAAC,GAAG,CAAC,OAAO,EAAE;wBACnC,YAAY,EAAE,MAAM;qBACrB,CAAC,EAAA;;gBAFI,GAAG,GAAG,SAEV;gBACI,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC1C,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBACjD,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;gBAC9B,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACjC,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC;gBAC/B,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBACxC,YAAY,CAAC,KAAK,EAAE,CAAC;gBACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBACxC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;;;;;;;;KAElC,CAAC;AAhBW,QAAA,kBAAkB,sBAgB7B;AAEK,IAAM,sBAAsB,GAAG,UACpC,cAAmB,EACnB,gBAAqB,EACrB,cAAmB,EACnB,cAAmB,EACnB,MAAW,EACX,UAAmB;IAEnB,IAAM,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC;IAC3C,IAAM,eAAe,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,CAAC;IAC/C,IAAM,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC;IAC3C,IAAM,aAAa,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC;IAC3C,IAAI,GAAG,GACL,aAAa;QACb,eAAe;QACf,KAAK;QACL,aAAa;QACb,KAAK;QACL,aAAa;QACb,mBAAmB;QACnB,MAAM,CAAC;IACT,IAAI,UAAU,EAAE,CAAC;QACf,GAAG;YACD,aAAa;gBACb,OAAO;gBACP,UAAU;gBACV,GAAG;gBACH,eAAe;gBACf,GAAG;gBACH,aAAa;gBACb,GAAG;gBACH,aAAa;gBACb,SAAS;gBACT,MAAM,CAAC;IACX,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AApCW,QAAA,sBAAsB,0BAoCjC"}
+{"version":3,"file":"blobModule.js","sourceRoot":"","sources":["../../../src/components/data/blobModule.tsx"],"names":[],"mappings":"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"}

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAuDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAu7JvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAuDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAw/JvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -203,24 +203,25 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _35 = (0, react_1.useState)(false), excelModal = _35[0], setExcelModal = _35[1];
     var _36 = (0, react_1.useState)(false), exportExcel = _36[0], setExportExcel = _36[1];
     var _37 = (0, react_1.useState)(false), exportQR = _37[0], setExportQR = _37[1];
-    var _38 = (0, react_1.useState)({}), selectedData = _38[0], setSelectedData = _38[1];
-    var _39 = (0, react_1.useState)(""), selectedObjectStructureId = _39[0], setSelectedObjectStructureId = _39[1];
-    var _40 = (0, react_1.useState)(""), selectedObjectId = _40[0], setSelectedObjectId = _40[1];
-    var _41 = (0, react_1.useState)(""), selectedListAddressId = _41[0], setSelectedListAddressId = _41[1];
-    var _42 = (0, react_1.useState)({
+    var _38 = (0, react_1.useState)(false), signatureSigning = _38[0], setSignatureSigning = _38[1];
+    var _39 = (0, react_1.useState)({}), selectedData = _39[0], setSelectedData = _39[1];
+    var _40 = (0, react_1.useState)(""), selectedObjectStructureId = _40[0], setSelectedObjectStructureId = _40[1];
+    var _41 = (0, react_1.useState)(""), selectedObjectId = _41[0], setSelectedObjectId = _41[1];
+    var _42 = (0, react_1.useState)(""), selectedListAddressId = _42[0], setSelectedListAddressId = _42[1];
+    var _43 = (0, react_1.useState)({
         lat: 0,
         lng: 0,
         name: "",
-    }), selectedListAddress = _42[0], setSelectedListAddress = _42[1];
-    var _43 = (0, react_1.useState)({}), selectedObjectData = _43[0], setSelectedObjectData = _43[1];
-    var _44 = (0, react_1.useState)(false), referenceLoading = _44[0], setReferenceLoading = _44[1];
-    var _45 = (0, react_1.useState)({}), referencesOptions = _45[0], setReferencesOptions = _45[1];
-    var _46 = (0, react_1.useState)({}), referenceDeleteTableData = _46[0], setReferenceDeleteTableData = _46[1];
-    var _47 = (0, react_1.useState)(0), referenceDeleteIndex = _47[0], setReferenceDeleteIndex = _47[1];
-    var _48 = (0, react_1.useState)({}), referenceModelSchema = _48[0], setReferenceSchema = _48[1];
+    }), selectedListAddress = _43[0], setSelectedListAddress = _43[1];
+    var _44 = (0, react_1.useState)({}), selectedObjectData = _44[0], setSelectedObjectData = _44[1];
+    var _45 = (0, react_1.useState)(false), referenceLoading = _45[0], setReferenceLoading = _45[1];
+    var _46 = (0, react_1.useState)({}), referencesOptions = _46[0], setReferencesOptions = _46[1];
+    var _47 = (0, react_1.useState)({}), referenceDeleteTableData = _47[0], setReferenceDeleteTableData = _47[1];
+    var _48 = (0, react_1.useState)(0), referenceDeleteIndex = _48[0], setReferenceDeleteIndex = _48[1];
+    var _49 = (0, react_1.useState)({}), referenceModelSchema = _49[0], setReferenceSchema = _49[1];
     //INFO : Offline
-    var _49 = (0, react_1.useState)(0), offlineDataLength = _49[0], setOfflineDataLength = _49[1];
-    var _50 = (0, react_1.useState)(false), offlineModal = _50[0], setOfflineModal = _50[1];
+    var _50 = (0, react_1.useState)(0), offlineDataLength = _50[0], setOfflineDataLength = _50[1];
+    var _51 = (0, react_1.useState)(false), offlineModal = _51[0], setOfflineModal = _51[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var isFirebaseClient = devSettings.server === "firebase";
@@ -284,6 +285,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         handleFormSubmit: handleFormSubmit,
         handleFormCheck: handleFormCheck,
         handlePopUpModal: handlePopUpModal,
+        handleDeleteModal: handleDeleteModal,
     }); });
     (0, react_1.useEffect)(function () {
         handleCheckOfflineDataLength();
@@ -495,10 +497,20 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         return cond;
     };
     var handleSelectIds = function (selectedIds) {
+        var _a;
         setSelectedIds(selectedIds);
+        if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListHandleSelection) {
+            var query = renderImpSearchFilterConditions();
+            props.bareSettings.bareListHandleSelection(selectAll, selectedIds, query);
+        }
     };
     var handleSelectAllPages = function (value) {
+        var _a;
         setSelectAll(value);
+        if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListHandleSelection) {
+            var query = renderImpSearchFilterConditions();
+            props.bareSettings.bareListHandleSelection(value, selectedIds, query);
+        }
     };
     var handlePagination = function (value) {
         if (!isFirebase) {
@@ -926,13 +938,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
                     uploadAsset_1 = function (eachImage, selectedField, listObjectId, multiple) { return __awaiter(void 0, void 0, void 0, function () {
-                        var uploadedData_1, imageCollectionName, imageParentId, responseData, err_3;
+                        var uploadedData_1, imageValue, imageCollectionName, imageParentId, responseData, err_3;
                         var _a, _b, _c;
                         return __generator(this, function (_d) {
                             switch (_d.label) {
                                 case 0:
-                                    _d.trys.push([0, 6, , 7]);
-                                    if (!(typeof selectedField === "string")) return [3 /*break*/, 1];
+                                    _d.trys.push([0, 7, , 8]);
+                                    if (!(typeof selectedField === "string" &&
+                                        eachImage.type !== "signature")) return [3 /*break*/, 1];
                                     return [2 /*return*/, selectedField];
                                 case 1:
                                     if (!(multiple &&
@@ -970,7 +983,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     _d.sent();
                                     return [2 /*return*/, selectedField["data"].concat(uploadedData_1)];
                                 case 3:
-                                    if (!(selectedField instanceof File)) return [3 /*break*/, 5];
+                                    if (!(selectedField instanceof File ||
+                                        eachImage.type === "signature")) return [3 /*break*/, 6];
+                                    imageValue = selectedField;
+                                    if (eachImage.type === "signature" &&
+                                        selectedField &&
+                                        typeof selectedField === "string") {
+                                        imageValue = (0, blobModule_1.handleDataURLtoBlob)(selectedField);
+                                    }
                                     imageCollectionName = (_a = eachImage.imageCollectionName) !== null && _a !== void 0 ? _a : "";
                                     if (objectId) {
                                         imageCollectionName += "/".concat(dataId);
@@ -979,18 +999,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     if (listObjectId) {
                                         imageParentId += "/".concat(listObjectId);
                                     }
-                                    return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, (_b = eachImage.imageFileName) !== null && _b !== void 0 ? _b : "", selectedField, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
+                                    if (!imageValue) return [3 /*break*/, 5];
+                                    return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, (_b = eachImage.imageFileName) !== null && _b !== void 0 ? _b : "", imageValue, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
                                 case 4:
                                     responseData = _d.sent();
                                     if (responseData.data) {
                                         return [2 /*return*/, responseData.data.data];
                                     }
-                                    _d.label = 5;
-                                case 5: return [3 /*break*/, 7];
-                                case 6:
+                                    else
+                                        return [2 /*return*/, ""];
+                                    return [3 /*break*/, 6];
+                                case 5: return [2 /*return*/, ""];
+                                case 6: return [3 /*break*/, 8];
+                                case 7:
                                     err_3 = _d.sent();
-                                    return [3 /*break*/, 7];
-                                case 7: return [2 /*return*/];
+                                    return [3 /*break*/, 8];
+                                case 8: return [2 /*return*/];
                             }
                         });
                     }); };
@@ -1020,7 +1044,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         });
                     }); };
                     imageAttribute = model.filter(function (eachAttribute) {
-                        return eachAttribute.type === "image" || eachAttribute.type === "file";
+                        return (eachAttribute.type === "image" ||
+                            eachAttribute.type === "file" ||
+                            eachAttribute.type === "signature");
                     });
                     return [4 /*yield*/, Promise.all(imageAttribute.map(function (eachImage) { return __awaiter(void 0, void 0, void 0, function () {
                             var _a, _b, _c, _d;
@@ -2179,6 +2205,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             }
         }
     };
+    var handleSignatureComplete = function (dataURL, id) {
+        var _a = handleOnChangeData(), data = _a.data, model = _a.model;
+        var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
+        clonedData[id] = dataURL;
+        handleUpdateChangeData(clonedData);
+    };
     var handleOnChangeAddress = function (id, address) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
         var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
@@ -2524,6 +2556,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setExportQR(false);
             setSelectedObjectId("");
             setSelectedObjectStructureId("");
+            setSelectedListAddress({ lat: 0, lng: 0, name: "" });
+            setSelectedListAddressId("");
             setSelectedObjectData({});
             setStepCSVIndex(0);
             setCSVFile(null);
@@ -2538,6 +2572,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setOfflineModal(false);
         }
     };
+    var handleDeleteModal = function () {
+        if ((selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.viewType) !== "feeds") {
+            if (props.type === "read" && isEditor && props.id && props.id !== "new") {
+                setDeleteModal(true);
+            }
+            else if (props.type === "update" && props.id) {
+                setDeleteModal(true);
+            }
+            else if (props.type === "list" &&
+                (selectAll || selectedIds.length > 0)) {
+                handleGenerateDeletePasscode();
+                setDeleteModal(true);
+            }
+        }
+    };
     var handleBreadcrumbNavigate = function (pages) {
         var _a, _b, _c, _d;
         if (pages === "Calendar")
@@ -2667,6 +2716,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 eachAttribute.type === "file" ||
                 eachAttribute.type === "multipleFile" ||
                 eachAttribute.type === "markdown" ||
+                eachAttribute.type === "signature" ||
                 eachAttribute.hide) {
                 return null;
             }
@@ -2754,7 +2804,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var isListAddress = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listAddress"; });
         var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server, false, showId ? true : false);
         isListAddress.map(function (eachListAdressFields) {
-            var _a;
             var header = [
                 {
                     key: "name",
@@ -2775,30 +2824,32 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     title: "Delete",
                 });
             }
+            var listAddressData = clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id];
+            var listAddressPresent = (listAddressData === null || listAddressData === void 0 ? void 0 : listAddressData.length) > 0;
             if (props.onComplete &&
                 eachListAdressFields.hideForm &&
                 eachListAdressFields.optional) {
                 return null;
             }
-            else if ((clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) &&
-                Array.isArray(clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id])) {
-                listElement.push(react_1.default.createElement(react_1.default.Fragment, null, !(clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) &&
-                    type === "update" ? (react_1.default.createElement("button", { type: "button", className: "relative block w-full p-12 mt-5 text-center border-2 border-gray-300 border-dashed rounded-lg", onClick: function () {
-                        setSelectedListAddressId(eachListAdressFields.id);
-                        setModalVisible(true);
-                    } },
-                    react_1.default.createElement("svg", { className: "w-12 h-12 mx-auto text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true" },
-                        react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6" })),
-                    react_1.default.createElement("span", { className: "block mt-2 text-sm font-medium text-gray-900" },
-                        "Create a new",
-                        " ", "".concat(eachListAdressFields.name.toLocaleLowerCase())))) : (react_1.default.createElement(react_1.default.Fragment, null, (clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: "flex justify-between mt-5" },
-                        react_1.default.createElement("h3", { className: "font-medium leading-6 text-gray-900 text-md sm:text-lg" }, eachListAdressFields.name),
-                        type === "update" && (react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
-                                setSelectedListAddressId(eachListAdressFields.id);
-                                setModalVisible(true);
-                            } }))),
-                    react_1.default.createElement(table_1.Table, { data: renderListAddressTable((_a = clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachListAdressFields.id]) !== null && _a !== void 0 ? _a : [], eachListAdressFields.id), header: header, loading: false })))))));
+            else if (type === "update" || type === "read") {
+                listElement.push(react_1.default.createElement(react_1.default.Fragment, null,
+                    type === "update" && !listAddressPresent && (react_1.default.createElement("button", { type: "button", className: "relative block w-full p-12 mt-5 text-center border-2 border-gray-300 border-dashed rounded-lg", onClick: function () {
+                            setSelectedListAddressId(eachListAdressFields.id);
+                            setModalVisible(true);
+                        } },
+                        react_1.default.createElement("svg", { className: "w-12 h-12 mx-auto text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true" },
+                            react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6" })),
+                        react_1.default.createElement("span", { className: "block mt-2 text-sm font-medium text-gray-900" },
+                            "Create a new",
+                            " ", "".concat(eachListAdressFields.name.toLocaleLowerCase())))),
+                    listAddressPresent && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "flex justify-between mt-5" },
+                            react_1.default.createElement("h3", { className: "font-medium leading-6 text-gray-900 text-md sm:text-lg" }, eachListAdressFields.name),
+                            type === "update" && (react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
+                                    setSelectedListAddressId(eachListAdressFields.id);
+                                    setModalVisible(true);
+                                } }))),
+                        react_1.default.createElement(table_1.Table, { data: renderListAddressTable(listAddressData, eachListAdressFields.id), header: header, loading: false })))));
             }
             return null;
         });
@@ -2915,7 +2966,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 setSelectedObjectStructureId(eachListObject.id);
                                 handlePopUpModal(true);
                             } }))),
-                    react_1.default.createElement(list_1.List, { className: "mt-5", list: (_b = list[eachListObject.id]) !== null && _b !== void 0 ? _b : [], showId: checkIdExists_1, loading: false, onClickRow: function (id, index) {
+                    react_1.default.createElement(list_1.List, { className: "my-5", list: (_b = list[eachListObject.id]) !== null && _b !== void 0 ? _b : [], showId: checkIdExists_1, loading: false, onClickRow: function (id, index) {
                             handleSelectListObjectData(id, eachListObject.id, index);
                         } })))))));
             }
@@ -2923,7 +2974,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         });
         return listElement;
     };
-    var renderActionButtons = function (type) {
+    var renderActionButtons = function (type, isBottom) {
         var _a, _b, _c, _d, _e, _f, _g;
         var bareActionComponent = (_c = (_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionComponent) === null || _b === void 0 ? void 0 : _b.call(_a, selectedData, formRef)) !== null && _c !== void 0 ? _c : undefined;
         if (type === "read") {
@@ -2961,11 +3012,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     hasNavigation ? (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.PlusIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
                             var _a, _b;
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "update", "new");
-                        } })) : (react_1.default.createElement(link_1.Link, { href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
-                        react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.PlusIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600" }))),
+                        }, className: isBottom ? "mt-5" : "" })) : (react_1.default.createElement(link_1.Link, { href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
+                        react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.PlusIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600", className: isBottom ? "mt-5" : "" }))),
                     offlineDataLength > 0 && (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.CloudArrowUpIcon, { className: "h-7 w-7 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
                             handlePopUpModal(true, "offline");
-                        } }))))));
+                        }, className: isBottom ? "mt-5" : "" }))))));
         }
         return null;
     };
@@ -3072,7 +3123,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         !((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
                             renderTabContent(tabs, props.type, viewType),
                         ((_m = (_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponent) === null || _m === void 0 ? void 0 : _m.call(_l, selectedData)) && (react_1.default.createElement("div", { className: "w-full" }, (_p = (_o = props.bareSettings) === null || _o === void 0 ? void 0 : _o.bareReadComponent) === null || _p === void 0 ? void 0 : _p.call(_o, selectedData))),
-                        isBottom && renderActionButtons(props.type)))));
+                        isBottom && renderActionButtons(props.type, true)))));
             case "update":
                 pages.push({
                     name: props.id ? props.id : "new",
@@ -3126,7 +3177,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             ((_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareUpdateComponent(selectedData))),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(props.type)),
                     react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
-                    isBottom && renderActionButtons(props.type)));
+                    isBottom && renderActionButtons(props.type, true)));
             case "list":
                 var filterComponent = (0, listModule_1.renderSearchFilterComponents)(props.model, devSettings, limit, dbModule, {
                     filterSearch: filterSearch,
@@ -3200,7 +3251,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center my-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row" }, filterComponent)),
                     schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.darkMode })),
                     renderTabContent(tabs, props.type, viewType),
-                    isBottom && renderActionButtons(props.type)));
+                    isBottom && renderActionButtons(props.type, true)));
             default:
                 return react_1.default.createElement(react_1.default.Fragment, null);
         }
@@ -3226,6 +3277,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             handleOnChangeFile: handleOnChangeFile,
             handleOnChangeFiles: handleOnChangeFiles,
             handleOnChangeMarkdown: handleOnChangeMarkdown,
+            handleSignatureComplete: handleSignatureComplete,
         }, modalInput, undefined, {
             id: props.id,
             isObject: isObject,
@@ -3255,7 +3307,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             setSelectedObjectData: setSelectedObjectData,
             handlePopUpModal: handlePopUpModal,
             renderObjectTags: renderObjectTags,
-        }, props.onComplete ? true : false, (_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareOffline, (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareUpdateOneColumn);
+        }, { signing: signatureSigning, setSigning: setSignatureSigning }, props.onComplete ? true : false, (_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareOffline, (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareUpdateOneColumn);
     };
     var renderGridAndListData = function (imageTag, type) {
         var gridData = [];
@@ -3825,17 +3877,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(form_1.Form, { className: "grid grid-cols-1 gap-6 pb-20 mt-6", ref: listAddressFromRef, refList: [listAddressInputRef], handleComplete: function () {
                         var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, props.model, props.devSettings.server);
-                        clonedSelectedData[selectedListAddressId] = __spreadArray(__spreadArray([], clonedSelectedData[selectedListAddressId], true), [
-                            selectedListAddress,
-                        ], false);
+                        var listAddressValue = clonedSelectedData[selectedListAddressId];
+                        if (listAddressValue)
+                            clonedSelectedData[selectedListAddressId] = __spreadArray(__spreadArray([], listAddressValue, true), [
+                                selectedListAddress,
+                            ], false);
+                        else
+                            clonedSelectedData[selectedListAddressId] = [
+                                selectedListAddress,
+                            ];
                         setSelectedData(clonedSelectedData);
-                        setSelectedListAddress({ lat: 0, lng: 0, name: "" });
-                        setSelectedListAddressId("");
-                        setModalVisible(false);
+                        handlePopUpModal(false);
                     }, disabledOnEnter: true },
-                    react_1.default.createElement(address_1.Address, { id: "", label: "Sub-Address", latLngEditModal: true, ref: listAddressInputRef, value: selectedListAddress, onChange: function (value) {
+                    react_1.default.createElement(address_1.Address, { id: "sub-address", label: "Sub-Address", latLngEditModal: true, ref: listAddressInputRef, value: selectedListAddress, onChange: function (value) {
                             setSelectedListAddress(value);
-                        } })),
+                        }, delayInit: true })),
                 react_1.default.createElement("div", { className: "flex justify-end pt-8" },
                     selectedObjectId && props.type !== "read" && (react_1.default.createElement(button_1.Button, { className: "mr-5", text: "Delete", type: "danger", onClick: function () { } })),
                     react_1.default.createElement(button_1.Button, { text: "".concat(props.type === "read" ? "Close" : "Submit"), type: "normal", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -3981,6 +4037,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 "multipleFile",
                 "multipleImage",
                 "markdown",
+                "signature",
             ];
             var columnIdOptions = props.model
                 .filter(function (eachModel) {