Merge pull request #1402 from inplayer-org/fix/persa-type-and-function-adding

Fix/persa type and function adding

Author: mustran

src/analytics/index.tsx

@@ -49,6 +49,7 @@ export enum AnalyticsEvents {
   DATEPICKER_CHANGE = 'datepicker_date_change',
   DAYPICKER_CHANGE = 'daypicker_date_change',
   KEYBOARD_EVENT = 'keyboard_event',
+  FOCUS_OUT = 'focus_out',
 }
 
 export enum AnalyticsComponentType {
@@ -68,6 +69,7 @@ export enum AnalyticsComponentType {
   INPUT = 'input',
   TEXTAREA = 'textarea',
   TAB_NAVIGATION = 'tab_navigation',
+  RADIO = 'radio',
 }
 
 export interface Event {

src/components/Input/Input.tsx

@@ -124,6 +124,18 @@ const Input = forwardRef(
                 type={type}
                 placeholder={placeholder}
                 onChange={onInputChange}
+                onBlur={() => {
+                  if (tag) {
+                    tracker.track({
+                      event: AnalyticsEvents.FOCUS_OUT,
+                      type: AnalyticsComponentType.INPUT,
+                      tag,
+                      pages,
+                      merchantId,
+                      ip,
+                    });
+                  }
+                }}
                 onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
                   if (e.key === 'Enter') {
                     if (tag) {
@@ -170,6 +182,18 @@ const Input = forwardRef(
               placeholder={placeholder}
               onChange={onInputChange}
               icon={icon}
+              onBlur={() => {
+                if (tag) {
+                  tracker.track({
+                    event: AnalyticsEvents.FOCUS_OUT,
+                    type: AnalyticsComponentType.INPUT,
+                    tag,
+                    pages,
+                    merchantId,
+                    ip,
+                  });
+                }
+              }}
               onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
                 if (tag) {
                   if (e.key === 'Enter') {

src/components/Radio/Radio.tsx

@@ -40,7 +40,7 @@ const Radio = ({
               if (tag) {
                 tracker.track({
                   event: AnalyticsEvents.RADIOBUTTON_SELECT,
-                  type: AnalyticsComponentType.CHECKBOX,
+                  type: AnalyticsComponentType.RADIO,
                   tag,
                   pages,
                   merchantId,

src/components/TextArea/TextArea.tsx

@@ -50,6 +50,18 @@ const TextArea = ({ tag = '', ...rest }: Props) => (
             });
           }
         }}
+        onBlur={() => {
+          if (tag) {
+            tracker.track({
+              event: AnalyticsEvents.FOCUS_OUT,
+              type: AnalyticsComponentType.TEXTAREA,
+              tag,
+              pages,
+              merchantId,
+              ip,
+            });
+          }
+        }}
         {...rest}
       />
     )}