@zohodesk/library-platform 1.2.2-exp.2 → 1.2.2-exp.5

package/es/platform/client-actions/components/client-actions-renderer/frameworks/ui/more-actions-renderer/MoreActionsRendererView.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import ActionEventMediator from "../../../../action-event-mediator/frameworks/ui/ActionEventMediator";
+import CustomDropdown from '@zohodesk-private/desk-components/es/CustomDropdown/CustomDropdown';
+import ListItemConstants from "../../../../../../../cc/list-item/Constants";
+import IconButton from '@zohodesk/dot/es/IconButton/IconButton';
+import { findMappedClientScripts } from "../../../../../../client-scripts/behaviour/zclient-scripts-execution/frameworks/ClientScriptsUtils";
+export function ListItemConvertor(action) {
+  // @ts-ignore - properties from ActionViewModel are being used to convert the action to ListItem compatible action, which is then used for rendering the ListItem in MoreActionsRenderer
+  const {
+    id,
+    properties: {
+      icon
+    },
+    eventMappings,
+    instanceName
+  } = action; // @ts-ignore - properties from ActionViewModel are being used to convert the action to ListItem compatible action, which is then used for rendering the ListItem in MoreActionsRenderer
+
+  const label = action.properties.label ? action.properties.label : action.properties.text;
+  const updatedEventMappings = eventMappings.map(eventMapping => {
+    return { ...eventMapping,
+      sourceEvent: ListItemConstants.LISTITEM_CLICKED
+    };
+  });
+  return {
+    component: 'ListItem',
+    properties: {
+      text: label,
+      tooltip: label,
+      icon,
+      id
+    },
+    eventMappings: updatedEventMappings,
+    id,
+    instanceName
+  };
+}
+
+function renderTargetElement(_ref) {
+  let {
+    handleTogglePopup,
+    isPopupOpen
+  } = _ref;
+  return /*#__PURE__*/React.createElement(IconButton, {
+    iconName: "ZD-GN-more",
+    iconSize: "16",
+    isActive: isPopupOpen,
+    onClick: handleTogglePopup
+  });
+}
+
+function renderAction(action, clientScripts, instanceName) {
+  const mappedClientScripts = findMappedClientScripts(action, clientScripts);
+  return /*#__PURE__*/React.createElement(ActionEventMediator //@ts-ignore - property defined in ACA component
+  , {
+    action: action,
+    clientScripts: mappedClientScripts,
+    instanceName: instanceName
+  });
+}
+
+function MoreActionsRendererView(_ref2, ref) {
+  let {
+    state
+  } = _ref2;
+  const {
+    actions,
+    clientScripts
+  } = state.properties;
+  const listItemActions = actions.map(action => ListItemConvertor(action));
+  return /*#__PURE__*/React.createElement(CustomDropdown, {
+    $ui_boxSize: "medium",
+    $flag_padding: true,
+    $render_targetElement: renderTargetElement,
+    $method_getRef: ref,
+    $customProps_dropbox: {
+      onClick: undefined
+    }
+  }, listItemActions.map(action => renderAction(action, clientScripts, action.instanceName)));
+}
+
+export default MoreActionsRendererView;

package/es/platform/client-actions/components/interfaces/ActionViewModel.js

@@ -6,4 +6,11 @@ export let ActionViewGap = /*#__PURE__*/function (ActionViewGap) {
   ActionViewGap["LARGE"] = "large";
   ActionViewGap["XLARGE"] = "xlarge";
   return ActionViewGap;
+}({});
+export let Layout = /*#__PURE__*/function (Layout) {
+  Layout["HORIZONTAL"] = "horizontal";
+  Layout["VERTICAL"] = "vertical";
+  Layout["HORIZONTAL_WITH_MORE_ACTIONS"] = "horizontal-with-more-actions";
+  Layout["VERTICAL_WITH_MORE_ACTIONS"] = "vertical-with-more-actions";
+  return Layout;
 }({});

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

@@ -0,0 +1,163 @@
+import ClientScriptsFetchSDK from "../ClientScriptsFetchSDK";
+const getApiDetailsMock = jest.fn();
+jest.mock("../../../../../../zdata-source/domain/entities/APITemplate", () => ({
+  __esModule: true,
+  default: jest.fn().mockImplementation(() => ({
+    getApiDetails: getApiDetailsMock
+  }))
+}));
+
+const createScript = function () {
+  let overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    id: 'script-1',
+    name: 'sample-script',
+    ...overrides
+  };
+};
+
+describe('ClientScriptsFetchSDK', () => {
+  let sdk;
+  const originalWindow = global.window;
+  beforeEach(() => {
+    getApiDetailsMock.mockReturnValue({
+      url: '/supportapi/zd/acme/api/v1/clientScripts?from=0&limit=50',
+      method: 'GET',
+      options: {
+        method: 'GET'
+      }
+    });
+    global.window = {
+      currentOrg: {
+        portalName: 'acme',
+        id: '1001'
+      },
+      fetch: jest.fn()
+    };
+    sdk = new ClientScriptsFetchSDK();
+  });
+  afterEach(() => {
+    jest.clearAllMocks();
+    global.window = originalWindow;
+  });
+  describe('getClientScriptsAPIDetails', () => {
+    test('builds API details with org context and headers', () => {
+      const details = sdk.getClientScriptsAPIDetails({
+        from: 0,
+        limit: 50
+      });
+      expect(getApiDetailsMock).toHaveBeenCalledWith(expect.objectContaining({
+        from: 0,
+        limit: 50,
+        servicePrefix: 'supportapi/zd',
+        orgName: 'acme'
+      }));
+      expect(details.url).toContain('/supportapi/zd/acme/api/v1/clientScripts');
+      expect(details.method).toBe('GET');
+      expect(details.options.method).toBe('GET');
+      expect(details.options.headers.orgId).toBe('1001');
+    });
+    test('handles boundary pagination values without failing', () => {
+      const details = sdk.getClientScriptsAPIDetails({
+        from: 0,
+        limit: 0
+      });
+      expect(details.url).toContain('/supportapi/zd/acme/api/v1/clientScripts');
+      expect(details.options.method).toBe(details.method);
+    });
+    test('handles large pagination values without failing', () => {
+      const details = sdk.getClientScriptsAPIDetails({
+        from: 999999,
+        limit: 100000
+      });
+      expect(details.method).toBe('GET');
+      expect(details.options.headers.orgId).toBe('1001');
+    });
+    test('throws when currentOrg is missing', () => {
+      delete global.window.currentOrg;
+      expect(() => sdk.getClientScriptsAPIDetails({
+        from: 0,
+        limit: 50
+      })).toThrow();
+    });
+  });
+  describe('fetchClientScripts', () => {
+    const validParams = {
+      from: 0,
+      limit: 50,
+      components: 'smartTable',
+      modules: 'tickets'
+    };
+    test('resolves scripts array on successful fetch/json', async () => {
+      const payload = [createScript(), createScript({
+        id: 'script-2'
+      })];
+      global.window.fetch.mockResolvedValue({
+        json: jest.fn().mockResolvedValue(payload)
+      });
+      const result = await sdk.fetchClientScripts(validParams);
+      expect(global.window.fetch).toHaveBeenCalledTimes(1);
+      const [url, options] = global.window.fetch.mock.calls[0];
+      expect(url).toContain('/supportapi/zd/acme/api/v1/clientScripts');
+      expect(options.headers.orgId).toBe('1001');
+      expect(result).toEqual(payload);
+    });
+    test('passes through API details returned by getClientScriptsAPIDetails', async () => {
+      const detailsSpy = jest.spyOn(sdk, 'getClientScriptsAPIDetails').mockReturnValue({
+        url: '/custom-client-scripts-url',
+        method: 'POST',
+        options: {
+          method: 'POST',
+          headers: {
+            orgId: 'custom-org'
+          }
+        }
+      });
+      global.window.fetch.mockResolvedValue({
+        json: jest.fn().mockResolvedValue([])
+      });
+      await sdk.fetchClientScripts(validParams);
+      expect(detailsSpy).toHaveBeenCalledWith(validParams);
+      expect(global.window.fetch).toHaveBeenCalledWith('/custom-client-scripts-url', expect.objectContaining({
+        method: 'POST'
+      }));
+    });
+    test('resolves empty array for empty payload', async () => {
+      global.window.fetch.mockResolvedValue({
+        json: jest.fn().mockResolvedValue([])
+      });
+      const result = await sdk.fetchClientScripts(validParams);
+      expect(result).toEqual([]);
+    });
+    test('rejects when fetch fails', async () => {
+      const error = new Error('Network down');
+      global.window.fetch.mockRejectedValue(error);
+      await expect(sdk.fetchClientScripts(validParams)).rejects.toThrow('Network down');
+    });
+    test('rejects when response json parsing fails', async () => {
+      global.window.fetch.mockResolvedValue({
+        json: jest.fn().mockRejectedValue(new Error('Invalid JSON'))
+      });
+      await expect(sdk.fetchClientScripts(validParams)).rejects.toThrow('Invalid JSON');
+    });
+    test('resolves non-array payload as-is (current behavior)', async () => {
+      const payload = {
+        unsupported: true
+      };
+      global.window.fetch.mockResolvedValue({
+        json: jest.fn().mockResolvedValue(payload)
+      });
+      const result = await sdk.fetchClientScripts(validParams);
+      expect(result).toEqual(payload);
+    });
+    test('throws when window.fetch is missing', async () => {
+      delete global.window.fetch;
+      await expect(sdk.fetchClientScripts(validParams)).rejects.toThrow();
+    });
+    test('rejects when getClientScriptsAPIDetails throws', async () => {
+      delete global.window.currentOrg;
+      await expect(sdk.fetchClientScripts(validParams)).rejects.toThrow();
+      expect(global.window.fetch).not.toHaveBeenCalled();
+    });
+  });
+});

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

@@ -4,11 +4,14 @@ export const clientScriptsSchema = {
   items: {
     type: 'object',
     properties: {
-      targetEventName: {
+      targetEvent: {
         type: 'string'
       },
       clientScript: {
         type: 'string'
+      },
+      type: {
+        type: 'string'
       }
     }
   }

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

@@ -16,6 +16,7 @@ function View(_ref, ref) {
     headerRightActions,
     footerLeftActions,
     footerRightActions,
+    context,
     clientScripts
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Form, {
@@ -28,6 +29,7 @@ function View(_ref, ref) {
     headerRightActions: headerRightActions,
     footerLeftActions: footerLeftActions,
     footerRightActions: footerRightActions,
+    context: context,
     rightPanel: rightPanel,
     clientScripts: clientScripts
   });

package/es/platform/components/smart-action-band/adapters/presenters/ActionBandTranslator.js

@@ -1,4 +1,3 @@
-import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 import DefaultClientActions from "./utils/DefaultClientActions";
 import { ActionBandLocations } from "../../../../../bc/action-band/Constants";
 import { i18NProviderUtils } from '@zohodesk/i18n';
@@ -56,14 +55,11 @@ export default class ActionBandTranslator {
     }
 
     const mappedClientActions = mapper(combinedClientActions || []);
-    const transformedClientActions = {};
-    Object.entries(mappedClientActions).forEach(_ref => {
-      let [key, value] = _ref;
-      let bandActions = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...context,
-        defaultSortField: sortConfig.defaultSortField
-      });
-      transformedClientActions[key] = bandActions;
-    });
+    const clientActionsContext = { ...context,
+      defaultSortField: sortConfig.defaultSortField,
+      instanceName,
+      moduleName
+    };
     const {
       clientScripts,
       isFetching: isClientScriptsFetching
@@ -71,9 +67,10 @@ export default class ActionBandTranslator {
     const {
       actionBandLeftActions,
       actionBandRightActions
-    } = transformedClientActions;
+    } = mappedClientActions;
     return { ...state,
       ...zclientAction,
+      context: clientActionsContext,
       viewModel: {
         actionBandLeftActions,
         actionBandRightActions,

package/es/platform/components/smart-action-band/frameworks/SmartActionBandView.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ActionBand from '@zohodesk-private/desk-components/es/ActionBand/ActionBand';
-import RowActionsRenderer from "../../../client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+import ClientActionsRenderer from "../../../client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer";
+import { ActionViewGap, Layout } from "../../../client-actions/components/interfaces/ActionViewModel";
 
 function View(_ref, ref) {
   let {
@@ -12,20 +13,31 @@ function View(_ref, ref) {
     actionBandRightActions,
     clientScripts
   } = state.viewModel;
+  const {
+    context
+  } = state;
 
   const renderLeftActions = () => {
-    return /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    return /*#__PURE__*/React.createElement(ClientActionsRenderer, {
       actions: actionBandLeftActions,
       clientScripts: clientScripts,
-      gap: "xlarge"
+      context: context,
+      viewMeta: {
+        layout: Layout.HORIZONTAL,
+        gap: ActionViewGap.XLARGE
+      }
     });
   };
 
   const renderRightActions = () => {
-    return /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    return /*#__PURE__*/React.createElement(ClientActionsRenderer, {
       actions: actionBandRightActions,
       clientScripts: clientScripts,
-      gap: "xlarge"
+      context: context,
+      viewMeta: {
+        layout: Layout.HORIZONTAL,
+        gap: ActionViewGap.XLARGE
+      }
     });
   };
 

package/es/platform/data-source/http-template/getAvailableFields.js

@@ -39,13 +39,15 @@ let getAvailableFields = {
       const res = await fetch(availableFieldsUrl, {
         method: 'GET',
         headers
-      });
+      }); // fetch-ignore
+
       const availableFields = await getValidJsonResArray(res, 'fields');
       const organizationFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/organizationFields?departmentId=${departmentId}&module=${module}`;
       const ores = await fetch(organizationFieldsUrl, {
         method: 'GET',
         headers
-      });
+      }); // fetch-ignore
+
       const organizationFields = await getValidJsonResArray(ores, 'data');
       return {
         fields: availableFields.map(field => {

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -1,4 +1,3 @@
-import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import SectionTranslator from "./translators/SectionTranslator";
 import DefaultFormClientActions from "./utils/DefaultClientActions";
 import { filterClientActionsByLocation } from "../../../client-actions/behaviour/zclient-actions/adapters/presenters/FilterUtils";
@@ -19,7 +18,7 @@ export default class FormTranslator {
       zclientAction,
       zclientScriptsEventMapping
     } = state.behaviours;
-    const {
+    let {
       context
     } = state.behaviours.appContext;
     const {
@@ -46,6 +45,11 @@ export default class FormTranslator {
     };
     const initialRecordData = zform.initialRecordData ? zform.initialRecordData : {
       cf: {}
+    }; // @ts-ignore
+
+    context = { ...context,
+      instanceName,
+      moduleName
     };
     const actionContext = { ...context,
       mode: zform.mode,
@@ -56,16 +60,7 @@ export default class FormTranslator {
     };
     Object.entries(mappedClientActions).forEach(_ref => {
       let [key, value] = _ref;
-
-      if (isFooterEnabled && (key === 'footerLeftActions' || key === 'footerRightActions')) {
-        let footerActions = ClientActionsTranslator.transform(value, instanceName, moduleName, actionContext);
-        transformedClientActions[key] = footerActions;
-      }
-
-      if (isHeaderEnabled && (key === 'headerLeftActions' || key === 'headerRightActions')) {
-        let headerActions = ClientActionsTranslator.transform(value, instanceName, moduleName, actionContext);
-        transformedClientActions[key] = headerActions;
-      }
+      transformedClientActions[key] = value;
     });
     const {
       clientScripts,
@@ -143,6 +138,7 @@ export default class FormTranslator {
           headerRightActions,
           footerLeftActions,
           footerRightActions,
+          context: actionContext,
           isLoading: false,
           rightPanel,
           clientScripts

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -1,6 +1,5 @@
 import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
-import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 import { getDefaultFieldEphiActionTemplate, getDefaultFieldInfoActionTemplate } from "../utils/DefaultClientActions";
 import sanitizeHtmlString from "../utils/sanitizeHtmlString";
 
@@ -30,10 +29,7 @@ function SectionTranslator(_ref) {
   const transformedClientActions = {};
   Object.entries(sectionFieldOptionActions).forEach(_ref2 => {
     let [key, value] = _ref2;
-    let headerActions = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...context,
-      ...section
-    });
-    transformedClientActions[key] = headerActions;
+    transformedClientActions[key] = value;
   });
   const defaultViewModel = {
     type: mapping?.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
@@ -45,6 +41,9 @@ function SectionTranslator(_ref) {
     }),
     headerActions: transformedClientActions.sectionHeaderRightActions,
     titleActions: transformedClientActions.sectionTitleRightActions,
+    context: { ...context,
+      ...section
+    },
     // headerLeftActions: sectionFieldOptionActions.sectionHeaderLeftActions,
     // headerRightActions: sectionFieldOptionActions.sectionHeaderRightActions,
     // titleLeftActions: sectionFieldOptionActions.sectionTitleLeftActions,
@@ -89,19 +88,14 @@ function SectionTranslator(_ref) {
       const transformedDefaultActions = createEmptyActions();
       Object.entries(defaultActions).forEach(_ref3 => {
         let [key, value] = _ref3;
-        let transformedDefaultAction = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...context,
-          ...field
-        });
-        transformedDefaultActions[key] = transformedDefaultAction;
+        transformedDefaultActions[key] = value;
       }); // Transform client actions
 
       const transformedActions = createEmptyActions();
       Object.entries(fieldLevelActions).forEach(_ref4 => {
         let [key, value] = _ref4;
-        let transformedAction = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...context,
-          ...field
-        });
-        transformedActions[key] = transformedAction;
+        // let transformedAction = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...context, ...field });
+        transformedActions[key] = value;
       }); // Initialize fieldPreModified
 
       const fieldPreModified = {};
@@ -123,7 +117,9 @@ function SectionTranslator(_ref) {
         type,
         fieldPreModified,
         uiConfig,
-        context,
+        context: { ...context,
+          ...field
+        },
         preferences,
         fieldOptionActions,
         instanceName,

package/es/platform/zform/adapters/presenter/translators/fields/BooleanFieldTranslator.js

@@ -3,7 +3,8 @@ const BooleanFieldTranslator = _ref => {
     field,
     type,
     uiConfig,
-    fieldPreModified
+    fieldPreModified,
+    context
   } = _ref;
   const fieldModified = { ...fieldPreModified,
     id: field.id,
@@ -16,7 +17,8 @@ const BooleanFieldTranslator = _ref => {
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
-    isVisible: field.isVisible
+    isVisible: field.isVisible,
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/CurrencyFieldTranslator.js

@@ -26,7 +26,8 @@ const CurrencyFieldTranslator = _ref => {
     isVisible: field.isVisible,
     currencyLocale: prefCurrencyLocale || contextCurrencyLocale,
     currencySymbol: prefCurrencySymbol || contextCurrencySymbol,
-    errorMessage: field.errorMessage || ''
+    errorMessage: field.errorMessage || '',
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/DateFieldTranslator.js

@@ -3,7 +3,8 @@ const DateFieldTranslator = _ref => {
     field,
     type,
     uiConfig,
-    fieldPreModified
+    fieldPreModified,
+    context
   } = _ref;
   const fieldModified = { ...fieldPreModified,
     id: field.id,
@@ -16,7 +17,8 @@ const DateFieldTranslator = _ref => {
     errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
-    isVisible: field.isVisible
+    isVisible: field.isVisible,
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/DateTimeFieldTranslator.js

@@ -3,7 +3,8 @@ const DateTimeFieldTranslator = _ref => {
     field,
     type,
     uiConfig,
-    fieldPreModified
+    fieldPreModified,
+    context
   } = _ref;
   const fieldModified = { ...fieldPreModified,
     id: field.id,
@@ -17,7 +18,8 @@ const DateTimeFieldTranslator = _ref => {
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
-    isVisible: field.isVisible
+    isVisible: field.isVisible,
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/DecimalFieldTranslator.js

@@ -3,7 +3,8 @@ const DecimalFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig
+    uiConfig,
+    context
   } = _ref;
   const fieldModified = {
     type,
@@ -19,7 +20,8 @@ const DecimalFieldTranslator = _ref => {
     maxLength: field.maxLength,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || ''
+    errorMessage: field.errorMessage || '',
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/EmailFieldTranslator.js

@@ -3,7 +3,8 @@ const EmailFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig
+    uiConfig,
+    context
   } = _ref;
   const fieldModified = {
     type,
@@ -20,7 +21,8 @@ const EmailFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || ''
+    errorMessage: field.errorMessage || '',
+    context
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -3,7 +3,8 @@ const LookUpFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig
+    uiConfig,
+    context
   } = _ref;
   const fieldModified = {
     // Need to check if value is an object or string (ID)
@@ -23,7 +24,8 @@ const LookUpFieldTranslator = _ref => {
     required: field.isMandatory,
     isCustomField: field.isCustomField,
     maxLength: field.maxLength,
-    lookup: field.lookup
+    lookup: field.lookup,
+    context
   };
   return fieldModified;
 };