@zohodesk/library-platform 1.1.9 → 1.1.10-exp.2

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/applications/usecases/InitializeUseCase.js

@@ -0,0 +1,17 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { DATA_SOURCE_REGISTER } from "../../../../../../bc/zdata-source/Constants";
+export default class InitializeUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      apiTemplates,
+      dispatch
+    } = input;
+    dispatch({
+      type: DATA_SOURCE_REGISTER,
+      payload: {
+        apiTemplates
+      }
+    });
+  }
+
+}

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/applications/usecases/SetClientScriptsUseCase.js

@@ -0,0 +1,21 @@
+import AbstractUseCase from "./AbstractUseCase";
+import ClientActionFactory from "../entities-factory/ClientScriptsFactory";
+
+class SetClientScriptsUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      presenter,
+      repository
+    } = this.dependencies;
+    const {
+      clientScripts
+    } = input;
+    const recordManager = repository.getClientScriptsManagerEntity();
+    const scriptsEntity = ClientActionFactory.deSerializeClientScripts(clientScripts);
+    recordManager.setData(scriptsEntity);
+    presenter.updateClientScript(recordManager.toObject());
+  }
+
+}
+
+export default SetClientScriptsUseCase;

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/ClientScript.js

@@ -0,0 +1,24 @@
+export default class ClientScript {
+  constructor(clientScriptModel) {
+    this.targetEventName = clientScriptModel.targetEvent;
+    this.eventHandler = clientScriptModel.clientScript;
+  }
+
+  getEventName() {
+    return this.targetEventName;
+  }
+
+  getEventHandler() {
+    return this.eventHandler;
+  }
+
+  toObject() {
+    const targetEventName = this.getEventName();
+    const eventHandler = this.getEventHandler();
+    return {
+      targetEvent: targetEventName,
+      clientScript: eventHandler
+    };
+  }
+
+}

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/ClientScripts.js

@@ -0,0 +1,41 @@
+import ClientScript from "./ClientScript";
+export default class ClientScripts {
+  constructor(_ref) {
+    let {
+      data,
+      isFetching
+    } = _ref;
+    let fetchLimit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+    this.clientScripts = data.map(obj => new ClientScript(obj));
+    this.fetchLimit = fetchLimit;
+    this.isDataBeingFetched = isFetching;
+  }
+
+  setIsFetching(isFetching) {
+    this.isDataBeingFetched = isFetching;
+  }
+
+  setData(clientScripts) {
+    this.clientScripts = clientScripts;
+  }
+
+  isFetching() {
+    return this.isDataBeingFetched;
+  }
+
+  getLength() {
+    return this.clientScripts.length;
+  }
+
+  getClientScript(eventName) {
+    return this.clientScripts.find(clientScript => clientScript.getEventName() === eventName) || null;
+  }
+
+  toObject() {
+    return {
+      clientScripts: this.clientScripts.map(clientScript => clientScript.toObject()),
+      isFetching: this.isFetching()
+    };
+  }
+
+}

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/GetClientScriptsStrategy.js

@@ -0,0 +1,44 @@
+import { SET_CLIENTSCRIPTS, CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT, CLIENTSCRIPT_FETCH_FAILURE, CLIENTSCRIPT_FETCH_SUCCESS } from "../../../../bc/zclient-scripts-fetch/Constants";
+export default class GetClientScriptsStrategy {
+  createSuccessEvents(response, metaData) {
+    const events = [];
+    const clientScripts = response;
+    events.push({
+      type: SET_CLIENTSCRIPTS,
+      payload: {
+        clientScripts
+      }
+    });
+    events.push({
+      type: CLIENTSCRIPT_FETCH_SUCCESS,
+      payload: {
+        clientScripts
+      },
+      metaData
+    });
+    return events;
+  }
+
+  createNoContentEvents(metaData) {
+    const events = [];
+    events.push({
+      type: CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT,
+      payload: {},
+      metaData
+    });
+    return events;
+  }
+
+  createFailureEvents(error, metaData) {
+    const events = [];
+    events.push({
+      type: CLIENTSCRIPT_FETCH_FAILURE,
+      payload: {
+        error
+      },
+      metaData
+    });
+    return events;
+  }
+
+}

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/State.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/interfaces/ClientScriptEventMappingState.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/interfaces/ClientScriptModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/interfaces/ClientScriptsModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/domain/entities/interfaces/IEvent.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/frameworks/ClientScriptsBehaviourFactory.js

@@ -0,0 +1,12 @@
+import ClientScriptsHandlersFactory from "./ClientScriptsHandlersFactory";
+export default class ClientScriptsBehaviourFactory {
+  static create(apiDetails) {
+    return {
+      name: 'zclientScriptsEventMapping',
+      eventHandlers: ClientScriptsHandlersFactory.create(apiDetails),
+      properties: {},
+      setInitialState: () => ({})
+    };
+  }
+
+}

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/frameworks/ClientScriptsHandlersFactory.js

@@ -0,0 +1,47 @@
+import MountController from "../adapters/controllers/MountController";
+import Presenter from "../adapters/presenters/Presenter";
+import Repository from "../adapters/gateways/Repository";
+import Service from "../adapters/gateways/Service";
+import { CLIENTSCRIPT_FETCH, CLIENTSCRIPT_FETCH_FAILURE_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS, CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT, CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK, SET_CLIENTSCRIPTS, CLIENTSCRIPT_FETCH_FAILURE } from "../../../bc/zclient-scripts-fetch/Constants";
+import FetchClientScriptsController from "../adapters/controllers/FetchClientScriptsController";
+import FetchClientScriptsStopController from "../adapters/controllers/FetchClientScriptsStopController";
+import FetchClientScriptsSuccessController from "../adapters/controllers/FetchClientScriptsSuccessController";
+import FetchClientScriptsFailureController from "../adapters/controllers/FetchClientScriptsFailureController";
+import FetchClientScriptsNoContentController from "../adapters/controllers/FetchClientScriptsNoContentController";
+import SetClientScriptsController from "../adapters/controllers/SetClientScriptsController";
+export default class ClientScriptsHandlersFactory {
+  static getClientScriptsControllerHandles(service) {
+    return {
+      fetchClientScripts: new FetchClientScriptsController(service).handle,
+      fetchClientScriptsSuccess: new FetchClientScriptsSuccessController(service).handle,
+      fetchClientScriptsStop: new FetchClientScriptsStopController(service).handle,
+      fetchClientScriptsFailure: new FetchClientScriptsFailureController(service).handle,
+      fetchClientScriptsNoContent: new FetchClientScriptsNoContentController(service).handle,
+      setClientScripts: new SetClientScriptsController(service).handle
+    };
+  }
+
+  static create(apiDetails) {
+    const presenter = new Presenter();
+    const repository = new Repository();
+    const dependencies = {
+      presenter,
+      repository
+    };
+    const service = new Service(dependencies);
+    const mountController = new MountController(apiDetails, service);
+    const clientScriptControllerHandle = ClientScriptsHandlersFactory.getClientScriptsControllerHandles(service);
+    return {
+      MOUNT: mountController.handle,
+      [CLIENTSCRIPT_FETCH]: clientScriptControllerHandle.fetchClientScripts,
+      [CLIENTSCRIPT_FETCH_FAILURE_CALLBACK]: clientScriptControllerHandle.fetchClientScriptsFailure,
+      [CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK]: clientScriptControllerHandle.fetchClientScriptsSuccess,
+      [CLIENTSCRIPT_FETCH_SUCCESS]: clientScriptControllerHandle.fetchClientScriptsStop,
+      [CLIENTSCRIPT_FETCH_FAILURE]: clientScriptControllerHandle.fetchClientScriptsStop,
+      [CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT]: clientScriptControllerHandle.fetchClientScriptsStop,
+      [SET_CLIENTSCRIPTS]: clientScriptControllerHandle.setClientScripts,
+      [CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK]: clientScriptControllerHandle.fetchClientScriptsNoContent
+    };
+  }
+
+}

package/es/platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema.js

@@ -0,0 +1,15 @@
+export const clientScriptsSchema = {
+  type: 'array',
+  minItems: 0,
+  items: {
+    type: 'object',
+    properties: {
+      targetEventName: {
+        type: 'string'
+      },
+      clientScript: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/platform/column-chooser/adapters/gateways/Repository.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { DEFAULT_COLUMN_CHOOSE_MAX_COUNT } from "../../../../bc/column-chooser/Constants";
 import ColumnChooserImp from "../../domain/entities/ColumnChooserImp";
 import ReorderEntityImp from "../../domain/entities/ReorderEntityImp";
@@ -7,10 +5,6 @@ import SearchEntityImp from "../../domain/entities/SearchEntityImp";
 import SelectEntityImp from "../../domain/entities/SelectEntityImp";
 
 class Repository {
-  constructor() {
-    _defineProperty(this, "state", void 0);
-  }
-
   init(state) {
     this.state = state;
   }

package/es/platform/column-chooser/adapters/gateways/Service.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import ColumnChooserOpenUseCase from "../../applications/usecases/ColumnChooserOpenUseCase";
 import ColumnChooserSelectUseCase from "../../applications/usecases/ColumnChooserSelectUseCase";
 import ColumnChooserReorderUseCase from "../../applications/usecases/ColumnChooserReorderUseCase";
@@ -9,18 +7,6 @@ import ColumnChooserCloseUseCase from "../../applications/usecases/ColumnChooser
 
 class Service {
   constructor(dependencies) {
-    _defineProperty(this, "columnChooserOpenUseCase", void 0);
-
-    _defineProperty(this, "columnChooserSelectUseCase", void 0);
-
-    _defineProperty(this, "columnChooserReorderUseCase", void 0);
-
-    _defineProperty(this, "columnChooserSearchUseCase", void 0);
-
-    _defineProperty(this, "columnChooserSaveUseCase", void 0);
-
-    _defineProperty(this, "columnChooserCloseUseCase", void 0);
-
     this.columnChooserOpenUseCase = new ColumnChooserOpenUseCase(dependencies);
     this.columnChooserSelectUseCase = new ColumnChooserSelectUseCase(dependencies);
     this.columnChooserReorderUseCase = new ColumnChooserReorderUseCase(dependencies);

package/es/platform/column-chooser/adapters/presenters/Presenter.js

@@ -1,12 +1,4 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Presenter {
-  constructor() {
-    _defineProperty(this, "updateState", void 0);
-
-    _defineProperty(this, "state", void 0);
-  }
-
   updateDependencies(state, updateState) {
     this.state = state;
     this.updateState = updateState;

package/es/platform/column-chooser/domain/entities/SelectEntityImp.js

@@ -1,12 +1,7 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class SelectEntityImp {
   constructor(selected, maxCount) {
     this.selected = selected;
     this.maxCount = maxCount;
-
-    _defineProperty(this, "selectedCount", void 0);
-
     this.calculateSelectedCount();
   }
 

package/es/platform/components/app/adapters/resources/AppResource.js

@@ -0,0 +1,25 @@
+import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
+
+/** Sample Implementation of AppResource */
+export class AppResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
+  initializeContext(context) {
+    this.context = context;
+  }
+
+  initializeApiHeader(headers) {
+    this.headers = headers;
+  }
+
+  getContext() {
+    return this.context;
+  }
+
+  getApiHeader() {
+    return this.headers;
+  }
+
+}

package/es/platform/components/form-connected/adapters/resources/SmartFormResources.js

@@ -21,21 +21,20 @@ import SetFieldErrorMessageUseCase from "../../../../zform/applications/usecases
 import FocusFieldUseCase from "../../../../zform/applications/usecases/FocusFieldUseCase";
 import InsertValidationRuleUseCase from "../../../../zform/applications/usecases/InsertValidationRuleSuccessUseCase";
 import GetFieldErrorMessageUseCase from "../../../../zform/applications/usecases/GetFieldErrorMessageUseCase";
+import GetIsFieldValueChangedUseCase from "../../../../zform/applications/usecases/GetIsFieldValueChanged";
 export class SmartFormResources extends AbstractResource {
   initialize() {}
 
   destroy() {}
 
   createUseCase(dependencies, UseCaseClass) {
-    var _usecase$updateDepend, _usecase$updateDepend2;
-
     const {
       state,
       updateState
     } = this.dependencies;
     const usecase = new UseCaseClass(dependencies);
-    (_usecase$updateDepend = usecase.updateDependencies) === null || _usecase$updateDepend === void 0 ? void 0 : _usecase$updateDepend.call(usecase, state, updateState);
-    (_usecase$updateDepend2 = usecase.updateDependency) === null || _usecase$updateDepend2 === void 0 ? void 0 : _usecase$updateDepend2.call(usecase, state, updateState);
+    usecase.updateDependencies?.(state, updateState);
+    usecase.updateDependency?.(state, updateState);
     return usecase;
   } // private getFormDependencies(): ZFormUseCaseDependencies {
   //     const dependencies: ZFormUseCaseDependencies = {
@@ -289,4 +288,21 @@ export class SmartFormResources extends AbstractResource {
     });
   }
 
+  getIsFieldValueChanged() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getFormDependencies();
+    const usecase = this.createUseCase(dependencies, GetIsFieldValueChangedUseCase);
+    usecase.execute({
+      callback: setData,
+      dispatch
+    });
+    return getData();
+  }
+
 }

package/es/platform/components/form-connected/frameworks/EventHandlersFactory.js

@@ -1,8 +1,8 @@
-import SmartFormConstants from "../../../../cc/form-connected/Constants";
+import SmartFormConstants from "../../../../cc/form-connected/ExternalConstants";
 import FormSdkFactory from "./FormSdkFactory";
 import FormConstants from "../../../../cc/form/Constants";
-import { ZFORM_FIELD_BLURRED, ZFORM_FIELD_VALUE_CHANGED, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { ZFORM_FIELD_BLURRED, ZFORM_FIELD_VALUE_CHANGED, ZFORM_SUBMIT_FAILURE, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 const {
   SMART_FORM_FIELD_FOCUSED,
   SMART_FORM_FIELD_BLURRED,
@@ -23,7 +23,7 @@ function createHandlerWithSdk(handler) {
     } = input;
     const instanceName = state.properties.instanceName;
     handler({ ...input,
-      platformSDK
+      platformSDK: platformSDK_old
     }, FormSdkFactory.create({
       instanceName
     }));
@@ -56,6 +56,7 @@ export default class EventHandlersFactory {
       [FormConstants.FORM_FIELD_FOCUSED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_FOCUSED),
       [ZFORM_FIELD_BLURRED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_BLURRED),
       [ZFORM_SUBMIT_SUCCESS]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_SUCCESS),
+      [ZFORM_SUBMIT_FAILURE]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_FAILURE),
       [ZFORM_SUBMIT_VALIDATION_FAILURE]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_SUBMIT_FAILURE),
       [ZFORM_FIELD_VALUE_CHANGED]: EventHandlersFactory.createEventMappedHandler(SMART_FORM_FIELD_VALUE_CHANGED)
     };

package/es/platform/components/form-connected/frameworks/FormConnectedFactory.js

@@ -13,6 +13,9 @@ import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "../../../sdk/frameworks/SdkRegistry";
 import { SmartFormResources } from "../adapters/resources/SmartFormResources";
 import ClientActionsBehaviourFactory from "../../../client-actions/behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
+import ClientScriptsBehaviourFactory from "../../../client-scripts/behaviour/zclient-scripts-fetch/frameworks/ClientScriptsBehaviourFactory";
+import FormFallbackView from "../../../../library/dot/components/form/frameworks/ui/FormFallbackView";
+import AppContextBehaviourFactory from "../../../app-context-behaviour/frameworks/AppContextBehaviourFactory";
 sdkRegistry.registerResource({
   resourceName: ResourceNamesEnum.SMART_FORM,
   resource: SmartFormResources
@@ -22,7 +25,7 @@ function combineDataSourceWithDefault(dataSource) {
   return { ...defaultDataSource,
     ...dataSource,
     httpTemplates: { ...defaultDataSource.httpTemplates,
-      ...(dataSource === null || dataSource === void 0 ? void 0 : dataSource.httpTemplates)
+      ...dataSource?.httpTemplates
     }
   };
 }
@@ -41,11 +44,14 @@ export default class FormConnectedFactory {
     return createCustomComponent({
       name: name,
       View: View,
+      FallbackView: FormFallbackView,
       properties: Properties,
       eventHandlers: EventHandlersfactory.create(eventHandlers),
       transformState: FormTranslator.transformState,
-      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_FORM]), ClientActionsBehaviourFactory.create({
+      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_FORM]), AppContextBehaviourFactory.create(), ClientActionsBehaviourFactory.create({
         getClientActions: _dataSource.httpTemplates.getClientActions
+      }), ClientScriptsBehaviourFactory.create({
+        getClientScripts: _dataSource.httpTemplates.getClientScripts
       }), ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ZFormBehaviourFactory.create()]
     });
   }

package/es/platform/components/form-connected/frameworks/FormConnectedView.js

@@ -15,7 +15,8 @@ function View(_ref, ref) {
     headerLeftActions,
     headerRightActions,
     footerLeftActions,
-    footerRightActions
+    footerRightActions,
+    clientScripts
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Form, {
     getRef: ref,
@@ -27,7 +28,8 @@ function View(_ref, ref) {
     headerRightActions: headerRightActions,
     footerLeftActions: footerLeftActions,
     footerRightActions: footerRightActions,
-    rightPanel: rightPanel
+    rightPanel: rightPanel,
+    clientScripts: clientScripts
   });
 }
 

package/es/platform/components/form-connected/frameworks/FormSdkFactory.js

@@ -1,5 +1,5 @@
 // /* eslint-disable max-lines-per-function */
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 export default class FormSdkFactory {
   static getFormSdks(smartForm) {
@@ -14,7 +14,8 @@ export default class FormSdkFactory {
       deleteField: fieldName => smartForm.deleteField(fieldName),
       updateField: (fieldName, fieldProperties) => smartForm.updateField(fieldName, fieldProperties),
       getFieldValue: fieldName => smartForm.getFieldValue(fieldName),
-      submit: () => smartForm.submit()
+      submit: () => smartForm.submit(),
+      getIsFieldValueChanged: () => smartForm.getIsFieldValueChanged()
     };
   }
 
@@ -22,7 +23,7 @@ export default class FormSdkFactory {
     let {
       instanceName
     } = _ref;
-    const smartForm = platformSDK[ResourceNamesEnum.SMART_FORM](instanceName);
+    const smartForm = platformSDK_old[ResourceNamesEnum.SMART_FORM](instanceName);
     const formSdks = FormSdkFactory.getFormSdks(smartForm);
     return {
       zform: {
@@ -36,7 +37,8 @@ export default class FormSdkFactory {
         deleteField: formSdks.deleteField,
         updateField: formSdks.updateField,
         getFieldValue: formSdks.getFieldValue,
-        submit: formSdks.submit
+        submit: formSdks.submit,
+        getIsFieldValueChanged: formSdks.getIsFieldValueChanged
       }
     };
   }

package/es/platform/components/table-connected/adapters/controllers/ColumnChooserUpdateController.js

@@ -8,6 +8,10 @@ export default class ColumnChooserUpdateController extends AbstractController {
     } = event;
     const {
       context
+    } = state.behaviours.appContext;
+    const {
+      viewId,
+      departmentId
     } = state.properties;
     const fields = event.action.payload.selectedArray;
     dispatch({
@@ -15,7 +19,9 @@ export default class ColumnChooserUpdateController extends AbstractController {
       payload: {
         actionName: 'updateSelectedFields',
         props: { ...context,
-          fields
+          fields,
+          viewId,
+          departmentId
         },
         apiName: 'updateSelectedFields'
       }

package/es/platform/components/table-connected/adapters/controllers/ResizeFinishController.js

@@ -13,8 +13,6 @@ export class ResizeFinishController extends AbstractController {
     } = event.action.payload;
 
     if (newWidth !== oldWidth) {
-      var _localStorage$moduleN, _localStorage$moduleN2, _localStorage$moduleN3;
-
       const {
         localStorage
       } = state.behaviours;
@@ -23,10 +21,10 @@ export class ResizeFinishController extends AbstractController {
         viewId
       } = state.properties; // TODO: move this to a separate file as selector
 
-      const modifiedWidths = localStorage === null || localStorage === void 0 ? void 0 : (_localStorage$moduleN = localStorage[moduleName]) === null || _localStorage$moduleN === void 0 ? void 0 : (_localStorage$moduleN2 = _localStorage$moduleN[viewId]) === null || _localStorage$moduleN2 === void 0 ? void 0 : _localStorage$moduleN2.modifiedWidths; // TODO: better to use a selector update method
+      const modifiedWidths = localStorage?.[moduleName]?.[viewId]?.modifiedWidths; // TODO: better to use a selector update method
 
-      const data = { ...(localStorage === null || localStorage === void 0 ? void 0 : localStorage[moduleName]),
-        [viewId]: { ...(localStorage === null || localStorage === void 0 ? void 0 : (_localStorage$moduleN3 = localStorage[moduleName]) === null || _localStorage$moduleN3 === void 0 ? void 0 : _localStorage$moduleN3[viewId]),
+      const data = { ...localStorage?.[moduleName],
+        [viewId]: { ...localStorage?.[moduleName]?.[viewId],
           modifiedWidths: { ...modifiedWidths,
             [columnName]: newWidth
           }