@globalpayments/vega 2.22.0 → 2.24.0

package/dist/collection/helpers/slimmers/runtime-metrics/test/public-api-runtime-metrics-slimmer-base.test.js

@@ -8,58 +8,14 @@ import { InjectVegaSlimmer } from '../../../../../../vega-slimmer/src/decorators
 import { createPublicAPIRuntimeMetricsSlimmer } from '../create-public-api-runtime-metrics-slimmer';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
 import { sleep } from '../../../../utils/test-utils';
-const MockPublicAPIRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'IS_TEST_METHOD_CALLED',
-    payloadDescription: 'Indicate if the method test of public API MockPublicAPI is called',
-    /**
-     * Indicate whether the method is collected when the method been called .
-     *
-     * @returns {boolean} A boolean value
-     */
-    canAccept: () => true,
-    /**
-     * The function checks if the method name is test.
-     *
-     * @param {string} scope - The class name of public api
-     * @param {string} methodName - The method name called by the public api
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (scope, methodName) => {
-      return scope === 'MockPublicAPI' && methodName === 'test';
-    },
-  },
-];
-class MockPublicAPI {
-  constructor() {
-    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], MockPublicAPIRuntimeMetricsPayloadDefinition);
-  }
-  /**
-   * Load the skeletons in the target elements
-   *
-   * @param { unknown } parameter - Configuration for the loading function
-   */
-  test(parameter) {
-    console.log('parameter', parameter);
-  }
-}
-__decorate([
-  InjectVegaSlimmer()
-], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
-const mockPublicAPI = new MockPublicAPI();
 describe('VegaPublicAPIRuntimeMetricsSlimmerBase', () => {
-  it('should call the emit method of VegaTelemetryRuntimeMetricsManager ', () => {
+  it('should console error log when usageDefinitions is empty ', () => {
     class MockPublicAPI {
       constructor() {
         this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         '');
       }
-      /**
-       * Load the skeletons in the target elements
-       *
-       * @param { unknown } parameter - Configuration for the loading function
-       */
       test(parameter) {
         console.log('parameter', parameter);
       }
@@ -68,13 +24,33 @@ describe('VegaPublicAPIRuntimeMetricsSlimmerBase', () => {
       InjectVegaSlimmer()
     ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
     const mockPublicAPI = new MockPublicAPI();
-    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    jest.spyOn(console, 'log');
     mockPublicAPI.test('test');
-    void Promise.resolve(sleep(100)).then(async () => {
-      expect(VegaTelemetryRuntimeMetricsManager.emit).not.toBeCalled();
-    });
+    expect(console.log).toBeCalledTimes(1);
   });
   it('should call the emit method of VegaTelemetryRuntimeMetricsManager ', () => {
+    const MockPublicAPIRuntimeMetricsPayloadDefinition = [
+      {
+        payloadKey: 'IS_TEST_METHOD_CALLED',
+        payloadDescription: 'Indicate if the method test of public API MockPublicAPI is called',
+        canAccept: (scope, methodName) => scope === 'MockPublicAPI' && methodName === 'test',
+        payloadValue: () => {
+          return true;
+        },
+      },
+    ];
+    class MockPublicAPI {
+      constructor() {
+        this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], MockPublicAPIRuntimeMetricsPayloadDefinition);
+      }
+      test(parameter) {
+        console.log('parameter', parameter);
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+    const mockPublicAPI = new MockPublicAPI();
     jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
     mockPublicAPI.test('test');
     void Promise.resolve(sleep(100)).then(async () => {
@@ -86,4 +62,35 @@ describe('VegaPublicAPIRuntimeMetricsSlimmerBase', () => {
       });
     });
   });
+  it('should not send runtime metrics to telemetry when the public api payload is empty', () => {
+    const MockPublicAPIRuntimeMetricsPayloadDefinition = [
+      {
+        payloadKey: 'IS_TEST_METHOD_CALLED',
+        payloadDescription: 'Indicate if the method test of public API MockPublicAPI is called',
+        canAccept: (scope, methodName) => scope === 'MockPublicAPI' && methodName === 'test',
+        payloadValue: () => {
+          return true;
+        },
+      },
+    ];
+    class MockPublicAPI {
+      constructor() {
+        this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(MockPublicAPI, ['test'], 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        MockPublicAPIRuntimeMetricsPayloadDefinition);
+      }
+      test(parameter) {
+        console.log('parameter', parameter);
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockPublicAPI.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+    const mockPublicAPI = new MockPublicAPI();
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    mockPublicAPI.test('test');
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).not.toBeCalled();
+    });
+  });
 });

package/dist/collection/helpers/slimmers/string-input-formatter-slimmer.js

@@ -62,6 +62,20 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
         this.updateInputCaretPosition(rawValue, caretPosition);
       }
     };
+    /**
+     * A function to update the value of the input element by inputFormatStrategy output when paste is applied.
+     *
+     * @param {ClipboardEvent} e - paste event
+     */
+    this.onPaste = (e) => {
+      var _a;
+      e.preventDefault();
+      const rawValue = ((_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) || '';
+      if (this.inputFormatStrategy) {
+        const maskedValue = this.inputFormatStrategy.format(rawValue);
+        this.updateInputValue(rawValue, maskedValue);
+      }
+    };
   }
   /**
    * The setup function initializes input element event listeners based on input and blur format strategies.
@@ -76,6 +90,9 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       this.onInit();
       if (this.inputFormatStrategy) {
         this.inputElement.addEventListener('input', this.onKeyDown, { capture: true });
+        if (!this.disableCopyPaste) {
+          this.inputElement.addEventListener('paste', this.onPaste, { capture: true });
+        }
       }
       if (this.blurFormatStrategy) {
         this.inputElement.addEventListener('blur', this.onBlur, { capture: true });
@@ -90,6 +107,9 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
     if (this.inputElement) {
       if (this.inputFormatStrategy) {
         this.inputElement.removeEventListener('input', this.onKeyDown, { capture: true });
+        if (!this.disableCopyPaste) {
+          this.inputElement.removeEventListener('paste', this.onPaste, { capture: true });
+        }
       }
       if (this.blurFormatStrategy) {
         this.inputElement.removeEventListener('blur', this.onBlur, { capture: true });

package/dist/collection/helpers/slimmers/test/string-input-formatter-slimmer.test.js

@@ -121,4 +121,66 @@ describe('StringInputFormatterSlimmer test suite', () => {
     expect(inputEl.value).toEqual('***456');
     expect(mockedComponent.host.value).toEqual('***456');
   });
+  test('should handle paste content correctly', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+    const inputEl = createMockedInput();
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    const pasteEvent = new Event('paste');
+    const clipboardDataMock = {
+      getData: jest.fn().mockReturnValue('7777 is my lucky number'),
+    };
+    Object.defineProperty(pasteEvent, 'clipboardData', { value: clipboardDataMock });
+    const preventDefaultSpy = jest.spyOn(pasteEvent, 'preventDefault');
+    mockedComponent['stringFormatter']['onPaste'](pasteEvent);
+    expect(preventDefaultSpy).toHaveBeenCalled();
+    expect(clipboardDataMock.getData).toHaveBeenCalledWith('text');
+    expect(clipboardDataMock.getData('text')).toEqual('7777 is my lucky number');
+    expect(inputEl.value).toEqual('(777) 7');
+    jest.spyOn(inputEl, 'removeEventListener');
+    mockedComponent['stringFormatter'].destroy();
+    expect(inputEl.removeEventListener).toBeCalledWith('paste', expect.any(Function), { capture: true });
+  });
+  test('should not handle paste content if paste is disabled', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+    const inputEl = createMockedInput();
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['disableCopyPaste'] = true;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    const pasteEvent = new Event('paste');
+    Object.defineProperty(pasteEvent, 'clipboardData', {
+      value: {
+        getData: jest.fn().mockReturnValue('7777 is my lucky number'),
+      },
+    });
+    inputEl.dispatchEvent(pasteEvent);
+    expect(inputEl.value).toEqual('');
+    jest.spyOn(inputEl, 'addEventListener');
+    expect(inputEl.addEventListener).not.toBeCalledWith('paste', expect.any(Function), { capture: true });
+    jest.spyOn(inputEl, 'removeEventListener');
+    mockedComponent['stringFormatter'].destroy();
+    expect(inputEl.removeEventListener).not.toBeCalledWith('paste', expect.any(Function), {
+      capture: true,
+    });
+  });
+  test('should handle paste content with undefined clipboardData', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+    const inputEl = createMockedInput();
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    const pasteEvent = new Event('paste');
+    const formatSpy = jest.spyOn(stringFormatStrategy, 'format');
+    mockedComponent['stringFormatter']['onPaste'](pasteEvent);
+    expect(formatSpy).toHaveBeenCalledWith('');
+    expect(inputEl.value).toEqual('');
+  });
 });

package/dist/collection/helpers/theme/tests/theme-manager-controller.test.js

@@ -1,4 +1,6 @@
 import { VegaThemeManager } from '../theme-manager';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 const parseResultToArray = (textContent) => {
   return textContent === null || textContent === void 0 ? void 0 : textContent.trim().replace(/\n|\t|:root {|}/g, '').split(';').map((item) => item.split(': ')).filter((item) => item.length === 2).sort();
 };
@@ -507,3 +509,57 @@ describe('Dark mode', () => {
 	`);
   });
 });
+describe('Send Telemetry', () => {
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaThemeManager.overrideColors({ actionColor: '#3c9f55', sidebarColor: '#274f1c' });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_OVERRIDECOLORS_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call reset', async () => {
+    var _a, _b, _c, _d;
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaThemeManager.overrideColors({ actionColor: '#3c9f55', sidebarColor: '#274f1c' });
+    expect((_b = (_a = document.querySelector('#vegaCustomOverrideTheme')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.length).toBeGreaterThan(0);
+    await VegaThemeManager.reset();
+    expect(((_d = (_c = document.querySelector('#vegaCustomOverrideTheme')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.length) === 0).toBe(true);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_RESET_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaThemeManager.toggleDarkMode(true);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_TOGGLEDARKMODE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideColors', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaThemeManager.isDarkMode();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'ThemeManager',
+        data: {
+          IS_ISDARKMODE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+});

package/dist/collection/helpers/theme/theme-manager.js

@@ -1,9 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { VegaColorSchemaOverridingController } from './controllers/color-schema-overriding-controller';
 import { VegaDarkModeStyleController } from './controllers/dark-mode-style-controller';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { ThemeManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/ThemeManager/runtime-metrics-payload-definition';
 /**
  * Vega components theme manager
  */
 class ThemeManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(ThemeManager, ['overrideColors', 'reset', 'toggleDarkMode', 'isDarkMode'], ThemeManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme
    *
@@ -45,4 +57,7 @@ class ThemeManager {
     return document.documentElement.classList.contains('dark');
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], ThemeManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaThemeManager = new ThemeManager();

package/dist/collection/helpers/ui/element-appender.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { getPositionBox } from '../../utils/position';
 import ResponsiveFormatFacade from '../formatter/responsive-map-formatter/responsive-format-facade';
 import { isElementVisible } from '../../utils/ui';
-import ZIndexManager from '../zindex/z-index-manager';
+import InternalVegaZIndexManager from '../zindex/internal-vega-z-index-manager';
 import { LogUtility } from '../../utils/log';
 import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
@@ -99,7 +99,7 @@ export class ElementAppender {
       return;
     this.toggleShow(false);
     this.resetContainerPosition();
-    ZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
   }
   /* istanbul ignore next */
   /**
@@ -110,7 +110,7 @@ export class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
-    ZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
   }
@@ -289,7 +289,7 @@ export class ElementAppender {
    * @returns {void}
    */
   setZIndex() {
-    ZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
+    InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * If the showConfigCallback is a function, call it and return the result, otherwise return the

package/dist/collection/helpers/vega-telemetry-helper/test/vega-env-manager.test.js

@@ -4,7 +4,7 @@ test('should return the correct vega environment parameters', () => {
   const vegaEnv = VegaEnvManager.getVegaEnv();
   expect(vegaEnv).toEqual({
     framework: 'vanilla-js',
-    version: '2.22.0',
+    version: '2.24.0',
   });
 });
 test('should return the correct vega framework', () => {

package/dist/collection/helpers/vega-telemetry-helper/vega-env-manager.js

@@ -9,9 +9,9 @@ export var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.22.0` will be replaced to a version string when running publish script.
+    // The `2.24.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.22.0';
+    this.vegaVersion = '2.24.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/collection/helpers/zindex/{z-index-manager.js → internal-vega-z-index-manager.js}

@@ -7,7 +7,7 @@ export const TOP_BASIC_Z_INDEX = 11000;
  * 	the z-index of current showing element is highly than already show.
  * Top level is for element that always display to top, such as notification.
  */
-class ZIndexManager {
+class InternalVegaZIndexManager {
   constructor() {
     this.baseBasicZIndex = BASE_BASIC_Z_INDEX;
     this.topBasicZIndex = TOP_BASIC_Z_INDEX;
@@ -172,4 +172,4 @@ class ZIndexManager {
     return baseEntry.zIndex >= this.topBasicZIndex;
   }
 }
-export default new ZIndexManager();
+export default new InternalVegaZIndexManager();

package/dist/collection/helpers/zindex/test/{z-index-manager.test.js → internal-vega-z-index-manager.test.js}

@@ -1,5 +1,5 @@
 import { LogUtility } from '../../../utils/log';
-import ZIndexManager from '../z-index-manager';
+import InternalVegaZIndexManager from '../internal-vega-z-index-manager';
 test('zIndexManager should work proper', () => {
   const container = document.createElement('div');
   container.innerHTML = `
@@ -11,17 +11,17 @@ test('zIndexManager should work proper', () => {
     <div id='div-4'></div>
     <div id='div-5'></div>
     `;
-  ZIndexManager.setZIndex(null);
+  InternalVegaZIndexManager.setZIndex(null);
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
   const div3 = container.querySelector('#div-3');
   const div4 = container.querySelector('#div-4');
   const div5 = container.querySelector('#div-5');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3);
-  ZIndexManager.setZIndex(div4, 'top');
-  ZIndexManager.setZIndex(div5, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3);
+  InternalVegaZIndexManager.setZIndex(div4, 'top');
+  InternalVegaZIndexManager.setZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -33,9 +33,9 @@ test('zIndexManager should work proper', () => {
             <div id="div-5" style="z-index: 11002;"></div>
         </div>
     `);
-  ZIndexManager.removeZIndex(null);
-  ZIndexManager.removeZIndex(div2);
-  ZIndexManager.removeZIndex(div5, 'top');
+  InternalVegaZIndexManager.removeZIndex(null);
+  InternalVegaZIndexManager.removeZIndex(div2);
+  InternalVegaZIndexManager.removeZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -47,8 +47,8 @@ test('zIndexManager should work proper', () => {
             <div id="div-5"></div>
         </div>
     `);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div5, 'top');
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div5, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;">
@@ -65,13 +65,13 @@ test('zIndexManager should work proper', () => {
     const div = document.createElement('div');
     div.setAttribute('id', `${i}`);
     divCollect.push(div);
-    ZIndexManager.setZIndex(div);
+    InternalVegaZIndexManager.setZIndex(div);
   }
   spyOn(LogUtility, 'warn');
   const div = document.createElement('div');
   divCollect.push(div);
   div.setAttribute('id', `${1000}`);
-  ZIndexManager.setZIndex(div);
+  InternalVegaZIndexManager.setZIndex(div);
   expect(div.style.zIndex).toEqual('11001');
   expect(container).toEqualHtml(`
         <div>
@@ -92,9 +92,9 @@ test('zIndexManager should work proper while remove first element of stack', ()
         <div id="div-1"></div>
     `;
   const div1 = container.querySelector('#div-1');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.removeZIndex(div1);
-  ZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.removeZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div1);
   expect(container).toEqualHtml(`
         <div>
            <div id="div-1" style="z-index: 10001;"></div>
@@ -113,13 +113,13 @@ test('zIndexManager should work proper while change basic z-index value', () =>
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
   const div3 = container.querySelector('#div-3');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 200,
     top: 300,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 201;">
@@ -129,12 +129,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
             </div>
         </div>
     `);
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 100,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 101;">
@@ -144,12 +144,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
             </div>
         </div>
     `);
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     top: 500,
   });
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2);
-  ZIndexManager.setZIndex(div3, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2);
+  InternalVegaZIndexManager.setZIndex(div3, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 101;">
@@ -162,12 +162,12 @@ test('zIndexManager should work proper while change basic z-index value', () =>
 });
 test('ZIndexManager should raise error while change basic z-index with invalid value', () => {
   spyOn(LogUtility, 'error');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 'a',
   });
   expect(LogUtility.error).toBeCalledTimes(1);
   expect(LogUtility.error).toHaveBeenCalledWith('Change z-index basic value failed, both base level and top level should be of type number!');
-  ZIndexManager.overrideZIndexBasicValues({
+  InternalVegaZIndexManager.overrideZIndexBasicValues({
     base: 500,
     top: 100,
   });

package/dist/collection/helpers/zindex/test/vega-z-index-manager.test.js

@@ -1,5 +1,7 @@
 import VegaZIndexManager from '../vega-z-index-manager';
-import ZIndexManager from '../z-index-manager';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
+import InternalVegaZIndexManager from '../internal-vega-z-index-manager';
 test('VegaZIndexManager should work proper', () => {
   const container = document.createElement('div');
   container.innerHTML = `
@@ -8,8 +10,8 @@ test('VegaZIndexManager should work proper', () => {
     `;
   const div1 = container.querySelector('#div-1');
   const div2 = container.querySelector('#div-2');
-  ZIndexManager.setZIndex(div1);
-  ZIndexManager.setZIndex(div2, 'top');
+  InternalVegaZIndexManager.setZIndex(div1);
+  InternalVegaZIndexManager.setZIndex(div2, 'top');
   expect(container).toEqualHtml(`
         <div>
             <div id="div-1" style="z-index: 10001;"></div>
@@ -27,3 +29,18 @@ test('VegaZIndexManager should work proper', () => {
         </div>
     `);
 });
+it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call overrideZIndexBasicValues', () => {
+  jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+  VegaZIndexManager.overrideZIndexBasicValues({
+    base: 10001,
+  });
+  void Promise.resolve(sleep(100)).then(async () => {
+    expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+      publicAPIName: 'VegaZIndexManager',
+      data: {
+        IS_OVERRIDEZINDEXBASICVALUES_METHOD_CALLED: true,
+        zIndexBasicValuesGreatThanTenThousand: true,
+      },
+    });
+  });
+});

package/dist/collection/helpers/zindex/vega-z-index-manager.js

@@ -1,9 +1,21 @@
-import ZIndexManager from './z-index-manager';
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { ZIndexManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/zindex-manager/runtime-metrics-payload-definition';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import InternalVegaZIndexManager from './internal-vega-z-index-manager';
 /**
  * The VegaZIndexManager class calls a method in the ZIndexManager class to
  * change z-index values based on the input.
  */
 class VegaZIndexManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaZIndexManager, ['overrideZIndexBasicValues'], ZIndexManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * The function "overrideZIndexBasicValues" calls a method in the "ZIndexManager" class to change the
    * z-index values based on the input.
@@ -11,7 +23,10 @@ class VegaZIndexManager {
    * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
    */
   overrideZIndexBasicValues(input) {
-    ZIndexManager.overrideZIndexBasicValues(input);
+    InternalVegaZIndexManager.overrideZIndexBasicValues(input);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaZIndexManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export default new VegaZIndexManager();