feat: add handler for submit error in hubspot forms (#135)

Author: gorgeousvlad

src/sub-blocks/HubspotForm/__stories__/HubspotForm.stories.tsx

@@ -26,6 +26,7 @@ Default.args = {
     /*eslint-disable  no-console */
     onBeforeLoad: () => console.log('onBeforeLoad'),
     onBeforeSubmit: () => console.log('onBeforeSubmit'),
+    onSubmitError: () => console.log('onSubmitError'),
     onLoad: () => console.log('onLoad'),
     onSubmit: () => console.log('onSubmit'),
     /*eslint-enable */

src/sub-blocks/HubspotForm/index.tsx

@@ -29,6 +29,7 @@ const HubspotForm: React.FunctionComponent<HubspotFormProps> = (props) => {
         onSubmit,
         onBeforeLoad,
         onLoad,
+        onSubmitError,
     } = props;
 
     const handleMetrika = useMetrika();
@@ -43,12 +44,13 @@ const HubspotForm: React.FunctionComponent<HubspotFormProps> = (props) => {
             onBeforeLoad,
             onBeforeSubmit,
             onLoad,
+            onSubmitError,
             onSubmit: (e) => {
                 handleMetrika?.({pixelEvents});
                 onSubmit?.(e);
             },
         }),
-        [onBeforeLoad, onBeforeSubmit, onLoad, handleMetrika, pixelEvents, onSubmit],
+        [onBeforeLoad, onBeforeSubmit, onLoad, handleMetrika, pixelEvents, onSubmit, onSubmitError],
     );
 
     useHandleHubspotEvents(handlers, formId);

src/utils/hubspot.ts

@@ -3,6 +3,7 @@ export type HubspotEventName =
     | 'onFormReady'
     | 'onFormSubmit'
     | 'onFormSubmitted'
+    | 'onFormError'
     | `_${string}`;
 
 export interface HubspotEventData {
@@ -26,6 +27,7 @@ export interface HubspotEventHandlers {
     onBeforeSubmit?: (arg: HubspotEventData) => void;
     onSubmit?: (arg: HubspotEventData) => void;
     onLoad?: (arg: HubspotEventData) => void;
+    onSubmitError?: (arg: HubspotEventData) => void;
 }
 
 export function loopBackHabspotEvents(formId: string) {
@@ -73,6 +75,10 @@ export function handleHubspotEvents(handlers: HubspotEventHandlers, formId: stri
                 handlers.onSubmit?.(data);
                 break;
             }
+            case 'onFormError': {
+                handlers.onSubmitError?.(data);
+                break;
+            }
             default:
                 break;
         }