blixify-ui-web 0.1.84 → 0.1.86

package/lib/components/chart/DateRange.d.ts

@@ -0,0 +1,25 @@
+import { Component } from "react";
+export interface RangeInterface {
+    startDate: Date;
+    endDate: Date;
+}
+interface Props {
+    onChangeDate: (id: string, value: Date, type?: string) => void;
+    onChangeData?: () => void;
+    onResetDate?: () => void;
+    onChangeSuggestedData: (type: string) => void;
+    customDate: RangeInterface;
+}
+interface State {
+    dateRangeModalVisible: boolean;
+}
+export declare class DateRange extends Component<Props> {
+    state: State;
+    handleSetData: () => void;
+    handleResetDate: () => void;
+    handleDateRangeModalVisible: (visible: boolean) => void;
+    renderDateModalContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=DateRange.d.ts.map

package/lib/components/chart/DateRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,UAAU,KAAK;IACb,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,UAAU,KAAK;IACb,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,aAAa,aAIX;IAEF,eAAe,aAIb;IACF,2BAA2B,YAAa,OAAO,UAI7C;IAEF,sBAAsB,oBAiCpB;IAEF,MAAM;CAwDP"}

package/lib/components/chart/DateRange.js

@@ -0,0 +1,122 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRange = void 0;
+var react_1 = require("@headlessui/react");
+var moment_1 = __importDefault(require("moment"));
+var react_2 = __importStar(require("react"));
+var button_1 = require("../action/button");
+var textButton_1 = require("../action/textButton");
+var modal_1 = require("../display/modal");
+var datePicker_1 = require("../input/datePicker");
+var DateRange = /** @class */ (function (_super) {
+    __extends(DateRange, _super);
+    function DateRange() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            dateRangeModalVisible: false,
+        };
+        _this.handleSetData = function () {
+            if (_this.props.onChangeData) {
+                _this.props.onChangeData();
+            }
+        };
+        _this.handleResetDate = function () {
+            if (_this.props.onResetDate) {
+                _this.props.onResetDate();
+            }
+        };
+        _this.handleDateRangeModalVisible = function (visible) {
+            _this.setState({
+                dateRangeModalVisible: visible,
+            });
+        };
+        _this.renderDateModalContent = function () {
+            return (react_2.default.createElement("div", { className: "px-3 sm:px-0" },
+                react_2.default.createElement(datePicker_1.InputDatePicker, { className: "mt-5 h-40", range: true, startDate: _this.props.customDate.startDate, endDate: _this.props.customDate.endDate, onChange: _this.props.onChangeDate }),
+                react_2.default.createElement("div", { className: "flex flex-row mt-6 pt-32 justify-end" },
+                    react_2.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
+                            _this.handleResetDate();
+                            _this.handleDateRangeModalVisible(false);
+                        } }),
+                    react_2.default.createElement(button_1.Button, { className: "ml-4", text: "Submit", size: "small", type: "normal", onClick: function () {
+                            _this.handleSetData();
+                            _this.handleDateRangeModalVisible(false);
+                        } }))));
+        };
+        return _this;
+    }
+    DateRange.prototype.render = function () {
+        var _this = this;
+        return (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement(modal_1.Modal, { title: "Select Date Range", open: this.state.dateRangeModalVisible, lib: {
+                    Dialog: react_1.Dialog,
+                    Transition: react_1.Transition,
+                }, renderContent: this.renderDateModalContent, onClose: function () {
+                    _this.handleResetDate();
+                    _this.handleDateRangeModalVisible(false);
+                } }),
+            react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
+                react_2.default.createElement("div", { className: "grow" }),
+                react_2.default.createElement("p", { className: "ml-3 mb-3 text-gray-700" }, "Custom Duration: "),
+                react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: (0, moment_1.default)(this.props.customDate.startDate).format("DD-MM-YYYY") +
+                            " - " +
+                            (0, moment_1.default)(this.props.customDate.endDate).format("DD-MM-YYYY"), onClick: function () {
+                            _this.handleDateRangeModalVisible(true);
+                        } }))),
+            react_2.default.createElement("div", { className: "flex flex-col sm:flex-row w-full justify-center items-center" },
+                react_2.default.createElement("div", { className: "grow" }),
+                react_2.default.createElement("p", { className: "ml-3 mb-3 text-gray-700" }, "Suggested Duration: "),
+                react_2.default.createElement("div", { className: "w-full mt-2 sm:w-56 sm:mt-0" },
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 7 days", onClick: function () {
+                            _this.props.onChangeSuggestedData("seven");
+                        } }),
+                    react_2.default.createElement(textButton_1.TextButton, { className: "ml-3 mb-3", text: "Last 28 days", onClick: function () {
+                            _this.props.onChangeSuggestedData("28days");
+                        } })))));
+    };
+    return DateRange;
+}(react_2.Component));
+exports.DateRange = DateRange;
+//# sourceMappingURL=DateRange.js.map

package/lib/components/chart/DateRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/chart/DateRange.tsx"],"names":[],"mappings":"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"}

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

@@ -18,6 +18,7 @@ interface Props extends LinkProps {
     type: "read" | "update" | "list" | string;
     id?: string;
     collectionId: string;
+    dbAPIToken: string;
     model: DataStructure[];
     server: "mongoServer" | "fbServer" | "firebase";
     dbEndpoint: string;

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":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAgkGxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAuCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,eAAO,MAAM,aAAa,aAKzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAK5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAqnGxC"}

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

@@ -269,7 +269,7 @@ function DataTemplate(props) {
                                             if (!(queryInput.queryId === eachModel.id)) return [3 /*break*/, 3];
                                             if (!(eachModel.type === "reference" ||
                                                 eachModel.type === "listReference")) return [3 /*break*/, 2];
-                                            referenceRQ = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint);
+                                            referenceRQ = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint, props.dbAPIToken);
                                             query = [];
                                             if (exportReferenceSearch) {
                                                 query.push({
@@ -328,6 +328,7 @@ function DataTemplate(props) {
         exportReferenceSearch,
         dbModule,
         props.dbEndpoint,
+        props.dbAPIToken,
         props.model,
         props.server,
         serverId,
@@ -344,7 +345,7 @@ function DataTemplate(props) {
                 case 0:
                     _c.trys.push([0, 6, , 7]);
                     optionList_1 = [];
-                    referenceRQ_1 = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint);
+                    referenceRQ_1 = new readQuery_1.ReadQuery(dbModule, props.server, (_a = eachModel.referenceSpaceId) !== null && _a !== void 0 ? _a : "", props.dbEndpoint, props.dbAPIToken);
                     return [4 /*yield*/, referenceRQ_1.call({
                             type: "list",
                             limit: 10,
@@ -715,11 +716,10 @@ function DataTemplate(props) {
             switch (_a.label) {
                 case 0:
                     clonedSelectedData = handleClonedDataAttribute(selectedData, props.model, true);
-                    //INFO: Parse & Upload Data "Image & File attributes"
                     return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, props.model)];
                 case 1:
                     //INFO: Parse & Upload Data "Image & File attributes"
-                    _a.sent();
+                    clonedSelectedData = _a.sent();
                     objectAttribute = props.model.filter(function (eachAttribute) {
                         return eachAttribute.type === "object";
                     });
@@ -729,7 +729,7 @@ function DataTemplate(props) {
                                 switch (_b.label) {
                                     case 0: return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, (_a = eachObject.objectData) !== null && _a !== void 0 ? _a : [], eachObject.id)];
                                     case 1:
-                                        _b.sent();
+                                        clonedSelectedData = _b.sent();
                                         return [2 /*return*/, null];
                                 }
                             });
@@ -745,7 +745,7 @@ function DataTemplate(props) {
                                 switch (_b.label) {
                                     case 0: return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, (_a = eachObject.objectData) !== null && _a !== void 0 ? _a : [], eachObject.id, true)];
                                     case 1:
-                                        _b.sent();
+                                        clonedSelectedData = _b.sent();
                                         return [2 /*return*/, null];
                                 }
                             });
@@ -781,7 +781,7 @@ function DataTemplate(props) {
                                 case 0:
                                     _d.trys.push([0, 6, , 7]);
                                     if (!(typeof selectedField === "string")) return [3 /*break*/, 1];
-                                    return [2 /*return*/];
+                                    return [2 /*return*/, selectedField];
                                 case 1:
                                     if (!(multiple &&
                                         selectedField["upload"] &&
@@ -830,8 +830,9 @@ function DataTemplate(props) {
                                     return [4 /*yield*/, handleUploadAxios((_b = eachImage.imageEndpoint) !== null && _b !== void 0 ? _b : "", imageParentId, imageCollectionName, (_c = eachImage.imageFileName) !== null && _c !== void 0 ? _c : "", selectedField)];
                                 case 4:
                                     responseData = _d.sent();
-                                    if (responseData.data)
-                                        selectedField = responseData.data.data;
+                                    if (responseData.data) {
+                                        return [2 /*return*/, responseData.data.data];
+                                    }
                                     _d.label = 5;
                                 case 5: return [3 /*break*/, 7];
                                 case 6:
@@ -871,32 +872,52 @@ function DataTemplate(props) {
                         return eachAttribute.type === "image" || eachAttribute.type === "file";
                     });
                     return [4 /*yield*/, Promise.all(imageAttribute.map(function (eachImage) { return __awaiter(_this, void 0, void 0, function () {
-                            var selectedField;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
+                            var _a, _b, _c, _d;
+                            var _this = this;
+                            return __generator(this, function (_e) {
+                                switch (_e.label) {
                                     case 0:
                                         if (!listObject) return [3 /*break*/, 3];
                                         if (!objectId)
                                             return [2 /*return*/];
                                         if (!Array.isArray(selectedData[objectId])) return [3 /*break*/, 2];
-                                        return [4 /*yield*/, Promise.all(selectedData[objectId].map(function (eachListItem, index) {
-                                                var _a;
-                                                var selectedField = selectedData[objectId][index][eachImage.id];
-                                                var selectedObjectId = (_a = eachListItem.id) !== null && _a !== void 0 ? _a : (0, uuid_1.v4)();
-                                                uploadAsset_1(eachImage, selectedField, selectedObjectId);
-                                                return null;
-                                            }))];
+                                        return [4 /*yield*/, Promise.all(selectedData[objectId].map(function (eachListItem, index) { return __awaiter(_this, void 0, void 0, function () {
+                                                var selectedObjectId, _a, _b;
+                                                var _c;
+                                                return __generator(this, function (_d) {
+                                                    switch (_d.label) {
+                                                        case 0:
+                                                            selectedObjectId = (_c = eachListItem.id) !== null && _c !== void 0 ? _c : (0, uuid_1.v4)();
+                                                            _a = selectedData[objectId][index];
+                                                            _b = eachImage.id;
+                                                            return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[objectId][index][eachImage.id], selectedObjectId)];
+                                                        case 1:
+                                                            _a[_b] =
+                                                                _d.sent();
+                                                            return [2 /*return*/, null];
+                                                    }
+                                                });
+                                            }); }))];
                                     case 1:
-                                        _a.sent();
-                                        _a.label = 2;
-                                    case 2: return [3 /*break*/, 4];
+                                        _e.sent();
+                                        _e.label = 2;
+                                    case 2: return [3 /*break*/, 7];
                                     case 3:
-                                        selectedField = objectId
-                                            ? selectedData[objectId][eachImage.id]
-                                            : selectedData[eachImage.id];
-                                        uploadAsset_1(eachImage, selectedField);
-                                        _a.label = 4;
-                                    case 4: return [2 /*return*/, null];
+                                        if (!objectId) return [3 /*break*/, 5];
+                                        _a = selectedData[objectId];
+                                        _b = eachImage.id;
+                                        return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[objectId][eachImage.id])];
+                                    case 4:
+                                        _a[_b] = _e.sent();
+                                        return [3 /*break*/, 7];
+                                    case 5:
+                                        _c = selectedData;
+                                        _d = eachImage.id;
+                                        return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[eachImage.id])];
+                                    case 6:
+                                        _c[_d] = _e.sent();
+                                        _e.label = 7;
+                                    case 7: return [2 /*return*/, null];
                                 }
                             });
                         }); }))];
@@ -1009,9 +1030,12 @@ function DataTemplate(props) {
                     err_8 = _a.sent();
                     return [3 /*break*/, 6];
                 case 6:
-                    setLoading(false);
-                    setModalVisible(false);
-                    setDeleteModal(false);
+                    setTimeout(function () {
+                        setLoading(false);
+                        setModalVisible(false);
+                        setDeleteModal(false);
+                        window.location.reload();
+                    }, 500);
                     return [2 /*return*/];
             }
         });
@@ -1470,6 +1494,7 @@ function DataTemplate(props) {
                 case 5: return [3 /*break*/, 7];
                 case 6:
                     err_11 = _h.sent();
+                    setLoading(false);
                     setNotification({
                         type: false,
                         title: "Import Error",
@@ -1852,7 +1877,8 @@ function DataTemplate(props) {
             //INFO - Default Model Contain Id While Object Type Don't have
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
             var clonedSelectedData = handleClonedDataAttribute(data, model);
-            var label = eachAttribute.name + (!eachAttribute.optional ? " (*)" : "");
+            var label = eachAttribute.name;
+            var labelExtra = !eachAttribute.optional ? (react_1.default.createElement("span", { className: "text-red-500" }, " (*) ")) : undefined;
             var disabled = props.type === "read"
                 ? true
                 : props.type === "update" && props.id === "new"
@@ -1860,7 +1886,7 @@ function DataTemplate(props) {
                     : eachAttribute.disabled;
             switch (eachAttribute.type) {
                 case "address":
-                    inputList.push(react_1.default.createElement(address_1.Address, { id: eachAttribute.id, label: label, value: (_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {
+                    inputList.push(react_1.default.createElement(address_1.Address, { id: eachAttribute.id, optional: eachAttribute.optional, label: label, labelExtra: labelExtra, value: (_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {
                             lat: 0,
                             lng: 0,
                             name: "",
@@ -1871,7 +1897,10 @@ function DataTemplate(props) {
                 case "object":
                     var objectValue = Object.values((_b = clonedSelectedData[eachAttribute.id]) !== null && _b !== void 0 ? _b : {});
                     inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, label),
+                        react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" },
+                            label,
+                            " ",
+                            labelExtra),
                         react_1.default.createElement("div", { className: "block bg-white w-full border cursor-pointer border-gray-300 text-gray-300 text-left rounded-md mt-1 px-5 py-3 text-base focus:border-primary-500 focus:outline-none", onClick: function () {
                                 var _a;
                                 setSelectedObjectStructureId(eachAttribute.id);
@@ -1900,13 +1929,13 @@ function DataTemplate(props) {
                             }
                         });
                     }
-                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_d = clonedSelectedData[eachAttribute.id]) !== null && _d !== void 0 ? _d : (eachAttribute.type === "list" ? "" : []), label: label, options: optionList_2, onChange: function (value) {
+                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, optional: eachAttribute.optional, value: (_d = clonedSelectedData[eachAttribute.id]) !== null && _d !== void 0 ? _d : (eachAttribute.type === "list" ? "" : []), label: label, labelExtra: labelExtra, options: optionList_2, onChange: function (value) {
                             handleOnChangeSelect(eachAttribute.id, value);
                         }, disabled: disabled }));
                     break;
                 case "boolean":
                     var value = (_e = clonedSelectedData[eachAttribute.id]) === null || _e === void 0 ? void 0 : _e.toString();
-                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: value, label: label, options: [
+                    inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: value, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, options: [
                             {
                                 key: "true",
                                 label: "True",
@@ -1926,15 +1955,11 @@ function DataTemplate(props) {
                     if (hasImageToken) {
                         url = isObject
                             ? isObjectList
-                                ? (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName +
-                                    "%2F" +
-                                    props.id +
-                                    "%2F" +
-                                    selectedObjectId, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id])
+                                ? (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId + "%2F" + selectedObjectId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id])
                                 : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id])
                             : (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id]);
                     }
-                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
                     break;
                 case "multipleFile":
                 case "multipleImage":
@@ -1944,7 +1969,7 @@ function DataTemplate(props) {
                             fileName: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token),
                         };
                     });
-                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
+                    inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
                             ? ".png,.jpg,.jpe,.tiff"
                             : ".pdf", fileDescription: eachAttribute.type === "multipleImage"
                             ? undefined
@@ -1956,12 +1981,12 @@ function DataTemplate(props) {
                         }, disabled: disabled }));
                     break;
                 case "number":
-                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "number", value: (_j = clonedSelectedData[eachAttribute.id]) !== null && _j !== void 0 ? _j : "", placeholder: label, label: label, onChange: handleOnChangeText, disabled: disabled }));
+                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "number", value: (_j = clonedSelectedData[eachAttribute.id]) !== null && _j !== void 0 ? _j : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
                     break;
                 case "reference":
                 case "listReference":
                     inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, options: isObject
+                        react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, labelExtra: labelExtra, optional: eachAttribute.optional, options: isObject
                                 ? referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]
                                 : (_l = referencesOptions[eachAttribute.id]) !== null && _l !== void 0 ? _l : [], onChange: function (value) {
                                 handleOnChangeSelect(eachAttribute.id, value);
@@ -1986,10 +2011,19 @@ function DataTemplate(props) {
                             }); }, disabled: disabled })));
                     break;
                 case "string":
-                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "text", value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, onChange: handleOnChangeText, disabled: disabled }));
+                case "contact":
+                case "email":
+                    var textType = "text";
+                    if (eachAttribute.type === "contact") {
+                        textType = "mobile";
+                    }
+                    else if (eachAttribute.type === "email") {
+                        textType = "email";
+                    }
+                    inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: textType, value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, labelExtra: labelExtra, optional: eachAttribute.optional, onChange: handleOnChangeText, disabled: disabled }));
                     break;
                 case "date":
-                    inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
+                    inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, labelExtra: labelExtra, id: eachAttribute.id, optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
                     break;
             }
         });
@@ -2040,6 +2074,8 @@ function DataTemplate(props) {
                                 });
                                 switch (model === null || model === void 0 ? void 0 : model.type) {
                                     case "string":
+                                    case "contact":
+                                    case "email":
                                         isTitle
                                             ? (eachNewList["title"] =
                                                 typeof eachValue === "string" ? eachValue : "")
@@ -2049,11 +2085,7 @@ function DataTemplate(props) {
                                     case "image":
                                         var url = void 0;
                                         if (typeof eachValue === "string") {
-                                            url = (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, model.imageCollectionName +
-                                                "%2F" +
-                                                props.id +
-                                                "%2F" +
-                                                eachObject.id, eachListObject.id, model.imageFileName, eachValue);
+                                            url = (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, model.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model.imageFileName, eachValue);
                                         }
                                         else if (eachValue instanceof File) {
                                             url = URL.createObjectURL(eachValue);
@@ -2155,6 +2187,7 @@ function DataTemplate(props) {
                             dbType: props.server,
                             dbCollection: props.collectionId,
                             dbEndpoint: props.dbEndpoint,
+                            dbAPIToken: props.dbAPIToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
@@ -2183,6 +2216,7 @@ function DataTemplate(props) {
                             dbType: props.server,
                             dbCollection: props.collectionId,
                             dbEndpoint: props.dbEndpoint,
+                            dbAPIToken: props.dbAPIToken,
                         }, cond: {
                             type: "get",
                             id: props.id,
@@ -2216,6 +2250,7 @@ function DataTemplate(props) {
                             dbType: props.server,
                             dbCollection: props.collectionId,
                             dbEndpoint: props.dbEndpoint,
+                            dbAPIToken: props.dbAPIToken,
                         }, cond: {
                             type: "list",
                             query: renderSearchFilterConditions(),
@@ -2327,6 +2362,7 @@ function DataTemplate(props) {
                                 dbType: props.server,
                                 dbCollection: (_b = eachSettings.spaceId) !== null && _b !== void 0 ? _b : "",
                                 dbEndpoint: props.dbEndpoint,
+                                dbAPIToken: props.dbAPIToken,
                             }, cond: {
                                 type: "list",
                                 limit: limit,
@@ -2390,7 +2426,7 @@ function DataTemplate(props) {
         });
         if (viewType === "general") {
             if (dataType === "list") {
-                return (react_1.default.createElement(table_1.Table, { paginationType: props.server === "mongoServer" ? "page" : "cursor", data: tableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: true, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement(textButton_1.TextButton, { text: "Delete", onClick: function () {
+                return (react_1.default.createElement(table_1.Table, { paginationType: props.server === "mongoServer" ? "page" : "cursor", data: tableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, checkbox: true, selectAll: selectAll, selectedIds: selectedIds, selectAllText: selectAll ? "from filter" : "", multiActionButton: react_1.default.createElement(textButton_1.TextButton, { className: "text-sm", text: "Delete", onClick: function () {
                             setDeleteModal(true);
                         } }), handleSelectAll: handleSelectAllPages, handleSelectedIds: handleSelectIds, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
                         handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=general"));