@onairos/react-native 3.1.16 → 3.1.17

package/src/assets/images/contenticon.svg

@@ -1,23 +1,23 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_197_1929)">
-<rect width="32" height="32" rx="16" fill="#ECECED"/>
-<g clip-path="url(#clip0_197_1929)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5625 17.7497C15.5625 17.4015 15.4243 17.0677 15.1779 16.8218C14.9321 16.5755 14.5982 16.4372 14.25 16.4372C13.3811 16.4372 12.0564 16.4372 11.1875 16.4372C10.8392 16.4372 10.5054 16.5755 10.2596 16.8218C10.0132 17.0677 9.875 17.4015 9.875 17.7497V20.8122C9.875 21.1605 10.0132 21.4943 10.2596 21.7402C10.5054 21.9865 10.8392 22.1247 11.1875 22.1247H14.25C14.5982 22.1247 14.9321 21.9865 15.1779 21.7402C15.4243 21.4943 15.5625 21.1605 15.5625 20.8122V17.7497ZM22.125 17.7497C22.125 17.4015 21.9868 17.0677 21.7404 16.8218C21.4946 16.5755 21.1608 16.4372 20.8125 16.4372C19.9436 16.4372 18.6189 16.4372 17.75 16.4372C17.4018 16.4372 17.0679 16.5755 16.8221 16.8218C16.5757 17.0677 16.4375 17.4015 16.4375 17.7497V20.8122C16.4375 21.1605 16.5757 21.4943 16.8221 21.7402C17.0679 21.9865 17.4018 22.1247 17.75 22.1247H20.8125C21.1608 22.1247 21.4946 21.9865 21.7404 21.7402C21.9868 21.4943 22.125 21.1605 22.125 20.8122V17.7497ZM20.2092 15.4717L22.0344 13.6464C22.5468 13.1341 22.5468 12.3029 22.0344 11.7905L20.2092 9.96529C19.6969 9.45298 18.8656 9.45298 18.3533 9.96529L16.5281 11.7905C16.0158 12.3029 16.0158 13.1341 16.5281 13.6464L18.3533 15.4717C18.8656 15.984 19.6969 15.984 20.2092 15.4717ZM15.5625 11.1872C15.5625 10.839 15.4243 10.5052 15.1779 10.2593C14.9321 10.013 14.5982 9.87473 14.25 9.87473C13.3811 9.87473 12.0564 9.87473 11.1875 9.87473C10.8392 9.87473 10.5054 10.013 10.2596 10.2593C10.0132 10.5052 9.875 10.839 9.875 11.1872V14.2497C9.875 14.598 10.0132 14.9318 10.2596 15.1777C10.5054 15.424 10.8392 15.5622 11.1875 15.5622H14.25C14.5982 15.5622 14.9321 15.424 15.1779 15.1777C15.4243 14.9318 15.5625 14.598 15.5625 14.2497V11.1872Z" fill="#1F242F"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_i_197_1929" x="0" y="0" width="32" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_197_1929"/>
-</filter>
-<clipPath id="clip0_197_1929">
-<rect width="14" height="14" fill="white" transform="translate(9 9)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_197_1929)">
+<rect width="32" height="32" rx="16" fill="#ECECED"/>
+<g clip-path="url(#clip0_197_1929)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5625 17.7497C15.5625 17.4015 15.4243 17.0677 15.1779 16.8218C14.9321 16.5755 14.5982 16.4372 14.25 16.4372C13.3811 16.4372 12.0564 16.4372 11.1875 16.4372C10.8392 16.4372 10.5054 16.5755 10.2596 16.8218C10.0132 17.0677 9.875 17.4015 9.875 17.7497V20.8122C9.875 21.1605 10.0132 21.4943 10.2596 21.7402C10.5054 21.9865 10.8392 22.1247 11.1875 22.1247H14.25C14.5982 22.1247 14.9321 21.9865 15.1779 21.7402C15.4243 21.4943 15.5625 21.1605 15.5625 20.8122V17.7497ZM22.125 17.7497C22.125 17.4015 21.9868 17.0677 21.7404 16.8218C21.4946 16.5755 21.1608 16.4372 20.8125 16.4372C19.9436 16.4372 18.6189 16.4372 17.75 16.4372C17.4018 16.4372 17.0679 16.5755 16.8221 16.8218C16.5757 17.0677 16.4375 17.4015 16.4375 17.7497V20.8122C16.4375 21.1605 16.5757 21.4943 16.8221 21.7402C17.0679 21.9865 17.4018 22.1247 17.75 22.1247H20.8125C21.1608 22.1247 21.4946 21.9865 21.7404 21.7402C21.9868 21.4943 22.125 21.1605 22.125 20.8122V17.7497ZM20.2092 15.4717L22.0344 13.6464C22.5468 13.1341 22.5468 12.3029 22.0344 11.7905L20.2092 9.96529C19.6969 9.45298 18.8656 9.45298 18.3533 9.96529L16.5281 11.7905C16.0158 12.3029 16.0158 13.1341 16.5281 13.6464L18.3533 15.4717C18.8656 15.984 19.6969 15.984 20.2092 15.4717ZM15.5625 11.1872C15.5625 10.839 15.4243 10.5052 15.1779 10.2593C14.9321 10.013 14.5982 9.87473 14.25 9.87473C13.3811 9.87473 12.0564 9.87473 11.1875 9.87473C10.8392 9.87473 10.5054 10.013 10.2596 10.2593C10.0132 10.5052 9.875 10.839 9.875 11.1872V14.2497C9.875 14.598 10.0132 14.9318 10.2596 15.1777C10.5054 15.424 10.8392 15.5622 11.1875 15.5622H14.25C14.5982 15.5622 14.9321 15.424 15.1779 15.1777C15.4243 14.9318 15.5625 14.598 15.5625 14.2497V11.1872Z" fill="#1F242F"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_i_197_1929" x="0" y="0" width="32" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_197_1929"/>
+</filter>
+<clipPath id="clip0_197_1929">
+<rect width="14" height="14" fill="white" transform="translate(9 9)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/personalityicon.svg

@@ -1,18 +1,18 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_197_1937)">
-<rect width="32" height="32" rx="16" fill="#ECECED"/>
-<path d="M21.5688 11.4549C20.6968 10.6002 19.5433 10.1432 18.3211 10.1674C17.6285 10.1813 16.9637 10.351 16.3664 10.6559C15.7131 10.322 14.9833 10.1526 14.2269 10.1674C12.8248 10.1955 11.5364 10.8618 10.6919 11.9951C10.1239 12.7573 9.81121 13.7151 9.81121 14.692V14.9161C9.81121 15.1553 9.76251 15.3876 9.66664 15.6066L9.06659 16.9764C8.97283 17.1902 8.97827 17.4331 9.08171 17.6424C9.18515 17.8516 9.37417 18.0041 9.60101 18.0597L10.0807 18.1777L10.2788 19.2877C10.3732 19.8163 10.8314 20.1998 11.3682 20.1998H12.9358C12.9687 20.1998 12.9969 20.2222 13.005 20.2543L13.2431 21.2197C13.3383 21.6068 13.6831 21.8769 14.0817 21.8769H16.3942C16.798 21.8769 17.1682 21.7311 17.4555 21.4898C17.6119 21.7266 17.8789 21.8769 18.1759 21.8769H20.4884C21.3997 21.8769 22.141 21.1356 22.141 20.2243V18.3389C22.141 17.714 22.2753 17.0922 22.5402 16.4915C22.7934 15.9178 22.9216 15.3063 22.9216 14.6745C22.9216 13.4532 22.4413 12.3099 21.5691 11.4549H21.5688ZM16.3942 21.1211H14.0817C14.0321 21.1211 13.9892 21.0875 13.9771 21.0391L13.7391 20.0737C13.648 19.7029 13.3178 19.4437 12.9358 19.4437H11.3682C11.1982 19.4437 11.053 19.3221 11.0231 19.1549L10.8208 18.021C10.7709 17.7419 10.5607 17.5174 10.2845 17.4491L9.78187 17.3254C9.77824 17.3245 9.76675 17.3218 9.75979 17.3078C9.75284 17.2939 9.75768 17.2834 9.75919 17.2797L10.3592 15.9099C10.4975 15.5948 10.5676 15.2603 10.5676 14.9158V14.6917C10.5676 13.8766 10.8271 13.0794 11.2986 12.4466C12.0024 11.5021 13.0755 10.9465 14.2423 10.9232C14.7148 10.9139 15.1748 10.991 15.6045 11.1473C15.3012 11.3896 15.026 11.6736 14.7864 11.9951C14.2184 12.7573 13.9057 13.7151 13.9057 14.692V14.9161C13.9057 15.1553 13.857 15.3876 13.7611 15.6066L13.1611 16.9764C13.0673 17.1902 13.0728 17.4331 13.1762 17.6424C13.2797 17.8516 13.4687 18.0041 13.6955 18.0597L14.1752 18.1777L14.3733 19.2877C14.4677 19.8163 14.9259 20.1998 15.4627 20.1998H17.0303C17.0632 20.1998 17.0914 20.2222 17.0995 20.2543L17.1927 20.632C17.0439 20.9221 16.7423 21.1211 16.3945 21.1211H16.3942Z" fill="#1F242F"/>
-</g>
-<defs>
-<filter id="filter0_i_197_1937" x="0" y="0" width="32" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_197_1937"/>
-</filter>
-</defs>
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_197_1937)">
+<rect width="32" height="32" rx="16" fill="#ECECED"/>
+<path d="M21.5688 11.4549C20.6968 10.6002 19.5433 10.1432 18.3211 10.1674C17.6285 10.1813 16.9637 10.351 16.3664 10.6559C15.7131 10.322 14.9833 10.1526 14.2269 10.1674C12.8248 10.1955 11.5364 10.8618 10.6919 11.9951C10.1239 12.7573 9.81121 13.7151 9.81121 14.692V14.9161C9.81121 15.1553 9.76251 15.3876 9.66664 15.6066L9.06659 16.9764C8.97283 17.1902 8.97827 17.4331 9.08171 17.6424C9.18515 17.8516 9.37417 18.0041 9.60101 18.0597L10.0807 18.1777L10.2788 19.2877C10.3732 19.8163 10.8314 20.1998 11.3682 20.1998H12.9358C12.9687 20.1998 12.9969 20.2222 13.005 20.2543L13.2431 21.2197C13.3383 21.6068 13.6831 21.8769 14.0817 21.8769H16.3942C16.798 21.8769 17.1682 21.7311 17.4555 21.4898C17.6119 21.7266 17.8789 21.8769 18.1759 21.8769H20.4884C21.3997 21.8769 22.141 21.1356 22.141 20.2243V18.3389C22.141 17.714 22.2753 17.0922 22.5402 16.4915C22.7934 15.9178 22.9216 15.3063 22.9216 14.6745C22.9216 13.4532 22.4413 12.3099 21.5691 11.4549H21.5688ZM16.3942 21.1211H14.0817C14.0321 21.1211 13.9892 21.0875 13.9771 21.0391L13.7391 20.0737C13.648 19.7029 13.3178 19.4437 12.9358 19.4437H11.3682C11.1982 19.4437 11.053 19.3221 11.0231 19.1549L10.8208 18.021C10.7709 17.7419 10.5607 17.5174 10.2845 17.4491L9.78187 17.3254C9.77824 17.3245 9.76675 17.3218 9.75979 17.3078C9.75284 17.2939 9.75768 17.2834 9.75919 17.2797L10.3592 15.9099C10.4975 15.5948 10.5676 15.2603 10.5676 14.9158V14.6917C10.5676 13.8766 10.8271 13.0794 11.2986 12.4466C12.0024 11.5021 13.0755 10.9465 14.2423 10.9232C14.7148 10.9139 15.1748 10.991 15.6045 11.1473C15.3012 11.3896 15.026 11.6736 14.7864 11.9951C14.2184 12.7573 13.9057 13.7151 13.9057 14.692V14.9161C13.9057 15.1553 13.857 15.3876 13.7611 15.6066L13.1611 16.9764C13.0673 17.1902 13.0728 17.4331 13.1762 17.6424C13.2797 17.8516 13.4687 18.0041 13.6955 18.0597L14.1752 18.1777L14.3733 19.2877C14.4677 19.8163 14.9259 20.1998 15.4627 20.1998H17.0303C17.0632 20.1998 17.0914 20.2222 17.0995 20.2543L17.1927 20.632C17.0439 20.9221 16.7423 21.1211 16.3945 21.1211H16.3942Z" fill="#1F242F"/>
+</g>
+<defs>
+<filter id="filter0_i_197_1937" x="0" y="0" width="32" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_197_1937"/>
+</filter>
+</defs>
+</svg>

package/src/assets/images/x-close.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18M6 6L18 18" stroke="#333741" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 6L6 18M6 6L18 18" stroke="#333741" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/BodyText.tsx

@@ -1,33 +1,33 @@
-import React from 'react';
-import {
-  Text,
-  StyleSheet,
-  TextStyle,
-} from 'react-native';
-import { TEXT_STYLES } from '../theme';
-
-interface BodyTextProps {
-  children?: React.ReactNode;
-  style?: TextStyle;
-}
-
-const BodyText: React.FC<BodyTextProps> = ({
-  children = "The secure, portable persona built from your data. Every app personalized while your data stays yours.",
-  style,
-}) => {
-  return (
-    <Text style={[styles.text, style]}>
-      {children}
-    </Text>
-  );
-};
-
-const styles = StyleSheet.create({
-  text: {
-    ...TEXT_STYLES.body,
-    paddingHorizontal: 20, // Add horizontal padding for nice text wrapping
-  },
-});
-
-export { BodyText };
-export default BodyText;
+import React from 'react';
+import {
+  Text,
+  StyleSheet,
+  TextStyle,
+} from 'react-native';
+import { TEXT_STYLES } from '../theme';
+
+interface BodyTextProps {
+  children?: React.ReactNode;
+  style?: TextStyle;
+}
+
+const BodyText: React.FC<BodyTextProps> = ({
+  children = "The secure, portable persona built from your data. Every app personalized while your data stays yours.",
+  style,
+}) => {
+  return (
+    <Text style={[styles.text, style]}>
+      {children}
+    </Text>
+  );
+};
+
+const styles = StyleSheet.create({
+  text: {
+    ...TEXT_STYLES.body,
+    paddingHorizontal: 20, // Add horizontal padding for nice text wrapping
+  },
+});
+
+export { BodyText };
+export default BodyText;

package/src/components/BrandMark.tsx

@@ -1,62 +1,62 @@
-import React from 'react';
-import {
-  View,
-  StyleSheet,
-  Image,
-  ViewStyle,
-} from 'react-native';
-import { SHADOWS } from '../theme';
-
-interface BrandMarkProps {
-  containerSize?: number;
-  imageSize?: number;
-  style?: ViewStyle;
-}
-
-const BrandMark: React.FC<BrandMarkProps> = ({
-  containerSize = 96,
-  imageSize = 72,
-  style,
-}) => {
-  return (
-    <View 
-      style={[
-        styles.container,
-        {
-          width: containerSize,
-          height: containerSize,
-          borderRadius: containerSize * 0.2, // Soft rounded corners
-        },
-        style
-      ]}
-    >
-      <Image
-        source={require('../assets/images/Onairoslogo.png')}
-        style={[
-          styles.logo,
-          {
-            width: imageSize,
-            height: imageSize,
-          }
-        ]}
-        resizeMode="contain"
-      />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: '#FFFFFF',
-    justifyContent: 'center',
-    alignItems: 'center',
-    ...SHADOWS.brandMark,
-  },
-  
-  logo: {
-    // Logo styling is handled via props for flexibility
-  },
-});
-
-export { BrandMark };
-export default BrandMark;
+import React from 'react';
+import {
+  View,
+  StyleSheet,
+  Image,
+  ViewStyle,
+} from 'react-native';
+import { SHADOWS } from '../theme';
+
+interface BrandMarkProps {
+  containerSize?: number;
+  imageSize?: number;
+  style?: ViewStyle;
+}
+
+const BrandMark: React.FC<BrandMarkProps> = ({
+  containerSize = 96,
+  imageSize = 72,
+  style,
+}) => {
+  return (
+    <View 
+      style={[
+        styles.container,
+        {
+          width: containerSize,
+          height: containerSize,
+          borderRadius: containerSize * 0.2, // Soft rounded corners
+        },
+        style
+      ]}
+    >
+      <Image
+        source={require('../assets/images/Onairoslogo.png')}
+        style={[
+          styles.logo,
+          {
+            width: imageSize,
+            height: imageSize,
+          }
+        ]}
+        resizeMode="contain"
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#FFFFFF',
+    justifyContent: 'center',
+    alignItems: 'center',
+    ...SHADOWS.brandMark,
+  },
+  
+  logo: {
+    // Logo styling is handled via props for flexibility
+  },
+});
+
+export { BrandMark };
+export default BrandMark;

package/src/components/CodeInput.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
-import { TextInput, TextInputProps, StyleSheet } from 'react-native';
-
-interface CodeInputProps extends TextInputProps {
-  length?: number;
-  onCodeChange?: (code: string) => void;
-}
-
-const CodeInput: React.FC<CodeInputProps> = (props) => {
-  return (
-    <TextInput
-      {...props}
-      keyboardType="number-pad"
-      autoComplete="sms-otp"
-      style={[styles.input, props.style]}
-    />
-  );
-};
-
-const styles = StyleSheet.create({
-  input: {
-    borderWidth: 1,
-    borderColor: '#E0E0E0',
-    borderRadius: 8,
-    padding: 12,
-    fontSize: 16,
-    textAlign: 'center',
-  },
-});
-
-export { CodeInput };
-export default CodeInput;
+import React from 'react';
+import { TextInput, TextInputProps, StyleSheet } from 'react-native';
+
+interface CodeInputProps extends TextInputProps {
+  length?: number;
+  onCodeChange?: (code: string) => void;
+}
+
+const CodeInput: React.FC<CodeInputProps> = (props) => {
+  return (
+    <TextInput
+      {...props}
+      keyboardType="number-pad"
+      autoComplete="sms-otp"
+      style={[styles.input, props.style]}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  input: {
+    borderWidth: 1,
+    borderColor: '#E0E0E0',
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 16,
+    textAlign: 'center',
+  },
+});
+
+export { CodeInput };
+export default CodeInput;