@globalpayments/vega 2.65.0 → 2.67.0

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { findParent } from '../../../../utils/ui';
+import { VegaModalOpenState } from '../models/vega-modal-open-state';
 /**
  * Modal open state controller
  */
@@ -26,23 +27,35 @@ export class VegaModalOpenStateController extends VegaSlimmer {
       e.preventDefault();
       e.stopPropagation();
       if (!this.handleClose || this.handleClose()) {
-        this.open = false;
+        this.close('close-button');
       }
     };
   }
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    this.close('remove-node');
+  }
   /**
    * Component lifecycle - [componentDidLoad]
    */
   componentDidLoad() {
-    if (this.open) {
+    if (this.openState.isOpen) {
       this.toggle();
     }
   }
   /**
-   * Toggle modal while open property changed.
+   * Toggle modal while openState changed.
+   *
+   * @param {VegaModalOpenState} newState Specifies the new openState.
+   * @param {VegaModalOpenState} oldState Specifies the old openState.
    */
-  watchOpen() {
-    this.toggle();
+  watchOpenState(newState, oldState) {
+    if (newState.isOpen !== oldState.isOpen) {
+      this.toggle();
+      this.open = newState.isOpen;
+    }
   }
   /**
    * Listen the target element clicked has a `data-target='modal'` attribute and open the modal if it does.
@@ -61,14 +74,19 @@ export class VegaModalOpenStateController extends VegaSlimmer {
        * @see module:vega-modal-backdrop-mousedown-mouseup-e2e
        */
       /* istanbul ignore next */
-      this.open = this.backdropMouseDownOnHost && this.backdropMouseUpOnHost ? false : true;
+      if (this.backdropMouseDownOnHost && this.backdropMouseUpOnHost) {
+        this.close('backdrop');
+      }
+      else {
+        this.changeOpenState(true, 'backdrop');
+      }
       this.resetBackdropClickFlags();
     }
     if (this.host.id &&
       (target.getAttribute('data-target') === this.host.id ||
         findParent(target, `[data-target=${this.host.id}]`))) {
       e.preventDefault();
-      this.open = true;
+      this.changeOpenState(true, 'data-target');
     }
   }
   /*
@@ -85,7 +103,7 @@ export class VegaModalOpenStateController extends VegaSlimmer {
     const target = e.target.closest(`[data-dismiss='modal']`);
     if (target) {
       e.preventDefault();
-      this.open = false;
+      this.close('data-dismiss');
     }
   }
   /*
@@ -114,6 +132,50 @@ export class VegaModalOpenStateController extends VegaSlimmer {
   listenMouseUp(e) {
     this.backdropMouseUpOnHost = this.isBackdropClickTargeted(e);
   }
+  /* The below method is e2e-test covered in
+   * @see{module:vega-modal-toggle-interactive-e2e}
+   */
+  /**
+   * Handles the public modal API (`show` / `hide`).
+   *
+   * @param {'show' | 'hide'} option - Determines which state change to perform.
+   */
+  modal(option) {
+    switch (option) {
+      case 'show':
+        this.changeOpenState(true, 'method');
+        break;
+      default:
+        this.close('method');
+        break;
+    }
+  }
+  /**
+   * Close the modal via the provided trigger and emit the pending detail.
+   *
+   * @param {VegaModalOpenStateChangeTrigger} trigger - Indicates what initiated the close.
+   */
+  close(trigger) {
+    if (!this.openState.isOpen) {
+      return;
+    }
+    const event = this.closeEventEmitter.emit({ trigger });
+    if (!(event && event.defaultPrevented)) {
+      this.changeOpenState(false, trigger);
+    }
+  }
+  /**
+   * Updates the internal open state snapshot so watchers can react to the new value.
+   *
+   * @param {boolean} isOpen - Desired open flag for the modal.
+   * @param {VegaModalOpenStateChangeTrigger} triggerBy - Source that initiated the change.
+   */
+  changeOpenState(isOpen, triggerBy) {
+    if (this.openState.isOpen === isOpen) {
+      return;
+    }
+    this.openState = new VegaModalOpenState(isOpen, triggerBy);
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}
@@ -124,7 +186,9 @@ export class VegaModalOpenStateController extends VegaSlimmer {
    * and emitting an event.
    */
   toggle() {
-    this.open ? this.openedModalStackController.push() : this.openedModalStackController.remove();
+    this.openState.isOpen
+      ? this.openedModalStackController.push()
+      : this.openedModalStackController.remove();
     this.updateDocumentRootOverflow();
     this.backdropController.setBackdrop();
     this.zIndexController.setModalZIndex();
@@ -143,13 +207,19 @@ export class VegaModalOpenStateController extends VegaSlimmer {
    * 'none' based on the value of the `open` property.
    */
   setModalVisibility() {
-    this.host.style['display'] = this.open ? 'flex' : 'none';
+    this.host.style['display'] = this.openState.isOpen ? 'flex' : 'none';
   }
   /**
    * Emits either an open or close event based on the value of the `open` property.
    */
   emitEvent() {
-    this.open ? this.openEventEmitter.emit() : this.closeEventEmitter.emit();
+    if (this.openState.isOpen) {
+      this.openEventEmitter.emit();
+      return;
+    }
+    if (this.openState.triggerBy === 'property') {
+      this.closeEventEmitter.emit({ trigger: 'property' });
+    }
   }
   /**
    * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
@@ -158,11 +228,11 @@ export class VegaModalOpenStateController extends VegaSlimmer {
     if (this.backdrop === 'none')
       return;
     const openedModalStackLength = this.openedModalStackController.length();
-    if (this.open && openedModalStackLength === 1) {
+    if (this.openState.isOpen && openedModalStackLength === 1) {
       // eslint-disable-next-line no-restricted-globals
       document.body.classList.add('disable-scroll-in-desktop');
     }
-    else if (!this.open && openedModalStackLength === 0) {
+    else if (!this.openState.isOpen && openedModalStackLength === 0) {
       // eslint-disable-next-line no-restricted-globals
       document.body.classList.remove('disable-scroll-in-desktop');
     }
@@ -176,7 +246,7 @@ export class VegaModalOpenStateController extends VegaSlimmer {
    * Removes the backdrop element if no modals are currently visible.
    */
   removeBackdropWhileNoModalShow() {
-    if (!this.open && this.openedModalStackController.length() === 0) {
+    if (!this.openState.isOpen && this.openedModalStackController.length() === 0) {
       this.backdropController.removeBackdrop();
     }
   }
@@ -209,6 +279,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaModalOpenStateController.prototype, "open", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaModalOpenStateController.prototype, "openState", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "backdrop", void 0);
@@ -233,12 +306,15 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "zIndexController", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaModalOpenStateController.prototype, "disconnectedCallback", null);
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaModalOpenStateController.prototype, "componentDidLoad", null);
 __decorate([
-  MapToComponentMethod('watchOpen')
-], VegaModalOpenStateController.prototype, "watchOpen", null);
+  MapToComponentMethod('watchOpenState')
+], VegaModalOpenStateController.prototype, "watchOpenState", null);
 __decorate([
   MapToComponentMethod('listenDataTarget')
 ], VegaModalOpenStateController.prototype, "listenDataTarget", null);
@@ -251,3 +327,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('listenMouseUp')
 ], VegaModalOpenStateController.prototype, "listenMouseUp", null);
+__decorate([
+  MapToComponentMethod('modal')
+], VegaModalOpenStateController.prototype, "modal", null);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-z-index-controller.js

@@ -15,7 +15,7 @@ export class VegaModalZIndexController extends VegaSlimmer {
    */
   setModalZIndex() {
     const backdropRef = this.backdropController.getBackdropRef();
-    if (this.open) {
+    if (this.openState.isOpen) {
       InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
       InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
@@ -35,6 +35,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "open", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalZIndexController.prototype, "openState", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "backdropController", void 0);

package/dist/collection/components/vega-modal/slimmers/models/vega-modal-open-state.js

@@ -0,0 +1,9 @@
+/**
+ * Represents the modal open state and the source that triggered the state change.
+ */
+export class VegaModalOpenState {
+  constructor(isOpen, triggerBy) {
+    this.isOpen = isOpen;
+    this.triggerBy = triggerBy;
+  }
+}

package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js

@@ -23,7 +23,7 @@ export class VegaModalRenderer extends VegaSlimmer {
   }
   render() {
     return (h(Host, { class: {
-        'align-center': this.deprecatedPropertySlimmer.getValue() && this.open,
+        'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
       h("div", { class: "modal-dialog" }, this.renderContainer())));
@@ -99,6 +99,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "open", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "openState", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "padding", void 0);

package/dist/collection/components/vega-modal/vega-modal.js

@@ -24,6 +24,7 @@ import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-
 import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-backdrop-controller';
 import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
 import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
+import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
 /**
  * @vegaVersion 1.0.6
  */
@@ -45,6 +46,7 @@ export class VegaModal {
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(mainContentStyle);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
+    this.openState = this.initOpenState();
     /**
      * Provides options for controlling the behavior of the backdrop.
      * - `default`:
@@ -131,6 +133,9 @@ export class VegaModal {
      */
     this.handleClose = undefined;
   }
+  watchOpenState() {
+    methodPlaceholder();
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-size-number-e2e}
@@ -141,14 +146,11 @@ export class VegaModal {
     methodPlaceholder();
   }
   watchOpen() {
-    methodPlaceholder();
+    this.openState = new VegaModalOpenState(this.open, 'property');
   }
   watchContentMaxHeight() {
     methodPlaceholder();
   }
-  disconnectedCallback() {
-    this.open = false;
-  }
   /**
    * Clicking on a non-static current modal should close this modal, not other modals.
    * The below method is e2e-test covered in
@@ -194,20 +196,17 @@ export class VegaModal {
    *
    */
   async modal(option) {
-    switch (option) {
-      case 'show':
-        this.open = true;
-        break;
-      case 'hide':
-        this.open = false;
-        break;
-      default:
-        break;
-    }
+    methodPlaceholder(option);
   }
   render() {
     return sanitizeVegaComponent(this.renderer.render(), this.host);
   }
+  /**
+   * Returns the initial open state of the modal.
+   */
+  initOpenState() {
+    return new VegaModalOpenState(this.open, 'property');
+  }
   static get is() { return "vega-modal"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -503,7 +502,8 @@ export class VegaModal {
     }
   }; }
   static get states() { return {
-    "currentBreakpoint": {}
+    "currentBreakpoint": {},
+    "openState": {}
   }; }
   static get events() { return [{
       "method": "vegaClose",
@@ -516,7 +516,7 @@ export class VegaModal {
             "name": "vegaVersion",
             "text": "1.0.10"
           }],
-        "text": "An event emitter notifying the modal close event."
+        "text": "An event emitter notifying the modal close event.  If a method is defined for this event, invoking event.preventDefault() prevents the modal from closing."
       },
       "complexType": {
         "original": "any",
@@ -610,6 +610,9 @@ export class VegaModal {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "openState",
+      "methodName": "watchOpenState"
+    }, {
       "propName": "size",
       "methodName": "watchSize"
     }, {

package/dist/collection/components/vega-rich-text-editor/dto/annotations/link-group-annotation.js

@@ -13,7 +13,7 @@ export class LinkGroupAnnotation extends Annotation {
   clone() {
     const clonedAnnotation = new LinkGroupAnnotation('');
     this.linkGroups.forEach((nodes, key) => {
-      clonedAnnotation.linkGroups.set(key, nodes.map((node) => node.clone()));
+      clonedAnnotation.linkGroups.set(key, nodes.map((node) => node.clone(node.parent)));
     });
     return clonedAnnotation;
   }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/code-block.js

@@ -52,9 +52,9 @@ export class RTECodeBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const cloneCodeBlock = RTECodeBlock.from(this.toJSON());
-    cloneCodeBlock.parent = this.parent;
+    cloneCodeBlock.parent = parent;
     return cloneCodeBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/blocks/html-block.js

@@ -39,10 +39,11 @@ export class RTEHtmlBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedBlock = new RTEHtmlBlock(this.id, this.htmlTag);
-    clonedBlock.children = this.children.map((child) => child.clone());
+    clonedBlock.children = this.children.map((child) => child.clone(clonedBlock));
     clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = parent;
     return clonedBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/blocks/image-block.js

@@ -75,15 +75,11 @@ export class RTEImageBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedBlock = new RTEImageBlock(this.id);
-    clonedBlock.children = this.children.map((node) => {
-      const clonedNode = node.clone();
-      clonedNode.parent = clonedBlock;
-      return clonedNode;
-    });
+    clonedBlock.children = this.children.map((node) => node.clone(clonedBlock));
     clonedBlock.annotationMap = super.cloneAnnotations();
-    clonedBlock.parent = this.parent;
+    clonedBlock.parent = parent;
     return clonedBlock;
   }
 }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js

@@ -105,15 +105,11 @@ export class RTEListBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedListBlock = new RTEListBlock(this.id, this.type);
-    clonedListBlock.children = this.children.map((item) => {
-      const clonedListItemBlock = item.clone();
-      clonedListItemBlock.parent = clonedListBlock;
-      return clonedListItemBlock;
-    });
+    clonedListBlock.children = this.children.map((item) => item.clone(clonedListBlock));
     clonedListBlock.annotationMap = super.cloneAnnotations();
-    clonedListBlock.parent = this.parent;
+    clonedListBlock.parent = parent;
     return clonedListBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js

@@ -105,21 +105,13 @@ export class RTEListItemBlock extends RTETextBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     var _a;
     const block = new RTEListItemBlock(this.id);
-    block.children = this.children.map((node) => {
-      const clonedNode = node.clone();
-      clonedNode.parent = block;
-      return clonedNode;
-    });
+    block.children = this.children.map((node) => node.clone(block));
     block.annotationMap = super.cloneAnnotations();
-    block.nestList = (_a = this.nestList) === null || _a === void 0 ? void 0 : _a.map((child) => {
-      const clonedChild = child.clone();
-      clonedChild.parent = block;
-      return clonedChild;
-    });
-    block.parent = this.parent;
+    block.nestList = (_a = this.nestList) === null || _a === void 0 ? void 0 : _a.map((child) => child.clone(block));
+    block.parent = parent;
     return block;
   }
 }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/text-block.js

@@ -164,15 +164,11 @@ export class RTETextBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  clone() {
+  clone(parent) {
     const clonedBlock = new RTETextBlock(this.id, this.type);
-    clonedBlock.children = this.children.map((node) => {
-      const clonedNode = node.clone();
-      clonedNode.parent = clonedBlock;
-      return clonedNode;
-    });
+    clonedBlock.children = this.children.map((node) => node.clone(clonedBlock));
     clonedBlock.annotationMap = super.cloneAnnotations();
-    clonedBlock.parent = this.parent;
+    clonedBlock.parent = parent;
     return clonedBlock;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/content-state.js

@@ -115,7 +115,7 @@ export class VegaRTEContent {
    */
   clone(deep = false) {
     return deep
-      ? new VegaRTEContent(this.children.map((block) => block.clone()))
+      ? new VegaRTEContent(this.children.map((block) => block.clone(this)))
       : new VegaRTEContent([...this.children]);
   }
   /**

package/dist/collection/components/vega-rich-text-editor/dto/nodes/code-block-node.js

@@ -35,8 +35,9 @@ export class RTECodeBlockNode extends RTEDecoratorNode {
   /**
    * @inheritDoc
    */
-  clone() {
-    return new RTECodeBlockNode(this.id, this.text, this.language, this.parent);
+  clone(parent) {
+    const cloned = new RTECodeBlockNode(this.id, this.text, this.language, parent);
+    return cloned;
   }
   /**
    * @inheritDoc

package/dist/collection/components/vega-rich-text-editor/dto/nodes/image-node.js

@@ -69,8 +69,8 @@ export class RTEImageNode extends RTEDecoratorNode {
   /**
    * @inheritDoc
    */
-  clone() {
-    return new RTEImageNode(this.id, this.url, this.parent, super.cloneAnnotations());
+  clone(parent) {
+    return new RTEImageNode(this.id, this.url, parent, super.cloneAnnotations());
   }
   /**
    * @inheritDoc

package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js

@@ -154,8 +154,8 @@ export class RTETextNode extends RTENode {
   /**
    * @inheritDoc
    */
-  clone() {
-    const cloned = new RTETextNode(this.id, this.text, this.parent, super.cloneAnnotations());
+  clone(parent) {
+    const cloned = new RTETextNode(this.id, this.text, parent, super.cloneAnnotations());
     return cloned;
   }
   /**

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-node.js

@@ -39,10 +39,11 @@ export class RTETokenNode extends RTETextNode {
   /**
    * Clones the token node.
    *
+   * @param {RTETextBlock} parent - The parent block for the cloned node.
    * @returns {RTETokenNode} - The cloned token node.
    */
-  clone() {
-    return new RTETokenNode(this.id, this.token, this.text, this.parent, this.annotationMap);
+  clone(parent) {
+    return new RTETokenNode(this.id, this.token, this.text, parent, this.annotationMap);
   }
   /**
    * Converts the token node to an HTML representation.

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/code-block.test.js

@@ -43,8 +43,8 @@ describe('RTECodeBlock', () => {
       language: 'js',
       content: 'const',
     });
-    const cloneBlock = codeBlock.clone();
-    const cloneNode = codeBlock.children[0].clone();
+    const cloneBlock = codeBlock.clone(codeBlock.parent);
+    const cloneNode = codeBlock.children[0].clone(cloneBlock);
     expect(cloneBlock.id).toEqual(codeBlock.id);
     expect(cloneBlock.type).toEqual(codeBlock.type);
     expect(cloneNode.type).toEqual(codeBlock.children[0].type);

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/html-block.test.js

@@ -120,5 +120,9 @@ describe('HTMLBlock', () => {
         ],
       });
     });
+    it('clone', () => {
+      const clonedBlock = htmlBlock.clone(htmlBlock.parent);
+      expect(clonedBlock.children[0].parent).toEqual(clonedBlock);
+    });
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/nodes/text-node.test.js

@@ -404,7 +404,7 @@ describe('text node', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
     textNode.apply(new BoldAnnotationAction(true));
-    const clonedNode = textNode.clone();
+    const clonedNode = textNode.clone(textBlock);
     expect(textNode).toEqual(clonedNode);
     expect(textNode).not.toBe(clonedNode);
     expect(textNode.annotationMap).toEqual(clonedNode.annotationMap);

package/dist/collection/constants/ui.js

@@ -86,6 +86,8 @@ export const VegaNativeEventName = [
   'reset',
   'eventPreviewShow',
   'monthYearChange',
+  'complete',
+  'paste',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

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, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -34,9 +34,10 @@ const entries = [
   ['vega-file-uploader', [VegaChange, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview]],
   ['vega-form', [VegaFormSubmit, VegaFormReset, VegaValidate]],
   ['vega-image-uploader', [VegaChange, VegaRemove, VegaCancel]],
-  ['vega-input', [VegaChange, VegaFocus, VegaBlur, VegaLabelButtonClick]],
+  ['vega-input', [VegaChange, VegaFocus, VegaBlur, VegaLabelButtonClick, VegaPaste]],
   ['vega-input-credit-card', [VegaChange, VegaBlur, VegaFocus]],
   ['vega-input-numeric', [VegaChange]],
+  ['vega-input-passcode', [VegaChange, VegaComplete]],
   ['vega-input-phone-number', [VegaChange, VegaCountryChange]],
   ['vega-input-range', [VegaChange]],
   ['vega-input-select', [VegaChange, VegaSearch, VegaSearchTrigger, VegaShow, VegaHide]],

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

@@ -102,4 +102,6 @@ export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 export const VegaReset = new VegaEventID('vegaReset', 'reset');
 export const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
-export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
+export const VegaComplete = new VegaEventID('vegaComplete', 'complete');
+export const VegaPaste = new VegaEventID('vegaPaste', 'paste');
+export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];

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

@@ -1,5 +1,5 @@
 import { VEGA_COMPONENT_EVENT_MAP } from '../event-id/component-event-id-map';
-import { VegaBlur, VegaChange, VegaFocus, VegaLabelButtonClick } from '../event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaFocus, VegaLabelButtonClick, VegaPaste } from '../event-id/vega-event-id';
 test('VEGA_COMPONENT_EVENT_MAP size', () => {
   expect(VEGA_COMPONENT_EVENT_MAP.size).not.toEqual(0);
 });
@@ -9,5 +9,6 @@ test('VEGA_COMPONENT_EVENT_MAP vega-input', () => {
     VegaFocus,
     VegaBlur,
     VegaLabelButtonClick,
+    VegaPaste,
   ]);
 });

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

@@ -1,5 +1,5 @@
 import { VegaEventManager } from '../../public-api';
-import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaReset, VegaSearchTrigger, } from '../event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaPaste, VegaReset, VegaSearchTrigger, } from '../event-id/vega-event-id';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
@@ -23,6 +23,7 @@ describe('VegaEventManager', () => {
       VegaFocus,
       VegaBlur,
       VegaLabelButtonClick,
+      VegaPaste,
     ]);
     expect(VegaEventManager.getEnabledEventIdsByComponent('vega-dropdown')).toEqual([
       VegaDropdownShow,