kwikid-agent-dashboard 0.0.39 → 0.0.41

package/bundles/kwikid-agent-dashboard.umd.js

@@ -51,7 +51,7 @@
   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
   PERFORMANCE OF THIS SOFTWARE.
   ***************************************************************************** */
-  /* global Reflect, Promise, SuppressedError, Symbol */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
   var extendStatics = function (d, b) {
       extendStatics = Object.setPrototypeOf ||
           ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -187,8 +187,8 @@
   }
   function __generator(thisArg, body) {
       var _ = { label: 0, sent: function () { if (t[0] & 1)
-              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+      return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
       function verb(n) { return function (v) { return step([n, v]); }; }
       function step(op) {
           if (f)
@@ -343,7 +343,7 @@
       if (!Symbol.asyncIterator)
           throw new TypeError("Symbol.asyncIterator is not defined.");
       var g = generator.apply(thisArg, _arguments || []), i, q = [];
-      return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+      return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
       function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
       function verb(n, f) { if (g[n]) {
           i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
@@ -467,18 +467,26 @@
           env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
           env.hasError = true;
       }
+      var r, s = 0;
       function next() {
-          while (env.stack.length) {
-              var rec = env.stack.pop();
+          while (r = env.stack.pop()) {
               try {
-                  var result = rec.dispose && rec.dispose.call(rec.value);
-                  if (rec.async)
-                      return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                  if (!r.async && s === 1)
+                      return s = 0, env.stack.push(r), Promise.resolve().then(next);
+                  if (r.dispose) {
+                      var result = r.dispose.call(r.value);
+                      if (r.async)
+                          return s |= 2, Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                  }
+                  else
+                      s |= 1;
               }
               catch (e) {
                   fail(e);
               }
           }
+          if (s === 1)
+              return env.hasError ? Promise.reject(env.error) : Promise.resolve();
           if (env.hasError)
               throw env.error;
       }
@@ -1661,31 +1669,11 @@
           this.onGetTaskList = new i0.EventEmitter();
           this.onClickPerformAction = new i0.EventEmitter();
       }
-      KwikIDAgentDashboardComponentV2.prototype.ngOnInit = function () {
-          console.log("Agent Dashboard Config", this.config);
-          console.log("User Config", this.userConfig);
-          console.log("Agent Info", this.agentInfo);
-          console.log("Tasks List", this.taskList);
-      };
+      KwikIDAgentDashboardComponentV2.prototype.ngOnInit = function () { };
       KwikIDAgentDashboardComponentV2.prototype.ngOnChanges = function (changes) {
-          var e_1, _a;
           var verifyChange = function (key) {
               return changes.hasOwnProperty(key) && !changes[key].firstChange;
           };
-          try {
-              for (var _b = __values(Object.entries(changes)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                  var change = _c.value;
-                  var key = change[0];
-                  var value = change[1].currentValue;
-              }
-          }
-          catch (e_1_1) { e_1 = { error: e_1_1 }; }
-          finally {
-              try {
-                  if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-              }
-              finally { if (e_1) throw e_1.error; }
-          }
           if (verifyChange("taskList")) {
               this.taskList = changes.taskList.currentValue;
           }
@@ -1933,17 +1921,9 @@
       AgentService.prototype.toggleMapview = function () {
           this.showMapview = !this.showMapview;
       };
-      AgentService.prototype.canStartJourney = function (status) {
-          var _a, _b;
-          var noneEditableStatus = (_b = (_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.cannotStartJourney) !== null && _b !== void 0 ? _b : this.notRequiredStatus;
-          if (noneEditableStatus.includes(status)) {
-              return false;
-          }
-          return true;
-      };
       AgentService.prototype.canPlotMarkers = function (status) {
-          var _a, _b;
-          var nonePlottingSessions = (_b = (_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.dontPlotMarkers) !== null && _b !== void 0 ? _b : [];
+          var _a, _b, _c;
+          var nonePlottingSessions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extendedFlags) === null || _b === void 0 ? void 0 : _b.dontPlotMarkers) !== null && _c !== void 0 ? _c : [];
           if (nonePlottingSessions.includes(status)) {
               return false;
           }
@@ -1983,24 +1963,30 @@
       // To Initialize Google Maps
       GoogleMapsService.prototype.initializeMap = function () {
           return __awaiter(this, void 0, void 0, function () {
-              var _o;
-              return __generator(this, function (_p) {
-                  switch (_p.label) {
-                      case 0:
-                          _o = this;
-                          return [4 /*yield*/, this.getPosition()];
-                      case 1:
-                          _o.myPosition = _p.sent();
-                          this.map = {
-                              zoom: 10,
-                              center: this.myPosition,
-                              streetViewControl: false,
-                              mapTypeControl: false,
-                              fullscreenControl: false,
-                              zoomControl: false
-                          };
-                          return [2 /*return*/];
-                  }
+              var _this = this;
+              return __generator(this, function (_o) {
+                  return [2 /*return*/, new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+                          var _o;
+                          return __generator(this, function (_p) {
+                              switch (_p.label) {
+                                  case 0:
+                                      _o = this;
+                                      return [4 /*yield*/, this.getPosition()];
+                                  case 1:
+                                      _o.myPosition = _p.sent();
+                                      this.map = {
+                                          zoom: 10,
+                                          center: this.myPosition,
+                                          streetViewControl: false,
+                                          mapTypeControl: false,
+                                          fullscreenControl: false,
+                                          zoomControl: false
+                                      };
+                                      resolve(true);
+                                      return [2 /*return*/];
+                              }
+                          });
+                      }); })];
               });
           });
       };
@@ -2015,15 +2001,15 @@
                               switch (_o.label) {
                                   case 0:
                                       // If Fetch Address from Multiple Paths
-                                      if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "dashboard.taskLocationPaths")) {
-                                          config = this.agentService.config.dashboard.taskLocationPaths;
+                                      if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "extendedFlags.taskLocationPaths")) {
+                                          config = this.agentService.config.extendedFlags.taskLocationPaths;
                                           address = addressConcator(task, config);
                                           // Encode the Address in URI
                                           encodedAddres = encodeURI(address);
                                       }
                                       // If Fetch Address from Single Path
-                                      else if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "dashboard.taskLocationPath")) {
-                                          config = this.agentService.config.dashboard.taskLocationPath;
+                                      else if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "extendedFlags.taskLocationPath")) {
+                                          config = this.agentService.config.extendedFlags.taskLocationPath;
                                           address = kwikidToolkit.getObjectValueFromPath(task, config);
                                           // Encode the Address in URI
                                           encodedAddres = encodeURI(address);
@@ -2132,6 +2118,9 @@
               return __generator(this, function (_o) {
                   switch (_o.label) {
                       case 0:
+                          if (!this.map || !this.myPosition) {
+                              return [2 /*return*/, tasks];
+                          }
                           this.allMarkers = [];
                           myMarker = {
                               lat: this.myPosition.lat,
@@ -2241,15 +2230,15 @@
                               switch (_q.label) {
                                   case 0:
                                       // If Fetch Address from Multiple Paths
-                                      if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "dashboard.taskLocationPaths")) {
-                                          config = this.agentService.config.dashboard.taskLocationPaths;
+                                      if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "extendedFlags.taskLocationPaths")) {
+                                          config = this.agentService.config.extendedFlags.taskLocationPaths;
                                           address = addressConcator(task, config);
                                           // Encode the Address in URI
                                           encodedAddres = encodeURI(address);
                                       }
                                       // If Fetch Address from Single Path
-                                      else if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "dashboard.taskLocationPath")) {
-                                          config = this.agentService.config.dashboard.taskLocationPath;
+                                      else if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "extendedFlags.taskLocationPath")) {
+                                          config = this.agentService.config.extendedFlags.taskLocationPath;
                                           address = kwikidToolkit.getObjectValueFromPath(task, config);
                                           // Encode the Address in URI
                                           encodedAddres = encodeURI(address);
@@ -2501,45 +2490,81 @@
                   args: ["directionsRender"]
               }] } });
 
+  var STATUS = {
+      kyc_result_rejected: {
+          color: "#eb3434",
+          label: "KYC Result Rejected",
+          background: "#ffd4da",
+          hint: "KYC Result Rejected"
+      },
+      kyc_result_approved: {
+          color: "#01663e",
+          label: "KYC Result Approved",
+          background: "#d7faee",
+          hint: "KYC Result Approved"
+      },
+      kyc_result_partial_update: {
+          color: "#023b57",
+          label: "Partial Update",
+          background: "#b5e0f5",
+          hint: "Partial Update"
+      },
+      waiting: {
+          color: "#000",
+          label: "Waiting",
+          background: "#f5ecb5",
+          hint: "Waiting"
+      }
+  };
+  var DEFAULT_STYLES = {
+      color: "#fff",
+      label: "Waiting",
+      background: "#888",
+      hint: "Waiting"
+  };
+
   var StatusPillComponent = /** @class */ (function () {
       function StatusPillComponent() {
-          this.status = EStatus.WAITING;
-          this.statusText = "";
-          this.statusClass = {};
+          this.styles = {};
+          this.value = "";
       }
       StatusPillComponent.prototype.ngOnInit = function () {
-          this.parseStatus(this.status);
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_c) {
+                  this.setupStatus();
+                  return [2 /*return*/];
+              });
+          });
       };
       StatusPillComponent.prototype.ngOnChanges = function (changes) {
           var verifyChange = function (key) {
               return changes.hasOwnProperty(key) && !changes[key].firstChange;
           };
+          if (verifyChange("config")) {
+              this.config = changes.config.currentValue;
+          }
           if (verifyChange("status")) {
               this.status = changes.status.currentValue;
-              this.parseStatus(this.status);
+              this.setupStatus();
           }
       };
-      StatusPillComponent.prototype.parseStatus = function (status) {
-          if (kwikidToolkit.isEmptyValue(status)) {
-              this.status = EStatus.WAITING;
+      StatusPillComponent.prototype.setupStatus = function () {
+          var _a, _b;
+          if (kwikidToolkit.checkObjectPathExists(this.config, "mapping") &&
+              kwikidToolkit.checkObjectKeyExists(this.config.mapping, this.status)) {
+              this.styles = Object.assign(Object.assign({}, DEFAULT_STYLES), this.config.mapping[this.status]);
+              this.value =
+                  (_b = (_a = this.config.mapping[this.status]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : kwikidToolkit.convertSnakeCaseToNormalText(this.status);
+          }
+          else {
+              this.styles = DEFAULT_STYLES;
+              this.value = kwikidToolkit.convertSnakeCaseToNormalText(this.status);
           }
-          this.statusText = this.getStatusLabel(status);
-          this.statusClass = this.getStatusPillClass(status);
-      };
-      StatusPillComponent.prototype.getStatusPillClass = function (status) {
-          var newStatus = status
-              .replace("_", "-")
-              .replace("_", "-")
-              .replace("_", "-");
-          return "status-pill " + newStatus;
-      };
-      StatusPillComponent.prototype.getStatusLabel = function (status) {
-          return status.replace("_", " ").replace("_", " ").replace("_", " ");
       };
       return StatusPillComponent;
   }());
   /** @nocollapse */ StatusPillComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StatusPillComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ StatusPillComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StatusPillComponent, selector: "status-pill", inputs: { status: "status" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div [ngClass]=\"getStatusPillClass(status)\">{{ getStatusLabel(status) }}</div>\n", styles: [".status-pill{background-color:#dedede;padding:.1rem .5rem;border-radius:1rem;font-size:.7rem;color:#222}.complete,.kyc-request-accepted,.kyc-result-approved{background-color:#d7faee;color:#01663e}.rejected,.kyc-request-rejected,.kyc-result-rejected,.kyc-rejected{background:#f9dade;color:#eb3434}.auditing,.on-going,.kyc-result-partial-update,.kyc-resut-partial-update{background-color:#c1e3f4;color:#023b57}.after-audit,.waiting,.kyc-result-under-review{background-color:#f5ecb5;color:#000}\n"], directives: [{ type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+  /** @nocollapse */ StatusPillComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StatusPillComponent, selector: "status-pill", inputs: { config: "config", status: "status" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  class=\"task-iem-status-container\"\n  [style]=\"styles\"\n>\n  {{ value }}\n</div>\n", styles: [".task-iem-status-container{width:-moz-fit-content;width:fit-content;padding:0 .4rem;font-size:.7rem;border-radius:1rem}\n"] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StatusPillComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2547,7 +2572,9 @@
                       templateUrl: "./status-pill.component.html",
                       styleUrls: ["./status-pill.component.css"]
                   }]
-          }], propDecorators: { status: [{
+          }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                  type: i0.Input
+              }], status: [{
                   type: i0.Input
               }] } });
 
@@ -2671,46 +2698,49 @@
               this.parseData();
           }
       };
+      CustomerDetailsComponent.prototype.getValueFromArray = function (paths) {
+          var _this = this;
+          var data = "";
+          // eslint-disable-next-line array-callback-return
+          paths.map(function (path) {
+              var value = kwikidToolkit.getObjectValueFromPath(_this.customer, path);
+              data = data + " " + value;
+          });
+          return data;
+      };
       CustomerDetailsComponent.prototype.parseData = function () {
           var _this = this;
-          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-          var identifier = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.dashboard) === null || _b === void 0 ? void 0 : _b.taskIdentifier) !== null && _c !== void 0 ? _c : "user_id";
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+          var identifier = (_a = this.config.taskUI.details.header.taskId.path) !== null && _a !== void 0 ? _a : "user_id";
           this.taskId = kwikidToolkit.getObjectValueFromPath(this.customer, identifier);
           var detailsConfig = [];
-          if (kwikidToolkit.checkObjectPathExists(this.config, "dashboard.viewTaskDetails") &&
-              kwikidToolkit.isNotEmptyArray(this.config.dashboard.viewTaskDetails)) {
-              detailsConfig = this.config.dashboard.viewTaskDetails;
+          if (kwikidToolkit.checkObjectPathExists(this.config, "taskUI.details.data") &&
+              kwikidToolkit.isNotEmptyArray(this.config.taskUI.details.data)) {
               var data_1 = [];
+              detailsConfig = this.config.taskUI.details.data;
               detailsConfig.map(function (field) {
-                  var value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.value);
+                  var value;
+                  if (Array.isArray(field.path)) {
+                      value = _this.getValueFromArray(field.path);
+                  }
+                  else {
+                      value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.path);
+                  }
                   data_1.push({ label: field.label, value: value });
                   return true;
               });
               this.labelValuePairData = data_1;
           }
-          else if (kwikidToolkit.checkObjectPathExists(this.config, "dashboard.taskUI.details.data") &&
-              kwikidToolkit.isNotEmptyArray(this.config.dashboard.taskUI.details.data)) {
-              detailsConfig = this.config.dashboard.taskUI.details.data;
-              var data_2 = [];
-              detailsConfig.map(function (field) {
-                  var value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.path);
-                  data_2.push({ label: field.label, value: value });
-                  return true;
-              });
-              this.labelValuePairData = data_2;
-          }
-          this.labelValuePairConfig =
-              (_h = (_g = (_f = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.dashboard) === null || _e === void 0 ? void 0 : _e.taskUI) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.config) !== null && _h !== void 0 ? _h : {};
-          this.title =
-              (_p = (_o = (_m = (_l = (_k = (_j = this.config) === null || _j === void 0 ? void 0 : _j.dashboard) === null || _k === void 0 ? void 0 : _k.taskUI) === null || _l === void 0 ? void 0 : _l.details) === null || _m === void 0 ? void 0 : _m.header) === null || _o === void 0 ? void 0 : _o.title) !== null && _p !== void 0 ? _p : this.title;
+          this.labelValuePairConfig = (_e = (_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.taskUI) === null || _c === void 0 ? void 0 : _c.details) === null || _d === void 0 ? void 0 : _d.config) !== null && _e !== void 0 ? _e : {};
+          this.title = (_k = (_j = (_h = (_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.taskUI) === null || _g === void 0 ? void 0 : _g.details) === null || _h === void 0 ? void 0 : _h.header) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : this.title;
       };
       CustomerDetailsComponent.prototype.getTaskCreationTime = function (task) {
-          var _a;
-          if (kwikidToolkit.checkObjectPathExists(this.agentService.config, "dashboard.taskCreationTimePath")) {
-              var time = kwikidToolkit.getObjectValueFromPath(task, this.agentService.config.dashboard.taskCreationTimePath);
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+          if ((_d = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.taskUI) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.time) === null || _d === void 0 ? void 0 : _d.path) {
+              var time = kwikidToolkit.getObjectValueFromPath(task, (_h = (_g = (_f = (_e = this.config) === null || _e === void 0 ? void 0 : _e.taskUI) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.time) === null || _h === void 0 ? void 0 : _h.path);
               return this.convertEpochToDate(time);
           }
-          return this.convertEpochToDate((_a = task === null || task === void 0 ? void 0 : task.task_creation_time) !== null && _a !== void 0 ? _a : task === null || task === void 0 ? void 0 : task.start_time);
+          return this.convertEpochToDate((_j = task === null || task === void 0 ? void 0 : task.task_creation_time) !== null && _j !== void 0 ? _j : task === null || task === void 0 ? void 0 : task.start_time);
       };
       CustomerDetailsComponent.prototype.convertEpochToDate = function (epochTime) {
           if (typeof epochTime === "string")
@@ -2733,7 +2763,7 @@
       CustomerDetailsComponent.prototype.close = function () {
           var _a, _b;
           this.agentService.currentTaskDetails = undefined;
-          if (((_b = (_a = this.agentService.config) === null || _a === void 0 ? void 0 : _a.dashboard) === null || _b === void 0 ? void 0 : _b.mapType) === "google-maps") {
+          if (((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.mapType) === "google-maps") {
               this.googleMapsService.plotDirectionsForSelectedTask(null);
           }
           else {
@@ -2749,7 +2779,7 @@
       return CustomerDetailsComponent;
   }());
   /** @nocollapse */ CustomerDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerDetailsComponent, deps: [{ token: AgentService }, { token: GoogleMapsService }, { token: OpenStreetMapsService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ CustomerDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerDetailsComponent, selector: "customer-details", inputs: { customer: "customer", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-details-wrapper\">\n  <div>\n    <kwikui-button\n      icon=\"tuiIconChevronLeft\"\n      label=\"Back\"\n      shape=\"rounded\"\n      size=\"s\"\n      (onClick)=\"close()\"\n    ></kwikui-button>\n  </div>\n  <div class=\"customer-details-heading\">{{ title }}</div>\n  <div class=\"customer-details-body\">\n    <div class=\"customer-details-user-id\">\n      {{ taskId }}\n\n      <status-pill\n        *ngIf=\"config?.dashboard?.isShowTaskStatus\"\n        [status]=\"customer.session_status\"\n      ></status-pill>\n    </div>\n\n    <div class=\"customer-details-table\">\n      <kwikui-label-value-pair\n        [config]=\"labelValuePairConfig\"\n        [data]=\"labelValuePairData\"\n      ></kwikui-label-value-pair>\n    </div>\n\n    <div\n      class=\"customer-details-actions\"\n      *ngIf=\"\n        config?.dashboard?.taskUI?.details?.action &&\n        config?.dashboard?.taskUI?.details?.action?.length > 0\n      \"\n    >\n      <ng-container\n        *ngFor=\"let action of config?.dashboard?.taskUI?.details?.action\"\n      >\n        <kwikid-action-button\n          [action]=\"action\"\n          [config]=\"config\"\n          [customer]=\"customer\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></kwikid-action-button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".customer-details-wrapper{display:flex;flex-direction:column;align-items:stretch;overflow:auto;grid-gap:.5rem;gap:.5rem;padding:1.5rem;height:100%;width:100%}.customer-details-wrapper .customer-details-heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.5rem;font-weight:600}.customer-details-wrapper .customer-details-body{display:flex;flex-direction:column;font-size:1rem}.customer-details-wrapper .customer-details-body .customer-details-user-id{display:flex;flex-direction:row;grid-gap:.6rem;gap:.6rem;align-items:center;font-size:1.25rem;font-weight:500;padding:.5rem 0}.customer-details-wrapper .customer-details-body .customer-details-table{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:column}.customer-details-wrapper .customer-details-body .customer-details-table .customer-details-table-data .customer-details-table-detail-name{font-weight:500}.customer-details-wrapper .customer-details-body .customer-details-table .customer-details-table-data .customer-details-table-detail-value{word-wrap:break-word}.customer-details-wrapper .customer-details-body .customer-details-date{padding-top:1rem}.customer-details-wrapper .customer-details-body .customer-details-actions{padding:.5rem 0;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:flex-start;grid-gap:.5rem;gap:.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: StatusPillComponent, selector: "status-pill", inputs: ["status"] }, { type: i1__namespace.KwikUILabelValuePairComponent, selector: "kwikui-label-value-pair", inputs: ["config", "data", "id"] }, { type: ActionButtonComponent, selector: "kwikid-action-button", inputs: ["action", "config", "customer"], outputs: ["onClickPerformAction"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
+  /** @nocollapse */ CustomerDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerDetailsComponent, selector: "customer-details", inputs: { customer: "customer", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-details-wrapper\">\n  <div>\n    <kwikui-button\n      icon=\"tuiIconChevronLeft\"\n      label=\"Back\"\n      shape=\"rounded\"\n      size=\"s\"\n      (onClick)=\"close()\"\n    ></kwikui-button>\n  </div>\n  <div class=\"customer-details-heading\">{{ title }}</div>\n  <div class=\"customer-details-body\">\n    <div class=\"customer-details-user-id\">\n      {{ taskId }}\n\n      <status-pill\n        *ngIf=\"config?.utilityFlags?.isShowTaskStatus\"\n        [config]=\"config?.taskUI?.details?.header?.taskStatus\"\n        [status]=\"\n          customer[\n            config?.taskUI?.details?.header?.taskStatus?.path ??\n              'session_status'\n          ]\n        \"\n      ></status-pill>\n    </div>\n\n    <div class=\"customer-details-table\">\n      <kwikui-label-value-pair\n        [config]=\"labelValuePairConfig\"\n        [data]=\"labelValuePairData\"\n      ></kwikui-label-value-pair>\n    </div>\n\n    <div\n      class=\"customer-details-actions\"\n      *ngIf=\"\n        config?.taskUI?.details?.action &&\n        config?.taskUI?.details?.action?.length > 0\n      \"\n    >\n      <ng-container *ngFor=\"let action of config?.taskUI?.details?.action\">\n        <kwikid-action-button\n          [action]=\"action\"\n          [config]=\"config\"\n          [customer]=\"customer\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></kwikid-action-button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".customer-details-wrapper{display:flex;flex-direction:column;align-items:stretch;overflow:auto;grid-gap:.5rem;gap:.5rem;padding:1.5rem;height:100%;width:100%}.customer-details-wrapper .customer-details-heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;font-size:1.5rem;font-weight:600}.customer-details-wrapper .customer-details-body{display:flex;flex-direction:column;font-size:1rem}.customer-details-wrapper .customer-details-body .customer-details-user-id{display:flex;flex-direction:row;grid-gap:.6rem;gap:.6rem;align-items:center;font-size:1.25rem;font-weight:500;padding:.5rem 0}.customer-details-wrapper .customer-details-body .customer-details-table{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:column}.customer-details-wrapper .customer-details-body .customer-details-table .customer-details-table-data .customer-details-table-detail-name{font-weight:500}.customer-details-wrapper .customer-details-body .customer-details-table .customer-details-table-data .customer-details-table-detail-value{word-wrap:break-word}.customer-details-wrapper .customer-details-body .customer-details-date{padding-top:1rem}.customer-details-wrapper .customer-details-body .customer-details-actions{padding:.5rem 0;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:flex-start;grid-gap:.5rem;gap:.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: StatusPillComponent, selector: "status-pill", inputs: ["config", "status"] }, { type: i1__namespace.KwikUILabelValuePairComponent, selector: "kwikui-label-value-pair", inputs: ["config", "data", "id"] }, { type: ActionButtonComponent, selector: "kwikid-action-button", inputs: ["action", "config", "customer"], outputs: ["onClickPerformAction"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerDetailsComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2770,6 +2800,7 @@
                   type: i0.Output
               }] } });
 
+  /* eslint-disable no-prototype-builtins */
   var CustomerTileComponent = /** @class */ (function () {
       function CustomerTileComponent(googleMapsService, openStreetMapsService, agentService, hostElement) {
           this.googleMapsService = googleMapsService;
@@ -2807,38 +2838,40 @@
               this.parseData();
           }
       };
+      CustomerTileComponent.prototype.getValueFromArray = function (paths) {
+          var _this = this;
+          var data = "";
+          // eslint-disable-next-line array-callback-return
+          paths.map(function (path) {
+              var value = kwikidToolkit.getObjectValueFromPath(_this.customer, path);
+              data = data + " " + value;
+          });
+          return data;
+      };
       CustomerTileComponent.prototype.parseData = function () {
           var _this = this;
-          var _a, _b, _c, _d, _e, _f, _g, _h;
-          var identifier = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.dashboard) === null || _b === void 0 ? void 0 : _b.taskIdentifier) !== null && _c !== void 0 ? _c : "user_id";
+          var _a, _b, _c, _d, _e, _f;
+          var identifier = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.taskIdentifier) !== null && _b !== void 0 ? _b : "user_id";
           this.taskId = kwikidToolkit.getObjectValueFromPath(this.customer, identifier);
           var detailsConfig = [];
-          if (kwikidToolkit.checkObjectPathExists(this.config, "dashboard.viewTaskDetails") &&
-              kwikidToolkit.isNotEmptyArray(this.config.dashboard.viewTaskDetails)) {
-              detailsConfig = this.config.dashboard.viewTaskDetails;
+          if (kwikidToolkit.checkObjectPathExists(this.config, "taskUI.details.data") &&
+              kwikidToolkit.isNotEmptyArray(this.config.taskUI.details.data)) {
               var data_1 = [];
+              detailsConfig = this.config.taskUI.details.data;
               detailsConfig.map(function (field) {
-                  console.log("vvvvv", field);
-                  var value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.value);
+                  var value;
+                  if (Array.isArray(field.path)) {
+                      value = _this.getValueFromArray(field.path);
+                  }
+                  else {
+                      value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.path);
+                  }
                   data_1.push({ label: field.label, value: value });
                   return true;
               });
               this.labelValuePairData = data_1;
           }
-          else if (kwikidToolkit.checkObjectPathExists(this.config, "dashboard.taskUI.details.data") &&
-              kwikidToolkit.isNotEmptyArray(this.config.dashboard.taskUI.details.data)) {
-              detailsConfig = this.config.dashboard.taskUI.details.data;
-              var data_2 = [];
-              detailsConfig.map(function (field) {
-                  var value = kwikidToolkit.getObjectValueFromPath(_this.customer, field.path);
-                  data_2.push({ label: field.label, value: value });
-                  return true;
-              });
-              this.labelValuePairData = data_2;
-          }
-          console.log("DATA", this.labelValuePairData);
-          this.labelValuePairConfig =
-              (_h = (_g = (_f = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.dashboard) === null || _e === void 0 ? void 0 : _e.taskUI) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.config) !== null && _h !== void 0 ? _h : {};
+          this.labelValuePairConfig = (_f = (_e = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.taskUI) === null || _d === void 0 ? void 0 : _d.details) === null || _e === void 0 ? void 0 : _e.config) !== null && _f !== void 0 ? _f : {};
       };
       CustomerTileComponent.prototype.openDetails = function () {
           var _a, _b, _c, _d;
@@ -2851,7 +2884,7 @@
               this.agentService.currentTaskDetails = undefined;
           }
           if (this.agentService.showMapview) {
-              if (((_d = (_c = this.agentService.config) === null || _c === void 0 ? void 0 : _c.dashboard) === null || _d === void 0 ? void 0 : _d.mapType) === "google-maps") {
+              if (((_d = (_c = this.agentService.config) === null || _c === void 0 ? void 0 : _c.maps) === null || _d === void 0 ? void 0 : _d.mapType) === "google-maps") {
                   this.googleMapsService.plotDirectionsForSelectedTask(this.agentService.currentTaskDetails);
               }
               else {
@@ -2874,7 +2907,7 @@
       return CustomerTileComponent;
   }());
   /** @nocollapse */ CustomerTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerTileComponent, deps: [{ token: GoogleMapsService }, { token: OpenStreetMapsService }, { token: AgentService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ CustomerTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerTileComponent, selector: "customer-tile", inputs: { customer: "customer", index: "index", config: "config" }, outputs: { onClickPerformAction: "onClickPerformAction", nextStep: "nextStep", removeTask: "removeTask" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  [ngClass]=\"\n    customer?.session_id == agentService.currentTaskDetails?.session_id\n      ? 'customer-tile-wrapper customer-tile-active'\n      : 'customer-tile-wrapper'\n  \"\n>\n  <div class=\"customer-tile-primary-container\">\n    <div class=\"customer-tile-primary-container-data\">\n      <div class=\"customer-tile-primary-container-userid\">\n        {{ taskId }}\n      </div>\n      <status-pill\n        *ngIf=\"config?.dashboard?.isShowTaskStatus\"\n        [status]=\"customer.session_status\"\n      ></status-pill>\n    </div>\n    <kwikui-button\n      *ngIf=\"!agentService.isMobileView && !agentService.showMapview\"\n      [icon]=\"\n        agentService.currentTaskDetails?.session_id == customer?.session_id\n          ? 'tuiIconChevronLeftLarge'\n          : 'tuiIconChevronRightLarge'\n      \"\n      [shape]=\"'rounded'\"\n      appearance=\"icon\"\n      size=\"s\"\n      (onClick)=\"openDetails()\"\n    ></kwikui-button>\n    <kwikui-button\n      *ngIf=\"agentService.isMobileView || agentService.showMapview\"\n      [icon]=\"\n        agentService.currentTaskDetails?.session_id == customer?.session_id\n          ? 'tuiIconChevronUpLarge'\n          : 'tuiIconChevronDownLarge'\n      \"\n      [shape]=\"'rounded'\"\n      appearance=\"icon\"\n      size=\"s\"\n      (onClick)=\"openDetails()\"\n    ></kwikui-button>\n  </div>\n  <div\n    *ngIf=\"\n      customer?.session_id == agentService.currentTaskDetails?.session_id &&\n      (agentService.isMobileView || agentService.showMapview)\n    \"\n    [ngClass]=\"\n      customer?.session_id == agentService.currentTaskDetails?.session_id &&\n      (agentService.isMobileView || agentService.showMapview)\n        ? 'customer-tile-secondary-container'\n        : 'data-collasped'\n    \"\n  >\n    <div class=\"customer-tile-secondary-container-data\">\n      <kwikui-label-value-pair\n        [config]=\"labelValuePairConfig\"\n        [data]=\"labelValuePairData\"\n      ></kwikui-label-value-pair>\n      <!-- <div\n        *ngIf=\"\n          agentService.config?.dashboard?.maps?.sho &&\n          agentService.config?.dashboard?.isShowDistanceAndTime &&\n          openStreetMapsService.getSelectedTaskDistanceAndTime()\n        \"\n        class=\"customer-tile-secondary-container-custom-details\"\n      >\n        Distance: {{ openStreetMapsService.getSelectedTaskDistanceAndTime()?.distance }} |\n        Time: {{ openStreetMapsService.getSelectedTaskDistanceAndTime()?.time }}\n      </div> -->\n    </div>\n    <div class=\"customer-tile-secondary-container-actions\">\n      <ng-container\n        *ngFor=\"let action of config?.dashboard?.taskUI?.details?.action\"\n      >\n        <kwikid-action-button\n          [action]=\"action\"\n          [config]=\"config\"\n          [customer]=\"customer\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></kwikid-action-button>\n      </ng-container>\n      <!-- <div class=\"customer-tile-secondary-container-task-buttons\">\n        <kwikui-button\n          *ngIf=\"config.dashboard?.isAllowRemoveTask\"\n          [icon]=\"'tuiIconTrash2'\"\n          [shape]=\"'rounded'\"\n          appearance=\"icon\"\n          size=\"s\"\n          (onClick)=\"handleOnClickRemoveTask(customer)\"\n        ></kwikui-button>\n        <kwikui-button\n          *ngIf=\"config.dashboard?.isShowCopyLink\"\n          icon=\"tuiIconCopy\"\n          [shape]=\"'rounded'\"\n          appearance=\"icon\"\n          size=\"s\"\n          (onClick)=\"\n            handleOnClickNext({\n              customer: customer,\n              stepType: 'SHARE_JOURNEY_LINK'\n            })\n          \"\n        ></kwikui-button>\n      </div>\n      <div class=\"customer-tile-secondary-container-journey-buttons\">\n        <kwikui-button\n          *ngIf=\"config.dashboard?.isShowMaps && customer?.isValidLocation\"\n          label=\"Show Directions\"\n          appearance=\"flat\"\n          size=\"s\"\n          styles=\"font-size:0.7rem;\"\n          (onClick)=\"goToMaps(customer.googleMapsUrl)\"\n        ></kwikui-button>\n        <kwikui-button\n          *ngIf=\"\n            config.dashboard?.isAllowStartJourney &&\n            agentService.canStartJourney(customer.session_status)\n          \"\n          label=\"Start Journey\"\n          appearance=\"primary\"\n          size=\"s\"\n          styles=\"font-size:0.7rem;\"\n          (onClick)=\"\n            handleOnClickNext({ customer: customer, stepType: 'START_JOURNEY' })\n          \"\n        ></kwikui-button>\n      </div> -->\n    </div>\n  </div>\n</div>\n", styles: [".customer-tile-wrapper{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto;grid-gap:.5rem;gap:.5rem;margin:1rem;padding:1rem .25rem 1rem 1rem;border-radius:1rem;border:.5px solid #ddd}.customer-tile-wrapper .customer-tile-primary-container{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;width:100%;height:100%}.customer-tile-wrapper .customer-tile-primary-container .customer-tile-primary-container-data{padding-left:.2rem;grid-gap:.6rem;gap:.6rem;display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch;justify-content:flex-start;align-items:flex-start}.customer-tile-wrapper .customer-tile-primary-container .customer-tile-primary-container-data .customer-tile-primary-container-userid{font-weight:500;font-size:1.1rem;line-height:1rem}.customer-tile-wrapper .customer-tile-secondary-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;grid-gap:.5rem;gap:.5rem}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-data{padding:.4rem .2rem;display:flex;flex-direction:column;font-size:.7rem;grid-gap:.3rem;gap:.3rem}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-data .customer-tile-secondary-container-custom-details{width:100%;height:100%;line-height:.9rem;word-wrap:break-word}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-actions{padding:.5rem 0;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:flex-start;grid-gap:.5rem;gap:.5rem}.customer-tile-wrapper .data-collasped{display:none}.customer-tile-active{background-color:#dcedfd}\n"], components: [{ type: StatusPillComponent, selector: "status-pill", inputs: ["status"] }, { type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1__namespace.KwikUILabelValuePairComponent, selector: "kwikui-label-value-pair", inputs: ["config", "data", "id"] }, { type: ActionButtonComponent, selector: "kwikid-action-button", inputs: ["action", "config", "customer"], outputs: ["onClickPerformAction"] }], directives: [{ type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  /** @nocollapse */ CustomerTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerTileComponent, selector: "customer-tile", inputs: { customer: "customer", index: "index", config: "config" }, outputs: { onClickPerformAction: "onClickPerformAction", nextStep: "nextStep", removeTask: "removeTask" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  [ngClass]=\"\n    customer?.session_id == agentService.currentTaskDetails?.session_id\n      ? 'customer-tile-wrapper customer-tile-active'\n      : 'customer-tile-wrapper'\n  \"\n>\n  <div class=\"customer-tile-primary-container\">\n    <div class=\"customer-tile-primary-container-data\">\n      <div class=\"customer-tile-primary-container-userid\">\n        {{ taskId }}\n      </div>\n      <status-pill\n        *ngIf=\"config?.utilityFlags?.isShowTaskStatus\"\n        [config]=\"config?.taskUI?.header?.taskStatus\"\n        [status]=\"\n          customer[config?.taskUI?.header?.taskStatus?.path ?? 'session_status']\n        \"\n      ></status-pill>\n    </div>\n    <kwikui-button\n      *ngIf=\"!agentService.isMobileView && !agentService.showMapview\"\n      [icon]=\"\n        agentService.currentTaskDetails?.session_id == customer?.session_id\n          ? 'tuiIconChevronLeftLarge'\n          : 'tuiIconChevronRightLarge'\n      \"\n      [shape]=\"'rounded'\"\n      appearance=\"icon\"\n      size=\"s\"\n      (onClick)=\"openDetails()\"\n    ></kwikui-button>\n    <kwikui-button\n      *ngIf=\"agentService.isMobileView || agentService.showMapview\"\n      [icon]=\"\n        agentService.currentTaskDetails?.session_id == customer?.session_id\n          ? 'tuiIconChevronUpLarge'\n          : 'tuiIconChevronDownLarge'\n      \"\n      [shape]=\"'rounded'\"\n      appearance=\"icon\"\n      size=\"s\"\n      (onClick)=\"openDetails()\"\n    ></kwikui-button>\n  </div>\n  <div\n    *ngIf=\"\n      customer?.session_id == agentService.currentTaskDetails?.session_id &&\n      (agentService.isMobileView || agentService.showMapview)\n    \"\n    [ngClass]=\"\n      customer?.session_id == agentService.currentTaskDetails?.session_id &&\n      (agentService.isMobileView || agentService.showMapview)\n        ? 'customer-tile-secondary-container'\n        : 'data-collasped'\n    \"\n  >\n    <div class=\"customer-tile-secondary-container-data\">\n      <kwikui-label-value-pair\n        [config]=\"labelValuePairConfig\"\n        [data]=\"labelValuePairData\"\n      ></kwikui-label-value-pair>\n      <!-- <div\n        *ngIf=\"\n          agentService.config?.maps?.sho &&\n          agentService.config?.isShowDistanceAndTime &&\n          openStreetMapsService.getSelectedTaskDistanceAndTime()\n        \"\n        class=\"customer-tile-secondary-container-custom-details\"\n      >\n        Distance: {{ openStreetMapsService.getSelectedTaskDistanceAndTime()?.distance }} |\n        Time: {{ openStreetMapsService.getSelectedTaskDistanceAndTime()?.time }}\n      </div> -->\n    </div>\n    <div class=\"customer-tile-secondary-container-actions\">\n      <ng-container *ngFor=\"let action of config?.taskUI?.details?.action\">\n        <kwikid-action-button\n          [action]=\"action\"\n          [config]=\"config\"\n          [customer]=\"customer\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></kwikid-action-button>\n      </ng-container>\n      <!-- <div class=\"customer-tile-secondary-container-task-buttons\">\n        <kwikui-button\n          *ngIf=\"config?.isAllowRemoveTask\"\n          [icon]=\"'tuiIconTrash2'\"\n          [shape]=\"'rounded'\"\n          appearance=\"icon\"\n          size=\"s\"\n          (onClick)=\"handleOnClickRemoveTask(customer)\"\n        ></kwikui-button>\n        <kwikui-button\n          *ngIf=\"config?.isShowCopyLink\"\n          icon=\"tuiIconCopy\"\n          [shape]=\"'rounded'\"\n          appearance=\"icon\"\n          size=\"s\"\n          (onClick)=\"\n            handleOnClickNext({\n              customer: customer,\n              stepType: 'SHARE_JOURNEY_LINK'\n            })\n          \"\n        ></kwikui-button>\n      </div>\n      <div class=\"customer-tile-secondary-container-journey-buttons\">\n        <kwikui-button\n          *ngIf=\"config?.isShowMaps && customer?.isValidLocation\"\n          label=\"Show Directions\"\n          appearance=\"flat\"\n          size=\"s\"\n          styles=\"font-size:0.7rem;\"\n          (onClick)=\"goToMaps(customer.googleMapsUrl)\"\n        ></kwikui-button>\n        <kwikui-button\n          *ngIf=\"\n            config?.isAllowStartJourney &&\n            agentService.canStartJourney(customer.session_status)\n          \"\n          label=\"Start Journey\"\n          appearance=\"primary\"\n          size=\"s\"\n          styles=\"font-size:0.7rem;\"\n          (onClick)=\"\n            handleOnClickNext({ customer: customer, stepType: 'START_JOURNEY' })\n          \"\n        ></kwikui-button>\n      </div> -->\n    </div>\n  </div>\n</div>\n", styles: [".customer-tile-wrapper{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto;grid-gap:.5rem;gap:.5rem;margin:1rem;padding:1rem .25rem 1rem 1rem;border-radius:1rem;border:.5px solid #ddd}.customer-tile-wrapper .customer-tile-primary-container{display:flex;grid-gap:.5rem;gap:.5rem;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;width:100%;height:100%}.customer-tile-wrapper .customer-tile-primary-container .customer-tile-primary-container-data{padding-left:.2rem;grid-gap:.6rem;gap:.6rem;display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch;justify-content:flex-start;align-items:flex-start}.customer-tile-wrapper .customer-tile-primary-container .customer-tile-primary-container-data .customer-tile-primary-container-userid{font-weight:500;font-size:1.1rem;line-height:1rem}.customer-tile-wrapper .customer-tile-secondary-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;grid-gap:.5rem;gap:.5rem}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-data{padding:.4rem .2rem;display:flex;flex-direction:column;font-size:.7rem;grid-gap:.3rem;gap:.3rem}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-data .customer-tile-secondary-container-custom-details{width:100%;height:100%;line-height:.9rem;word-wrap:break-word}.customer-tile-wrapper .customer-tile-secondary-container .customer-tile-secondary-container-actions{padding:.5rem 0;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:flex-start;grid-gap:.5rem;gap:.5rem}.customer-tile-wrapper .data-collasped{display:none}.customer-tile-active{background-color:#dcedfd}\n"], components: [{ type: StatusPillComponent, selector: "status-pill", inputs: ["config", "status"] }, { type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1__namespace.KwikUILabelValuePairComponent, selector: "kwikui-label-value-pair", inputs: ["config", "data", "id"] }, { type: ActionButtonComponent, selector: "kwikid-action-button", inputs: ["action", "config", "customer"], outputs: ["onClickPerformAction"] }], directives: [{ type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerTileComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -2985,7 +3018,7 @@
       }
       CustomerListComponent.prototype.ngOnInit = function () {
           return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_f) {
+              return __generator(this, function (_g) {
                   this.handleInitialDateRange();
                   this.handleSearchAndSortFormControls();
                   return [2 /*return*/];
@@ -3001,14 +3034,14 @@
           }
       };
       CustomerListComponent.prototype.handleInitialDateRange = function () {
-          var _a, _b, _c, _d, _e;
-          var searchDateStart = (_b = (_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.searchDateStart) !== null && _b !== void 0 ? _b : {
+          var _a, _b, _c, _d, _e, _f;
+          var searchFilterStartPoint = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extendedFlags) === null || _b === void 0 ? void 0 : _b.searchFilterStartPoint) !== null && _c !== void 0 ? _c : {
               day: 0,
               month: 0,
               year: 0
           };
           var currentDate = new Date();
-          var startDate = new Date((_c = currentDate.getFullYear() - (searchDateStart === null || searchDateStart === void 0 ? void 0 : searchDateStart.year)) !== null && _c !== void 0 ? _c : 0, (_d = currentDate.getMonth() - (searchDateStart === null || searchDateStart === void 0 ? void 0 : searchDateStart.month)) !== null && _d !== void 0 ? _d : 0, (_e = currentDate.getDate() - (searchDateStart === null || searchDateStart === void 0 ? void 0 : searchDateStart.day)) !== null && _e !== void 0 ? _e : 0);
+          var startDate = new Date((_d = currentDate.getFullYear() - (searchFilterStartPoint === null || searchFilterStartPoint === void 0 ? void 0 : searchFilterStartPoint.year)) !== null && _d !== void 0 ? _d : 0, (_e = currentDate.getMonth() - (searchFilterStartPoint === null || searchFilterStartPoint === void 0 ? void 0 : searchFilterStartPoint.month)) !== null && _e !== void 0 ? _e : 0, (_f = currentDate.getDate() - (searchFilterStartPoint === null || searchFilterStartPoint === void 0 ? void 0 : searchFilterStartPoint.day)) !== null && _f !== void 0 ? _f : 0);
           this.fromDate = convertNormalDateToStringFormat(startDate);
           this.toDate = convertNormalDateToStringFormat(null);
           this.searchDateFormControl = new i2$1.FormControl({
@@ -3027,42 +3060,42 @@
               (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extendedFlags) === null || _b === void 0 ? void 0 : _b.sortFilterKeys) !== null && _c !== void 0 ? _c : this.sortFilterOptions;
       };
       CustomerListComponent.prototype.setUpMaps = function () {
-          var _a, _b;
+          var _a, _b, _c, _d;
           return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_f) {
-                  switch (_f.label) {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
                       case 0:
-                          if (!((_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.isShowMaps)) return [3 /*break*/, 4];
-                          if (!(((_b = this.config.dashboard) === null || _b === void 0 ? void 0 : _b.mapType) === "open-street")) return [3 /*break*/, 2];
+                          if (!((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.isShowMaps)) return [3 /*break*/, 4];
+                          if (!(((_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.maps) === null || _d === void 0 ? void 0 : _d.mapType) === "open-street")) return [3 /*break*/, 2];
                           return [4 /*yield*/, this.openStreetMapsService.initializeMap()];
                       case 1:
-                          _f.sent();
+                          _g.sent();
                           return [3 /*break*/, 4];
                       case 2: return [4 /*yield*/, this.googleMapsService.initializeMap()];
                       case 3:
-                          _f.sent();
-                          _f.label = 4;
+                          _g.sent();
+                          _g.label = 4;
                       case 4: return [2 /*return*/];
                   }
               });
           });
       };
       CustomerListComponent.prototype.setCustomersList = function () {
-          var _a;
+          var _a, _b;
           return __awaiter(this, void 0, void 0, function () {
-              var _f;
-              return __generator(this, function (_g) {
-                  switch (_g.label) {
+              var _g;
+              return __generator(this, function (_h) {
+                  switch (_h.label) {
                       case 0:
-                          if (!((_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.isShowMaps)) return [3 /*break*/, 2];
-                          _f = this;
+                          if (!((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.isShowMaps)) return [3 /*break*/, 2];
+                          _g = this;
                           return [4 /*yield*/, this.plotMarkers(this.customers)];
                       case 1:
-                          _f.filteredData = _g.sent();
+                          _g.filteredData = _h.sent();
                           return [3 /*break*/, 3];
                       case 2:
                           this.filteredData = this.customers;
-                          _g.label = 3;
+                          _h.label = 3;
                       case 3: return [2 /*return*/];
                   }
               });
@@ -3070,17 +3103,18 @@
       };
       CustomerListComponent.prototype.ngAfterViewInit = function () {
           var _this = this;
-          var _a, _b;
-          this.maxLength = (_b = (_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.searchDateRange) !== null && _b !== void 0 ? _b : this.maxLength;
+          var _a, _b, _c;
+          this.maxLength =
+              (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extendedFlags) === null || _b === void 0 ? void 0 : _b.searchFilterThreshold) !== null && _c !== void 0 ? _c : this.maxLength;
           setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-              return __generator(this, function (_f) {
-                  switch (_f.label) {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
                       case 0: return [4 /*yield*/, this.setUpMaps()];
                       case 1:
-                          _f.sent();
+                          _g.sent();
                           return [4 /*yield*/, this.setCustomersList()];
                       case 2:
-                          _f.sent();
+                          _g.sent();
                           return [2 /*return*/];
                   }
               });
@@ -3088,11 +3122,11 @@
       };
       CustomerListComponent.prototype.ngOnChanges = function () {
           return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_f) {
-                  switch (_f.label) {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
                       case 0: return [4 /*yield*/, this.setCustomersList()];
                       case 1:
-                          _f.sent();
+                          _g.sent();
                           return [2 /*return*/];
                   }
               });
@@ -3102,28 +3136,28 @@
           this.nextStep.emit(e);
       };
       CustomerListComponent.prototype.plotMarkers = function (customers) {
-          var _a, _b;
+          var _a, _b, _c, _d;
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
-              return __generator(this, function (_f) {
-                  switch (_f.label) {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
                       case 0:
-                          if (!((_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.isPlotCompletedTaskMarkers)) {
+                          if (!((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.utilityFlags) === null || _b === void 0 ? void 0 : _b.isPlotCompletedTaskMarkers)) {
                               customers = customers.filter(function (customer) {
                                   return _this.agentService.canPlotMarkers(customer.session_status);
                               });
                           }
-                          if (!(((_b = this.config.dashboard) === null || _b === void 0 ? void 0 : _b.mapType) === "open-street")) return [3 /*break*/, 2];
+                          if (!(((_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.maps) === null || _d === void 0 ? void 0 : _d.mapType) === "open-street")) return [3 /*break*/, 2];
                           return [4 /*yield*/, this.openStreetMapsService.plotDirectionsForAllTasks(customers)];
                       case 1:
                           customers =
-                              _f.sent();
+                              _g.sent();
                           return [3 /*break*/, 4];
                       case 2: return [4 /*yield*/, this.googleMapsService.plotDirectionsForAllTasks(customers)];
                       case 3:
                           customers =
-                              _f.sent();
-                          _f.label = 4;
+                              _g.sent();
+                          _g.label = 4;
                       case 4: return [2 /*return*/, customers];
                   }
               });
@@ -3172,7 +3206,7 @@
       return CustomerListComponent;
   }());
   /** @nocollapse */ CustomerListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerListComponent, deps: [{ token: GoogleMapsService }, { token: OpenStreetMapsService }, { token: AgentService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ CustomerListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-list-wrapper\">\n  <div\n    class=\"customer-list-filter\"\n    [formGroup]=\"formGroup\"\n  >\n    <div class=\"task-list-search-icons\">\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconSearchLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-text')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconCalendarLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-date')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconFilterLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('sort-filter')\"\n      ></kwikui-button>\n    </div>\n\n    <div\n      class=\"task-list-search-action\"\n      *ngIf=\"activeSearchAction\"\n    >\n      <kwikui-input-date-range\n        *ngIf=\"activeSearchAction == 'search-date'\"\n        class=\"task-list-date-box\"\n        label=\"Search by Date Range\"\n        id=\"dateRange\"\n        size=\"m\"\n        [max]=\"max\"\n        [maxLength]=\"maxLength\"\n        formControlName=\"search-date\"\n        [formControl]=\"searchDateFormControl\"\n        (getKeyValue)=\"handleOnChangeDateRange($event)\"\n      ></kwikui-input-date-range>\n\n      <kwikui-input\n        *ngIf=\"activeSearchAction == 'search-text'\"\n        label=\"Search\"\n        id=\"search\"\n        icon=\"tuiIconSearch\"\n        placeholder=\"Search any task from here\"\n        size=\"m\"\n        [formControl]=\"searchTextFormControl\"\n        formControlName=\"search-text\"\n        (getKeyValue)=\"handleOnChangeSearchText($event)\"\n      ></kwikui-input>\n\n      <div\n        *ngIf=\"activeSearchAction == 'sort-filter'\"\n        class=\"task-list-sort-action\"\n      >\n        <kwikui-button\n          appearance=\"outline\"\n          [icon]=\"\n            sortInAscendingOrder\n              ? 'tuiIconChevronsUpLarge'\n              : 'tuiIconChevronsDownLarge'\n          \"\n          size=\"m\"\n          type=\"button\"\n          (onClick)=\"handleOnClickChangeSortOrder()\"\n        ></kwikui-button>\n        <kwikui-input-select\n          class=\"task-list-sort-key\"\n          formControlName=\"sort-filter\"\n          label=\"Sort By Key\"\n          size=\"m\"\n          [formControl]=\"sortFilterKeyFormControl\"\n          [options]=\"sortFilterOptions\"\n          [searchable]=\"false\"\n          (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n        ></kwikui-input-select>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport\n      itemSize=\"1\"\n      class=\"customer-task-list-scroll\"\n    >\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div\n    class=\"customer-list-empty\"\n    *ngIf=\"filteredData.length === 0\"\n  >\n    {{\n      config?.dashboard?.emptyTaskListMessage ?? \"0 Tasks for the given Date.\"\n    }}\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-filter .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action{margin-top:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1__namespace.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1__namespace.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i5__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["onClickPerformAction", "nextStep", "removeTask"] }], directives: [{ type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5__namespace.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe$1 } });
+  /** @nocollapse */ CustomerListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-list-wrapper\">\n  <div\n    class=\"customer-list-filter\"\n    [formGroup]=\"formGroup\"\n  >\n    <div class=\"task-list-search-icons\">\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconSearchLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-text')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconCalendarLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('search-date')\"\n      ></kwikui-button>\n      <kwikui-button\n        appearance=\"mono\"\n        icon=\"tuiIconFilterLarge\"\n        size=\"s\"\n        type=\"button\"\n        (onClick)=\"handleOnClickSearchType('sort-filter')\"\n      ></kwikui-button>\n    </div>\n\n    <div\n      class=\"task-list-search-action\"\n      *ngIf=\"activeSearchAction\"\n    >\n      <kwikui-input-date-range\n        *ngIf=\"activeSearchAction == 'search-date'\"\n        class=\"task-list-date-box\"\n        label=\"Search by Date Range\"\n        id=\"dateRange\"\n        size=\"m\"\n        [max]=\"max\"\n        [maxLength]=\"maxLength\"\n        formControlName=\"search-date\"\n        [formControl]=\"searchDateFormControl\"\n        (getKeyValue)=\"handleOnChangeDateRange($event)\"\n      ></kwikui-input-date-range>\n\n      <kwikui-input\n        *ngIf=\"activeSearchAction == 'search-text'\"\n        label=\"Search\"\n        id=\"search\"\n        icon=\"tuiIconSearch\"\n        placeholder=\"Search any task from here\"\n        size=\"m\"\n        [formControl]=\"searchTextFormControl\"\n        formControlName=\"search-text\"\n        (getKeyValue)=\"handleOnChangeSearchText($event)\"\n      ></kwikui-input>\n\n      <div\n        *ngIf=\"activeSearchAction == 'sort-filter'\"\n        class=\"task-list-sort-action\"\n      >\n        <kwikui-button\n          appearance=\"outline\"\n          [icon]=\"\n            sortInAscendingOrder\n              ? 'tuiIconChevronsUpLarge'\n              : 'tuiIconChevronsDownLarge'\n          \"\n          size=\"m\"\n          type=\"button\"\n          (onClick)=\"handleOnClickChangeSortOrder()\"\n        ></kwikui-button>\n        <kwikui-input-select\n          class=\"task-list-sort-key\"\n          formControlName=\"sort-filter\"\n          label=\"Sort By Key\"\n          size=\"m\"\n          [formControl]=\"sortFilterKeyFormControl\"\n          [options]=\"sortFilterOptions\"\n          [searchable]=\"false\"\n          (getKeyValue)=\"handleOnChangeSortFilter($event)\"\n        ></kwikui-input-select>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport\n      itemSize=\"1\"\n      class=\"customer-task-list-scroll\"\n    >\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div\n    class=\"customer-list-empty\"\n    *ngIf=\"filteredData.length === 0\"\n  >\n    No Tasks for the given Date.\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-filter .task-list-search-icons{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action{margin-top:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.customer-list-filter .task-list-search-action .task-list-sort-action .task-list-sort-key{flex:1}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i1__namespace.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i1__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i1__namespace.KwikUIInputSelectComponent, selector: "kwikui-input-select", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "options", "placeholder", "properties", "searchable", "size", "validators"], outputs: ["getKeyValue"] }, { type: i5__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["onClickPerformAction", "nextStep", "removeTask"] }], directives: [{ type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5__namespace.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe$1 } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerListComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3201,7 +3235,9 @@
           this.httpClient = httpClient;
           this.hostElement = hostElement;
           this.dialogService = dialogService;
+          this.agentInfo = {};
           this.config = {};
+          this.userConfig = {};
           this.taskList = [];
           this.nextStep = new i0.EventEmitter();
           this.addTask = new i0.EventEmitter();
@@ -3209,7 +3245,6 @@
           this.filterTaskList = new i0.EventEmitter();
           this.onClickPerformAction = new i0.EventEmitter();
           this.loading = true;
-          this.console = console;
           this.open = false;
           this.allFormsData = {};
           this.String = String;
@@ -3225,17 +3260,15 @@
           }
       };
       KwikIDAgentDashboardComponentV1.prototype.ngOnInit = function () {
-          var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
-              return __generator(this, function (_o) {
+              return __generator(this, function (_k) {
                   this.agentService.config = this.config;
-                  this.agentService.showMapview = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.dashboard) === null || _b === void 0 ? void 0 : _b.isShowMaps) !== null && _c !== void 0 ? _c : false;
-                  this.agentService.addTaskForm =
-                      (_f = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.dashboard) === null || _e === void 0 ? void 0 : _e.addTaskForm) !== null && _f !== void 0 ? _f : this.agentService.addTaskForm;
-                  if (((_h = (_g = this.config) === null || _g === void 0 ? void 0 : _g.dashboard) === null || _h === void 0 ? void 0 : _h.mapType) === "google-maps" &&
-                      kwikidToolkit.isNotEmptyValue((_k = (_j = this.config) === null || _j === void 0 ? void 0 : _j.dashboard) === null || _k === void 0 ? void 0 : _k.googleMapsAPIKey)) {
-                      this.loadMaps((_m = (_l = this.config) === null || _l === void 0 ? void 0 : _l.dashboard) === null || _m === void 0 ? void 0 : _m.googleMapsAPIKey).subscribe(function (loaded) {
+                  this.agentService.showMapview = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.isShowMaps) !== null && _c !== void 0 ? _c : false;
+                  if (((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.maps) === null || _e === void 0 ? void 0 : _e.mapType) === "google-maps" &&
+                      kwikidToolkit.isNotEmptyValue((_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.maps) === null || _g === void 0 ? void 0 : _g.apiKey)) {
+                      this.loadMaps((_j = (_h = this.config) === null || _h === void 0 ? void 0 : _h.maps) === null || _j === void 0 ? void 0 : _j.apiKey).subscribe(function (loaded) {
                           _this.mapsLoaded = loaded;
                           if (loaded) {
                               console.log("Google Maps JavaScript API loaded successfully.");
@@ -3321,7 +3354,7 @@
       return KwikIDAgentDashboardComponentV1;
   }());
   /** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDAgentDashboardComponentV1, deps: [{ token: GoogleMapsService }, { token: AgentService }, { token: i3__namespace$2.HttpClient }, { token: i0__namespace.ElementRef }, { token: i3.TuiDialogService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: { config: "config", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "infoWindow", first: true, predicate: i2$2.MapInfoWindow, descendants: true }, { propertyName: "mapElement", first: true, predicate: ["map"], descendants: true, static: true }], ngImport: i0__namespace, template: "<div\n  class=\"kwikid-agent-dashboard\"\n  *ngIf=\"!loading\"\n>\n  <div class=\"wrapper\">\n    <header>\n      <span (tuiActiveZoneChange)=\"onActiveZone($event)\">\n        <kwikui-button\n          [icon]=\"'tuiIconMenuLarge'\"\n          (onClick)=\"onClick()\"\n          appearance=\"mono\"\n          size=\"m\"\n          [tuiDropdown]=\"dropdownContent\"\n          [tuiDropdownManual]=\"open\"\n          (tuiObscured)=\"onObscured($event)\"\n        ></kwikui-button>\n        <ng-template #dropdownContent>\n          <div class=\"menu-dropdown\">\n            <div class=\"menu-dropdown-header\">\n              <!-- <img\n                *ngIf=\"\n                  agentService.config?.clientLogo &&\n                  agentService.config?.dashboard?.isShowClientLogo\n                \"\n                [src]=\"agentService.config.clientLogo\"\n                class=\"client-logo\"\n              />\n              <div\n                *ngIf=\"\n                  !agentService.config.clientLogo ||\n                  !agentService.config?.dashboard?.isShowClientLogo\n                \"\n                class=\"client-name\"\n              >\n                <kwikui-button\n                  [icon]=\"'tuiIconLink'\"\n                  appearance=\"mono\"\n                  size=\"m\"\n                ></kwikui-button>\n\n                {{ agentService.config.clientName }}\n              </div> -->\n              <div class=\"menu-dropdown-header-agent-name\">\n                {{ agentService.config.agentName }}\n              </div>\n              <div class=\"menu-dropdown-header-agent-id\">\n                Agent ID: {{ agentService.config.agentId }}\n              </div>\n            </div>\n            <hr />\n            <div\n              class=\"menu-dropdown-body\"\n              tuiGroup\n              [collapsed]=\"true\"\n              [rounded]=\"false\"\n              [orientation]=\"'vertical'\"\n              [size]=\"'m'\"\n            >\n              <kwikui-button\n                *ngIf=\"agentService.config?.dashboard?.isAllowAddTask\"\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Refresh\"\n                [icon]=\"'tuiIconRefreshCw'\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"refresh()\"\n              ></kwikui-button>\n              <kwikui-button\n                *ngIf=\"this.config.dashboard.isShowMaps\"\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"{{\n                  agentService.showMapview ? 'Hide Maps' : 'Show Maps'\n                }}\"\n                type=\"button\"\n                icon=\"{{\n                  agentService.showMapview ? 'tuiIconEyeOff' : 'tuiIconEye'\n                }}\"\n                iconRight=\"\"\n                [shape]=\"null\"\n                size=\"m\"\n                styles=\"padding: 0rem !important\"\n                (onClick)=\"agentService.toggleMapview()\"\n              ></kwikui-button>\n            </div>\n            <hr />\n            <div class=\"menu-dropdown-footer\">\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Logout\"\n                icon=\"tuiIconLogOut\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"handleOnClickLogout()\"\n              ></kwikui-button>\n            </div>\n          </div>\n        </ng-template>\n      </span>\n      <div class=\"actions\">\n        <kwikui-button\n          *ngIf=\"agentService.config?.dashboard?.isAllowAddTask\"\n          class=\"menu-dropdown-buttons\"\n          type=\"button\"\n          appearance=\"primary\"\n          [label]=\"\n            agentService.config?.dashboard?.addTaskButtonLabel ?? 'Add User'\n          \"\n          icon=\"tuiIconPlus\"\n          shape=\"rounded\"\n          size=\"s\"\n          (onClick)=\"showDialog(template)\"\n        ></kwikui-button>\n      </div>\n    </header>\n\n    <div class=\"dashboard-body\">\n      <div\n        *ngIf=\"mapsLoaded\"\n        [class]=\"agentService.showMapview ? 'map' : 'map-hidden'\"\n      >\n        <google-map\n          *ngIf=\"agentService.config?.dashboard?.mapType == 'google-maps'\"\n          [options]=\"this.googleMapsService.map\"\n          height=\"100%\"\n          width=\"100%\"\n        >\n          <map-marker\n            #marker=\"mapMarker\"\n            *ngFor=\"\n              let markerPosition of this.googleMapsService.allMarkers;\n              let index = index\n            \"\n            [position]=\"markerPosition\"\n            [label]=\"{ text: String(index) }\"\n          ></map-marker>\n          <map-directions-renderer\n            *ngIf=\"\n              this.googleMapsService.directionsResults$\n                | async as directionsResults\n            \"\n            [directions]=\"directionsResults\"\n            [options]=\"this.googleMapsService.directionsRenderOption\"\n          ></map-directions-renderer>\n        </google-map>\n\n        <div\n          *ngIf=\"agentService.config?.dashboard?.mapType == 'open-street'\"\n          id=\"map\"\n          style=\"height: 100%\"\n        ></div>\n      </div>\n\n      <div\n        class=\"task-details\"\n        *ngIf=\"\n          !agentService.isMobileView &&\n          agentService.currentTaskDetails != undefined &&\n          !agentService.showMapview\n        \"\n      >\n        <customer-details\n          [customer]=\"agentService.currentTaskDetails\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-details>\n      </div>\n\n      <div\n        class=\"no-task-details\"\n        *ngIf=\"\n          !agentService.isMobileView &&\n          agentService.currentTaskDetails == undefined &&\n          !agentService.showMapview\n        \"\n      >\n        <img\n          src=\"assets/No-Results.jpg\"\n          class=\"no-task-img\"\n          alt=\"No Task\"\n        />\n        <div class=\"\">Select a Task to view it's details.</div>\n      </div>\n\n      <div class=\"customer-list\">\n        <customer-list\n          [customers]=\"taskList\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (filterTaskList)=\"handleOnFilterTaskList($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-list>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"kwikid-agent-dashboard-loader\"\n  *ngIf=\"loading\"\n>\n  <span class=\"loader\"></span>\n</div>\n\n<ng-template\n  #template\n  let-observer\n>\n  <div class=\"add-task-header\">\n    <h2>{{ agentService?.addTaskForm?.title ?? \"Create User\" }}</h2>\n    <kwikui-button\n      icon=\"tuiIconX\"\n      id=\"\"\n      styles=\"\"\n      type=\"button\"\n      appearance=\"mono\"\n      [shape]=\"null\"\n      size=\"m\"\n      (onClick)=\"observer.complete()\"\n    ></kwikui-button>\n  </div>\n  <kwikid-form-view\n    [allFormsData]=\"allFormsData\"\n    [formConfig]=\"agentService.addTaskForm\"\n    [isMobileView]=\"true\"\n    (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n  ></kwikid-form-view>\n</ng-template>\n", styles: [".kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%;position:relative}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:1rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .actions{display:flex;flex-direction:row;align-items:center}.kwikid-agent-dashboard .wrapper header .actions>*{margin-right:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{width:100%;height:100%;overflow:hidden}@media screen and (min-width: 600px){.kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:.75rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-end;align-items:stretch;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd;border-radius:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .task-details{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden;color:#555}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details .no-task-img{height:100px;width:100px}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{min-width:300px;max-width:320px;width:100%;height:100%;overflow:hidden;border:1px solid #cdcdcd}}.menu{position:absolute;transition:\"0.15s linear 0s\"}.kwikid-agent-dashboard-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-agent-dashboard-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-agent-dashboard-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-agent-dashboard-loader .t-loader{display:none!important}.add-task-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0 1rem 1rem}:host{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}.menu-dropdown{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;grid-gap:.5rem;gap:.5rem;padding:1rem 1.5rem}.menu-dropdown .menu-dropdown-header{display:flex;flex-direction:column;align-content:flex-start;justify-content:space-between;align-items:flex-start;grid-gap:1rem;gap:1rem}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-name{font-size:1.2rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-id{font-size:.8rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-buttons ::ng-deep .t-wrapper{padding:0!important}.client-logo{height:40px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:1rem}.client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;margin:0 auto;font-weight:600}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i2__namespace$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: CustomerDetailsComponent, selector: "customer-details", inputs: ["customer", "config"], outputs: ["nextStep", "removeTask", "onClickPerformAction"] }, { type: CustomerListComponent, selector: "customer-list", inputs: ["customers", "config"], outputs: ["nextStep", "removeTask", "filterTaskList", "onClickPerformAction"] }, { type: i3__namespace$1.KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["allFormsData", "extraData", "apiCallResponse", "buttonClickResponse", "formConfig", "formData", "isMobileView", "popupFormCallback", "userConfig", "stepConfig"], outputs: ["getLogs", "getUnsavedDataState", "onActionShowPopupForm", "onClickApiCall", "onClickViewFile", "onClickFormFieldButton", "onClickGoBack", "onClickSaveForm", "onClickViewForms"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i3__namespace.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { type: i3__namespace.TuiDropdownDriverDirective, selector: "[tuiDropdown]" }, { type: i3__namespace.TuiDropdownPositionDirective, selector: "[tuiDropdown]" }, { type: i3__namespace.TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: ["tuiDropdownManual"] }, { type: i3__namespace.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { type: i2__namespace$2.MapDirectionsRenderer, selector: "map-directions-renderer", inputs: ["directions", "options"], outputs: ["directionsChanged"], exportAs: ["mapDirectionsRenderer"] }], pipes: { "async": i7__namespace.AsyncPipe } });
+  /** @nocollapse */ KwikIDAgentDashboardComponentV1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: { agentInfo: "agentInfo", config: "config", userConfig: "userConfig", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onClickPerformAction: "onClickPerformAction" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, viewQueries: [{ propertyName: "infoWindow", first: true, predicate: i2$2.MapInfoWindow, descendants: true }, { propertyName: "mapElement", first: true, predicate: ["map"], descendants: true, static: true }], ngImport: i0__namespace, template: "<div\n  class=\"kwikid-agent-dashboard\"\n  *ngIf=\"!loading\"\n>\n  <div class=\"wrapper\">\n    <header>\n      <span (tuiActiveZoneChange)=\"onActiveZone($event)\">\n        <kwikui-button\n          [icon]=\"'tuiIconMenuLarge'\"\n          (onClick)=\"onClick()\"\n          appearance=\"mono\"\n          size=\"m\"\n          [tuiDropdown]=\"dropdownContent\"\n          [tuiDropdownManual]=\"open\"\n          (tuiObscured)=\"onObscured($event)\"\n        ></kwikui-button>\n        <img\n          *ngIf=\"\n            userConfig?.theme?.clientLogo &&\n            config?.utilityFlags?.isShowClientLogo &&\n            !config?.utilityFlags?.isAllowAddTask\n          \"\n          [src]=\"userConfig?.theme.clientLogo\"\n          class=\"client-logo\"\n        />\n        <ng-template #dropdownContent>\n          <div class=\"menu-dropdown\">\n            <div class=\"menu-dropdown-header\">\n              <div class=\"menu-dropdown-header-agent-name\">\n                {{ agentInfo.agent_name ?? userConfig?.theme?.clientName }}\n              </div>\n              <div class=\"menu-dropdown-header-agent-id\">\n                Agent ID: {{ agentInfo.agent_id }}\n              </div>\n            </div>\n            <hr />\n            <div\n              class=\"menu-dropdown-body\"\n              tuiGroup\n              [collapsed]=\"true\"\n              [rounded]=\"false\"\n              [orientation]=\"'vertical'\"\n              [size]=\"'m'\"\n            >\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Refresh\"\n                [icon]=\"'tuiIconRefreshCw'\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"refresh()\"\n              ></kwikui-button>\n              <kwikui-button\n                *ngIf=\"this.config?.maps?.isShowMaps\"\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"{{\n                  agentService.showMapview ? 'Hide Maps' : 'Show Maps'\n                }}\"\n                type=\"button\"\n                icon=\"{{\n                  agentService.showMapview ? 'tuiIconEyeOff' : 'tuiIconEye'\n                }}\"\n                iconRight=\"\"\n                [shape]=\"null\"\n                size=\"m\"\n                styles=\"padding: 0rem !important\"\n                (onClick)=\"agentService.toggleMapview()\"\n              ></kwikui-button>\n            </div>\n            <hr />\n            <div class=\"menu-dropdown-footer\">\n              <kwikui-button\n                appearance=\"mono\"\n                class=\"menu-dropdown-buttons\"\n                label=\"Logout\"\n                icon=\"tuiIconLogOut\"\n                size=\"m\"\n                type=\"button\"\n                (onClick)=\"handleOnClickLogout()\"\n              ></kwikui-button>\n            </div>\n          </div>\n        </ng-template>\n      </span>\n      <div class=\"actions\">\n        <kwikui-button\n          *ngIf=\"config?.utilityFlags?.isAllowAddTask\"\n          class=\"menu-dropdown-buttons\"\n          type=\"button\"\n          appearance=\"primary\"\n          [label]=\"config?.formsConfig?.addTaskForm?.title ?? 'Add User'\"\n          icon=\"tuiIconPlus\"\n          shape=\"rounded\"\n          size=\"s\"\n          (onClick)=\"showDialog(template)\"\n        ></kwikui-button>\n      </div>\n    </header>\n\n    <div class=\"dashboard-body\">\n      <div\n        *ngIf=\"mapsLoaded\"\n        [class]=\"agentService.showMapview ? 'map' : 'map-hidden'\"\n      >\n        <google-map\n          *ngIf=\"config?.maps?.mapType == 'google-maps'\"\n          [options]=\"this.googleMapsService.map\"\n          height=\"100%\"\n          width=\"100%\"\n        >\n          <map-marker\n            #marker=\"mapMarker\"\n            *ngFor=\"\n              let markerPosition of this.googleMapsService.allMarkers;\n              let index = index\n            \"\n            [position]=\"markerPosition\"\n            [label]=\"{ text: String(index) }\"\n          ></map-marker>\n          <map-directions-renderer\n            *ngIf=\"\n              this.googleMapsService.directionsResults$\n                | async as directionsResults\n            \"\n            [directions]=\"directionsResults\"\n            [options]=\"this.googleMapsService.directionsRenderOption\"\n          ></map-directions-renderer>\n        </google-map>\n\n        <div\n          *ngIf=\"config?.maps?.mapType == 'open-street'\"\n          id=\"map\"\n          style=\"height: 100%\"\n        ></div>\n      </div>\n\n      <div\n        class=\"task-details\"\n        *ngIf=\"\n          !agentService.isMobileView &&\n          agentService.currentTaskDetails != undefined &&\n          !agentService.showMapview\n        \"\n      >\n        <customer-details\n          [customer]=\"agentService.currentTaskDetails\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-details>\n      </div>\n\n      <div\n        class=\"no-task-details\"\n        *ngIf=\"\n          agentService.currentTaskDetails == undefined &&\n          !agentService.isMobileView &&\n          !agentService.showMapview\n        \"\n      >\n        <img\n          src=\"assets/No-Results.jpg\"\n          class=\"no-task-img\"\n          alt=\"No Task\"\n        />\n        <div>Select a Task to view it's details.</div>\n      </div>\n\n      <div class=\"customer-list\">\n        <customer-list\n          [customers]=\"taskList\"\n          [config]=\"config\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n          (filterTaskList)=\"handleOnFilterTaskList($event)\"\n          (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n        ></customer-list>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"kwikid-agent-dashboard-loader\"\n  *ngIf=\"loading\"\n>\n  <span class=\"loader\"></span>\n</div>\n\n<ng-template\n  #template\n  let-observer\n>\n  <div class=\"add-task-header\">\n    <h2>{{ config?.formsConfig?.addTaskForm?.title ?? \"Create User\" }}</h2>\n    <kwikui-button\n      icon=\"tuiIconX\"\n      id=\"\"\n      styles=\"\"\n      type=\"button\"\n      appearance=\"mono\"\n      [shape]=\"null\"\n      size=\"m\"\n      (onClick)=\"observer.complete()\"\n    ></kwikui-button>\n  </div>\n  <kwikid-form-view\n    [allFormsData]=\"allFormsData\"\n    [formConfig]=\"config?.formsConfig?.addTaskForm\"\n    [isMobileView]=\"true\"\n    (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n  ></kwikid-form-view>\n</ng-template>\n", styles: [".kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%;position:relative}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:1rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .actions{display:flex;flex-direction:row;align-items:center}.kwikid-agent-dashboard .wrapper header .actions>*{margin-right:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;flex:1;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{width:100%;height:100%;overflow:hidden}@media screen and (min-width: 600px){.kwikid-agent-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-agent-dashboard .wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-content:center;justify-content:space-between;align-items:stretch}.kwikid-agent-dashboard .wrapper header{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:.75rem;max-height:80px;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper header .client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}.kwikid-agent-dashboard .wrapper .dashboard-body{display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-end;align-items:stretch;overflow:auto}.kwikid-agent-dashboard .wrapper .dashboard-body .map{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd;border-radius:.5rem}.kwikid-agent-dashboard .wrapper .dashboard-body .map-hidden{visibility:collapse}.kwikid-agent-dashboard .wrapper .dashboard-body .task-details{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #cdcdcd}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden;color:#555}.kwikid-agent-dashboard .wrapper .dashboard-body .no-task-details .no-task-img{height:100px;width:100px}.kwikid-agent-dashboard .wrapper .dashboard-body .customer-list{min-width:300px;max-width:320px;width:100%;height:100%;overflow:hidden;border:1px solid #cdcdcd}}.menu{position:absolute;transition:\"0.15s linear 0s\"}.kwikid-agent-dashboard-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-agent-dashboard-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-agent-dashboard-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-agent-dashboard-loader .t-loader{display:none!important}.add-task-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0 1rem 1rem}:host{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}.menu-dropdown{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;grid-gap:.5rem;gap:.5rem;padding:1rem 1.5rem}.menu-dropdown .menu-dropdown-header{display:flex;flex-direction:column;align-content:flex-start;justify-content:space-between;align-items:flex-start;grid-gap:1rem;gap:1rem}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-name{font-size:1.2rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-header .menu-dropdown-header-agent-id{font-size:.8rem;margin:0 auto;font-weight:600}.menu-dropdown .menu-dropdown-buttons ::ng-deep .t-wrapper{padding:0!important}.client-logo{height:40px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding-left:1rem}.client-name{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;font-size:1rem;margin:0 auto;font-weight:600}\n"], components: [{ type: i1__namespace.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }, { type: i2__namespace$2.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { type: CustomerDetailsComponent, selector: "customer-details", inputs: ["customer", "config"], outputs: ["nextStep", "removeTask", "onClickPerformAction"] }, { type: CustomerListComponent, selector: "customer-list", inputs: ["customers", "config"], outputs: ["nextStep", "removeTask", "filterTaskList", "onClickPerformAction"] }, { type: i3__namespace$1.KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["allFormsData", "extraData", "apiCallResponse", "buttonClickResponse", "formConfig", "formData", "isMobileView", "popupFormCallback", "userConfig", "stepConfig"], outputs: ["getLogs", "getUnsavedDataState", "onActionShowPopupForm", "onClickApiCall", "onClickViewFile", "onClickFormFieldButton", "onClickGoBack", "onClickSaveForm", "onClickViewForms"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i3__namespace.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { type: i3__namespace.TuiDropdownDriverDirective, selector: "[tuiDropdown]" }, { type: i3__namespace.TuiDropdownPositionDirective, selector: "[tuiDropdown]" }, { type: i3__namespace.TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: ["tuiDropdownManual"] }, { type: i3__namespace.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$2.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { type: i2__namespace$2.MapDirectionsRenderer, selector: "map-directions-renderer", inputs: ["directions", "options"], outputs: ["directionsChanged"], exportAs: ["mapDirectionsRenderer"] }], pipes: { "async": i7__namespace.AsyncPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDAgentDashboardComponentV1, decorators: [{
               type: i0.Component,
               args: [{
@@ -3337,8 +3370,12 @@
       }, propDecorators: { windowResizeWatcher: [{
                   type: i0.HostListener,
                   args: ["window:resize", ["$event"]]
+              }], agentInfo: [{
+                  type: i0.Input
               }], config: [{
                   type: i0.Input
+              }], userConfig: [{
+                  type: i0.Input
               }], taskList: [{
                   type: i0.Input
               }], nextStep: [{
@@ -3406,7 +3443,7 @@
       return KwikIDAgentDashboardComponent;
   }());
   /** @nocollapse */ KwikIDAgentDashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDAgentDashboardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ KwikIDAgentDashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponent, selector: "kwikid-agent-dashboard", inputs: { agentInfo: "agentInfo", config: "config", userConfig: "userConfig", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onGetTaskList: "onGetTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"config?.version === 2\">\n  <kwikid-agent-dashboard-v2\n    [agentInfo]=\"agentInfo\"\n    [config]=\"config\"\n    [taskList]=\"taskList\"\n    [userConfig]=\"userConfig\"\n    (onGetTaskList)=\"handleOnGetTaskList($event)\"\n    (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n  ></kwikid-agent-dashboard-v2>\n</div>\n\n<div *ngIf=\"config?.version !== 2\">\n  <kwikid-agent-dashboard-v1\n    [config]=\"config\"\n    [taskList]=\"taskList\"\n    (nextStep)=\"handleOnClickNext($event)\"\n    (addTask)=\"handleOnClickAddTask($event)\"\n    (removeTask)=\"handleOnClickRemoveTask($event)\"\n    (filterTaskList)=\"handleOnFilterTaskList($event)\"\n    (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n  ></kwikid-agent-dashboard-v1>\n</div>\n", styles: ["div{height:100%}\n"], components: [{ type: KwikIDAgentDashboardComponentV2, selector: "kwikid-agent-dashboard-v2", inputs: ["config", "userConfig", "agentInfo", "taskList"], outputs: ["onGetTaskList", "onClickPerformAction"] }, { type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: ["config", "taskList"], outputs: ["nextStep", "addTask", "removeTask", "filterTaskList", "onClickPerformAction"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  /** @nocollapse */ KwikIDAgentDashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDAgentDashboardComponent, selector: "kwikid-agent-dashboard", inputs: { agentInfo: "agentInfo", config: "config", userConfig: "userConfig", taskList: "taskList" }, outputs: { nextStep: "nextStep", addTask: "addTask", removeTask: "removeTask", filterTaskList: "filterTaskList", onGetTaskList: "onGetTaskList", onClickPerformAction: "onClickPerformAction" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"config?.version === 2\">\n  <kwikid-agent-dashboard-v2\n    [agentInfo]=\"agentInfo\"\n    [config]=\"config\"\n    [taskList]=\"taskList\"\n    [userConfig]=\"userConfig\"\n    (onGetTaskList)=\"handleOnGetTaskList($event)\"\n    (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n  ></kwikid-agent-dashboard-v2>\n</div>\n\n<div *ngIf=\"config?.version !== 2\">\n  <kwikid-agent-dashboard-v1\n    [agentInfo]=\"agentInfo\"\n    [config]=\"config\"\n    [taskList]=\"taskList\"\n    [userConfig]=\"userConfig\"\n    (nextStep)=\"handleOnClickNext($event)\"\n    (addTask)=\"handleOnClickAddTask($event)\"\n    (removeTask)=\"handleOnClickRemoveTask($event)\"\n    (filterTaskList)=\"handleOnFilterTaskList($event)\"\n    (onClickPerformAction)=\"handleOnClickPerformAction($event)\"\n  ></kwikid-agent-dashboard-v1>\n</div>\n", styles: ["div{height:100%}\n"], components: [{ type: KwikIDAgentDashboardComponentV2, selector: "kwikid-agent-dashboard-v2", inputs: ["config", "userConfig", "agentInfo", "taskList"], outputs: ["onGetTaskList", "onClickPerformAction"] }, { type: KwikIDAgentDashboardComponentV1, selector: "kwikid-agent-dashboard-v1", inputs: ["agentInfo", "config", "userConfig", "taskList"], outputs: ["nextStep", "addTask", "removeTask", "filterTaskList", "onClickPerformAction"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDAgentDashboardComponent, decorators: [{
               type: i0.Component,
               args: [{