@tonder.io/rn-sdk 0.1.0-beta.DEV1355.1 → 0.1.0-beta.DEV1355.3

package/src/types/inlineCheckout.ts

@@ -16,7 +16,6 @@ import { SDKType } from '@tonder.io/rn-sdk';
 import TonderError from '@shared/utils/errors';
 
 export interface IInlineCheckoutOptions extends IBaseCreateOptions {
-  tdsIframeId?: string;
   paymentData: IBaseProcessPaymentRequest;
   customization?: IInlineCustomizationOptions;
   callbacks?: IInlineCallbacks;
@@ -56,7 +55,7 @@ export interface IInlineCustomizationOptions {
 }
 export interface IInlineCallbacks extends IBaseCallback {
   beforeDeleteCard?: () => Promise<void>;
-  onFinishDeleteCard?: (id: string) => Promise<void>;
+  onFinishDeleteCard?: (response: IBaseResponse<string>) => Promise<void>;
 }
 export interface IPaymentInlineContainer {
   /**

package/src/types/liteCheckout.ts

@@ -16,7 +16,6 @@ import TonderError from '@shared/utils/errors';
 
 export interface ILiteCheckoutOptions extends IBaseCreateOptions {
   paymentData: IProcessPaymentRequest;
-  tdsIframeId?: string;
   customization?: ILiteCustomizationOptions;
   callbacks?: ILiteCallbacks;
   returnURL?: string;

package/src/types/threeDSHandler.ts

@@ -5,6 +5,7 @@ export interface IThreeDSHandler {
   verifyTransaction(): Promise<ITransaction>;
   handle3DS(
     payload: ICheckoutResponse,
+    returnURL: string,
     onFinish: (response: ITransaction | TonderError) => Promise<void>
   ): void;
 }

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

@@ -30,9 +30,10 @@ export const CardCVVInput: React.FC<InputProps> = ({
       {state?.skyflowContainer && state?.isCreated && !state?.isCreating && (
         <View
           style={{
+            ...DEFAULT_INPUT_CONTAINER_STYLES.base,
             ...(style?.inputStyles?.container
               ? { ...style.inputStyles.container }
-              : DEFAULT_INPUT_CONTAINER_STYLES.base),
+              : {}),
           }}
         >
           <CvvElement

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

@@ -29,9 +29,10 @@ export const CardExpirationMonthInput: React.FC<InputProps> = ({
       {state?.skyflowContainer && state?.isCreated && !state?.isCreating && (
         <View
           style={{
+            ...DEFAULT_INPUT_CONTAINER_STYLES.base,
             ...(style?.inputStyles?.container
               ? { ...style.inputStyles.container }
-              : DEFAULT_INPUT_CONTAINER_STYLES.base),
+              : {}),
           }}
         >
           <ExpirationMonthElement

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

@@ -30,9 +30,10 @@ export const CardExpirationYearInput: React.FC<InputProps> = ({
       {state?.skyflowContainer && state?.isCreated && !state?.isCreating && (
         <View
           style={{
+            ...DEFAULT_INPUT_CONTAINER_STYLES.base,
             ...(style?.inputStyles?.container
               ? { ...style.inputStyles.container }
-              : DEFAULT_INPUT_CONTAINER_STYLES.base),
+              : {}),
           }}
         >
           <ExpirationYearElement

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

@@ -31,9 +31,10 @@ export const CardHolderInput: React.FC<InputProps> = ({
       {state?.skyflowContainer && state?.isCreated && !state?.isCreating && (
         <View
           style={{
+            ...DEFAULT_INPUT_CONTAINER_STYLES.base,
             ...(style?.inputStyles?.container
               ? { ...style.inputStyles.container }
-              : DEFAULT_INPUT_CONTAINER_STYLES.base),
+              : {}),
           }}
         >
           <CardHolderNameElement

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

@@ -30,9 +30,10 @@ export const CardNumberInput: React.FC<InputProps> = ({
       {state?.skyflowContainer && state?.isCreated && !state?.isCreating && (
         <View
           style={{
+            ...DEFAULT_INPUT_CONTAINER_STYLES.base,
             ...(style?.inputStyles?.container
               ? { ...style.inputStyles.container }
-              : DEFAULT_INPUT_CONTAINER_STYLES.base),
+              : {}),
           }}
         >
           <CardNumberElement

package/src/ui/providers/TonderProvider/uiWrapper.ts

@@ -31,7 +31,9 @@ const uiWrapper = (tonder: Tonder): IUIWrapper => ({
       tonder.updateUIState({
         cards: tonder
           .getState()
-          .uiData.cards.filter((card: any) => card.id !== cardId),
+          .uiData.cards.filter(
+            (card: any) => card.fields.skyflow_id !== cardId
+          ),
       });
       await executeCallback({
         callbacks,
@@ -39,6 +41,11 @@ const uiWrapper = (tonder: Tonder): IUIWrapper => ({
         data: { response: MESSAGES_EN.REMOVE_CARD },
       });
     } catch (error) {
+      console.log(
+        '[uiWrapper | removeCustomerCard | ERROR',
+        error,
+        error?.details
+      );
       await executeCallback({
         callbacks,
         callback: 'onFinishDeleteCard',

package/lib/commonjs/hooks/useTonder/index-old.js

@@ -1,37 +0,0 @@
-// import { useCallback, useContext } from 'react';
-// import { TonderContext } from '@ui/providers/TonderProvider';
-// import type { SDKMethodsInstance, SDKType } from '@types';
-// import { TonderError } from '@shared/utils/errors';
-// import { ServiceManager } from '@infrastructure/ServiceManager';
-//
-// export interface IUseTonder<T extends SDKType> {
-//   methods: SDKMethodsInstance<T>;
-//   error: TonderError | Error | null;
-//   isCreated: boolean;
-//   create: any;
-// }
-//
-// export function useTonder<T extends SDKType>(): IUseTonder<T> {
-//   const context = useContext(TonderContext);
-//   const { sdk, config } = context;
-//
-//   const service = new ServiceManager(config!);
-//
-//   const methods = useCallback(() => {
-//     const allowedMethods = sdk?.getAllowedMethods() || {};
-//     return {
-//       ...allowedMethods,
-//       getSecureToken: (secretApiKey: string, signal?: AbortSignal) =>
-//         service.token.getSecureToken(secretApiKey, signal),
-//     };
-//   }, [sdk, service.token]);
-//
-//   return {
-//     methods: methods(),
-//     error: context?.sdkState?.error || null,
-//     isCreated: context?.sdkState?.isCreated,
-//     isProcessing: context?.sdkState?.isProcessing,
-//   } as IUseTonder<T>;
-// }
-"use strict";
-//# sourceMappingURL=index-old.js.map

package/lib/commonjs/hooks/useTonder/index-old.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["hooks/useTonder/index-old.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA","ignoreList":[]}

package/lib/module/hooks/useTonder/index-old.js

@@ -1,37 +0,0 @@
-// import { useCallback, useContext } from 'react';
-// import { TonderContext } from '@ui/providers/TonderProvider';
-// import type { SDKMethodsInstance, SDKType } from '@types';
-// import { TonderError } from '@shared/utils/errors';
-// import { ServiceManager } from '@infrastructure/ServiceManager';
-//
-// export interface IUseTonder<T extends SDKType> {
-//   methods: SDKMethodsInstance<T>;
-//   error: TonderError | Error | null;
-//   isCreated: boolean;
-//   create: any;
-// }
-//
-// export function useTonder<T extends SDKType>(): IUseTonder<T> {
-//   const context = useContext(TonderContext);
-//   const { sdk, config } = context;
-//
-//   const service = new ServiceManager(config!);
-//
-//   const methods = useCallback(() => {
-//     const allowedMethods = sdk?.getAllowedMethods() || {};
-//     return {
-//       ...allowedMethods,
-//       getSecureToken: (secretApiKey: string, signal?: AbortSignal) =>
-//         service.token.getSecureToken(secretApiKey, signal),
-//     };
-//   }, [sdk, service.token]);
-//
-//   return {
-//     methods: methods(),
-//     error: context?.sdkState?.error || null,
-//     isCreated: context?.sdkState?.isCreated,
-//     isProcessing: context?.sdkState?.isProcessing,
-//   } as IUseTonder<T>;
-// }
-"use strict";
-//# sourceMappingURL=index-old.js.map

package/lib/module/hooks/useTonder/index-old.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["hooks/useTonder/index-old.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA","ignoreList":[]}

package/lib/typescript/commonjs/src/hooks/useTonder/index-old.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index-old.d.ts.map

package/lib/typescript/commonjs/src/hooks/useTonder/index-old.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-old.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/useTonder/index-old.ts"],"names":[],"mappings":""}

package/lib/typescript/module/src/hooks/useTonder/index-old.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index-old.d.ts.map

package/lib/typescript/module/src/hooks/useTonder/index-old.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-old.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/useTonder/index-old.ts"],"names":[],"mappings":""}

package/src/hooks/useTonder/index-old.ts

@@ -1,35 +0,0 @@
-// import { useCallback, useContext } from 'react';
-// import { TonderContext } from '@ui/providers/TonderProvider';
-// import type { SDKMethodsInstance, SDKType } from '@types';
-// import { TonderError } from '@shared/utils/errors';
-// import { ServiceManager } from '@infrastructure/ServiceManager';
-//
-// export interface IUseTonder<T extends SDKType> {
-//   methods: SDKMethodsInstance<T>;
-//   error: TonderError | Error | null;
-//   isCreated: boolean;
-//   create: any;
-// }
-//
-// export function useTonder<T extends SDKType>(): IUseTonder<T> {
-//   const context = useContext(TonderContext);
-//   const { sdk, config } = context;
-//
-//   const service = new ServiceManager(config!);
-//
-//   const methods = useCallback(() => {
-//     const allowedMethods = sdk?.getAllowedMethods() || {};
-//     return {
-//       ...allowedMethods,
-//       getSecureToken: (secretApiKey: string, signal?: AbortSignal) =>
-//         service.token.getSecureToken(secretApiKey, signal),
-//     };
-//   }, [sdk, service.token]);
-//
-//   return {
-//     methods: methods(),
-//     error: context?.sdkState?.error || null,
-//     isCreated: context?.sdkState?.isCreated,
-//     isProcessing: context?.sdkState?.isProcessing,
-//   } as IUseTonder<T>;
-// }