Infra/ set infra for users recordings (#2437)

* set recorder infra

* update snapshots

* remove default recorderTag

* fix priority

* add fs support to more components

* update toast + api

* fix merge

* fix snapshots

* unmask TextField label, floatingPlaceholder and charCounter

* review fixes

* add RecorderProps type

* prettify

* change to interface

* formatting

* move recorder typings to typings directory

* fix chip api

Author: lidord-wix

demo/src/screens/__tests__/__snapshots__/AvatarScreen.spec.js.snap

@@ -3072,19 +3072,35 @@ exports[`AvatarScreen renders screen 1`] = `
           >
             <Text
               allowFontScaling={false}
+              fsTagName="unmask"
               numberOfLines={1}
               style={
                 [
                   {
                     "backgroundColor": "transparent",
-                    "color": "#FFFFFF",
-                    "fontFamily": "System",
-                    "fontSize": 12,
-                    "fontWeight": "700",
-                    "lineHeight": 16,
+                    "color": "#20303C",
+                    "textAlign": "left",
                   },
-                  false,
                   undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  undefined,
+                  [
+                    {
+                      "backgroundColor": "transparent",
+                      "color": "#FFFFFF",
+                      "fontFamily": "System",
+                      "fontSize": 12,
+                      "fontWeight": "700",
+                      "lineHeight": 16,
+                    },
+                    false,
+                    undefined,
+                  ],
                 ]
               }
               testID="badge"

src/components/WheelPicker/Item.tsx

@@ -93,6 +93,7 @@ const WheelPickerItem = memo(({
         testID={`${testID}.text`}
         numberOfLines={1}
         style={textStyle}
+        recorderTag={'unmask'}
       >
         {label}
       </AnimatedText>

src/components/badge/index.tsx

@@ -5,7 +5,6 @@ import {
   ImageStyle,
   StyleProp,
   StyleSheet,
-  Text,
   TextStyle,
   TouchableOpacityProps,
   ViewStyle,
@@ -17,6 +16,7 @@ import {BorderRadiuses, Colors, Spacings, Typography} from '../../style';
 import TouchableOpacity from '../touchableOpacity';
 import Image from '../image';
 import View from '../view';
+import Text from '../text';
 
 
 const LABEL_FORMATTER_VALUES = [1, 2, 3, 4] as const;
@@ -209,6 +209,7 @@ class Badge extends PureComponent<BadgeProps> {
           allowFontScaling={false}
           numberOfLines={1}
           testID="badge"
+          recorderTag={'unmask'}
         >
           {this.getFormattedLabel()}
         </Text>