@tonder.io/rn-sdk 0.1.7 → 0.1.8

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

@@ -1,17 +1,39 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ProcessButton } from '../../components/Button/ProcessButton';
-import { NewCardForm } from '../../components/CardForm';
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, View, Text, Animated } from 'react-native';
 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';
+import { NewCardForm } from '../../components/CardForm';
+import { DEFAULT_PAYMENT_CONTAINER } from '../../styles/payment';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
+import { ProcessButton } from '../../components/Button/ProcessButton';
 
 export interface ITonderEnrollmentProps {}
 const TonderEnrollment: React.FC<ITonderEnrollmentProps> = () => {
   const { sdk, state } = useTonderContext<SDKType.ENROLLMENT>();
 
+  // Animación para NewCardForm
+  const animationScale = useRef(new Animated.Value(0)).current;
+  const animationOpacity = useRef(new Animated.Value(0)).current;
+
+  const isCardFormVisible = state?.isCreated;
+
+  useEffect(() => {
+    Animated.parallel([
+      Animated.spring(animationScale, {
+        toValue: isCardFormVisible ? 1 : 0,
+        useNativeDriver: true,
+        friction: 8,
+        tension: 40,
+      }),
+      Animated.timing(animationOpacity, {
+        toValue: isCardFormVisible ? 1 : 0,
+        duration: 100,
+        useNativeDriver: true,
+      }),
+    ]).start();
+  }, [isCardFormVisible, animationScale, animationOpacity]);
+
   const onSave = async () => {
     try {
       await sdk.saveCustomerCard();
@@ -39,17 +61,33 @@ const TonderEnrollment: React.FC<ITonderEnrollmentProps> = () => {
           ...(state?.customization?.styles?.sdkCard?.base || {}),
         }}
       >
-        {state?.isCreated && (
-          <NewCardForm
-            showSaveOption={false}
-            saveCard={false}
-            onSaveCardChange={() => {}}
-            style={state?.customization?.styles?.cardForm}
-            labels={state?.customization?.labels}
-            placeholders={state?.customization?.placeholders}
-            events={state?.events}
-          />
-        )}
+        <Animated.View
+          style={[
+            styles.animatedFormContainer,
+            {
+              opacity: animationOpacity,
+              transform: [{ scaleY: animationScale }],
+            },
+          ]}
+        >
+          {state?.isCreated && (
+            <NewCardForm
+              showSaveOption={false}
+              saveCard={false}
+              onSaveCardChange={() => {}}
+              style={{
+                ...(state?.customization?.styles?.cardForm || {}),
+                base: {
+                  ...styles.containerForm,
+                  ...(state?.customization?.styles?.cardForm?.base || {}),
+                },
+              }}
+              labels={state?.customization?.labels}
+              placeholders={state?.customization?.placeholders}
+              events={state?.events}
+            />
+          )}
+        </Animated.View>
         {state?.customization?.showMessages &&
           state?.message &&
           state?.message !== '' &&
@@ -112,24 +150,7 @@ const TonderEnrollment: React.FC<ITonderEnrollmentProps> = () => {
 const styles = StyleSheet.create({
   container: {
     position: 'relative',
-  },
-  newCardSection: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 10,
-    paddingHorizontal: 20,
-    borderBottomWidth: 1,
-    borderBottomColor: '#e2e8f0',
-  },
-  cardImage: {
-    width: 32,
-    height: 20,
-    marginLeft: 15,
-  },
-  newCardText: {
-    fontSize: 12,
-    color: '#1D1D1D',
-    marginLeft: 15,
+    minHeight: 210,
   },
   messageContainer: {
     paddingHorizontal: 20,
@@ -142,6 +163,13 @@ const styles = StyleSheet.create({
     color: '#3bc635',
     fontSize: 12,
   },
+  containerForm: {
+    height: 'auto',
+    minHeight: 190,
+  },
+  animatedFormContainer: {
+    overflow: 'hidden',
+  },
 });
 
 export default TonderEnrollment;

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

@@ -1,23 +1,55 @@
-import React, { useState } from 'react';
-import { Image, StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import useTonderContext from '../../providers/TonderProvider/hook';
+import { SDKType } from '../../../types';
+import CardFormSkeleton from '../../components/Skeleton/CardFormSkeleton';
+import {
+  Animated,
+  Image,
+  StyleSheet,
+  View,
+  Text,
+  TouchableOpacity,
+} from 'react-native';
+import { DEFAULT_PAYMENT_CONTAINER } from '../../styles/payment';
+import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
 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> = () => {
   const { uiWrapper, sdk, state } = useTonderContext<SDKType.INLINE>();
   const [deletingCards, setDelitingCards] = useState<string[]>([]);
 
+  // Animación para NewCardForm
+  const animationScale = useRef(new Animated.Value(0)).current;
+  const animationOpacity = useRef(new Animated.Value(0)).current;
+
+  const isNewCardSelected =
+    state?.uiData?.selectedMethod === 'new' &&
+    state?.isCreated &&
+    state?.customization?.cardForm?.show;
+
+  useEffect(() => {
+    Animated.parallel([
+      Animated.spring(animationScale, {
+        toValue: isNewCardSelected ? 1 : 0,
+        useNativeDriver: true,
+        friction: 8,
+        tension: 40,
+      }),
+      Animated.timing(animationOpacity, {
+        toValue: isNewCardSelected ? 1 : 0,
+        duration: 100,
+        useNativeDriver: true,
+      }),
+    ]).start();
+  }, [isNewCardSelected, animationScale, animationOpacity]);
+
   const handleMethodSelect = (methodId: string, type: string) => {
     uiWrapper.updateMethod(type, methodId);
   };
@@ -37,7 +69,6 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
       setDelitingCards((prev) => {
         return prev.filter((it) => it !== cardId);
       });
-      console.error('[TonderPayment | onDeleteCard | ERROR]', error);
     }
   };
 
@@ -52,7 +83,6 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
   if (!state?.isCreating && !state?.isCreated) {
     return null;
   }
-
   return (
     <View style={styles.container}>
       {state?.isCreating && (
@@ -68,7 +98,7 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
           ...(state?.customization?.styles?.sdkCard?.base || {}),
         }}
       >
-        {state?.customization?.saveCards?.showSaved && (
+        {state?.customization?.saveCards?.showSaved && state?.isCreated && (
           <SavedCardsList
             style={state?.customization?.styles?.savedCards}
             expirationLabel={state?.customization?.labels?.expirationCard}
@@ -80,15 +110,25 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
             onDeleteCard={onDeleteCard}
             deletingCards={deletingCards}
             showDeleteButton={state?.customization?.saveCards?.showDeleteOption}
+            cvvProps={{
+              style: state?.customization?.styles?.cardForm,
+              label: state?.customization?.labels?.cvv,
+              placeholder: state?.customization?.placeholders?.cvv,
+              onBlur: state?.events?.cvvEvents?.onBlur,
+              onFocus: state?.events?.cvvEvents?.onFocus,
+              onChange: state?.events?.cvvEvents?.onChange,
+            }}
           />
         )}
 
         {state?.customization?.cardForm?.show && (
-          <View
+          <TouchableOpacity
             style={{
               ...styles.newCardSection,
               ...state?.customization?.styles?.paymentRadio?.base,
             }}
+            onPress={() => handleMethodSelect('new', '')}
+            activeOpacity={0.7}
           >
             <RadioButton
               value="new"
@@ -118,24 +158,34 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
             >
               {state?.customization?.labels?.payWithCard || 'Pagar con tarjeta'}
             </Text>
-          </View>
+          </TouchableOpacity>
         )}
 
-        {state?.uiData?.selectedMethod === 'new' &&
-          state?.isCreated &&
-          state?.customization?.cardForm?.show && (
-            <NewCardForm
-              showSaveOption={
-                state?.customization?.saveCards?.showSaveCardOption
-              }
-              saveCard={state?.uiData?.saveCard || false}
-              onSaveCardChange={handleSaveCardChange}
-              style={state?.customization?.styles?.cardForm}
-              labels={state?.customization?.labels}
-              placeholders={state?.customization?.placeholders}
-              events={state?.events}
-            />
-          )}
+        {state?.customization?.cardForm?.show && (
+          <Animated.View
+            style={[
+              styles.animatedFormContainer,
+              {
+                opacity: animationOpacity,
+                transform: [{ scaleY: animationScale }],
+              },
+            ]}
+          >
+            {state?.uiData?.selectedMethod === 'new' && state?.isCreated && (
+              <NewCardForm
+                showSaveOption={
+                  state?.customization?.saveCards?.showSaveCardOption
+                }
+                saveCard={state?.uiData?.saveCard || false}
+                onSaveCardChange={handleSaveCardChange}
+                style={state?.customization?.styles?.cardForm}
+                labels={state?.customization?.labels}
+                placeholders={state?.customization?.placeholders}
+                events={state?.events}
+              />
+            )}
+          </Animated.View>
+        )}
         {state?.customization?.paymentMethods?.show && (
           <PaymentMethodsList
             methods={state?.uiData.paymentMethods}
@@ -209,6 +259,7 @@ const TonderPayment: React.FC<ITonderPaymentProps> = () => {
 const styles = StyleSheet.create({
   container: {
     position: 'relative',
+    minHeight: 210,
   },
   newCardSection: {
     flexDirection: 'row',
@@ -242,6 +293,9 @@ const styles = StyleSheet.create({
     color: '#3bc635',
     fontSize: 12,
   },
+  animatedFormContainer: {
+    overflow: 'hidden',
+  },
 });
 
 export default TonderPayment;

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

@@ -1,35 +1,30 @@
-import React, { useEffect } from 'react';
-import { useCollectContainer } from 'skf-rnad';
-import InnerProvider from '../InnerProvider';
-import type { ITonderContext } from '../../../types';
-import { SDKType } from '../../../types';
+import { useEffect } from 'react';
+import { useCollectContainer } from 'skyflow-react-native';
+import useTonderContext from '../TonderProvider/hook';
+import { SDKType } from '@tonder.io/rn-sdk';
 
-interface SkyflowContainerWrapperProps {
-  children: React.ReactNode;
-  contextValue: ITonderContext<SDKType>;
-}
-
-const SkyflowContainerWrapper = ({
-  children,
-  contextValue,
-}: SkyflowContainerWrapperProps) => {
+const SkyflowContainerWrapper = () => {
+  const { uiWrapper, sdk, state } = useTonderContext<SDKType.INLINE>();
   const container = useCollectContainer();
+  const savedCardContainer = useCollectContainer();
 
   useEffect(() => {
-    if (contextValue?.state?.isCreated && container) {
-      contextValue.uiWrapper.setSkyFlowContainer(container);
+    if (state?.isCreated && container) {
+      uiWrapper.setSkyFlowContainer(undefined);
+      setTimeout(() => {
+        uiWrapper.setSkyFlowContainer(container);
+      }, 20);
     }
   }, [
-    contextValue?.state?.isCreated,
-    contextValue.sdk,
-    contextValue.uiWrapper,
+    state?.isCreated,
+    sdk,
+    uiWrapper,
+    state?.skyflowConfig,
+    container,
+    savedCardContainer,
   ]);
 
-  return (
-    <InnerProvider container={container} contextValue={contextValue}>
-      {children}
-    </InnerProvider>
-  );
+  return null;
 };
 
 export default SkyflowContainerWrapper;

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { ThreeDSWebView } from '../../components/WebView/ThreeDSWebView';
+import { SkyflowProvider } from 'skyflow-react-native';
+import useTonderContext from './hook';
+
+const TonderProviderWrapper: React.FC<
+  React.PropsWithChildren<{
+    threeDSConfig: {
+      url?: string;
+      onComplete?: () => void;
+      returnURL?: string;
+    };
+  }>
+> = ({ threeDSConfig, children }) => {
+  const { state } = useTonderContext();
+  return (
+    <SkyflowProvider config={state?.skyflowConfig}>
+      {!!threeDSConfig.url && (
+        <ThreeDSWebView
+          url={threeDSConfig.url}
+          onComplete={() => {
+            threeDSConfig.onComplete?.();
+          }}
+          returnURL={threeDSConfig.returnURL!}
+        />
+      )}
+      {children}
+    </SkyflowProvider>
+  );
+};
+
+export default React.memo(TonderProviderWrapper);

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

@@ -3,14 +3,12 @@ import React, { useEffect, useMemo, useState } from 'react';
 import Tonder from '../../../core/Tonder';
 import type { ISDKBaseConfig, SDKInstance } from '../../../types';
 import { SDKType } from '../../../types';
-import { SkyflowProvider } from 'skf-rnad';
-import SkyflowContainerWrapper from '../SkyflowContainerWrapper';
-import { ThreeDSWebView } from '../../components/WebView/ThreeDSWebView';
 import { EnrollmentContainer } from '../../../core/EnrollmentContainer';
 import PaymentLiteContainer from '../../../core/PaymentLiteContainer';
 import PaymentInlineContainer from '../../../core/PaymentInlineContainer';
 import uiWrapper from './uiWrapper';
 import { tonderContext } from './context';
+import TonderProviderWrapper from './TonderProviderWrapper';
 
 export interface ITonderProvider {
   config: ISDKBaseConfig;
@@ -22,7 +20,6 @@ const TonderProvider: React.FC<React.PropsWithChildren<ITonderProvider>> = <
   children,
   config,
 }) => {
-  const [skyflowConfig, setSkyflowConfig] = useState<any | null>(null);
   const [state, setState] = useState<Readonly<any>>(() => {});
   const [threeDSConfig, setThreeDSConfig] = useState<{
     url?: string;
@@ -33,22 +30,13 @@ const TonderProvider: React.FC<React.PropsWithChildren<ITonderProvider>> = <
   const tonder = useMemo(() => new Tonder(config), [config]);
   const sdk: SDKInstance<T> = useMemo(() => {
     if (config.type === SDKType.ENROLLMENT) {
-      return new EnrollmentContainer(
-        tonder,
-        setSkyflowConfig
-      ) as SDKInstance<T>;
+      return new EnrollmentContainer(tonder) as SDKInstance<T>;
     }
     if (config.type === SDKType.LITE) {
-      return new PaymentLiteContainer(
-        tonder,
-        setSkyflowConfig
-      ) as SDKInstance<T>;
+      return new PaymentLiteContainer(tonder) as SDKInstance<T>;
     }
-    return new PaymentInlineContainer(
-      tonder,
-      setSkyflowConfig
-    ) as SDKInstance<T>;
-  }, [tonder, setSkyflowConfig]);
+    return new PaymentInlineContainer(tonder) as SDKInstance<T>;
+  }, [config.type, tonder]);
   const uiSDKWrapper = useMemo(() => uiWrapper(tonder), [tonder]);
 
   useEffect(() => {
@@ -91,20 +79,9 @@ const TonderProvider: React.FC<React.PropsWithChildren<ITonderProvider>> = <
 
   return (
     <tonderContext.Provider value={contextValue}>
-      <SkyflowProvider config={skyflowConfig}>
-        <SkyflowContainerWrapper contextValue={contextValue}>
-          {!!threeDSConfig.url && (
-            <ThreeDSWebView
-              url={threeDSConfig.url}
-              onComplete={() => {
-                threeDSConfig.onComplete?.();
-              }}
-              returnURL={threeDSConfig.returnURL!}
-            />
-          )}
-          {children}
-        </SkyflowContainerWrapper>
-      </SkyflowProvider>
+      <TonderProviderWrapper threeDSConfig={threeDSConfig}>
+        {children}
+      </TonderProviderWrapper>
     </tonderContext.Provider>
   );
 };

package/src/ui/styles/payment.ts

@@ -18,6 +18,7 @@ const DEFAULT_PAYMENT_CONTAINER = StyleSheet.create({
     borderColor: '#e3e3e3',
     width: '100%',
     marginBottom: 10,
+    minHeight: 210,
   },
 });
 export { DEFAULT_INPUT_CONTAINER_STYLES, DEFAULT_PAYMENT_CONTAINER };

package/lib/commonjs/ui/providers/InnerProvider/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _context = require("../TonderProvider/context.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// @ts-nocheck
-
-const InnerProvider = ({
-  children,
-  contextValue
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.tonderContext.Provider, {
-    value: {
-      ...contextValue
-    },
-    children: children
-  });
-};
-var _default = exports.default = InnerProvider;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/ui/providers/InnerProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_context","_jsxRuntime","e","__esModule","default","InnerProvider","children","contextValue","jsx","tonderContext","Provider","value","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/providers/InnerProvider/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAA0D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1D;;AAWA,MAAMG,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EACxE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,QAAA,CAAAS,aAAa,CAACC,QAAQ;IACrBC,KAAK,EAAE;MACL,GAAGJ;IACL,CAAE;IAAAD,QAAA,EAEDA;EAAQ,CACa,CAAC;AAE7B,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEaC,aAAa","ignoreList":[]}

package/lib/module/ui/providers/InnerProvider/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-// @ts-nocheck
-import React from 'react';
-import { tonderContext } from "../TonderProvider/context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const InnerProvider = ({
-  children,
-  contextValue
-}) => {
-  return /*#__PURE__*/_jsx(tonderContext.Provider, {
-    value: {
-      ...contextValue
-    },
-    children: children
-  });
-};
-export default InnerProvider;
-//# sourceMappingURL=index.js.map

package/lib/module/ui/providers/InnerProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","tonderContext","jsx","_jsx","InnerProvider","children","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["ui/providers/InnerProvider/index.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ1D,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EACxE,oBACEH,IAAA,CAACF,aAAa,CAACM,QAAQ;IACrBC,KAAK,EAAE;MACL,GAAGF;IACL,CAAE;IAAAD,QAAA,EAEDA;EAAQ,CACa,CAAC;AAE7B,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}

package/lib/typescript/commonjs/src/ui/providers/InnerProvider/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ITonderContext, SDKType } from '../../../types';
-interface InnerProviderProps {
-    children: React.ReactNode;
-    container: any;
-    contextValue: ITonderContext<SDKType>;
-}
-declare const InnerProvider: ({ children, contextValue }: InnerProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default InnerProvider;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/ui/providers/InnerProvider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/providers/InnerProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,GAAI,4BAA4B,kBAAkB,4CAUpE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/module/src/ui/providers/InnerProvider/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ITonderContext, SDKType } from '../../../types';
-interface InnerProviderProps {
-    children: React.ReactNode;
-    container: any;
-    contextValue: ITonderContext<SDKType>;
-}
-declare const InnerProvider: ({ children, contextValue }: InnerProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default InnerProvider;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/ui/providers/InnerProvider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/providers/InnerProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,GAAI,4BAA4B,kBAAkB,4CAUpE,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,24 +0,0 @@
-// @ts-nocheck
-import React from 'react';
-import { ITonderContext, SDKType } from '../../../types';
-import { tonderContext } from '../TonderProvider/context';
-
-interface InnerProviderProps {
-  children: React.ReactNode;
-  container: any;
-  contextValue: ITonderContext<SDKType>;
-}
-
-const InnerProvider = ({ children, contextValue }: InnerProviderProps) => {
-  return (
-    <tonderContext.Provider
-      value={{
-        ...contextValue,
-      }}
-    >
-      {children}
-    </tonderContext.Provider>
-  );
-};
-
-export default InnerProvider;