@motopays/pay-form 2.6.6 → 2.6.7-rc.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 2.6.7-rc.2
+### Added
+- New analytics event `pay-validation-error` emitted when the user attempts to pay but the form is invalid.
+  - Fired when the `Pay` button is clicked while card requisites are invalid.
+  - Fired when the Apple Pay or Google Pay button is clicked while the form is not payable.
+  - Payload `IPayValidationErrorAnalytics`:
+    - `button`: `'pay' | 'applepay' | 'googlepay'`
+    - `invalidComponents`: `string[]` — keys of enabled components that are not filled or not valid.
+
+
+
+
 ## 2.6.6
 ### Added
 - Redesign of cvv input on card verification, card selection dropdown instead of list, confirmation dialog on card removal

package/README.md

@@ -571,6 +571,7 @@ For receiving analytics listen analyticsTracked events.
 'apms-show-button-click' - the apm collapse text has been clicked. Payload: ICardAnalytics.<br>
 'master-click' - the master checkbox has been clicked. <br>
 'master-focus' - the master checkbox has been clicked. <br>
+'pay-validation-error' - the payment was attempted but validation failed. Emitted when the 'Pay' button is clicked while card requisites are invalid, or when an Apple Pay / Google Pay button is clicked while the form is not payable. Payload: IPayValidationErrorAnalytics.<br>
 
 Examples of dynamic event types (number inserting):
 &emsp;1. Example of the first checkbox: 'charge-term-checkbox-0-check'
@@ -625,7 +626,8 @@ type TAnalyticsServiceAction =
   | ServiceAction<'cards-toggle-button-click', ICardListAnalytics>
   | ServiceAction<'remove-card-button-click', ICardAnalytics>
   | ServiceAction<'select-card-button-click', ICardAnalytics>
-  | ServiceAction<'apms-show-button-click', ICardAnalytics>;
+  | ServiceAction<'apms-show-button-click', ICardAnalytics>
+  | ServiceAction<'pay-validation-error', IPayValidationErrorAnalytics>;
 
 
 //payload types
@@ -645,6 +647,11 @@ interface IUserPreferencesAnalytics {
     name: string;
     text: string;
 }
+
+interface IPayValidationErrorAnalytics {
+    button: string;             // 'pay' | 'applepay' | 'googlepay'
+    invalidComponents: string[]; // keys of components that are enabled but not filled or not valid
+}
 ```
 
 ### Linkify

package/index.d.ts

@@ -347,7 +347,11 @@ export interface IUserPreferencesAnalytics {
 	name: string;
 	text: string;
 }
-export type TAnalyticsServiceAction = ServiceAction<"init-start"> | ServiceAction<"loading-finish"> | ServiceAction<"card-number-field-focus"> | ServiceAction<"expiration-date-field-focus"> | ServiceAction<"cvv-field-focus"> | ServiceAction<"card-holder-field-focus"> | ServiceAction<"number-field-focus"> | ServiceAction<"master-click"> | ServiceAction<"master-focus"> | ServiceAction<`charge-term-checkbox${`-${number}`}-focus`, IChargeTermsAnalytics> | ServiceAction<`charge-term-checkbox${`-${number}`}-check`, IChargeTermsAnalytics> | ServiceAction<`charge-term-checkbox${`-${number}`}-uncheck`, IChargeTermsAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-focus`, IUserPreferencesAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-check`, IUserPreferencesAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-uncheck`, IUserPreferencesAnalytics> | ServiceAction<"pay-button-focus"> | ServiceAction<"pay-button-click"> | ServiceAction<`${string}-button-focus`> | ServiceAction<`${string}-button-click`> | ServiceAction<"add-card-button-focus"> | ServiceAction<"add-card-button-click"> | ServiceAction<"card-options-button-click", ICardAnalytics> | ServiceAction<"cards-toggle-button-click", ICardListAnalytics> | ServiceAction<"remove-card-button-click", ICardAnalytics> | ServiceAction<"select-card-button-click", ICardAnalytics> | ServiceAction<"apms-show-button-click", ICardAnalytics>;
+export interface IPayValidationErrorAnalytics {
+	button: string;
+	invalidComponents: string[];
+}
+export type TAnalyticsServiceAction = ServiceAction<"init-start"> | ServiceAction<"loading-finish"> | ServiceAction<"card-number-field-focus"> | ServiceAction<"expiration-date-field-focus"> | ServiceAction<"cvv-field-focus"> | ServiceAction<"card-holder-field-focus"> | ServiceAction<"number-field-focus"> | ServiceAction<"master-click"> | ServiceAction<"master-focus"> | ServiceAction<`charge-term-checkbox${`-${number}`}-focus`, IChargeTermsAnalytics> | ServiceAction<`charge-term-checkbox${`-${number}`}-check`, IChargeTermsAnalytics> | ServiceAction<`charge-term-checkbox${`-${number}`}-uncheck`, IChargeTermsAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-focus`, IUserPreferencesAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-check`, IUserPreferencesAnalytics> | ServiceAction<`user-preference-checkbox${`-${number}`}-uncheck`, IUserPreferencesAnalytics> | ServiceAction<"pay-button-focus"> | ServiceAction<"pay-button-click"> | ServiceAction<`${string}-button-focus`> | ServiceAction<`${string}-button-click`> | ServiceAction<"add-card-button-focus"> | ServiceAction<"add-card-button-click"> | ServiceAction<"card-options-button-click", ICardAnalytics> | ServiceAction<"cards-toggle-button-click", ICardListAnalytics> | ServiceAction<"remove-card-button-click", ICardAnalytics> | ServiceAction<"select-card-button-click", ICardAnalytics> | ServiceAction<"apms-show-button-click", ICardAnalytics> | ServiceAction<"pay-validation-error", IPayValidationErrorAnalytics>;
 export interface IApmsShowAnalytics {
 	show: boolean;
 }