assentify-sdk-react-native 0.0.2 → 0.0.3

package/lib/typescript/src/components/icons/chevron-left.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-left.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/chevron-left.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAiB5B,CAAC;AACF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/icons/chevron-right.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const ChevronRightIcon: React.FC;
-export default ChevronRightIcon;
-//# sourceMappingURL=chevron-right.d.ts.map

package/lib/typescript/src/components/icons/chevron-right.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-right.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/chevron-right.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAiB7B,CAAC;AACF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/components/icons/chevron-up.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare const ChevronUpIcon: React.FC;
-export default ChevronUpIcon;
-//# sourceMappingURL=chevron-up.d.ts.map

package/lib/typescript/src/components/icons/chevron-up.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-up.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/chevron-up.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAiB1B,CAAC;AACF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/icons/close.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const CloseIcon: React.FC;
-export default CloseIcon;
-//# sourceMappingURL=close.d.ts.map

package/lib/typescript/src/components/icons/close.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"close.d.ts","sourceRoot":"","sources":["../../../../../src/components/icons/close.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAiBtB,CAAC;AACF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/components/type.d.ts

@@ -1,3 +0,0 @@
-export type ThemeIcon = 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'close' | 'arrow_left' | 'big_warning' | 'check_success';
-export type ThemeIcons = Record<ThemeIcon, string>;
-//# sourceMappingURL=type.d.ts.map

package/lib/typescript/src/components/type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GACjB,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,aAAa,GACb,eAAe,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC"}

package/lib/typescript/src/helpers/NavigationService.d.ts

@@ -1,29 +0,0 @@
-import { type NavigationContainerRef } from '@react-navigation/native';
-declare function setTopLevelNavigator(navigatorRef?: NavigationContainerRef<any>): void;
-declare function navigate(routeName: string, params?: any): void;
-declare function replace(routeName: string, params?: any): void;
-declare function push(routeName: string, params?: any): void;
-declare function pop(number?: number): void;
-declare function popToTop(): void;
-declare function goBack(): void;
-declare function canGoBack(): boolean;
-declare function getNavigator(): NavigationContainerRef<any>;
-declare function reset(routeName: string): void;
-declare function setCurrentRoute(route: string): void;
-declare function getCurrentRoute(): string;
-declare const _default: {
-    replace: typeof replace;
-    push: typeof push;
-    pop: typeof pop;
-    setTopLevelNavigator: typeof setTopLevelNavigator;
-    setCurrentRoute: typeof setCurrentRoute;
-    getCurrentRoute: typeof getCurrentRoute;
-    getNavigator: typeof getNavigator;
-    navigate: typeof navigate;
-    reset: typeof reset;
-    popToTop: typeof popToTop;
-    goBack: typeof goBack;
-    canGoBack: typeof canGoBack;
-};
-export default _default;
-//# sourceMappingURL=NavigationService.d.ts.map

package/lib/typescript/src/helpers/NavigationService.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationService.d.ts","sourceRoot":"","sources":["../../../../src/helpers/NavigationService.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,0BAA0B,CAAC;AAKlC,iBAAS,oBAAoB,CAAC,YAAY,CAAC,EAAE,sBAAsB,CAAC,GAAG,CAAC,QAEvE;AAED,iBAAS,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,QAEhD;AAED,iBAAS,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,QAE/C;AAED,iBAAS,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,QAE5C;AAED,iBAAS,GAAG,CAAC,MAAM,SAAI,QAEtB;AAED,iBAAS,QAAQ,SAEhB;AAED,iBAAS,MAAM,SAEd;AAED,iBAAS,SAAS,YAEjB;AAED,iBAAS,YAAY,gCAEpB;AAED,iBAAS,KAAK,CAAC,SAAS,EAAE,MAAM,QAa/B;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,QAErC;AAED,iBAAS,eAAe,WAOvB;;;;;;;;;;;;;;;AAID,wBAaE"}

package/lib/typescript/src/helpers/constants.d.ts

@@ -1,10 +0,0 @@
-export declare const DOC_TYPE: {
-    PASSPORT: string;
-    CIVIL_ID: string;
-    OTHER: string;
-};
-export declare const PAGES: {
-    SELECT_DOCUMENT: string;
-    Empty: string;
-};
-//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/helpers/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/helpers/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}

package/lib/typescript/src/helpers/useBackHandler.d.ts

@@ -1,2 +0,0 @@
-export declare function useBackHandler(handler: () => boolean): void;
-//# sourceMappingURL=useBackHandler.d.ts.map

package/lib/typescript/src/helpers/useBackHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBackHandler.d.ts","sourceRoot":"","sources":["../../../../src/helpers/useBackHandler.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,OAAO,QASpD"}

package/lib/typescript/src/navigator/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const AssentifyNavigator: () => React.JSX.Element;
-export default AssentifyNavigator;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/navigator/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,kBAAkB,yBAiBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/src/screens/SelectDocument.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-type Props = {};
-declare const SelectDocument: React.FC<Props>;
-export default SelectDocument;
-//# sourceMappingURL=SelectDocument.d.ts.map

package/lib/typescript/src/screens/SelectDocument.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectDocument.d.ts","sourceRoot":"","sources":["../../../../src/screens/SelectDocument.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,KAAK,KAAK,GAAG,EAAE,CAAC;AAIhB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuInC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/src/themes/index.d.ts

@@ -1,16 +0,0 @@
-export declare const COLORS: {
-    white: string;
-    primaryBase1: string;
-    secondaryBase1: string;
-    secondary100: string;
-    secondary200: string;
-    secondary300: string;
-    secondary700: string;
-    secondary800: string;
-    secondary1200: string;
-    grey100: string;
-    grey300: string;
-    grey600: string;
-    grey800: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/themes/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAelB,CAAC"}

package/lib/typescript/src/themes/styling.d.ts

@@ -1,7 +0,0 @@
-export declare const normalize: (size: number, based?: "width" | "height") => number;
-export declare const widthPixel: (size: number) => number;
-export declare const heightPixel: (size: number) => number;
-export declare const fontPixel: (size: number) => number;
-export declare const pixelSizeVertical: (size: number) => number;
-export declare const pixelSizeHorizontal: (size: number) => number;
-//# sourceMappingURL=styling.d.ts.map

package/lib/typescript/src/themes/styling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styling.d.ts","sourceRoot":"","sources":["../../../../src/themes/styling.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,SAAS,SACd,MAAM,UACL,OAAO,GAAG,QAAQ,WAS1B,CAAC;AAGF,eAAO,MAAM,UAAU,SAAU,MAAM,WAEtC,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,WAEvC,CAAC;AAEF,eAAO,MAAM,SAAS,SAAU,MAAM,WAErC,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,MAAM,WAE7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,MAAM,WAE/C,CAAC"}

package/lib/typescript/src/useGlobalStore.d.ts

@@ -1,25 +0,0 @@
-import type { KycDocumentDetails, Templates, TemplatesByCountry } from './types';
-import type { CountryCode } from 'react-native-country-picker-modal';
-import { type LanguageCode } from './Language';
-type GlobalStoreState = {
-    countryCode: CountryCode | null;
-    languageCode: LanguageCode;
-    preferredCountry: CountryCode[] | string[];
-    supportedCountries: TemplatesByCountry[];
-    supportedTemplates: Templates[];
-    kycDocumentDetails: KycDocumentDetails[] | null;
-    docType: string | null;
-    isVisible: boolean;
-    setCountryCode: (countryCode: CountryCode | null) => void;
-    setFlowLanguage: (languageCode: LanguageCode | null) => void;
-    setPreferredCountry: (preferredCountry: CountryCode[]) => void;
-    setSupportedCountries: (supportedCountries: TemplatesByCountry[]) => void;
-    setSupportedTemplates: (supportedTemplates: Templates[]) => void;
-    setKYCDocumentDetails: (kycDocumentDetails: KycDocumentDetails[] | null) => void;
-    setDocType: (docType: string | null) => void;
-    setIsVisible: (isVisible: boolean) => void;
-    clearGlobalStore: () => void;
-};
-declare const useGlobalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<GlobalStoreState>>;
-export default useGlobalStore;
-//# sourceMappingURL=useGlobalStore.d.ts.map

package/lib/typescript/src/useGlobalStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGlobalStore.d.ts","sourceRoot":"","sources":["../../../src/useGlobalStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,kBAAkB,EAGlB,SAAS,EACT,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,CAAC;IAC3C,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;IACzC,kBAAkB,EAAE,SAAS,EAAE,CAAC;IAChC,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IAEnB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACjE,qBAAqB,EAAE,CACrB,kBAAkB,EAAE,kBAAkB,EAAE,GAAG,IAAI,KAC5C,IAAI,CAAC;IACV,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAgBF,QAAA,MAAM,cAAc,+EAYjB,CAAC;AAEJ,eAAe,cAAc,CAAC"}

package/src/components/BackButton.tsx

@@ -1,28 +0,0 @@
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import React from 'react';
-import { pixelSizeHorizontal } from '../themes/styling';
-import { COLORS } from '../themes';
-import BaseIcon from './BaseIcon';
-
-type Props = {
-  onPress?: () => void;
-};
-
-const BackButton: React.FC<Props> = ({ onPress }) => {
-  return (
-    <TouchableOpacity style={styles.BackButtons} onPress={onPress}>
-      <BaseIcon name="arrow_left" color={COLORS.secondaryBase1} />
-    </TouchableOpacity>
-  );
-};
-
-export default BackButton;
-
-const styles = StyleSheet.create({
-  BackButtons: {
-    padding: 6,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginLeft: pixelSizeHorizontal(16),
-  },
-});

package/src/components/BaseButton.tsx

@@ -1,44 +0,0 @@
-import { StyleSheet, Text, TouchableOpacity } from 'react-native';
-import React from 'react';
-import { COLORS } from '../themes';
-import {
-  fontPixel,
-  pixelSizeHorizontal,
-  pixelSizeVertical,
-} from '../themes/styling';
-
-type Props = {
-  label: string;
-  onPress?: () => void;
-};
-
-const BaseButton: React.FC<Props> = ({ label, onPress }) => {
-  return (
-    <TouchableOpacity
-      activeOpacity={0.7}
-      style={styles.BaseButton}
-      onPress={onPress}
-    >
-      <Text style={styles.labelStyle}>{label}</Text>
-    </TouchableOpacity>
-  );
-};
-
-export default BaseButton;
-
-const styles = StyleSheet.create({
-  BaseButton: {
-    backgroundColor: "#f5a103",
-    paddingVertical: pixelSizeVertical(12),
-    paddingHorizontal: pixelSizeHorizontal(16),
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 48,
-  },
-  labelStyle: {
-    fontSize: fontPixel(16),
-    fontWeight: '500',
-    lineHeight: 22,
-    color: COLORS.white,
-  },
-});

package/src/components/BaseIcon.tsx

@@ -1,96 +0,0 @@
-import type { ThemeIcon } from './type';
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import ArrowLeftIcon from './icons/arrow-left';
-import ChevronDownIcon from './icons/chevron-down';
-import ChevronLeftIcon from './icons/chevron-left';
-import ChevronRightIcon from './icons/chevron-right';
-import ChevronUpIcon from './icons/chevron-up';
-import CloseIcon from './icons/close';
-import BigWarningIcon from './icons/big-warning';
-import CheckSuccessIcon from './icons/check-success';
-
-export type Props = {
-  /**
-   * Name of the icon
-   */
-  name: ThemeIcon;
-  /**
-   * Size of the icon.
-   */
-  size?: number;
-  /**
-   * Custom icon's text color.
-   */
-  color?: string;
-  /**
-   * @optional
-   * Style for icon
-   */
-  style?: StyleProp<ViewStyle>;
-};
-/**
- *
- * <div class="screenshots">
- *   <figure>
- *     <img class="small" src="screenshots/icon-1.png" />
- *     <figcaption>Default icon</figcaption>
- *   </figure>
- *   <figure>
- *     <img class="small" src="screenshots/icon-2.png" />
- *     <figcaption>Custom icon colors</figcaption>
- *   </figure>
- *   <figure>
- *     <img class="small" src="screenshots/icon-3.png" />
- *     <figcaption>Custom icon sizes</figcaption>
- *   </figure>
- * </div>
- *
- * ## Usage
- * ```js
- */
-
-const BaseIcon = ({ name, color, size, ...rest }: Props) => {
-  const DEFAULT_SIZE = 24;
-
-  const iconHeight = size || DEFAULT_SIZE;
-  const iconWidth = size || DEFAULT_SIZE;
-
-  const getProps = () => ({
-    color: color,
-    width: iconWidth,
-    height: iconHeight,
-    ...rest,
-  });
-
-  switch (name) {
-    case 'chevron_down':
-      //@ts-ignore
-      return <ChevronDownIcon {...getProps()} />;
-    case 'chevron_left':
-      //@ts-ignore
-      return <ChevronLeftIcon {...getProps()} />;
-    case 'chevron_right':
-      //@ts-ignore
-      return <ChevronRightIcon {...getProps()} />;
-    case 'chevron_up':
-      //@ts-ignore
-      return <ChevronUpIcon {...getProps()} />;
-    case 'close':
-      //@ts-ignore
-      return <CloseIcon {...getProps()} />;
-    case 'arrow_left':
-      //@ts-ignore
-      return <ArrowLeftIcon {...getProps()} />;
-    case 'big_warning':
-      //@ts-ignore
-      return <BigWarningIcon {...getProps()} />;
-    case 'check_success':
-      //@ts-ignore
-      return <CheckSuccessIcon {...getProps()} />;
-    default:
-      return null;
-  }
-};
-
-export default BaseIcon;

package/src/components/CloseButton.tsx

@@ -1,28 +0,0 @@
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import React from 'react';
-import { pixelSizeHorizontal } from '../themes/styling';
-import { COLORS } from '../themes';
-import BaseIcon from './BaseIcon';
-
-type Props = {
-  onPress?: () => void;
-};
-
-const CloseButton: React.FC<Props> = ({ onPress }) => {
-  return (
-    <TouchableOpacity style={styles.BackButtons} onPress={onPress}>
-      <BaseIcon name="close" color={COLORS.secondaryBase1} />
-    </TouchableOpacity>
-  );
-};
-
-export default CloseButton;
-
-const styles = StyleSheet.create({
-  BackButtons: {
-    padding: 6,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginLeft: pixelSizeHorizontal(16),
-  },
-});

package/src/components/CustomHeader.tsx

@@ -1,58 +0,0 @@
-import { pixelSizeVertical } from '../themes/styling';
-import React from 'react';
-import { View, StyleSheet, SafeAreaView } from 'react-native';
-import type { ViewStyle, StyleProp } from 'react-native';
-
-type HeaderSubComponent = React.ReactElement<{}> | React.ReactNode;
-
-type CustomHeaderProps = {
-  headerLeft?: HeaderSubComponent;
-  headerRight?: HeaderSubComponent;
-  headerTitle?: HeaderSubComponent;
-  containerStyle?: StyleProp<ViewStyle>;
-};
-
-const CustomHeader: React.FC<CustomHeaderProps> = ({
-  headerLeft,
-  headerRight,
-  headerTitle,
-  containerStyle,
-}) => {
-  return (
-    <SafeAreaView style={[styles.ViewHeader, containerStyle]}>
-      <View style={styles.headerLeft}>{headerLeft}</View>
-      <View style={styles.headerTitle}>{headerTitle}</View>
-      <View style={styles.headerRight}>{headerRight}</View>
-    </SafeAreaView>
-  );
-};
-
-export default CustomHeader;
-
-const styles = StyleSheet.create({
-  ViewHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-
-    marginTop: pixelSizeVertical(15),
-    width: '100%',
-  },
-  headerLeft: {
-    // flex: 1,
-    minWidth: 50,
-    justifyContent: 'center',
-    alignItems: 'flex-start',
-  },
-  headerRight: {
-    // flex: 1,
-    minWidth: 50,
-    justifyContent: 'center',
-    alignItems: 'flex-end',
-  },
-  headerTitle: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: 'auto',
-  },
-});

package/src/components/Each.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-interface EachProps {
-  render: (item: any, index: number) => React.ReactNode;
-  of?: any[];
-}
-
-const Each: React.FC<EachProps> = ({ render, of }) => {
-  return React.Children.toArray(of?.map((item, index) => render(item, index)));
-};
-
-export default Each;

package/src/components/Page.tsx

@@ -1,64 +0,0 @@
-import { ScrollView, StyleSheet, SafeAreaView } from 'react-native';
-import type { ViewStyle, StyleProp } from 'react-native';
-import React from 'react';
-import CustomHeader from './CustomHeader';
-import { COLORS } from '../themes';
-
-type HeaderSubComponent = React.ReactElement<{}> | React.ReactNode;
-
-type PageProps = {
-  containerStyle?: StyleProp<ViewStyle>;
-  scrollViewStyle?: StyleProp<ViewStyle>;
-  scrollViewContentContainerStyle?: StyleProp<ViewStyle>;
-  headerContainerStyle?: StyleProp<ViewStyle>;
-  children?: React.ReactNode;
-  footerComponent?: React.ReactNode;
-  headerLeft?: HeaderSubComponent;
-  headerRight?: HeaderSubComponent;
-  headerTitle?: HeaderSubComponent;
-};
-
-const Page: React.FC<PageProps> = ({
-  containerStyle,
-  scrollViewStyle,
-  scrollViewContentContainerStyle,
-  children,
-  footerComponent,
-  headerContainerStyle,
-  headerLeft,
-  headerRight,
-  headerTitle,
-}) => {
-  return (
-    <SafeAreaView style={[styles.container, containerStyle]}>
-      <CustomHeader
-        headerLeft={headerLeft}
-        headerRight={headerRight}
-        headerTitle={headerTitle}
-        containerStyle={headerContainerStyle}
-      />
-      <ScrollView
-        style={scrollViewStyle}
-        contentContainerStyle={[
-          styles.ScrollViewContainer,
-          scrollViewContentContainerStyle,
-        ]}
-      >
-        {children}
-      </ScrollView>
-      {footerComponent}
-    </SafeAreaView>
-  );
-};
-
-export default Page;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: COLORS.white,
-  },
-  ScrollViewContainer: {
-    flexGrow: 1,
-  },
-});

package/src/components/icons/arrow-left.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-
-const ArrowLeftIcon: React.FC = (props: SvgProps) => (
-  <Svg
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12.5303 5.46967C12.8232 5.76256 12.8232 6.23744 12.5303 6.53033L7.81066 11.25H18.5C18.9142 11.25 19.25 11.5858 19.25 12C19.25 12.4142 18.9142 12.75 18.5 12.75H7.81066L12.5303 17.4697C12.8232 17.7626 12.8232 18.2374 12.5303 18.5303C12.2374 18.8232 11.7626 18.8232 11.4697 18.5303L5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L11.4697 5.46967C11.7626 5.17678 12.2374 5.17678 12.5303 5.46967Z"
-      fill={props.color}
-    />
-  </Svg>
-);
-export default ArrowLeftIcon;

package/src/components/icons/big-warning.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-
-const BigWarningIcon: React.FC = (props: SvgProps) => (
-  <Svg
-    width={81}
-    height={80}
-    viewBox="0 0 81 80"
-    fill="none"
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <Path
-      d="M40.5 29.9999V43.3333M67.31 69.9999H13.69C8.5633 69.9999 5.35663 64.4533 7.90996 60.0099L34.72 13.3833C37.2866 8.9266 43.7166 8.9266 46.28 13.3833L73.09 60.0099C75.6433 64.4533 72.4333 69.9999 67.31 69.9999Z"
-      stroke="#DB7742"
-      strokeWidth={3}
-      strokeLinecap="round"
-    />
-    <Path
-      d="M40.5 56.7L40.5333 56.6633"
-      stroke="#DB7742"
-      strokeWidth={3}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </Svg>
-);
-export default BigWarningIcon;

package/src/components/icons/check-success.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-
-const CheckSuccessIcon: React.FC = (props: SvgProps) => (
-  <Svg
-    width={25}
-    height={24}
-    viewBox="0 0 25 24"
-    fill="none"
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M1.75 12C1.75 6.06279 6.56279 1.25 12.5 1.25C18.4372 1.25 23.25 6.06279 23.25 12C23.25 17.9372 18.4372 22.75 12.5 22.75C6.56279 22.75 1.75 17.9372 1.75 12ZM12.5 2.75C7.39121 2.75 3.25 6.89121 3.25 12C3.25 17.1088 7.39121 21.25 12.5 21.25C17.6088 21.25 21.75 17.1088 21.75 12C21.75 6.89121 17.6088 2.75 12.5 2.75ZM18.0303 7.96967C18.3232 8.26256 18.3232 8.73744 18.0303 9.03033L11.0303 16.0303C10.7374 16.3232 10.2626 16.3232 9.96967 16.0303L6.96967 13.0303C6.67678 12.7374 6.67678 12.2626 6.96967 11.9697C7.26256 11.6768 7.73744 11.6768 8.03033 11.9697L10.5 14.4393L16.9697 7.96967C17.2626 7.67678 17.7374 7.67678 18.0303 7.96967Z"
-      fill="#6BA784"
-    />
-  </Svg>
-);
-export default CheckSuccessIcon;

package/src/components/icons/chevron-down.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-
-const ChevronDownIcon: React.FC = (props: SvgProps) => (
-  <Svg
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z"
-      fill={props.color}
-    />
-  </Svg>
-);
-export default ChevronDownIcon;

package/src/components/icons/chevron-left.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-
-const ChevronLeftIcon: React.FC = (props: SvgProps) => (
-  <Svg
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15.5303 5.46967C15.8232 5.76256 15.8232 6.23744 15.5303 6.53033L10.0607 12L15.5303 17.4697C15.8232 17.7626 15.8232 18.2374 15.5303 18.5303C15.2374 18.8232 14.7626 18.8232 14.4697 18.5303L8.46967 12.5303C8.17678 12.2374 8.17678 11.7626 8.46967 11.4697L14.4697 5.46967C14.7626 5.17678 15.2374 5.17678 15.5303 5.46967Z"
-      fill={props.color}
-    />
-  </Svg>
-);
-export default ChevronLeftIcon;