@tonder.io/rn-sdk 0.1.0-beta.DEV1355.6 → 0.1.0-beta.DEV1355.7

package/src/services/CustomerService.ts

@@ -1,7 +1,7 @@
-import type { ICustomer, ICustomerResponse } from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+import type { ICustomer, ICustomerResponse } from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 
 export class CustomerService {
   private readonly BASE_PATH = '/api/v1/customer/';

package/src/services/PaymentMethodService.ts

@@ -1,7 +1,7 @@
-import type { IPaymentMethodResponse } from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+import type { IPaymentMethodResponse } from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 
 export class PaymentMethodService {
   private readonly BASE_PATH = '/api/v1/payment_methods';

package/src/services/SkyflowService.ts

@@ -1,6 +1,6 @@
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 import type { IConfig } from 'skyflow-react-native';
 import { Env, LogLevel } from 'skyflow-react-native';
 

package/src/services/TokenService.ts

@@ -1,7 +1,7 @@
-import type { IGetSecureTokenResponse } from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+import type { IGetSecureTokenResponse } from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 
 export class TokenService {
   private readonly BASE_PATH = '/api/secure-token/';

package/src/services/TransactionService.ts

@@ -1,7 +1,7 @@
-import type { ITransaction } from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+import type { ITransaction } from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 
 export class TransactionService {
   private readonly http: HttpClient;

package/src/services/index.ts

@@ -9,4 +9,3 @@ export * from './PaymentMethodService';
 export * from './BusinessService';
 export * from './MercadoPagoService';
 export * from './TransactionService';
-export * from './StorageService';

package/src/shared/catalog/cardBrandCatalog.ts

@@ -1,4 +1,4 @@
-import { clearSpace } from '@shared/utils/stringUtils';
+import { clearSpace } from '../utils/stringUtils';
 
 const CARD_BRAND_CATALOG: {
   [key: string]: string;

package/src/shared/catalog/paymentMethodsCatalog.ts

@@ -1,5 +1,5 @@
-import { PAYMENT_METHODS } from '@shared/constants/paymentMethods';
-import { clearSpace } from '@shared/utils/stringUtils';
+import { PAYMENT_METHODS } from '../constants/paymentMethods';
+import { clearSpace } from '../utils/stringUtils';
 
 const PAYMENT_METHODS_CATALOG: {
   [key: string]: { label: string; icon: string };

package/src/shared/constants/messages.ts

@@ -1,4 +1,4 @@
-import { ErrorKeyEnum } from '@shared/enum';
+import { ErrorKeyEnum } from '../enum';
 
 export const MESSAGES_EN = {
   [ErrorKeyEnum.INIT_ERROR]: 'Error initializing the SDK.',

package/src/shared/utils/common.ts

@@ -1,4 +1,4 @@
-import type { IBrowserInfo } from '@types';
+import type { IBrowserInfo } from '../../types';
 
 export const getAppInfo = (): IBrowserInfo => {
   // TODO: IMPLEMENT getAppInfo IBrowserInfo

package/src/shared/utils/errors.ts

@@ -1,4 +1,4 @@
-import { MESSAGES_EN } from '@shared/constants';
+import { MESSAGES_EN } from '../constants';
 
 export interface IParamsTonderError {
   code: string;

package/src/shared/utils/paymentMethodUtils.ts

@@ -1,5 +1,5 @@
-import { defaultTo, get } from 'lodash';
-import { getPaymentMethodDetails } from '@shared/catalog/paymentMethodsCatalog';
+import { getPaymentMethodDetails } from '../catalog/paymentMethodsCatalog';
+import { defaultTo, get } from './stringUtils';
 
 export const getPaymentMethodsWithDetails = (response) => {
   return defaultTo(get(response, 'results'), [])

package/src/shared/utils/stringUtils.ts

@@ -1,3 +1,27 @@
 export const clearSpace = (text: string) => {
   return text.trim().replace(/\s+/g, '');
 };
+
+const defaultTo = (value, defaultValue) => {
+  return value == null || value === undefined ? defaultValue : value;
+};
+
+
+const get = (object, path, defaultValue = undefined) => {
+  if (object == null || object == undefined) return defaultValue;
+
+  const parts = Array.isArray(path) 
+    ? path 
+    : path.split('.').reduce((parts, part) => {
+        part.replace(/\[([^\]]+)\]/g, '.$1').split('.').forEach(p => parts.push(p));
+        return parts;
+      }, []);
+
+  const result = parts.reduce((obj, key) => {
+    return obj != null ? obj[key] : undefined;
+  }, object);
+
+  return result === undefined ? defaultValue : result;
+};
+
+export { defaultTo, get };

package/src/shared/utils/styleUtils.ts

@@ -1,4 +1,4 @@
-import type { StylesBaseVariant } from '@types';
+import type { StylesBaseVariant } from '../../types';
 
 const buildBaseStyleText = (style?: StylesBaseVariant) => {
   return {

package/src/types/base.ts

@@ -8,11 +8,11 @@ import type {
   ILiteCheckoutState,
   IPaymentInlineContainer,
   IPaymentLiteContainer,
-} from '@types';
-import type TonderError from '@shared/utils/errors';
-import type PaymentInlineContainer from '@core/PaymentInlineContainer';
-import type PaymentLiteContainer from '@core/PaymentLiteContainer';
-import type { EnrollmentContainer } from '@core/EnrollmentContainer';
+} from '.';
+import type TonderError from '../shared/utils/errors';
+import type PaymentInlineContainer from '../core/PaymentInlineContainer';
+import type PaymentLiteContainer from '../core/PaymentLiteContainer';
+import type { EnrollmentContainer } from '../core/EnrollmentContainer';
 
 export type Environment = 'production' | 'sandbox' | 'stage' | 'development';
 

package/src/types/baseCheckout.ts

@@ -11,10 +11,9 @@ import type {
   ILiteCustomizationOptions,
   IProcessPaymentRequest,
   ITransaction,
-} from '@types';
+} from '.';
 import type { IConfig } from 'skyflow-react-native';
-import { SDKType } from '@types';
-import type TonderError from '@shared/utils/errors';
+import { SDKType } from './base';
 
 export interface IBaseUIState {
   card?: string;

package/src/types/baseEnrollment.ts

@@ -4,9 +4,9 @@ import type {
   ICustomer,
   ICustomerResponse,
   IEnrollmentCallbacks,
-} from '@types';
+} from '.';
 import type { IConfig } from 'skyflow-react-native';
-import { SDKType } from '@types';
+import { SDKType } from './base';
 
 export interface IBaseEnrollmentState extends IBaseState<SDKType.ENROLLMENT> {
   customer?: ICustomer;

package/src/types/baseSDK.ts

@@ -1,6 +1,6 @@
-import type { Business, IBaseState, ICustomerResponse } from '@types';
+import type { Business, IBaseState, ICustomerResponse } from '.';
 import type { IConfig } from 'skyflow-react-native';
-import { SDKType } from '@types';
+import { SDKType } from './base';
 
 export interface IBaseSDKState<T extends SDKType> extends IBaseState<T> {
   customerData?: ICustomerResponse;

package/src/types/common.ts

@@ -1,4 +1,4 @@
-import type { IUIWrapper } from '@ui/providers/TonderProvider/uiWrapper';
+import type { IUIWrapper } from '../ui/providers/TonderProvider/uiWrapper';
 import type { Environment, SDKInstance } from './base';
 import type { IElementStyle } from './input';
 import { SDKType } from './base';

package/src/types/enrollment.ts

@@ -4,7 +4,7 @@ import { SDKType } from './base';
 import type { ISaveCardResponse } from './card';
 import type { IFormLabels, IFormPlaceholder, IStyles } from './common';
 import type { ICustomer } from './customer';
-import TonderError from '@shared/utils/errors';
+import TonderError from '../shared/utils/errors';
 
 export interface IEnrollmentOptions extends IBaseCreateOptions {
   customer?: ICustomer;

package/src/types/inlineCheckout.ts

@@ -11,9 +11,9 @@ import type {
   IBaseProcessPaymentRequest,
   IBaseCallback,
   IBaseResponse,
-} from '@tonder.io/rn-sdk';
-import { SDKType } from '@tonder.io/rn-sdk';
-import TonderError from '@shared/utils/errors';
+} from '.';
+import { SDKType } from './base';
+import TonderError from '../shared/utils/errors';
 
 export interface IInlineCheckoutOptions extends IBaseCreateOptions {
   paymentData: IBaseProcessPaymentRequest;

package/src/types/liteCheckout.ts

@@ -10,9 +10,9 @@ import type {
   IBaseCallback,
   IInlineCallbacks,
   IBaseResponse,
-} from '@types';
-import { SDKType } from '@types';
-import TonderError from '@shared/utils/errors';
+} from '.';
+import { SDKType } from './base';
+import TonderError from '../shared/utils/errors';
 
 export interface ILiteCheckoutOptions extends IBaseCreateOptions {
   paymentData: IProcessPaymentRequest;

package/src/types/{skyflow-react-native.d.ts → srn-temp.d.ts}

@@ -1,5 +1,5 @@
 declare module 'skyflow-react-native' {
-  import type { StylesBaseVariant } from '@tonder.io/rn-sdk';
+  import type { StylesBaseVariant } from '../types';
   export type IConfig = {
     vaultID: string;
     vaultURL: string;

package/src/types/threeDSHandler.ts

@@ -1,5 +1,5 @@
-import type { ICheckoutResponse, ITransaction } from '@tonder.io/rn-sdk';
-import type TonderError from '@shared/utils/errors';
+import type { ICheckoutResponse, ITransaction } from '.';
+import type TonderError from '../shared/utils/errors';
 
 export interface IThreeDSHandler {
   verifyTransaction(): Promise<ITransaction>;

package/src/ui/components/Button/ProcessButton.tsx

@@ -5,8 +5,8 @@ import {
   ActivityIndicator,
   StyleSheet,
 } from 'react-native';
-import type { StylesBaseVariant } from '@types';
-import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import type { StylesBaseVariant } from '../../../types';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
 
 interface PayButtonProps {
   text: string;

package/src/ui/components/CardForm/index.tsx

@@ -5,12 +5,12 @@ import type {
   IFormLabels,
   IFormPlaceholder,
   StylesBaseVariant,
-} from '@types';
-import { CardHolderInput } from '@components/Input/CardHolderInput';
-import { CardNumberInput } from '@components/Input/CardNumberInput';
-import { CardCVVInput } from '@components/Input/CardCVVInput';
-import { CheckBox } from '@components/Checkbox/Checkbox';
-import { CardExpirationDateInput } from '@components/Input/CardExpirationDateInput';
+} from '../../../types';
+import { CardHolderInput } from '../Input/CardHolderInput';
+import { CardNumberInput } from '../Input/CardNumberInput';
+import { CardCVVInput } from '../Input/CardCVVInput';
+import { CardExpirationDateInput } from '../Input/CardExpirationDateInput';
+import { CheckBox } from '../Checkbox/Checkbox';
 
 interface NewCardFormProps {
   showSaveOption?: boolean;

package/src/ui/components/Input/CardCVVInput.tsx

@@ -1,21 +1,22 @@
+// @ts-nocheck
 import { CvvElement } from 'skyflow-react-native';
 import React, { useState } from 'react';
-import type { InputProps } from '@types';
+import type { InputProps } from '../../../types';
 import {
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
   getErrorField,
   regexMatchRule,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { Text, View } from 'react-native';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
 import {
   DEFAULT_SKYFLOW_ERROR_TEXT_STYLES,
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
   SKYFLOW_HIDDEN_ERROR_TEXT_STYLES,
-} from '@ui/styles/skyflow';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
+} from '../../styles/skyflow';
+import useTonderContext from '../../providers/TonderProvider/hook';
 
 export const CardCVVInput: React.FC<InputProps> = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.cvvPlaceholder,

package/src/ui/components/Input/CardExpirationDateInput.tsx

@@ -1,19 +1,19 @@
 // @ts-nocheck
 import React from 'react';
-import type { IElementStyle } from '@types';
+import type { IElementStyle } from '../../../types';
 import {
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { StyleSheet, Text, View } from 'react-native';
 import type { StyleProp, TextStyle } from 'react-native';
 import {
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
-} from '@ui/styles/skyflow';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
-import { CardExpirationMonthInput } from '@ui/components/Input/CardExpirationMonthInput';
-import { CardExpirationYearInput } from '@ui/components/Input/CardExpirationYearInput';
+} from '../../styles/skyflow';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
+import { CardExpirationMonthInput } from './CardExpirationMonthInput';
+import { CardExpirationYearInput } from './CardExpirationYearInput';
 
 export interface InputExpiryDateProps {
   label?: string;

package/src/ui/components/Input/CardExpirationMonthInput.tsx

@@ -1,20 +1,24 @@
+// @ts-nocheck
 import React, { useState } from 'react';
-import type { InputProps } from '@types';
+import type { InputProps } from '../../../types';
 import { ExpirationMonthElement } from 'skyflow-react-native';
-import { getErrorField, regexMatchRule } from '@shared/constants/skyflow';
+import {
+  getErrorField,
+  regexMatchRule,
+} from '../../../shared/constants/skyflow';
 import {
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { Text, View } from 'react-native';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
 import {
   DEFAULT_SKYFLOW_ERROR_TEXT_STYLES,
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
   SKYFLOW_HIDDEN_ERROR_TEXT_STYLES,
-} from '@ui/styles/skyflow';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
+} from '../../styles/skyflow';
+import useTonderContext from '../../providers/TonderProvider/hook';
 
 export const CardExpirationMonthInput: React.FC<InputProps> = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryMonthPlaceholder,

package/src/ui/components/Input/CardExpirationYearInput.tsx

@@ -1,21 +1,22 @@
+// @ts-nocheck
 import React, { useState } from 'react';
-import type { InputProps } from '@types';
+import type { InputProps } from '../../../types';
 import { ExpirationYearElement } from 'skyflow-react-native';
 import {
   getErrorField,
   regexMatchRule,
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { Text, View } from 'react-native';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
 import {
   DEFAULT_SKYFLOW_ERROR_TEXT_STYLES,
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
   SKYFLOW_HIDDEN_ERROR_TEXT_STYLES,
-} from '@ui/styles/skyflow';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
+} from '../../styles/skyflow';
+import useTonderContext from '../../providers/TonderProvider/hook';
 
 export const CardExpirationYearInput: React.FC<InputProps> = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,

package/src/ui/components/Input/CardHolderInput.tsx

@@ -1,12 +1,13 @@
+// @ts-nocheck
 import React, { useState } from 'react';
-import type { InputProps } from '@types';
+import type { InputProps } from '../../../types';
 import {
   getErrorField,
   lengthMatchRule,
   regexMatchRule,
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { Text, View } from 'react-native';
 import { CardHolderNameElement } from 'skyflow-react-native';
 import {
@@ -14,9 +15,9 @@ import {
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
   SKYFLOW_HIDDEN_ERROR_TEXT_STYLES,
-} from '@ui/styles/skyflow';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
+} from '../../styles/skyflow';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
+import useTonderContext from '../../providers/TonderProvider/hook';
 
 export const CardHolderInput: React.FC<InputProps> = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.namePlaceholder,

package/src/ui/components/Input/CardNumberInput.tsx

@@ -1,21 +1,22 @@
+// @ts-nocheck
 import React, { useState } from 'react';
-import type { InputProps } from '@types';
+import type { InputProps } from '../../../types';
 import { CardNumberElement } from 'skyflow-react-native';
 import {
   getErrorField,
   regexMatchRule,
   DEFAULT_SKYFLOW_lABELS,
   DEFAULT_SKYFLOW_PLACEHOLDERS,
-} from '@shared/constants/skyflow';
+} from '../../../shared/constants/skyflow';
 import { Text, View } from 'react-native';
-import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '../../styles/payment';
 import {
   DEFAULT_SKYFLOW_ERROR_TEXT_STYLES,
   DEFAULT_SKYFLOW_INPUT_STYLES,
   DEFAULT_SKYFLOW_lABEL_STYLES,
   SKYFLOW_HIDDEN_ERROR_TEXT_STYLES,
-} from '@ui/styles/skyflow';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
+} from '../../styles/skyflow';
+import useTonderContext from '../../providers/TonderProvider/hook';
 
 export const CardNumberInput: React.FC<InputProps> = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.cardPlaceholder,

package/src/ui/components/PaymentMethodsList/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { View, StyleSheet, Text, Image, ScrollView } from 'react-native';
-import type { IPaymentMethod, StylesSelectVariant } from '@types';
-import { getPaymentMethodDetails } from '@shared/catalog/paymentMethodsCatalog';
-import { RadioButton } from '@components/RadioButton';
-import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import type { IPaymentMethod, StylesSelectVariant } from '../../../types';
+import { getPaymentMethodDetails } from '../../../shared/catalog/paymentMethodsCatalog';
+import { RadioButton } from '../RadioButton';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
 
 interface PaymentMethodsListProps {
   methods: IPaymentMethod[];

package/src/ui/components/RadioButton/index.tsx

@@ -1,7 +1,7 @@
 // RadioButton.tsx
 import React from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
-import type { StylesBaseVariant } from '@types';
+import type { StylesBaseVariant } from '../../../types';
 
 interface RadioButtonProps {
   value: string;

package/src/ui/components/SavedCardsList/index.tsx

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import {
   View,
@@ -7,11 +8,11 @@ import {
   Image,
   ActivityIndicator,
 } from 'react-native';
-import { getCardType } from '@shared/catalog/cardBrandCatalog';
-import { RadioButton } from '@components/RadioButton';
-import type { ICard, StylesSavedCardsVariant } from '@types';
+import { getCardType } from '../../../shared/catalog/cardBrandCatalog';
+import { RadioButton } from '../RadioButton';
+import type { ICard, StylesSavedCardsVariant } from '../../../types';
 import { Trash2 } from 'lucide-react-native';
-import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
 
 interface SavedCardsListProps {
   cards: ICard[];

package/src/ui/features/TonderEnrollment/index.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { ProcessButton } from '@components/Button/ProcessButton';
-import { NewCardForm } from '@components/CardForm';
-import CardFormSkeleton from '@components/Skeleton/CardFormSkeleton';
-import { DEFAULT_PAYMENT_CONTAINER } from '@ui/styles/payment';
-import { buildBaseStyleText } from '@shared/utils/styleUtils';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
-import { SDKType } from '@types';
+import { ProcessButton } from '../../components/Button/ProcessButton';
+import { NewCardForm } from '../../components/CardForm';
+import CardFormSkeleton from '../../components/Skeleton/CardFormSkeleton';
+import { DEFAULT_PAYMENT_CONTAINER } from '../../styles/payment';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
+import useTonderContext from '../../providers/TonderProvider/hook';
+import { SDKType } from '../../../types';
 
 export interface ITonderEnrollmentProps {}
 const TonderEnrollment: React.FC<ITonderEnrollmentProps> = () => {

package/src/ui/features/TonderPayment/index.tsx

@@ -1,17 +1,17 @@
 import React, { useState } from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
-import SavedCardsList from '@components/SavedCardsList';
-import { ProcessButton } from '@components/Button/ProcessButton';
-import PaymentMethodsList from '@components/PaymentMethodsList';
-import { NewCardForm } from '@components/CardForm';
-import { RadioButton } from '@components/RadioButton';
-import { getCardType } from '@shared/catalog/cardBrandCatalog';
-import CardFormSkeleton from '@components/Skeleton/CardFormSkeleton';
-import { DEFAULT_PAYMENT_CONTAINER } from '@ui/styles/payment';
-import { buildBaseStyleText } from '@shared/utils/styleUtils';
-import { toCurrency } from '@shared/utils/numberUtils';
-import useTonderContext from '@ui/providers/TonderProvider/hook';
-import { SDKType } from '@types';
+import SavedCardsList from '../../components/SavedCardsList';
+import { ProcessButton } from '../../components/Button/ProcessButton';
+import PaymentMethodsList from '../../components/PaymentMethodsList';
+import { NewCardForm } from '../../components/CardForm';
+import { RadioButton } from '../../components/RadioButton';
+import { getCardType } from '../../../shared/catalog/cardBrandCatalog';
+import CardFormSkeleton from '../../components/Skeleton/CardFormSkeleton';
+import { DEFAULT_PAYMENT_CONTAINER } from '../../styles/payment';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
+import { toCurrency } from '../../../shared/utils/numberUtils';
+import useTonderContext from '../../providers/TonderProvider/hook';
+import { SDKType } from '../../../types';
 
 export interface ITonderPaymentProps {}
 const TonderPayment: React.FC<ITonderPaymentProps> = () => {

package/src/ui/providers/InnerProvider/index.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
-import { ITonderContext, SDKType } from '@types';
-import { tonderContext } from '@ui/providers/TonderProvider/context';
+import { ITonderContext, SDKType } from '../../../types';
+import { tonderContext } from '../TonderProvider/context';
 
 interface InnerProviderProps {
   children: React.ReactNode;

package/src/ui/providers/SkyflowContainerWrapper/index.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
 import { useCollectContainer } from 'skyflow-react-native';
-import InnerProvider from '@ui/providers/InnerProvider';
-import type { ITonderContext } from '@types';
-import { SDKType } from '@types';
+import InnerProvider from '../InnerProvider';
+import type { ITonderContext } from '../../../types';
+import { SDKType } from '../../../types';
 
 interface SkyflowContainerWrapperProps {
   children: React.ReactNode;

package/src/ui/providers/TonderProvider/context.tsx

@@ -1,8 +1,8 @@
 // @ts-nocheck
 import React from 'react';
-import type { ITonderContext, SDKInstance } from '@types';
-import { SDKType } from '@types';
-import { IUIWrapper } from '@ui/providers/TonderProvider/uiWrapper';
+import type { ITonderContext, SDKInstance } from '../../../types';
+import { SDKType } from '../../../types';
+import { IUIWrapper } from './uiWrapper';
 
 export const tonderContext = React.createContext<ITonderContext<SDKType>>({
   sdk: {} as SDKInstance<SDKType>,