@zohodesk/library-platform 1.1.10-exp.1 → 1.1.10-exp.3

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

@@ -2,11 +2,11 @@ import React from 'react';
 import TableHead from '@zohodesk-private/desk-components/es/table/TableHead/TableHead';
 import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeading/TableHeading';
 import { AlignmentOfFlex } from "../../../../../../../../cc/table-list/data-types/Header";
-import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import { ActionViewGap } from "../../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 import ColumnResizer from "./ColumnResizer"; // @ts-ignore
 
 import style from "./../../css/TableList.module.css";
+import RowActionsRenderer from "../../../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function HeaderData(_ref) {
   let {
@@ -15,7 +15,8 @@ function HeaderData(_ref) {
     isResizing,
     isResizerEnabled,
     isFlexibleColumns,
-    dispatch
+    dispatch,
+    clientScripts
   } = _ref;
   const {
     id,
@@ -47,9 +48,10 @@ function HeaderData(_ref) {
       } : undefined
     }, /*#__PURE__*/React.createElement(TableHeading, {
       $i18n_text: text
-    }), hasActions ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    }), hasActions ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions,
-      gap: ActionViewGap.SMALL
+      gap: ActionViewGap.SMALL,
+      clientScripts: clientScripts
     }) : null, /*#__PURE__*/React.createElement(ColumnResizer, {
       isResizerEnabled: isResizerEnabled,
       isResizing: isResizing,

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

@@ -7,7 +7,8 @@ function Headers(_ref) {
     currentlyResizingColumn,
     isResizerEnabled,
     isFlexibleColumns,
-    dispatch
+    dispatch,
+    clientScripts
   } = _ref;
   return headers.map((header, index) => {
     const {
@@ -22,7 +23,8 @@ function Headers(_ref) {
       isResizing: isResizing,
       isResizerEnabled: isResizerEnabled,
       isFlexibleColumns: isFlexibleColumns,
-      dispatch: dispatch
+      dispatch: dispatch,
+      clientScripts: clientScripts
     });
   });
 }

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

@@ -1,13 +1,14 @@
 import React from 'react';
 import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode';
 import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeading/TableHeading';
-import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import style from "./../../css/TableList.module.css";
+import { AdaptiveRowActionsRenderer } from "../../../../../../../../index";
 
 function MassAction(_ref) {
   let {
     isSelectionEnabled,
-    actions
+    actions,
+    clientScripts
   } = _ref;
 
   if (!isSelectionEnabled) {
@@ -29,8 +30,9 @@ function MassAction(_ref) {
     customStyle: {
       container: style.massActionHeader
     }
-  }, /*#__PURE__*/React.createElement(ActionEventMediator, {
-    actions: actions
+  }, /*#__PURE__*/React.createElement(AdaptiveRowActionsRenderer, {
+    actions: actions,
+    clientScripts: clientScripts
   }));
 }
 

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/Columns.js

@@ -4,7 +4,8 @@ import RowData from "./RowData";
 function Columns(_ref) {
   let {
     data,
-    isFlexibleColumns
+    isFlexibleColumns,
+    clientScripts
   } = _ref;
   return data.map((column, index) => {
     const {
@@ -17,7 +18,8 @@ function Columns(_ref) {
       field: field,
       width: width,
       alignment: alignment,
-      isFlexibleColumns: isFlexibleColumns
+      isFlexibleColumns: isFlexibleColumns,
+      clientScripts: clientScripts
     });
   });
 }

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/Row.js

@@ -39,7 +39,8 @@ function RowView(_ref, ref) {
     isFlexibleColumns,
     cursor,
     hasActions,
-    rowActionsColumnWidth
+    rowActionsColumnWidth,
+    clientScripts
   } = state.properties;
   const {
     type,
@@ -75,12 +76,14 @@ function RowView(_ref, ref) {
     dispatch
   }), renderColumns({
     columns,
-    isFlexibleColumns
+    isFlexibleColumns,
+    clientScripts
   }), renderRowActions({
     hasActions,
     columnWidth: rowActionsColumnWidth,
     type,
-    actions
+    actions,
+    clientScripts
   }), isDroppable && /*#__PURE__*/React.createElement("div", {
     className: `${style.rowDropIndicator} ${dropPosition === 'downward' && style.dropIndicatorTop} ${dropPosition === 'upward' && style.dropIndicatorBottom}`
   }));
@@ -138,11 +141,13 @@ function renderReorderer(_ref4) {
 function renderColumns(_ref5) {
   let {
     columns,
-    isFlexibleColumns
+    isFlexibleColumns,
+    clientScripts
   } = _ref5;
   return /*#__PURE__*/React.createElement(Columns, {
     data: columns,
-    isFlexibleColumns: isFlexibleColumns
+    isFlexibleColumns: isFlexibleColumns,
+    clientScripts: clientScripts
   });
 }
 
@@ -151,13 +156,15 @@ function renderRowActions(_ref6) {
     hasActions,
     columnWidth,
     actions,
-    type
+    type,
+    clientScripts
   } = _ref6;
   return /*#__PURE__*/React.createElement(RowActions, {
     hasActions: hasActions,
     columnWidth: columnWidth,
     type: type,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   });
 }
 

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowActions.js

@@ -1,21 +1,22 @@
 import React from 'react';
 import TableAction from '@zohodesk-private/desk-components/es/table/TableAction/TableAction';
-import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import AdaptiveRowActionsRenderer from "../../../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/AdaptiveRowActions/AdaptiveRowActionsRenderer";
 import { ActionViewGap } from "../../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 export default function RowActions(_ref) {
   let {
     hasActions,
     columnWidth,
     type = '',
-    actions
+    actions,
+    clientScripts
   } = _ref;
 
-  // TODO: Need to fix the defaultValue from properties => CC
   if (hasActions) {
     return /*#__PURE__*/React.createElement(TableAction, {
       $data_width: columnWidth
-    }, /*#__PURE__*/React.createElement(ActionEventMediator, {
+    }, /*#__PURE__*/React.createElement(AdaptiveRowActionsRenderer, {
       actions: actions,
+      clientScripts: clientScripts,
       renderComponentType: type,
       gap: ActionViewGap.MEDIUM
     }));

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowData.js

@@ -1,17 +1,18 @@
 import React from 'react';
 import TableData from '@zohodesk-private/desk-components/es/table/TableData/TableData';
-import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import { ActionViewGap } from "../../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 import { AlignmentOfFlex } from "../../../../../../../../cc/table-list/data-types/Header";
 import FieldComponent from "../field/FieldComponent"; // @ts-ignore
 
 import style from "./../../css/TableList.module.css";
+import RowActionsRenderer from "../../../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 export default function RowData(_ref) {
   let {
     field,
     width,
     alignment,
-    isFlexibleColumns
+    isFlexibleColumns,
+    clientScripts
   } = _ref;
   let {
     type,
@@ -34,8 +35,9 @@ export default function RowData(_ref) {
   }, /*#__PURE__*/React.createElement(FieldComponent, {
     type: type,
     fieldProps: props
-  }), hasActions ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+  }), hasActions ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
     actions: actions,
+    clientScripts: clientScripts,
     gap: ActionViewGap.SMALL
   }) : null);
 }

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowSelection.js

@@ -3,6 +3,28 @@ import TableListSelect from '@zohodesk-private/desk-components/es/table/TableLis
 import { TableListConstants } from "../../../../../../../../cc/table-list"; // @ts-ignore
 
 import style from "./../../css/TableList.module.css";
+import { Analytics } from "../../../../../../../analytics";
+
+class SmartTableRowSelectedMetric {
+  event = 'smart_table_row_selected';
+  contextDetails = {
+    moduleName: 'table-list',
+    instanceName: '',
+    rowId: '',
+    isSelected: false
+  };
+
+  constructor(id, isSelected) {
+    this.event = 'smart_table_row_selected';
+    this.contextDetails = {
+      moduleName: 'table-list',
+      instanceName: id,
+      rowId: id,
+      isSelected: isSelected
+    };
+  }
+
+}
 
 function RowSelection(_ref) {
   let {
@@ -26,13 +48,16 @@ function RowSelection(_ref) {
       container: style.tableListSelectContainer
     },
     $flag_disabled: !selectable,
-    $event_onChange: (_, event) => dispatch({
-      type: TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION,
-      payload: {
-        id,
-        event
-      }
-    })
+    $event_onChange: (_, event) => {
+      Analytics.push(new SmartTableRowSelectedMetric(id, event.target.checked));
+      dispatch({
+        type: TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION,
+        payload: {
+          id,
+          event
+        }
+      });
+    }
   });
 }
 

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/sub-components/BreadcrumbItem.js

@@ -2,7 +2,7 @@ import React from "react";
 import Icon from "@zohodesk/icons/es/Icon";
 import Flex from "@zohodesk/layout/es/Flex/Flex";
 import Typography from "@zohodesk/components/es/Typography/Typography";
-import Button from "@zohodesk/components/es/Button/Button";
+import Button from "@zohodesk-private/dot-registry/es/Button/Button";
 import BreadcrumbConstants from "../../../../../../../cc/breadcrumb/Constants"; // @ts-ignore
 
 import style from "./../css/Breadcrumb.module.css";

package/es/library/dot/legacy-to-new-arch/button/frameworks/ui/ButtonView.js

@@ -1,5 +1,5 @@
 import React from "react";
-import Button from '@zohodesk/components/es/Button/Button';
+import Button from '@zohodesk-private/dot-registry/es/Button/Button';
 import ButtonConstants from "../../../../../../cc/button/Constants";
 
 function ButtonView(_ref, ref) {
@@ -29,7 +29,7 @@ function ButtonView(_ref, ref) {
     disabled: isDisabled,
     id: id,
     status: status,
-    tooltip: tooltip,
+    title: tooltip,
     onClick: () => {
       dispatch({
         type: ButtonConstants.BUTTON_CLICKED

package/es/library/dot/legacy-to-new-arch/date/frameworks/ui/DateView.js

@@ -1,9 +1,9 @@
 import React from "react";
 import DateWidget from '@zohodesk/components/es/DateTime/DateWidget';
-import DateConstants from "../../../../../../cc/date/Constants";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator"; // @ts-ignore
+import DateConstants from "../../../../../../cc/date/Constants"; // @ts-ignore
 
 import style from "./css/DateView.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function DateView(_ref, ref) {
   let {
@@ -29,7 +29,7 @@ function DateView(_ref, ref) {
     if (!actions?.length) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: style.actionContainer
-    }, /*#__PURE__*/React.createElement(ActionEventMediator, {
+    }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }));
   };
@@ -60,7 +60,7 @@ function DateView(_ref, ref) {
     customProps: {
       TextBoxProps: {
         TextBoxProps: {
-          required
+          'aria-required': required
         }
       },
       TextBoxIconProps: {

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/LabelView.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import Label from '@zohodesk/components/es/Label/Label';
 import Flex from '@zohodesk/layout/es/Flex/Flex';
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import { ActionViewGap } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 // @ts-ignore
 import style from "./css/Label.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function LabelView(_ref, ref) {
   let {
@@ -26,7 +26,7 @@ function LabelView(_ref, ref) {
     htmlFor: htmlFor,
     palette: isMandatory ? 'mandatory' : 'default',
     customClass: `${style.label} ${isMandatory ? style.mandatory : ''}`
-  }), actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+  }), actions.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
     actions: actions,
     gap: ActionViewGap.XMEDIUM
   }) : null);

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/MultiSelectView.js

@@ -1,9 +1,9 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import MultiSelect from "@zohodesk/components/es/MultiSelect/MultiSelect";
 import { MultiSelectConstants } from "../../../../../../cc/multi-select"; // @ts-ignore
 
 import style from "./css/MultiSelectView.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function MultiSelectView(_ref, ref) {
   let {
@@ -29,7 +29,7 @@ function MultiSelectView(_ref, ref) {
     if (!actions?.length) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: style.actionContainer
-    }, /*#__PURE__*/React.createElement(ActionEventMediator, {
+    }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }));
   };

package/es/library/dot/legacy-to-new-arch/select/frameworks/ui/SelectView.js

@@ -1,7 +1,7 @@
 import React from "react";
 import Select from '@zohodesk/components/es/Select/Select';
 import SelectConstants from "../../../../../../cc/select/Constants";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function SelectView(_ref, ref) {
   let {
@@ -27,7 +27,7 @@ function SelectView(_ref, ref) {
   }));
 
   const renderRightFieldActions = () => {
-    return actions?.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    return actions?.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }) : null;
   };

package/es/library/dot/legacy-to-new-arch/table-field-components/index.js

@@ -19,6 +19,7 @@ import MultiSelectField from "./multiselect-field/frameworks/ui/MultiSelectField
 const FieldComponents = {
   [FieldTypes.CheckboxField]: CheckboxField,
   [FieldTypes.SwitchField]: SwitchField,
+  // TODO: Need to register SwitchField
   [FieldTypes.SingleLineField]: SingleLineField,
   [FieldTypes.EmailField]: EmailField,
   [FieldTypes.URLField]: UrlField,

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

@@ -1,5 +1,5 @@
 import React from "react";
-import Typography from "@zohodesk/components/es/v1/Typography/Typography";
+import Typography from "@zohodesk/components/es/Typography/Typography";
 import { TextConstants } from "../../../../../../cc";
 
 function TextView(_ref, ref) {

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

@@ -1,9 +1,9 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import Textarea from '@zohodesk/components/es/Textarea/Textarea';
 import TextAreaConstants from "../../../../../../cc/textarea/Constants"; // @ts-ignore
 
 import style from "./css/TextAreaView.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function TextAreaView(_ref, ref) {
   let {
@@ -62,7 +62,7 @@ function TextAreaView(_ref, ref) {
     className: style.hasChildren
   }, textAreaRenderer, /*#__PURE__*/React.createElement("div", {
     className: style.rightPlaceholder
-  }, /*#__PURE__*/React.createElement(ActionEventMediator, {
+  }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
     actions: actions
   })));
 }

package/es/library/dot/legacy-to-new-arch/textbox/frameworks/ui/TextBoxView.js

@@ -1,7 +1,7 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import TextBox from "@zohodesk/components/es/TextBoxIcon/TextBoxIcon";
 import TextBoxConstants from "../../../../../../cc/textbox/Constants";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function TextBoxView(_ref, ref) {
   let {
@@ -25,7 +25,7 @@ function TextBoxView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    return actions?.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    return actions?.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }) : null;
   };

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/SetClientActionsUseCase.js

@@ -10,9 +10,14 @@ class SetClientActionsUseCase extends AbstractUseCase {
     const {
       clientActions
     } = input;
+
+    if (!clientActions) {
+      return;
+    }
+
     const recordManager = repository.getClientActionsManagerEntity();
     const recordsEntity = ClientActionFactory.createMultipleClientActions(clientActions);
-    recordManager.setClientActions(recordsEntity);
+    recordManager.setData(recordsEntity);
     presenter.updateClientAction(recordManager.toObject());
   }
 

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActionManager.js

@@ -2,12 +2,15 @@ import { DATA_SOURCE_FAILURE, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_SUCCESS } from
 import { DATA_SOURCE_EXECUTE } from "../../../../../../bc/zdata-source/Constants";
 import { CLIENTACTION_EXECUTE_FAIL_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_NO_CONTENT_CALLBACK, ClientActionApiActionName } from "../../../../bc/zclient-actions/Constants";
 import GetClientActionsStrategy from "./GetClientActionsStrategy";
+import { CLIENTSCRIPT_FETCH_FAILURE_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK, ClientScriptAPIs } from "../../../../../client-scripts/bc/zclient-scripts-fetch/Constants";
+import GetClientScriptsStrategy from "../../../../../client-scripts/behaviour/zclient-scripts-fetch/domain/entities/GetClientScriptsStrategy";
 const clientActionExecuteStrategiesMap = {
-  [ClientActionApiActionName.GET_CLIENTACTIONS]: new GetClientActionsStrategy()
+  [ClientActionApiActionName.GET_CLIENTACTIONS]: new GetClientActionsStrategy(),
+  [ClientScriptAPIs.GET_CLIENTSCRIPTS]: new GetClientScriptsStrategy()
 };
 export default class ClientActionManager {
-  constructor(clientActions) {
-    this.clientActions = clientActions;
+  constructor(clientActionResponse) {
+    this.clientActionResponse = clientActionResponse;
   }
 
   createDataSourceMeta(_ref) {
@@ -67,6 +70,37 @@ export default class ClientActionManager {
     });
   }
 
+  createFetchClientScriptMeta(actionName, apiName, props) {
+    const clientActionExecuteStrategyMeta = {
+      actionName,
+      apiName,
+      props
+    };
+
+    if (this.isGetClientScriptsApi(actionName)) {
+      clientActionExecuteStrategyMeta.props.from = 1;
+    }
+
+    const successMeta = {
+      type: CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    const successNoContentMeta = {
+      type: CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    const failureMeta = {
+      type: CLIENTSCRIPT_FETCH_FAILURE_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    return this.createDataSourceMeta({
+      actionName,
+      successNoContentMeta,
+      failureMeta,
+      successMeta
+    });
+  }
+
   createSuccessEvents(response, metaData) {
     const {
       actionName
@@ -107,20 +141,25 @@ export default class ClientActionManager {
   }
 
   fetchingStarted() {
-    this.clientActions.setIsFetching(true);
+    this.clientActionResponse.setIsFetching(true);
   }
 
   fetchingFinished() {
-    this.clientActions.setIsFetching(false);
+    this.clientActionResponse.setIsFetching(false);
+  }
+
+  setData(data) {
+    this.clientActionResponse.setData(data);
   }
 
   getClientAction(id) {
-    return this.clientActions.getClientAction(id);
+    const clientActions = this.clientActionResponse;
+    return clientActions.getClientAction(id);
   }
 
   getClientActionModels() {
-    const clientActionModels = this.clientActions.toObject();
-    return clientActionModels.data;
+    const clientActionModels = this.clientActionResponse.toObject();
+    return clientActionModels.clientActions;
   }
 
   updateClientActionComponentProperties(id, newComponentProperties) {
@@ -140,16 +179,16 @@ export default class ClientActionManager {
     };
   }
 
-  setClientActions(clientActions) {
-    this.clientActions.setClientActions(clientActions);
-  }
-
   isGetClientActionsApi(actionName) {
     return ClientActionApiActionName.GET_CLIENTACTIONS === actionName;
   }
 
-  isClientActionsFetching() {
-    return this.clientActions.isClientActionsFetching();
+  isGetClientScriptsApi(actionName) {
+    return ClientScriptAPIs.GET_CLIENTSCRIPTS === actionName;
+  }
+
+  isFetching() {
+    return this.clientActionResponse.isFetching();
   }
 
   isClientActionApiName(apiName) {
@@ -175,12 +214,12 @@ export default class ClientActionManager {
     }
   }
 
+  isClientScriptApiName(apiName) {
+    return apiName === 'clientScripts';
+  }
+
   toObject() {
-    const clientActionsObj = this.clientActions.toObject();
-    return {
-      clientActions: clientActionsObj.data,
-      isFetching: clientActionsObj.isFetching
-    };
+    return this.clientActionResponse.toObject();
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActions.js

@@ -8,22 +8,22 @@ export default class ClientActions {
     let fetchLimit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
     this.clientActions = data.map(obj => new ClientAction(obj));
     this.fetchLimit = fetchLimit;
-    this.isFetching = isFetching;
+    this.isDataBeingFetched = isFetching;
   }
 
   setIsFetching(isFetching) {
-    this.isFetching = isFetching;
+    this.isDataBeingFetched = isFetching;
   }
 
-  setClientActions(clientActions) {
+  setData(clientActions) {
     this.clientActions = clientActions;
   }
 
-  isClientActionsFetching() {
-    return this.isFetching;
+  isFetching() {
+    return this.isDataBeingFetched;
   }
 
-  getClientActionsLength() {
+  getLength() {
     return this.clientActions.length;
   }
 
@@ -33,8 +33,8 @@ export default class ClientActions {
 
   toObject() {
     return {
-      data: this.clientActions.map(action => action.toObject()),
-      isFetching: this.isFetching
+      clientActions: this.clientActions.map(action => action.toObject()),
+      isFetching: this.isFetching()
     };
   }