@zohodesk/library-platform 1.1.13 → 1.2.0-exp.1

package/es/library/dot/legacy-to-new-arch/text/frameworks/ui/TextView.js

@@ -12,7 +12,18 @@ function TextView(_ref, ref) {
   } = helpers;
   let {
     text,
+    size,
+    display,
+    decoration,
+    textAlign,
+    lineClamp,
+    lineHeight,
+    letterSpacing,
+    transform,
+    whiteSpace,
+    wordWrap,
     weight,
+    wordBreak,
     tooltip,
     isDotted
   } = state.properties;
@@ -27,9 +38,19 @@ function TextView(_ref, ref) {
         });
       }
     },
-    $ui_size: "14",
+    $ui_size: size,
     $flag_dotted: isDotted,
+    $ui_display: display,
+    $ui_decoration: decoration,
     $ui_weight: weight,
+    $ui_textAlign: textAlign,
+    $ui_wordBreak: wordBreak,
+    $ui_lineClamp: lineClamp,
+    $ui_letterSpacing: letterSpacing,
+    $ui_lineHeight: lineHeight,
+    $ui_transform: transform,
+    $ui_whiteSpace: whiteSpace,
+    $ui_wordWrap: wordWrap,
     $i18n_dataTitle: tooltip || text
   }, text);
 }

package/es/platform/app-context-behaviour/adapters/controllers/AbstractController.js

@@ -0,0 +1,9 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  }
+
+}
+
+export default AbstractController;

package/es/platform/app-context-behaviour/adapters/controllers/UpdatePropertiesController.js

@@ -0,0 +1,32 @@
+import AbstractController from "./AbstractController";
+
+class UpdatePropertiesController extends AbstractController {
+  handle(event) {
+    const {
+      updatePropertiesUsecase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action
+    } = event;
+    const {
+      currentProperties,
+      previousProperties
+    } = action.payload;
+    const {
+      context
+    } = previousProperties;
+    const {
+      context: newContext
+    } = currentProperties;
+    updatePropertiesUsecase.updateDependencies(state, updateState);
+    updatePropertiesUsecase.execute({
+      context,
+      newContext
+    });
+  }
+
+}
+
+export default UpdatePropertiesController;

package/es/platform/app-context-behaviour/adapters/gateway/Repository.js

@@ -0,0 +1,22 @@
+import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
+import AppContext from "../../domain/entities/AppContext";
+const EMPTY_OBJ = {};
+export default class Repository {
+  init(state) {
+    this.state = state;
+  }
+
+  getAppContextEntity() {
+    const {
+      context
+    } = this.state.properties;
+    const appResource = platformSDK[ResourceNamesEnum.APP];
+    const headers = appResource ? appResource.getApiHeader() : EMPTY_OBJ;
+    const appContext = appResource ? appResource.getContext() : EMPTY_OBJ;
+    return new AppContext({ ...appContext,
+      ...context
+    }, headers);
+  }
+
+}

package/es/platform/app-context-behaviour/adapters/gateway/Service.js

@@ -0,0 +1,10 @@
+import UpdatePropertiesUsecase from "../../applications/usecases/UpdatePropertiesUsecase";
+
+class Service {
+  constructor(dependencies) {
+    this.updatePropertiesUsecase = new UpdatePropertiesUsecase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/platform/app-context-behaviour/adapters/presenter/Presenter.js

@@ -0,0 +1,16 @@
+export default class Presenter {
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState;
+  }
+
+  updateBehaviourState(data) {
+    this.state = { ...this.state,
+      behaviours: { ...this.state.behaviours,
+        appContext: data
+      }
+    };
+    this.updateState(this.state);
+  }
+
+}

package/es/platform/app-context-behaviour/applications/interfaces/UseCaseDependencies.js

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

package/es/platform/app-context-behaviour/applications/interfaces/gateways/IRepository.js

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

package/es/platform/app-context-behaviour/applications/interfaces/gateways/IService.js

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

package/es/platform/app-context-behaviour/applications/interfaces/input/UpdatePropertiesInputModel.js

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

package/es/platform/app-context-behaviour/applications/interfaces/output/BehaviourOutputModel.js

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

package/es/platform/app-context-behaviour/applications/interfaces/output/IPresenter.js

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

package/es/platform/app-context-behaviour/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,17 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/platform/app-context-behaviour/applications/usecases/UpdatePropertiesUsecase.js

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpdatePropertiesUsecase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      context,
+      newContext
+    } = input;
+    const appContext = repository.getAppContextEntity();
+
+    if (appContext.isEqualContext(context, newContext)) {
+      return;
+    }
+
+    appContext.updateContext(newContext);
+    presenter.updateBehaviourState(appContext.toObject());
+  }
+
+}
+
+export default UpdatePropertiesUsecase;

package/es/platform/app-context-behaviour/domain/entities/AppContext.js

@@ -0,0 +1,44 @@
+class AppContext {
+  constructor(context, headers) {
+    this.context = context;
+    this.headers = headers;
+  }
+
+  updateContext(context) {
+    this.context = { ...this.context,
+      ...context
+    };
+  }
+
+  getContext() {
+    return this.context;
+  }
+
+  isEqualContext(context1, context2) {
+    // shallow comparison
+    const keys1 = Object.keys(context1);
+    const keys2 = Object.keys(context2);
+
+    if (keys1.length !== keys2.length) {
+      return false;
+    }
+
+    for (const key of keys1) {
+      if (context1[key] !== context2[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  toObject() {
+    return {
+      context: this.context,
+      headers: this.headers
+    };
+  }
+
+}
+
+export default AppContext;

package/es/platform/app-context-behaviour/domain/entities/interfaces/IAppContext.js

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

package/es/platform/app-context-behaviour/frameworks/AppContextBehaviourFactory.js

@@ -1,6 +1,7 @@
 import AppContextProperties from "../../../bc/app-context/Properties";
 import { platformSDK } from "../../sdk/frameworks/Sdk";
 import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+import EventHandlersFactory from "./EventHandlerFactory";
 
 class AppContextBehaviourFactory {
   static create() {
@@ -20,8 +21,7 @@ class AppContextBehaviourFactory {
           }
         };
       },
-      // eventHandlers: EventHandlerFactory.create(),
-      eventHandlers: {},
+      eventHandlers: EventHandlersFactory.create(),
       properties: AppContextProperties
     };
   }

package/es/platform/app-context-behaviour/frameworks/EventHandlerFactory.js

@@ -0,0 +1,22 @@
+import LifeCycleAction from "../../../cc/architecture/LifeCycleActionEnum";
+import Repository from "../adapters/gateway/Repository";
+import Service from "../adapters/gateway/Service";
+import Presenter from "../adapters/presenter/Presenter";
+import UpdatePropertiesController from "../adapters/controllers/UpdatePropertiesController";
+
+class EventHandlersFactory {
+  static create() {
+    const presenter = new Presenter();
+    const repository = new Repository();
+    const service = new Service({
+      presenter,
+      repository
+    });
+    return {
+      [LifeCycleAction.UPDATE_PROPERTIES]: new UpdatePropertiesController(service).handle
+    };
+  }
+
+}
+
+export default EventHandlersFactory;

package/es/platform/client-actions/behaviour/zclient-actions/adapters/presenters/FilterUtils.js

@@ -0,0 +1,11 @@
+function validateClientActionLocation(actualLocation, expectedLocation) {
+  return actualLocation === expectedLocation || actualLocation.endsWith(`.${expectedLocation}`);
+}
+
+function validateClientAction(clientAction, location) {
+  return clientAction.location && validateClientActionLocation(clientAction.location, location);
+}
+
+export function filterClientActionsByLocation(clientActions, location) {
+  return clientActions.filter(clientAction => clientAction && validateClientAction(clientAction, location));
+}

package/es/platform/client-actions/behaviour/zclient-actions/adapters/resources/ClientActionsFetchSDK.js

@@ -0,0 +1,76 @@
+import FetchGateWay from "../../../../../zhttp/adapters/gateway/FetchGateWay";
+import APITemplate from "../../../../../zdata-source/domain/entities/APITemplate";
+import getClientActions from "../../../../../data-source/http-template/getPageClientActions";
+import TemplateHelpers from "../../../../../zdata-source/adapters/gateways/TemplateHelpers";
+
+//TODO: Remove this SDK when smart page is ready for production
+// Use this SDK only for fetching client actions at page level in desk_client_app until smart page is ready
+class ClientActionsFetchSDK {
+  getClientActionsAPIDetails(args) {
+    const apiTemplate = new APITemplate(getClientActions, new TemplateHelpers());
+    const apiArgs = { ...args,
+      servicePrefix: 'supportapi/zd',
+      // @ts-ignore - custom property
+      orgName: window.currentOrg.portalName
+    };
+    const apiDetailsModel = apiTemplate.getApiDetails(apiArgs);
+    return { ...apiDetailsModel,
+      options: {
+        headers: {
+          // @ts-ignore - custom property
+          orgId: window.currentOrg.id
+        },
+        method: apiDetailsModel.method
+      }
+    };
+  }
+
+  mapClientActionsByInstanceLocation(clientActions) {
+    const filteredClientActionsMap = new Map();
+
+    for (const clientAction of clientActions) {
+      const {
+        location,
+        component
+      } = clientAction;
+      const locationPathArr = location.split('.');
+      const instanceName = locationPathArr[1] || component;
+      const locationName = locationPathArr[2] || location;
+
+      if (!instanceName || !locationName) {
+        continue;
+      }
+
+      if (!filteredClientActionsMap.has(instanceName)) {
+        filteredClientActionsMap.set(instanceName, {});
+      }
+
+      const instanceActions = filteredClientActionsMap.get(instanceName);
+
+      if (!instanceActions[locationName]) {
+        instanceActions[locationName] = [];
+      }
+
+      instanceActions[locationName].push(clientAction);
+    }
+
+    return filteredClientActionsMap;
+  }
+
+  async fetchClientActions(params) {
+    const apiDetails = this.getClientActionsAPIDetails(params);
+    const fetchGateway = new FetchGateWay(window.fetch.bind(window));
+    return new Promise((resolve, reject) => {
+      fetchGateway.fetch(apiDetails.url, apiDetails.options).then(response => response.json()).then(clientActions => {
+        this.clientActions = clientActions;
+        const filteredClientActionsMap = this.mapClientActionsByInstanceLocation(this.clientActions);
+        return resolve(filteredClientActionsMap);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+
+}
+
+export default ClientActionsFetchSDK;

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ClientActionsAPIGatewayParams.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ClientActionsFetchSDKParams.js

@@ -0,0 +1,10 @@
+var ClientActionPage = /*#__PURE__*/function (ClientActionPage) {
+  ClientActionPage["LIST"] = "list";
+  ClientActionPage["DETAILS"] = "details";
+  ClientActionPage["CREATE_PAGE"] = "createPage";
+  ClientActionPage["EDIT_PAGE"] = "editPage";
+  ClientActionPage["ALL_PAGES"] = "allPages";
+  return ClientActionPage;
+}(ClientActionPage || {});
+
+export {};

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/adapters/resources/ClientScriptsFetchSDK.js

@@ -0,0 +1,43 @@
+import APITemplate from "../../../../../zdata-source/domain/entities/APITemplate";
+import TemplateHelpers from "../../../../../zdata-source/adapters/gateways/TemplateHelpers";
+import FetchGateWay from "../../../../../zhttp/adapters/gateway/FetchGateWay";
+import getClientScripts from "../../../../../data-source/http-template/getClientScripts";
+
+//TODO: Remove this SDK when smart page is ready for production
+// Use this SDK only for fetching client actions at page level in desk_client_app until smart page is ready
+class ClientScriptsFetchSDK {
+  getClientScriptsAPIDetails(args) {
+    const apiTemplate = new APITemplate(getClientScripts, new TemplateHelpers());
+    const apiArgs = { ...args,
+      servicePrefix: 'supportapi/zd',
+      // @ts-ignore - custom property
+      orgName: window.currentOrg.portalName
+    };
+    const apiDetailsModel = apiTemplate.getApiDetails(apiArgs);
+    return { ...apiDetailsModel,
+      options: {
+        headers: {
+          // @ts-ignore - custom property
+          orgId: window.currentOrg.id
+        },
+        method: apiDetailsModel.method
+      }
+    };
+  }
+
+  async fetchClientScripts(params) {
+    const apiDetails = this.getClientScriptsAPIDetails(params);
+    const fetchGateway = new FetchGateWay(window.fetch.bind(window));
+    return new Promise((resolve, reject) => {
+      fetchGateway.fetch(apiDetails.url, apiDetails.options).then(response => response.json()).then(clientScripts => {
+        this.clientScripts = clientScripts;
+        return resolve(clientScripts);
+      }).catch(err => {
+        reject(err);
+      });
+    });
+  }
+
+}
+
+export default ClientScriptsFetchSDK;

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/applications/interfaces/ClientScriptsAPIGatewayParams.js

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

package/es/platform/client-scripts/behaviour/zclient-scripts-fetch/applications/interfaces/ClientScriptsSDKFetchParams.js

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

package/es/platform/column-chooser/adapters/controllers/ColumnChooserOpenController.js

@@ -4,20 +4,28 @@ class ColumnChooserOpenController extends AbstractController {
   handle(event) {
     const {
       state,
-      action,
       updateState
     } = event;
     const {
-      order,
-      selectedArray
-    } = action.payload;
+      zfield
+    } = state.behaviours;
+    const {
+      fields: availableFields,
+      selectedFields
+    } = zfield;
+    const columnChooserOptionsOrder = [...selectedFields];
+    availableFields.forEach(field => {
+      if (!selectedFields.includes(field.name)) {
+        columnChooserOptionsOrder.push(field.name);
+      }
+    });
     const {
       columnChooserOpenUseCase
     } = this.service;
     columnChooserOpenUseCase.updateDependencies(state, updateState);
     columnChooserOpenUseCase.execute({
-      order,
-      selectedArray
+      order: columnChooserOptionsOrder,
+      selectedArray: selectedFields
     });
   }
 

package/es/platform/column-chooser/adapters/controllers/ColumnChooserUpdateController.js

@@ -0,0 +1,22 @@
+import AbstractController from "./AbstractController";
+export default class ColumnChooserUpdateController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      dispatch,
+      action
+    } = event;
+    const {
+      selectedArray
+    } = action.payload;
+    const {
+      columnChooserUpdateUseCase
+    } = this.service;
+    columnChooserUpdateUseCase.updateDependencies(state, dispatch);
+    columnChooserUpdateUseCase.execute({
+      selectedArray,
+      dispatch
+    });
+  }
+
+}

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

@@ -13,10 +13,21 @@ class Repository {
     const {
       columnChooser
     } = this.state.behaviours;
+    const {
+      context
+    } = this.state.behaviours.appContext;
+    const {
+      viewId,
+      departmentId
+    } = this.state.properties;
     const reorderEntity = new ReorderEntityImp(columnChooser.order);
     const searchEntity = this.createSearchEntity();
     const selectEntity = new SelectEntityImp(columnChooser.selected, DEFAULT_COLUMN_CHOOSE_MAX_COUNT);
-    return new ColumnChooserImp(columnChooser.isSaved, reorderEntity, searchEntity, selectEntity);
+    return new ColumnChooserImp(columnChooser.isSaved, reorderEntity, searchEntity, selectEntity, {
+      context,
+      viewId,
+      departmentId
+    });
   }
 
   createSearchEntity() {

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

@@ -4,6 +4,7 @@ import ColumnChooserReorderUseCase from "../../applications/usecases/ColumnChoos
 import ColumnChooserSearchUseCase from "../../applications/usecases/ColumnChooserSearchUseCase";
 import ColumnChooserSaveUseCase from "../../applications/usecases/ColumnChooserSaveUseCase";
 import ColumnChooserCloseUseCase from "../../applications/usecases/ColumnChooserCloseUseCase";
+import ColumnChooserUpdateUseCase from "../../applications/usecases/ColumnChooserUpdateUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -13,6 +14,7 @@ class Service {
     this.columnChooserSearchUseCase = new ColumnChooserSearchUseCase(dependencies);
     this.columnChooserSaveUseCase = new ColumnChooserSaveUseCase(dependencies);
     this.columnChooserCloseUseCase = new ColumnChooserCloseUseCase(dependencies);
+    this.columnChooserUpdateUseCase = new ColumnChooserUpdateUseCase(dependencies);
   }
 
 }

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserUpdateInput.js

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

package/es/platform/column-chooser/applications/usecases/ColumnChooserSaveUseCase.js

@@ -1,3 +1,4 @@
+import { COLUMN_CHOOSER_SAVED } from "../../../../cc/table-column-chooser/Constants";
 import AbstractUseCase from "./AbstractUseCase";
 import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../../bc/column-chooser/Constants";
 
@@ -16,6 +17,7 @@ class ColumnChooserSaveUseCase extends AbstractUseCase {
     columnChooser.markAsSaved();
     presenter.updateView(columnChooser.toObject()); // TODO: exposer.columnChooserUpdated({ fields });
 
+    presenter.updateView(columnChooser.toObject());
     dispatch({
       type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
       payload: {
@@ -23,7 +25,12 @@ class ColumnChooserSaveUseCase extends AbstractUseCase {
         order
       }
     });
-    presenter.updateView(columnChooser.toObject());
+    dispatch({
+      type: COLUMN_CHOOSER_SAVED,
+      payload: {
+        selectedArray
+      }
+    });
   }
 
 }

package/es/platform/column-chooser/applications/usecases/ColumnChooserUpdateUseCase.js

@@ -0,0 +1,35 @@
+import { FIELD_EXECUTE } from "../../../../bc/zfield/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserUpdateUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      selectedArray,
+      dispatch
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const {
+      context,
+      viewId,
+      departmentId
+    } = columnChooser.getContexts();
+    dispatch({
+      type: FIELD_EXECUTE,
+      payload: {
+        actionName: 'updateSelectedFields',
+        props: { ...context,
+          fields: selectedArray,
+          viewId,
+          departmentId
+        },
+        apiName: 'updateSelectedFields'
+      }
+    });
+  }
+
+}
+
+export default ColumnChooserUpdateUseCase;

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

@@ -4,10 +4,16 @@ export default class ColumnChooserImp {
     let reorderEntity = arguments.length > 1 ? arguments[1] : undefined;
     let searchEntity = arguments.length > 2 ? arguments[2] : undefined;
     let selectEntity = arguments.length > 3 ? arguments[3] : undefined;
+    let contexts = arguments.length > 4 ? arguments[4] : undefined;
     this.isSaved = isSaved;
     this.reorderEntity = reorderEntity;
     this.searchEntity = searchEntity;
     this.selectEntity = selectEntity;
+    this.contexts = contexts;
+  }
+
+  getContexts() {
+    return this.contexts;
   }
 
   markAsSaved() {