@globalpayments/vega 2.37.2 → 2.39.0

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/text-block-strategy-register.test.js

@@ -0,0 +1,55 @@
+import { ActionHandleStrategyRegistry } from '../../../dto/action-handle-strategies/action-handle-strategy-registry';
+import { BlockAppendNodesStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-append-nodes-strategy';
+import { BlockDeleteTextContentStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-delete-text-content-strategy';
+import { BlockInsertImageIntoTextStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-insert-image-into-text-strategy';
+import { BlockInsertLineBreakStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-insert-line-break-strategy';
+import { BlockInsertLineBreakWithBlocksStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-insert-line-break-with-blocks-strategy';
+import { BlockInsertNewParagraphStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-insert-new-paragraph-strategy';
+import { BlockInsertNodesBeforeNodeStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-insert-nodes-before-node-strategy';
+import { BlockMergeNodesStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-merge-nodes-strategy';
+import { BlockRemoveNodeStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-remove-node-strategy';
+import { BlockReplaceNodesStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-replace-nodes-strategy';
+import { BlockSplitWithTextNodeStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-split-with-text-node-strategy';
+import { BlockTransformToListStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/block-transform-to-list-strategy';
+import { ModifyContentActionType } from '../../../dto/actions/modify-content-action.abstract';
+import { RTETextBlock } from '../../../dto/blocks/text-block';
+import { BlockUpdateLinkGroupStrategy } from '../../../dto/action-handle-strategies/apply-annotation-strategies/block-update-link-group-strategy';
+import { BlockUpdateTextStyleStrategy } from '../../../dto/action-handle-strategies/apply-annotation-strategies/block-update-text-style-strategy';
+import { LinkGroupAnnotationAction } from '../../../dto/actions/link-group-annotation-action';
+import { TextStyleAnnotationAction } from '../../../dto/actions/text-style-annotation-action';
+import { InternalAnnotationTypeEnum } from '../../../dto/annotations/annotation.abstract';
+test('RTETextBlock annotation strategy should register properly', () => {
+  expect(ActionHandleStrategyRegistry.get(TextStyleAnnotationAction.name, RTETextBlock.name) instanceof
+    BlockUpdateTextStyleStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(LinkGroupAnnotationAction.name, RTETextBlock.name) instanceof
+    BlockUpdateLinkGroupStrategy).toBeTruthy();
+});
+test('RTETextBlock apply annotation action should work properly', () => {
+  const textBlock = RTETextBlock.from({
+    id: '1',
+    type: 'subtitle',
+    nodes: [{ id: '1-1', type: 'text', text: 'Paragraph' }],
+  });
+  expect(textBlock.nodes[0].annotationMap.has('BOLD')).toBeFalsy();
+  textBlock.apply(new TextStyleAnnotationAction('paragraph', true));
+  expect(textBlock.type).toEqual('paragraph');
+  expect(textBlock.nodes[0].getAnnotationByType('BOLD')['toJSON']()['bold']).toBeTruthy();
+  expect(textBlock.annotationMap.has(InternalAnnotationTypeEnum.LINK_GROUP)).toBeFalsy();
+  textBlock.apply(new LinkGroupAnnotationAction('1', textBlock.nodes));
+  expect(textBlock.annotationMap.has(InternalAnnotationTypeEnum.LINK_GROUP)).toBeTruthy();
+});
+test('RTETextBlock should register action handle strategy properly', () => {
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.DELETE_CHILD, RTETextBlock.name) instanceof
+    BlockRemoveNodeStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.APPEND_CHILD_NODES, RTETextBlock.name) instanceof BlockAppendNodesStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.SPLIT_BLOCK_WITH_NODE, RTETextBlock.name) instanceof BlockSplitWithTextNodeStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.REPLACE_CHILD_NODES, RTETextBlock.name) instanceof BlockReplaceNodesStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.MERGE_TWO_BLOCKS_NODES, RTETextBlock.name) instanceof BlockMergeNodesStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.BREAK_SINGLE_BLOCK, RTETextBlock.name) instanceof BlockInsertNewParagraphStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.LINE_BREAK_SINGLE_BLOCK, RTETextBlock.name) instanceof BlockInsertLineBreakStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.LINE_BREAK_MULTIPLE_BLOCKS, RTETextBlock.name) instanceof BlockInsertLineBreakWithBlocksStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTETextBlock.name) instanceof BlockDeleteTextContentStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.INSERT_IMAGE_TO_BLOCK, RTETextBlock.name) instanceof BlockInsertImageIntoTextStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.INSERT_NODES_BEFORE, RTETextBlock.name) instanceof BlockInsertNodesBeforeNodeStrategy).toBeTruthy();
+  expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.TRANSFORM_LIST_BLOCK, RTETextBlock.name) instanceof BlockTransformToListStrategy).toBeTruthy();
+});

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/update-selected-text-strategy.test.js

@@ -0,0 +1,23 @@
+import { NodeReplaceSelectedTextStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/node-replace-selected-text-strategy';
+import { ReplaceSelectedTextAction } from '../../../dto/actions/replace-selected-text-action';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+import { RTERange } from '../../../dto/range';
+import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
+test('UpdateSelectedNodeStrategy should update text properly', () => {
+  const span = document.createElement('span');
+  span.innerText = 'paragraph';
+  const textNode = new RTETextNode('1', span.innerText, null);
+  stateEntityRenderingRegistry.register(span, textNode);
+  const strategy = new NodeReplaceSelectedTextStrategy();
+  strategy.execute(new ReplaceSelectedTextAction('new text', new RTERange(span.firstChild, span.firstChild, 0, 9)), textNode);
+  expect(textNode.text).toEqual('new text');
+});
+test('UpdateSelectedNodeStrategy should update text properly if the range is collapsed', () => {
+  const span = document.createElement('span');
+  span.innerText = 'paragraph';
+  const textNode = new RTETextNode('1', span.innerText, null);
+  stateEntityRenderingRegistry.register(span, textNode);
+  const strategy = new NodeReplaceSelectedTextStrategy();
+  strategy.execute(new ReplaceSelectedTextAction('This is a ', new RTERange(span.firstChild, span.firstChild, 0, 0)), textNode);
+  expect(textNode.text).toEqual('This is a paragraph');
+});

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

@@ -156,7 +156,6 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.toolbarItems = [
-      ['clearStyle'],
       ['textStyles'],
       ['bold', 'italic', 'underline', 'strikethrough', 'code'],
       ['textColor'],
@@ -164,6 +163,7 @@ export class VegaRichTextEditor {
       ['moreIndent', 'lessIndent'],
       ['link'],
       ['image'],
+      ['clearStyle'],
     ];
     /**
      * Specifies the validation status of the rich text editor component.
@@ -391,7 +391,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies the built-in toolbar items available in the rich-text editor."
       },
-      "defaultValue": "[\n\t\t['clearStyle'],\n\t\t['textStyles'],\n\t\t['bold', 'italic', 'underline', 'strikethrough', 'code'],\n\t\t['textColor'],\n\t\t['horizontalAlignment', 'bulletsNumbers'],\n\t\t['moreIndent', 'lessIndent'],\n\t\t['link'],\n\t\t['image'],\n\t]"
+      "defaultValue": "[\n\t\t['textStyles'],\n\t\t['bold', 'italic', 'underline', 'strikethrough', 'code'],\n\t\t['textColor'],\n\t\t['horizontalAlignment', 'bulletsNumbers'],\n\t\t['moreIndent', 'lessIndent'],\n\t\t['link'],\n\t\t['image'],\n\t\t['clearStyle'],\n\t]"
     },
     "isValid": {
       "type": "boolean",

package/dist/collection/helpers/validator/rules/valid-phone-number-rule.js

@@ -5,8 +5,9 @@ import { getCountryCallingCode, parsePhoneNumber } from 'libphonenumber-js';
  * @implements {FormFieldValidationRule<string>}
  */
 export class ValidPhoneNumberRule {
-  constructor(countryCodeGetter) {
+  constructor(countryCodeGetter, emptyValueEnabled = false) {
     this.countryCodeGetter = countryCodeGetter;
+    this.emptyValueEnabled = emptyValueEnabled;
     /**
      * Generate an invalid result
      *
@@ -66,9 +67,13 @@ export class ValidPhoneNumberRule {
    * specific country calling code.
    * @returns {boolean} a boolean value based on whether the input is a string and not equal to the country calling
    * code with a plus sign appended to it.
+   * The input is empty mean the component property `emptyValueEnabled` is true, we should not validate the input.
    */
   isAcceptedInputType(input) {
-    return typeof input === 'string' && input !== `+${getCountryCallingCode(this.countryCodeGetter())}`;
+    const shouldSkipEmptyValueCheck = this.emptyValueEnabled && input === '';
+    return (typeof input === 'string' &&
+      input !== `+${getCountryCallingCode(this.countryCodeGetter())}` &&
+      !shouldSkipEmptyValueCheck);
   }
   /**
    * The function `isValidPhoneNumberForCountry` validates a phone number for a specific country code.

package/dist/collection/helpers/validator/test/rules/valid-phone-number-rule.test.js

@@ -74,4 +74,12 @@ describe('ValidPhoneNumberRule', () => {
       visible: true,
     })).toEqual(false);
   });
+  test('should return false when the input is empty', () => {
+    const rule = new ValidPhoneNumberRule(() => 'US', true);
+    expect(rule.canEvaluate('')).toBeFalsy();
+  });
+  test('should return true when the input is not empty', () => {
+    const rule = new ValidPhoneNumberRule(() => 'US', true);
+    expect(rule.canEvaluate('1')).toBeTruthy();
+  });
 });

package/dist/esm/{app-globals-4cca4a96.js → app-globals-c954167a.js}

@@ -1,16 +1,15 @@
 import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
 import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-5aea7aeb.js';
-import { V as VegaThemeManager } from './node-annotation.abstract-b2e36bc4.js';
+import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-2edba4ec.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-b889176b.js';
-import { w as waitForVega } from './index-6e05b241.js';
+import { w as waitForVega } from './index-d172bafa.js';
 import './ui-62e4be97.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-c08f2274.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
-import { V as VegaRTEContent } from './content-state-ccf5f960.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-8268945e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';