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

package/src/core/BaseCheckout/index.ts

@@ -1,6 +1,5 @@
-import type Tonder from '@core/Tonder';
-import BaseSDK from '@core/BaseSDK';
 import React from 'react';
+import BaseSDK from '../BaseSDK';
 import type {
   ICardPaymentFields,
   ICheckoutResponse,
@@ -13,15 +12,15 @@ import type {
   IThreeDSHandler,
   ITransaction,
   SDKOptions,
-} from '@types';
-import { SDKType } from '@types';
-import { executeCallback, getAppInfo } from '@shared/utils/common';
-import { defaultTo, get } from 'lodash';
-import { MESSAGES_ES, TONDER_URL_BY_MODE } from '@shared/constants';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
-import { ThreeDSHandler } from '@core/3DSHandler';
-import { getPaymentMethodDetails } from '@shared/catalog/paymentMethodsCatalog';
+} from '../../types';
+import Tonder from '../Tonder';
+import { ThreeDSHandler } from '../3DSHandler';
+import { SDKType } from '../../types';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum, MESSAGES_ES, TONDER_URL_BY_MODE } from '../../shared';
+import { executeCallback, getAppInfo } from '../../shared/utils/common';
+import { getPaymentMethodDetails } from '../../shared/catalog/paymentMethodsCatalog';
+import { defaultTo, get } from '../../shared/utils/stringUtils';
 
 class BaseCheckout extends BaseSDK {
   #process3ds: IThreeDSHandler;
@@ -302,7 +301,7 @@ class BaseCheckout extends BaseSDK {
               return;
             }
 
-            await executeCallback({
+            executeCallback({
               callbacks: this.getState().callbacks,
               callback: 'onFinishPayment',
               data: { response: finalResponse },

package/src/core/BaseEnrollment/index.ts

@@ -1,14 +1,13 @@
-import TonderError from '@shared/utils/errors';
-import { MESSAGES_ES } from '@shared/constants';
+import TonderError from '../../shared/utils/errors';
+import { MESSAGES_ES, ErrorKeyEnum } from '../../shared';
 import type {
   ISaveCardResponse,
   SDKOptions,
   IEnrollmentCustomizationOptions,
-} from '@types';
-import { SDKType } from '@types';
-import { ErrorKeyEnum } from '@shared/enum';
-import BaseSDK from '@core/BaseSDK';
-import type Tonder from '@core/Tonder';
+} from '../../types';
+import { SDKType } from '../../types';
+import BaseSDK from '../../core/BaseSDK';
+import type Tonder from '../../core/Tonder';
 import React from 'react';
 
 class BaseEnrollment extends BaseSDK {

package/src/core/BaseSDK/index.ts

@@ -1,7 +1,7 @@
-import type Tonder from '@core/Tonder';
-import type { ICustomer, ICustomerResponse } from '@types';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
+import type Tonder from '../Tonder';
+import type { ICustomer, ICustomerResponse } from '../../types';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum } from '../../shared';
 import React from 'react';
 
 class BaseSDK {

package/src/core/EnrollmentContainer/index.ts

@@ -3,15 +3,14 @@ import type {
   IEnrollment,
   ISaveCardResponse,
   SDKOptions,
-} from '@types';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
-import { MESSAGES_ES } from '@shared/constants';
+} from '../../types';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum, MESSAGES_ES } from '../../shared';
 import React from 'react';
-import { executeCallback } from '@shared/utils/common';
-import BaseEnrollment from '@core/BaseEnrollment';
-import { SDKType } from '@types';
-import Tonder from '@core/Tonder';
+import { executeCallback } from '../../shared/utils/common';
+import BaseEnrollment from '../../core/BaseEnrollment';
+import { SDKType } from '../../types';
+import Tonder from '../../core/Tonder';
 
 export class EnrollmentContainer implements IEnrollment {
   #tonderClient: Tonder;

package/src/core/PaymentInlineContainer/index.ts

@@ -1,6 +1,6 @@
-import type Tonder from '@core/Tonder';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
+import type Tonder from '../../core/Tonder';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum } from '../../shared';
 import React from 'react';
 import type {
   IBaseProcessPaymentRequest,
@@ -10,9 +10,9 @@ import type {
   IProcessPaymentRequest,
   ITransaction,
   SDKOptions,
-} from '@types';
-import BaseCheckout from '@core/BaseCheckout';
-import { SDKType } from '@types';
+} from '../../types';
+import BaseCheckout from '../../core/BaseCheckout';
+import { SDKType } from '../../types';
 
 class PaymentInlineContainer implements IPaymentInlineContainer {
   #tonderClient: Tonder;

package/src/core/PaymentLiteContainer/index.ts

@@ -1,6 +1,6 @@
-import type Tonder from '@core/Tonder';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
+import type Tonder from '../../core/Tonder';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum } from '../../shared';
 import React from 'react';
 import type {
   IBaseResponse,
@@ -12,12 +12,12 @@ import type {
   ISaveCardResponse,
   ITransaction,
   SDKOptions,
-} from '@types';
-import BaseCheckout from '@core/BaseCheckout';
-import { SDKType } from '@types';
-import { defaultTo } from 'lodash';
-import { getPaymentMethodsWithDetails } from '@shared/utils/paymentMethodUtils';
-import { getCardType } from '@shared/catalog/cardBrandCatalog';
+} from '../../types';
+import BaseCheckout from '../../core/BaseCheckout';
+import { SDKType } from '../../types';
+import { getPaymentMethodsWithDetails } from '../../shared/utils/paymentMethodUtils';
+import { getCardType } from '../../shared/catalog/cardBrandCatalog';
+import { defaultTo } from '../../shared/utils/stringUtils';
 
 class PaymentLiteContainer implements IPaymentLiteContainer {
   #tonderClient: Tonder;

package/src/core/Tonder/index.ts

@@ -3,11 +3,10 @@ import type {
   ICustomerResponse,
   IPaymentMethod,
   ISDKBaseConfig,
-} from '@types';
-import { ServiceManager } from '@infrastructure/ServiceManager';
-import TonderError from '@shared/utils/errors';
-import { ErrorKeyEnum } from '@shared/enum';
-import { TONDER_URL_BY_MODE } from '@shared/constants';
+} from '../../types';
+import { ServiceManager } from '../../infrastructure';
+import TonderError from '../../shared/utils/errors';
+import { ErrorKeyEnum } from '../../shared';
 
 class Tonder {
   private config: ISDKBaseConfig;
@@ -82,9 +81,9 @@ class Tonder {
       ...(selectedMethod && selectedMethod !== ''
         ? {
             ...(card && card !== ''
-              ? { card }
+              ? { card, payment_method: '' }
               : paymentMethod && paymentMethod !== ''
-                ? { payment_method: paymentMethod }
+                ? { payment_method: paymentMethod, card: '' }
                 : { card: '', payment_method: '' }),
           }
         : {}),
@@ -111,9 +110,13 @@ class Tonder {
   }
 
   public emit = (eventName: string, data: any): void => {
-    const listeners = this.eventListeners.get(eventName);
-    if (listeners) {
-      listeners.forEach((listener) => listener(data));
+    try {
+      const listeners = this.eventListeners.get(eventName);
+      if (listeners) {
+        listeners.forEach((listener) => listener(data));
+      }
+    } catch (e) {
+      console.error('[Tonder | emit | ERROR]', e);
     }
   };
 

package/src/hooks/useTonder/index.ts

@@ -1,5 +1,5 @@
-import useTonderContext from '@ui/providers/TonderProvider/hook';
-import { SDKType } from '@types';
+import useTonderContext from '../../ui/providers/TonderProvider/hook';
+import { SDKType } from '../../types';
 
 const useTonder = <T extends SDKType>() => {
   const { sdk } = useTonderContext<T>();

package/src/index.tsx

@@ -1,3 +1,26 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+  `The package '@tonder.io/rn-sdk' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const RnSdk = NativeModules.RnSdk
+  ? NativeModules.RnSdk
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
+export function multiply(a: number, b: number): Promise<number> {
+  return RnSdk.multiply(a, b);
+}
+
 export * from './ui/components/Input/CardHolderInput';
 export * from './ui/components/Input/CardExpirationMonthInput';
 export * from './ui/components/Input/CardExpirationYearInput';

package/src/infrastructure/HttpClient.ts

@@ -1,7 +1,6 @@
-import type { IApiConfig } from '@types';
-import TonderError from '@shared/utils/errors';
-import { TONDER_URL_BY_MODE } from '@shared/constants';
-import { ErrorKeyEnum } from '@shared/enum';
+import type { IApiConfig } from '../types';
+import TonderError from '../shared/utils/errors';
+import { TONDER_URL_BY_MODE, ErrorKeyEnum } from '../shared';
 
 export class HttpClient {
   private readonly baseUrl: string;

package/src/infrastructure/ServiceManager.ts

@@ -1,5 +1,5 @@
-import { HttpClient } from '@infrastructure/HttpClient';
-import type { ISDKBaseConfig } from '@types';
+import { HttpClient } from './HttpClient';
+import type { ISDKBaseConfig } from '../types';
 import {
   CardService,
   CheckoutService,
@@ -11,8 +11,7 @@ import {
   BusinessService,
   MercadoPagoService,
   TransactionService,
-  StorageService,
-} from '@services';
+} from '../services';
 
 export class ServiceManager {
   private readonly http: HttpClient;
@@ -26,7 +25,6 @@ export class ServiceManager {
   readonly token: TokenService;
   readonly openPay: OpenPayService;
   readonly mercadoPago: MercadoPagoService;
-  readonly storage: StorageService;
   readonly transaction: TransactionService;
 
   constructor(config: ISDKBaseConfig) {
@@ -44,7 +42,6 @@ export class ServiceManager {
     this.token = new TokenService(this.http);
     this.openPay = new OpenPayService();
     this.mercadoPago = new MercadoPagoService();
-    this.storage = new StorageService();
     this.transaction = new TransactionService(this.http);
   }
 

package/src/services/BusinessService.ts

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

package/src/services/CardService.ts

@@ -2,11 +2,10 @@ import type {
   ICustomerCardsResponse,
   ISaveCardResponse,
   ISaveCardSkyflowRequest,
-} from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { MESSAGES_EN } from '@shared/constants';
-import { ErrorKeyEnum } from '@shared/enum';
+} from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { MESSAGES_EN, ErrorKeyEnum } from '../shared';
 
 export class CardService {
   private readonly BASE_PATH = '/api/v1/business';

package/src/services/CheckoutService.ts

@@ -6,10 +6,10 @@ import type {
   ICheckoutResponse,
   ICreatePaymentRequest,
   ICreateOrderRequest,
-} from '@types';
-import TonderError from '@shared/utils/errors';
-import { HttpClient } from '@infrastructure/HttpClient';
-import { ErrorKeyEnum } from '@shared/enum';
+} from '../types';
+import TonderError from '../shared/utils/errors';
+import { HttpClient } from '../infrastructure';
+import { ErrorKeyEnum } from '../shared';
 
 export class CheckoutService {
   private readonly BASE_PATHS = {

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/environments.ts

@@ -2,7 +2,7 @@ const TONDER_URL_BY_MODE = Object.freeze({
   production: 'https://app.tonder.io',
   sandbox: 'https://sandbox.tonder.io',
   stage: 'https://stage.tonder.io',
-  development: 'http://192.168.100.117:8000',
+  development: 'http://192.168.68.107:8000',
 });
 
 export { TONDER_URL_BY_MODE };

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;