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

package/es/library/dot/components/form-fields/currency/frameworks/ui/CurrencyView.js

@@ -18,6 +18,7 @@ function CurrencyView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -54,6 +55,7 @@ function CurrencyView(_ref, ref) {
     id: id,
     value: formattedValue,
     placeholder: placeholder,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/decimal/frameworks/ui/DecimalView.js

@@ -13,6 +13,7 @@ function DecimalView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function DecimalView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/email/frameworks/ui/Email.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import EmailProperties from "../../../../../../../cc/fields/text/Properties";
+import EmailProperties from "../../../../../../../cc/fields/email/Properties";
 import EmailView from "./EmailView";
 import EventHandlersFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/email/frameworks/ui/EmailView.js

@@ -13,6 +13,7 @@ function EmailView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     disabled,
     readonly,
     errorMessage,
@@ -42,6 +43,7 @@ function EmailView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/number/frameworks/ui/NumberView.js

@@ -13,6 +13,7 @@ function NumberView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function NumberView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/phone/frameworks/ui/PhoneView.js

@@ -13,6 +13,7 @@ function PhoneView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function PhoneView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextArea.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import TextAreaProperties from "../../../../../../../cc/fields/text/Properties";
+import TextAreaProperties from "../../../../../../../cc/fields/multi-line/Properties";
 import TextAreaView from "./TextAreaView";
 import EventHandlerFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextAreaView.js

@@ -20,7 +20,8 @@ function TextAreaView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    maxLength
   } = state.properties;
   const {
     size,
@@ -46,7 +47,8 @@ function TextAreaView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    maxLength: maxLength
   })));
 }
 

package/es/library/dot/components/form-fields/textbox/frameworks/ui/TextBoxView.js

@@ -13,6 +13,7 @@ function TextBoxView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function TextBoxView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/url/frameworks/ui/UrlView.js

@@ -13,6 +13,7 @@ function UrlView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     uiConfig,
     errorMessage,
     disabled,
@@ -42,6 +43,7 @@ function UrlView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/HeaderData.js

@@ -41,7 +41,7 @@ function HeaderData(_ref) {
       },
       $customProps_container: hasActions ? {
         $ui_displayMode: 'flex',
-        $ui_alignItems: 'center',
+        $ui_alignItems: isMultiline ? 'baseline' : 'center',
         $ui_justifyContent: AlignmentOfFlex[alignment]
       } : null,
       customStyle: hasActions ? {

package/es/library/dot/legacy-to-new-arch/table-field-components/text-field/frameworks/ui/TextFieldView.js

@@ -6,6 +6,16 @@ export default function TextFieldView(_ref, ref) {
   } = _ref;
   const {
     text,
+    size,
+    display,
+    decoration,
+    textAlign,
+    lineClamp,
+    lineHeight,
+    transform,
+    whiteSpace,
+    wordWrap,
+    wordBreak,
     weight,
     isDotted,
     tooltip
@@ -13,6 +23,16 @@ export default function TextFieldView(_ref, ref) {
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
     text: text,
+    size: size,
+    display: display,
+    decoration: decoration,
+    textAlign: textAlign,
+    lineClamp: lineClamp,
+    lineHeight: lineHeight,
+    transform: transform,
+    whiteSpace: whiteSpace,
+    wordWrap: wordWrap,
+    wordBreak: isDotted ? wordBreak : 'breakWord',
     tooltip: tooltip,
     weight: weight,
     isDotted: isDotted

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

@@ -5,7 +5,7 @@ let WrapText = createCustomComponent({
   name: "TableText",
   View: TextView,
   properties: TextProperties,
-  actions: TextActions,
-  actionHandlers: {}
+  events: TextActions,
+  eventHandlers: {}
 });
 export default WrapText;

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 {};