@globalpayments/vega 2.22.0 → 2.23.0

package/dist/collection/helpers/dialog/vega-dialog-controller.js

@@ -1,3 +1,9 @@
+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;
+};
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,11 +16,18 @@ var __rest = (this && this.__rest) || function (s, e) {
   return t;
 };
 import { generateUUID } from '../../utils/misc';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaDialogRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaDialogController/runtime-metrics-payload-definition';
 /**
  * The dialog controller
  */
 class VegaDialogController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition);
+  }
   /**
+   *
    * It creates a new `vega-dialog` element, sets its properties, appends it to the DOM, and opens it
    *
    * @param {VegaDialogOption} options - VegaDialogOption
@@ -35,4 +48,7 @@ class VegaDialogController {
     return dialog;
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaDialog = new VegaDialogController();

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -48,7 +48,10 @@ const entries = [
   ['vega-signature-capture', [VegaChange]],
   ['vega-stepper', [VegaChange]],
   ['vega-tab-group', [VegaClick]],
-  ['vega-table', [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick]],
+  [
+    'vega-table',
+    [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll],
+  ],
   ['vega-table-head-cell', [VegaClick]],
   ['vega-table-row', [VegaClick, VegaExpand]],
   ['vega-textarea', [VegaChange, VegaBlur]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -63,6 +63,8 @@ export const VegaFormSubmit = new VegaEventID('vegaFormSubmit', 'formSubmit');
 export const VegaFormReset = new VegaEventID('vegaFormReset', 'formReset');
 export const VegaRowClick = new VegaEventID('vegaRowClick', 'rowClick');
 export const VegaSelectChange = new VegaEventID('vegaSelectChange', 'selectChange');
+export const VegaRowSelect = new VegaEventID('vegaRowSelect', 'rowSelect');
+export const VegaRowSelectAll = new VegaEventID('vegaRowSelectAll', 'rowSelectAll');
 export const VegaSelectAllChange = new VegaEventID('vegaSelectAllChange', 'selectAllChange');
 export const VegaPageSizeChange = new VegaEventID('vegaPageSizeChange', 'pageSizeChange');
 export const VegaDropdownClick = new VegaEventID('vegaDropdownClick', 'dropdownClick');

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -26,3 +26,5 @@ export const VegaInternalSubStatePull = new VegaInternalEventID('subStatePull');
 export const VegaInternalSubStatePush = new VegaInternalEventID('subStatePush');
 export const VegaInternalCalendarMonthEventsChange = new VegaInternalEventID('monthEventsChange');
 export const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdownTemplateItemsChange');
+export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
+export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');

package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js

@@ -1,5 +1,7 @@
 import { VegaEventManager } from '../../public-api';
 import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, } from '../event-id/vega-event-id';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
   it('should work proper while call setSemantics/getSemantics', () => {
     VegaEventManager.setSemantics({
@@ -29,4 +31,61 @@ describe('VegaEventManager', () => {
       VegaDropdownSearch,
     ]);
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call setSemantics', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.setSemantics({
+      components: {
+        'vega-accordion': {
+          namespace: 'native',
+          jqueryDelegatedEvent: true,
+        },
+      },
+    });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_SETSEMANTICS_METHOD_CALLED: true,
+          globalEventIsNative: false,
+          eventOfSpecificComponentsIsNative: true,
+          eventOfSpecificComponentsIsVega: false,
+          globalJqueryDelegatedEventIsTrue: false,
+          jqueryDelegatedEventIsCustomStrategy: false,
+          jqueryDelegatedEventOfSpecialComponentsIsTrue: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call getSemantics', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.setSemantics({
+      components: {
+        'vega-accordion': {
+          namespace: 'native',
+          jqueryDelegatedEvent: true,
+        },
+      },
+    });
+    VegaEventManager.getSemantics(document.createElement('vega-accordion'));
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_GETSEMANTICS_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call getEnabledEventIdsByComponent', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaEventManager.getEnabledEventIdsByComponent('vega-input');
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaEventManager',
+        data: {
+          IS_GETENABLEDEVENTIDSBYCOMPONENT_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

package/dist/collection/helpers/event-manager/vega-event-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 EventManager from './internal-vega-event-manager';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaEventManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaEventManager/runtime-metrics-payload-definition';
 /**
  * The VegaEventManager class provides methods for setting and retrieving event semantics configuration,
  * as well as getting the corresponding native event name for a given event.
  */
 class VegaEventManager {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaEventManager, ['setSemantics', 'getSemantics', 'getEnabledEventIdsByComponent'], VegaEventManagerRuntimeMetricsPayloadDefinition);
+  }
   /**
    * The function sets the semantics configuration for event management.
    *
@@ -37,4 +49,7 @@ class VegaEventManager {
     return EventManager.getEnabledEventIdsByComponent(componentName);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaEventManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export default new VegaEventManager();

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -170,5 +170,10 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.18.1',
     disabledByDefault: true,
   },
+  'VEGA_TELEMETRY.ENABLE_COLLECT_PUBLIC_API': {
+    description: `Feature flag to enable the collection of public api.`,
+    createdTimestamp: 1727232497961,
+    createdAtVersion: '2.21.0',
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js

@@ -46,6 +46,15 @@ export class NumberMaskStrategy {
     }
     return resultStringBuilder.join('');
   }
+  /**
+   * Whether the input string need delete the latest char
+   *
+   * @param {string} value - the input value
+   * @returns {boolean} return true if the value need mask format. otherwise false
+   */
+  inputNeedFormat(value) {
+    return !this.mask.test(value);
+  }
   /**
    * Get the number RegExp
    *
@@ -65,13 +74,4 @@ export class NumberMaskStrategy {
     }
     return precisionMask;
   }
-  /**
-   * Whether the input string need delete the latest char
-   *
-   * @param {string} value - the input value
-   * @returns {boolean} return true if the value need mask format. otherwise false
-   */
-  inputNeedFormat(value) {
-    return !this.mask.test(value);
-  }
 }

package/dist/collection/helpers/formatter/string-formatter/number-thousand-comma-strategy.js

@@ -0,0 +1,69 @@
+import { NumberMaskStrategy } from './number-mask-strategy';
+/**
+ * A class for formatting number string with the "," as the thousand separator
+ */
+export class NumberThousandCommaStrategy extends NumberMaskStrategy {
+  /**
+   * It creates a new instance of the Mask class.
+   *
+   * @param {NumberMaskConfig} maskConfig - MaskConfig
+   */
+  constructor(maskConfig) {
+    super(maskConfig);
+  }
+  /**
+   * If the input is a number, format it as a thousand comma string
+   *
+   * @param {string} input - string
+   * @returns {string} The input string, but with commas as thousands separator.
+   */
+  format(input) {
+    if (this.skipFormat(input)) {
+      return input;
+    }
+    const resultStringBuilder = [...input];
+    for (let i = input.length - 1; i >= 0; i--) {
+      const value = resultStringBuilder.join('');
+      if (this.inputNeedFormat(value.replace(/,/g, ''))) {
+        resultStringBuilder.pop();
+      }
+    }
+    return this.thousandCommaFormat(resultStringBuilder.join(''));
+  }
+  /**
+   * Get the position of caret
+   *
+   * @param {string} input - The input string
+   * @param {number} caretPosition - The current caret position
+   * @returns {number} The new position of caret
+   */
+  calculateCaretPosition(input, caretPosition) {
+    const formatInput = this.format(input);
+    const oldFrontInput = input.substring(0, caretPosition);
+    const newFrontInput = formatInput.substring(0, caretPosition);
+    const oldFrontCommaCount = (oldFrontInput.match(/,/g) || []).length;
+    const newFrontCommaCount = (newFrontInput.match(/,/g) || []).length;
+    return caretPosition + (newFrontCommaCount - oldFrontCommaCount);
+  }
+  /**
+   * The function `thousandCommaFormat` takes a string input, removes non-numeric characters, formats the number with thousand commas, and returns the result.
+   *
+   * @param {string} input - Takes a string input and formats it by adding commas to separate thousands. It also handles decimal values based on the precision specified in the `maskConfig`.
+   * @returns {string} Returns a formatted string with commas for thousands separator and optional decimal places.
+   */
+  thousandCommaFormat(input) {
+    if (!input.length)
+      return input;
+    const inputValue = input.replace(/[^\d.-]/g, '');
+    const { precision } = this.maskConfig;
+    const pointIndex = inputValue.indexOf('.');
+    const decimals = precision && inputValue.length > 1 && pointIndex >= 1 ? inputValue.slice(pointIndex) : '';
+    const numValue = Number(inputValue.split('.')[0]);
+    if (!isNaN(numValue) && numValue <= Number.MAX_SAFE_INTEGER) {
+      return numValue.toLocaleString('en-US') + decimals;
+    }
+    else {
+      return inputValue;
+    }
+  }
+}

package/dist/collection/helpers/formatter/test/string-formatter/number-thousand-comma-mask-strategy.test.js

@@ -0,0 +1,30 @@
+import { NumberThousandCommaStrategy } from '../../string-formatter/number-thousand-comma-strategy';
+describe('NumberThousandCommaStrategy', () => {
+  it('format thousand comma if set property thousandComma is true', () => {
+    const numberStrategy = new NumberThousandCommaStrategy({
+      precision: 2,
+      thousandComma: true,
+    });
+    expect(numberStrategy.format('123')).toBe('123');
+    expect(numberStrategy.format('123a')).toBe('123');
+    expect(numberStrategy.format('1234')).toBe('1,234');
+    expect(numberStrategy.format('0.12')).toBe('0.12');
+    expect(numberStrategy.format('123456.0')).toBe('123,456.0');
+    expect(numberStrategy.format('-123456.0')).toBe('-123,456.0');
+    expect(numberStrategy.format('-1')).toBe('-1');
+    expect(numberStrategy.format('-1.')).toBe('-1.');
+    expect(numberStrategy.format('-1.a')).toBe('-1');
+    expect(numberStrategy.format('a')).toBe('');
+    expect(numberStrategy.format(',')).toBe('');
+    expect(numberStrategy.format('9007199254740992')).toBe('9007199254740992');
+  });
+  it('should method calculateCaretPosition run as expect', () => {
+    const numberStrategy = new NumberThousandCommaStrategy({
+      precision: 2,
+    });
+    expect(numberStrategy.calculateCaretPosition('123', 3)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('1,234', 4)).toBe(4);
+    expect(numberStrategy.calculateCaretPosition('1,23', 4)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('-123', 4)).toBe(4);
+  });
+});

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

@@ -1,8 +1,18 @@
+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 { VegaIconManagerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/IconManager/runtime-metrics-payload-definition';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
 /**
  * Internal icon manager controller.
  */
 class IconManager {
   constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(IconManager, ['register', 'getIcon', 'hasIcon'], VegaIconManagerRuntimeMetricsPayloadDefinition);
     this.icons = new Map();
   }
   /**
@@ -36,4 +46,7 @@ class IconManager {
     return this.icons.has(name);
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], IconManager.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaIconManager = new IconManager();

package/dist/collection/helpers/icon/test/icon-manager-controller.test.js

@@ -1,4 +1,6 @@
 import { VegaIconManager } from '../icon-manager';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 describe('IconManagerController', () => {
   beforeAll(() => {
     const Icons = {
@@ -36,4 +38,64 @@ describe('IconManagerController', () => {
   it('should return false if icon not exists in icon manager', () => {
     expect(VegaIconManager.hasIcon('no-register-icon')).toBe(false);
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    const Icons = {
+      'mocked-icon': {
+        icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+      },
+    };
+    VegaIconManager.register(Icons);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'IconManager',
+        data: {
+          IS_REGISTER_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    expect(VegaIconManager.getIcon('chevron-left')).toEqual({
+      icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+    });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'IconManager',
+        data: {
+          IS_GETICON_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    expect(VegaIconManager.hasIcon('chevron-left')).toBeTruthy();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'IconManager',
+        data: {
+          IS_HASICON_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    const Icons = {
+      'mocked-icon': {
+        icon: `<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>`,
+      },
+    };
+    VegaIconManager.register(Icons);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'IconManager',
+        data: {
+          IS_REGISTER_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

package/dist/collection/helpers/loading-indicator/tests/vega-loader-controller.test.js

@@ -2,6 +2,8 @@ jest.mock('../../../utils/misc', () => ({
   generateUUID: () => 'TEST_UUID',
 }));
 import { VegaLoader } from '../vega-loader-controller';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 describe('VegaLoaderController', () => {
   it('should append default loader into body', () => {
     VegaLoader.load();
@@ -72,4 +74,30 @@ describe('VegaLoaderController', () => {
     VegaLoader.close(loaderId);
     expect(document.getElementById(loaderId)).toBeNull();
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    VegaLoader.load();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaLoaderController',
+        data: {
+          IS_LOAD_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call close', () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    const loaderId = VegaLoader.load();
+    expect(document.getElementById(loaderId)).not.toBeNull();
+    VegaLoader.close(loaderId);
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaLoaderController',
+        data: {
+          IS_CLOSE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

package/dist/collection/helpers/loading-indicator/vega-loader-controller.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 { generateUUID } from '../../utils/misc';
 import { arrayToClassString } from '../../utils/ui';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaLoaderRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaLoaderController/runtime-metrics-payload-definition';
 /**
  * Vega loader controller to control the loading indicator
  */
 class VegaLoaderController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaLoaderController, ['load', 'close'], VegaLoaderRuntimeMetricsPayloadDefinition);
+  }
   /**
    * Create a loading indicator and append it to the container
    *
@@ -76,4 +88,7 @@ class VegaLoaderController {
     }
   }
 }
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaLoaderController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaLoader = new VegaLoaderController();

package/dist/collection/helpers/notify/tests/vega-notify-controller.test.js

@@ -4,6 +4,8 @@ jest.mock('../../../utils/misc', () => ({
 import { VegaNotify } from '../../public-api';
 import { setupUserAgent } from '../../../utils/test-utils';
 import { MockedResizeObserver } from '../../../utils/spec-utils';
+import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
+import { sleep } from '../../../utils/test-utils';
 describe('vegaNotifyController', () => {
   beforeEach(() => {
     VegaNotify['container'] = null; // Jest cleared the document before each suite
@@ -91,4 +93,73 @@ describe('vegaNotifyController', () => {
       </vega-page-notification-list>
 		`);
   });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call open', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaNotify.open({
+      title: 'Test',
+      message: 'This is the content of notification.',
+    });
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaNotifyController',
+        data: {
+          IS_OPEN_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call close', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    const id = await VegaNotify.open({
+      title: 'Test',
+      message: 'This is the content of notification.',
+    });
+    mockPageNotificationListHydrated();
+    const notification = document.getElementById(id);
+    notification.close = async () => {
+      notification.remove();
+      MockedResizeObserver.mock.instances.forEach((item) => {
+        item['trigger']([{ contentRect: { height: 0 } }]);
+      });
+    };
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaSkeletonLoaderController',
+        data: {
+          IS_CLOSE_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
+  it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call closeAll', async () => {
+    jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
+    await VegaNotify.open({
+      title: 'Test',
+      message: 'This is the content of notification.',
+    });
+    await VegaNotify.open({
+      title: 'Test',
+      message: 'This is the content of notification.',
+    });
+    document
+      .querySelectorAll('vega-page-notification')
+      .forEach((item) => {
+      item.close = async () => {
+        item.remove();
+        MockedResizeObserver.mock.instances.forEach((item) => {
+          item['trigger']([{ contentRect: { height: 0 } }]);
+        });
+      };
+    });
+    mockPageNotificationListHydrated();
+    await VegaNotify.closeAll();
+    void Promise.resolve(sleep(100)).then(async () => {
+      expect(VegaTelemetryRuntimeMetricsManager.emit).toHaveBeenCalledWith('publicAPIMetrics', {
+        publicAPIName: 'VegaSkeletonLoaderController',
+        data: {
+          IS_CLOSEALL_METHOD_CALLED: true,
+        },
+      });
+    });
+  });
 });

package/dist/collection/helpers/notify/vega-notify-controller.js

@@ -4,12 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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 ZIndexManager from '../zindex/z-index-manager';
+import InternalVegaZIndexManager from '../zindex/internal-vega-z-index-manager';
 import { generateUUID } from '../../utils/misc';
 import { getDeviceType } from '../../utils/ui';
 import { DeviceType } from '../../types/ui.type';
-import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega-slimmer/core';
+import { InjectVegaSlimmer, InjectVegaTelemetrySlimmer, createDynamicSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaNotifyRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaNotifyController/runtime-metrics-payload-definition';
 /**
  * The page notification controller
  */
@@ -22,7 +24,7 @@ class VegaNotifyController {
           var _a;
           const currentVisible = entries[0].contentRect.height > 0;
           if (!currentVisible && ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains('hydrated'))) {
-            ZIndexManager.removeZIndex(this.container, 'top');
+            InternalVegaZIndexManager.removeZIndex(this.container, 'top');
             this.container.remove();
             this.container = null;
           }
@@ -31,6 +33,7 @@ class VegaNotifyController {
         target: () => this.container,
       },
     ]);
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(VegaNotifyController, ['open', 'close', 'closeAll'], VegaNotifyRuntimeMetricsPayloadDefinition);
   }
   /**
    * It creates a new notification element, adds it to the container, and returns the notification's ID
@@ -92,7 +95,7 @@ class VegaNotifyController {
       return this.container;
     }
     this.container = document.createElement('vega-page-notification-list');
-    ZIndexManager.setZIndex(this.container, 'top');
+    InternalVegaZIndexManager.setZIndex(this.container, 'top');
     if (getDeviceType() === DeviceType.MOBILE) {
       this.container.classList.add('vega-page-notification-list-bottom');
     }
@@ -107,4 +110,7 @@ class VegaNotifyController {
 __decorate([
   InjectVegaSlimmer()
 ], VegaNotifyController.prototype, "resizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], VegaNotifyController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 export const VegaNotify = new VegaNotifyController();

package/dist/collection/helpers/public-api.js

@@ -1,5 +1,6 @@
 import VegaEnvManager, { FrameworkEnum } from './vega-telemetry-helper/vega-env-manager';
 import VegaEventManager from './event-manager/vega-event-manager';
+export { default as VegaZIndexManager } from './zindex/vega-z-index-manager';
 export { FeatureFlag } from './feature-control/feature-flag-controller';
 export { VegaLoader } from './loading-indicator/vega-loader-controller';
 export { VegaNotify } from './notify/vega-notify-controller';