@tactics/toddle-styleguide 1.2.9 → 1.3.1

package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap

@@ -1,12 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows a DEFAULT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -19,19 +22,13 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
           "backgroundColor": "#E0E8F9",
         },
         false,
-        false,
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 32,
-        },
-        false,
       ]
     }
   >
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={3}
+      handlerTag={1}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -135,8 +132,8 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -148,24 +145,32 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4279837036,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
                         "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -236,8 +241,8 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -249,24 +254,21 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
                         "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -280,7 +282,7 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={4}
+        handlerTag={2}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -319,7 +321,6 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
                   "backgroundColor": "#E0E8F9",
                 },
                 false,
-                false,
               ],
             ]
           }
@@ -332,13 +333,16 @@ exports[`Failed text bubble test shows a DEFAULT RECEIVED text bubble that is sw
 </View>
 `;
 
-exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows a DEFAULT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -351,19 +355,13 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
           "backgroundColor": "#E0E8F9",
         },
         false,
-        false,
-        false,
-        {
-          "borderBottomLeftRadius": 32,
-          "borderBottomRightRadius": 8,
-        },
       ]
     }
   >
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={1}
+      handlerTag={3}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -467,8 +465,8 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -480,24 +478,32 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4279837036,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
                         "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -568,8 +574,8 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -581,24 +587,21 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
                         "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -612,7 +615,7 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={2}
+        handlerTag={4}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -651,7 +654,6 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
                   "backgroundColor": "#E0E8F9",
                 },
                 false,
-                false,
               ],
             ]
           }
@@ -664,13 +666,16 @@ exports[`Failed text bubble test shows a DEFAULT SENT text bubble that is swipea
 </View>
 `;
 
-exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows a WARNING text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -681,21 +686,15 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
         },
         false,
         {
-          "backgroundColor": "#FEEFDB",
-        },
-        false,
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 32,
+          "backgroundColor": "#FFD398",
         },
-        false,
       ]
     }
   >
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={7}
+      handlerTag={5}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -799,8 +798,8 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -812,24 +811,32 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4294618180,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
                         "payload": 4294618180,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -900,8 +907,8 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -913,24 +920,21 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
                         "payload": 4294618180,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -944,7 +948,7 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={8}
+        handlerTag={6}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -970,7 +974,7 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                 },
               ],
               {
-                "color": "#FAAC44",
+                "color": "#1F2933",
                 "textAlign": undefined,
                 "width": "100%",
               },
@@ -981,9 +985,8 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
                 },
                 false,
                 {
-                  "backgroundColor": "#FEEFDB",
+                  "backgroundColor": "#FFD398",
                 },
-                false,
               ],
             ]
           }
@@ -996,13 +999,16 @@ exports[`Failed text bubble test shows a WARNING RECEIVED text bubble that is sw
 </View>
 `;
 
-exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows a WARNING text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -1013,13 +1019,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
         },
         false,
         {
-          "backgroundColor": "#FEEFDB",
-        },
-        false,
-        false,
-        {
-          "borderBottomLeftRadius": 32,
-          "borderBottomRightRadius": 8,
+          "backgroundColor": "#FFD398",
         },
       ]
     }
@@ -1027,7 +1027,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={5}
+      handlerTag={7}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -1131,8 +1131,8 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -1144,24 +1144,32 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4294618180,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
                         "payload": 4294618180,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1232,8 +1240,8 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -1245,24 +1253,21 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
                         "payload": 4294618180,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1276,7 +1281,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={6}
+        handlerTag={8}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -1302,7 +1307,7 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                 },
               ],
               {
-                "color": "#FAAC44",
+                "color": "#1F2933",
                 "textAlign": undefined,
                 "width": "100%",
               },
@@ -1313,9 +1318,8 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
                 },
                 false,
                 {
-                  "backgroundColor": "#FEEFDB",
+                  "backgroundColor": "#FFD398",
                 },
-                false,
               ],
             ]
           }
@@ -1328,13 +1332,16 @@ exports[`Failed text bubble test shows a WARNING SENT text bubble that is swipea
 </View>
 `;
 
-exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows an ERROR text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -1345,21 +1352,13 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
         },
         false,
         false,
-        {
-          "backgroundColor": "#F16868",
-        },
-        {
-          "borderBottomLeftRadius": 8,
-          "borderBottomRightRadius": 32,
-        },
-        false,
       ]
     }
   >
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={11}
+      handlerTag={9}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -1463,8 +1462,8 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -1476,24 +1475,32 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4279837036,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
-                        "payload": 4294695385,
+                        "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1564,8 +1571,8 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -1577,24 +1584,21 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
-                        "payload": 4294695385,
+                        "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1608,7 +1612,7 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={12}
+        handlerTag={10}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -1634,7 +1638,7 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                 },
               ],
               {
-                "color": "#FFFFFF",
+                "color": "#1F2933",
                 "textAlign": undefined,
                 "width": "100%",
               },
@@ -1645,9 +1649,6 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
                 },
                 false,
                 false,
-                {
-                  "backgroundColor": "#F16868",
-                },
               ],
             ]
           }
@@ -1660,13 +1661,16 @@ exports[`Failed text bubble test shows an ERROR RECEIVED text bubble that is swi
 </View>
 `;
 
-exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 1`] = `
+exports[`Failed text bubble test shows an ERROR text bubble that is swipeable with edit and trash icon, which if we press them we can edit or delete the message 2`] = `
 <View>
   <View
     style={
       [
         {
-          "borderRadius": 24,
+          "borderBottomLeftRadius": 8,
+          "borderBottomRightRadius": 24,
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
           "justifyContent": "center",
           "overflow": "hidden",
           "paddingBottom": 16,
@@ -1677,21 +1681,13 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
         },
         false,
         false,
-        {
-          "backgroundColor": "#F16868",
-        },
-        false,
-        {
-          "borderBottomLeftRadius": 32,
-          "borderBottomRightRadius": 8,
-        },
       ]
     }
   >
     <View
       collapsable={false}
       forwardedRef={[Function]}
-      handlerTag={9}
+      handlerTag={11}
       handlerType="PanGestureHandler"
       onGestureHandlerEvent={[Function]}
       onGestureHandlerStateChange={[Function]}
@@ -1795,8 +1791,8 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                     },
                   ]
                 }
-                vbHeight={23}
-                vbWidth={23}
+                vbHeight={17}
+                vbWidth={16}
                 width={24}
               >
                 <RNSVGGroup
@@ -1808,24 +1804,32 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                   }
                 >
                   <RNSVGPath
-                    d="M15.1363 3.88626L19.1137 7.86374M16.8238 2.19876C17.9221 1.10041 19.7029 1.10041 20.8012 2.19876C21.8996 3.29711 21.8996 5.07789 20.8012 6.17624L5.31256 21.6649H1.37506V17.6475L16.8238 2.19876Z"
+                    d="M11.9444 1.12367C12.8036 0.225461 14.1965 0.225461 15.0557 1.12367C15.9148 2.02187 15.9148 3.47815 15.0557 4.37636L14.1835 5.28818L11.0722 2.03549L11.9444 1.12367Z"
+                    fill={
+                      {
+                        "payload": 4279837036,
+                        "type": 0,
+                      }
+                    }
                     propList={
                       [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
+                        "fill",
                       ]
                     }
-                    stroke={
+                  />
+                  <RNSVGPath
+                    d="M9.5166 3.66184L0.300049 13.2973V16.55H3.41132L12.6279 6.91453L9.5166 3.66184Z"
+                    fill={
                       {
-                        "payload": 4294695385,
+                        "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    propList={
+                      [
+                        "fill",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1896,8 +1900,8 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                     },
                   ]
                 }
-                vbHeight={22}
-                vbWidth={21}
+                vbHeight={18}
+                vbWidth={17}
                 width={24}
               >
                 <RNSVGGroup
@@ -1909,24 +1913,21 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                   }
                 >
                   <RNSVGPath
-                    d="M18.375 5.58333L17.3993 18.7377C17.3152 19.8715 16.3354 20.75 15.155 20.75H5.84502C4.66458 20.75 3.68484 19.8715 3.60074 18.7377L2.625 5.58333M8.25 9.91667V16.4167M12.75 9.91667V16.4167M13.875 5.58333V2.33333C13.875 1.73502 13.3713 1.25 12.75 1.25H8.25C7.62868 1.25 7.125 1.73502 7.125 2.33333V5.58333M1.5 5.58333H19.5"
-                    propList={
-                      [
-                        "stroke",
-                        "strokeWidth",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
+                    clipRule={0}
+                    d="M7.34995 0.200012C6.91436 0.200012 6.51616 0.435415 6.32136 0.808077L5.48921 2.40001H1.59995C0.964824 2.40001 0.449951 2.8925 0.449951 3.50001C0.449951 4.10753 0.964824 4.60001 1.59995 4.60001L1.59995 15.6C1.59995 16.815 2.6297 17.8 3.89995 17.8H13.1C14.3702 17.8 15.4 16.815 15.4 15.6V4.60001C16.0351 4.60001 16.55 4.10753 16.55 3.50001C16.55 2.8925 16.0351 2.40001 15.4 2.40001H11.5107L10.6785 0.808077C10.4837 0.435415 10.0855 0.200012 9.64995 0.200012H7.34995ZM5.04995 6.80001C5.04995 6.1925 5.56482 5.70001 6.19995 5.70001C6.83508 5.70001 7.34995 6.1925 7.34995 6.80001V13.4C7.34995 14.0075 6.83508 14.5 6.19995 14.5C5.56482 14.5 5.04995 14.0075 5.04995 13.4V6.80001ZM10.8 5.70001C10.1648 5.70001 9.64995 6.1925 9.64995 6.80001V13.4C9.64995 14.0075 10.1648 14.5 10.8 14.5C11.4351 14.5 11.95 14.0075 11.95 13.4V6.80001C11.95 6.1925 11.4351 5.70001 10.8 5.70001Z"
+                    fill={
                       {
-                        "payload": 4294695385,
+                        "payload": 4279837036,
                         "type": 0,
                       }
                     }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                    strokeWidth="2"
+                    fillRule={0}
+                    propList={
+                      [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
                   />
                 </RNSVGGroup>
               </RNSVGSvgView>
@@ -1940,7 +1941,7 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
       <View
         collapsable={false}
         forwardedRef={[Function]}
-        handlerTag={10}
+        handlerTag={12}
         handlerType="TapGestureHandler"
         onGestureHandlerEvent={[Function]}
         onGestureHandlerStateChange={[Function]}
@@ -1966,7 +1967,7 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                 },
               ],
               {
-                "color": "#FFFFFF",
+                "color": "#1F2933",
                 "textAlign": undefined,
                 "width": "100%",
               },
@@ -1977,9 +1978,6 @@ exports[`Failed text bubble test shows an ERROR SENT text bubble that is swipeab
                 },
                 false,
                 false,
-                {
-                  "backgroundColor": "#F16868",
-                },
               ],
             ]
           }