@tonder.io/rn-sdk 0.1.7 → 0.1.8

package/lib/module/ui/components/Input/CardExpirationMonthInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ExpirationMonthElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardExpirationMonthInput","placeholder","expiryMonthPlaceholder","label","expiryMonthLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","options","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationMonthInput.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,sBAAsB,QAAQ,UAAU;AACjD,SACEC,aAAa,EACbC,cAAc,QACT,sCAAmC;AAC1C,SACEC,sBAAsB,EACtBC,4BAA4B,QACvB,sCAAmC;AAC1C,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,8BAA8B,QAAQ,yBAAsB;AACrE,SACEC,iCAAiC,EACjCC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,gCAAgC,QAC3B,yBAAsB;AAC7B,OAAOC,gBAAgB,MAAM,wCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEnE,OAAO,MAAMC,wBAA8C,GAAGA,CAAC;EAC7DC,WAAW,GAAGhB,4BAA4B,CAACiB,sBAAsB;EACjEC,KAAK,GAAGnB,sBAAsB,CAACoB,gBAAgB;EAC/CC,KAAK;EACLC,OAAO;EACPC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGhB,gBAAgB,CAAC,CAAC;EACpC,MAAM,CAACiB,SAAS,EAAEC,YAAY,CAAC,GAAG/B,QAAQ,CAAC,EAAE,CAAC;EAE9C,oBACEe,IAAA,CAAAI,SAAA;IAAAa,QAAA,EACGH,KAAK,EAAEI,gBAAgB,IAAIJ,KAAK,EAAEK,SAAS,IAAI,CAACL,KAAK,EAAEM,UAAU,iBAChElB,KAAA,CAACV,IAAI;MACHkB,KAAK,EAAE;QACL,GAAGjB,8BAA8B,CAAC4B,IAAI;QACtC,IAAIX,KAAK,EAAEY,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGb,KAAK,CAACY,WAAW,CAACC;QAAU,CAAC,GAClC,CAAC,CAAC;MACR,CAAE;MAAAN,QAAA,gBAEFjB,IAAA,CAACd,sBAAsB;QACrBqC,SAAS,EAAET,KAAK,CAACI,gBAAiB;QAClCM,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,kBAAkB;QACzBC,OAAO,EAAE,CAAC,CAAE;QACZpB,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;QACbmB,WAAW,EAAE,CAACvC,cAAc,CAAE;QAC9BkC,WAAW,EAAE;UACX,GAAG3B,4BAA4B;UAC/B,IAAIe,KAAK,EAAEY,WAAW,GAClB;YACE,GAAGZ,KAAK,EAAEY,WAAW;YACrBD,IAAI,EAAE;cACJ,GAAG1B,4BAA4B,CAAC0B,IAAI;cACpC,GAAGX,KAAK,EAAEY,WAAW,CAACD;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFO,eAAe,EAAE;UACf,GAAG/B;QACL,CAAE;QACFgC,WAAW,EAAE;UACX,GAAGjC,4BAA4B;UAC/B,IAAIc,KAAK,EAAEmB,WAAW,GAClB;YACE,GAAGnB,KAAK,EAAEmB,WAAW;YACrBR,IAAI,EAAE;cACJ,GAAGzB,4BAA4B,CAACyB,IAAI;cACpC,GAAGX,KAAK,EAAEmB,WAAW,CAACR;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFR,QAAQ,EAAGiB,KAAK,IAAK;UACnBd,YAAY,CAAC,EAAE,CAAC;UAChB,IAAIH,QAAQ,EAAEA,QAAQ,CAACiB,KAAK,CAAC;QAC/B,CAAE;QACFnB,OAAO,EAAGmB,KAAK,IAAK;UAClB,IAAInB,OAAO,EAAEA,OAAO,CAACmB,KAAK,CAAC;QAC7B,CAAE;QACFlB,MAAM,EAAGkB,KAAK,IAAK;UACjBd,YAAY,CAAC7B,aAAa,CAAC2C,KAAK,EAAEtB,KAAK,CAAC,CAAC;UACzC,IAAII,MAAM,EAAEA,MAAM,CAACkB,KAAK,CAAC;QAC3B;QACA;MAAA,CACD,CAAC,EACDf,SAAS,iBACRf,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAE;UAAE,GAAGhB,iCAAiC,CAAC2B;QAAK,CAAE;QAAAJ,QAAA,EACxDF;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","ExpirationMonthElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","SkyflowContainerWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardExpirationMonthInput","placeholder","expiryMonthPlaceholder","label","expiryMonthLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","options","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationMonthInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Input/CardExpirationYearInput.js

@@ -2,12 +2,13 @@
 
 // @ts-nocheck
 import React, { useState } from 'react';
-import { ExpirationYearElement } from 'skf-rnad';
+import { ExpirationYearElement } from 'skyflow-react-native';
 import { getErrorField, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from "../../../shared/constants/skyflow.js";
 import { Text, View } from 'react-native';
 import { DEFAULT_INPUT_CONTAINER_STYLES } from "../../styles/payment.js";
 import { DEFAULT_SKYFLOW_ERROR_TEXT_STYLES, DEFAULT_SKYFLOW_INPUT_STYLES, DEFAULT_SKYFLOW_lABEL_STYLES, SKYFLOW_HIDDEN_ERROR_TEXT_STYLES } from "../../styles/skyflow.js";
 import useTonderContext from "../../providers/TonderProvider/hook.js";
+import SkyflowContainerWrapper from "../../providers/SkyflowContainerWrapper/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const CardExpirationYearInput = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,
@@ -21,8 +22,8 @@ export const CardExpirationYearInput = ({
     state
   } = useTonderContext();
   const [errorText, setErrorText] = useState('');
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SkyflowContainerWrapper, {}), state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
       style: {
         ...DEFAULT_INPUT_CONTAINER_STYLES.base,
         ...(style?.inputStyles?.container ? {
@@ -78,7 +79,7 @@ export const CardExpirationYearInput = ({
         },
         children: errorText
       })]
-    })
+    })]
   });
 };
 //# sourceMappingURL=CardExpirationYearInput.js.map

package/lib/module/ui/components/Input/CardExpirationYearInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ExpirationYearElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardExpirationYearInput","placeholder","expiryYearPlaceholder","label","expiryYearLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","options","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationYearInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ExpirationYearElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","SkyflowContainerWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardExpirationYearInput","placeholder","expiryYearPlaceholder","label","expiryYearLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","options","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationYearInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Input/CardHolderInput.js

@@ -4,10 +4,11 @@
 import React, { useState } from 'react';
 import { getErrorField, lengthMatchRule, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from "../../../shared/constants/skyflow.js";
 import { Text, View } from 'react-native';
-import { CardHolderNameElement } from 'skf-rnad';
+import { CardHolderNameElement } from 'skyflow-react-native';
 import { DEFAULT_SKYFLOW_ERROR_TEXT_STYLES, DEFAULT_SKYFLOW_INPUT_STYLES, DEFAULT_SKYFLOW_lABEL_STYLES, SKYFLOW_HIDDEN_ERROR_TEXT_STYLES } from "../../styles/skyflow.js";
 import { DEFAULT_INPUT_CONTAINER_STYLES } from "../../styles/payment.js";
 import useTonderContext from "../../providers/TonderProvider/hook.js";
+import SkyflowContainerWrapper from "../../providers/SkyflowContainerWrapper/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const CardHolderInput = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.namePlaceholder,
@@ -21,8 +22,8 @@ export const CardHolderInput = ({
     state
   } = useTonderContext();
   const [errorText, setErrorText] = useState('');
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SkyflowContainerWrapper, {}), state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
       style: {
         ...DEFAULT_INPUT_CONTAINER_STYLES.base,
         ...(style?.inputStyles?.container ? {
@@ -77,7 +78,7 @@ export const CardHolderInput = ({
         },
         children: errorText
       })]
-    })
+    })]
   });
 };
 //# sourceMappingURL=CardHolderInput.js.map

package/lib/module/ui/components/Input/CardHolderInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","getErrorField","lengthMatchRule","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","CardHolderNameElement","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","DEFAULT_INPUT_CONTAINER_STYLES","useTonderContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardHolderInput","placeholder","namePlaceholder","label","nameLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardHolderInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","getErrorField","lengthMatchRule","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","CardHolderNameElement","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","DEFAULT_INPUT_CONTAINER_STYLES","useTonderContext","SkyflowContainerWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardHolderInput","placeholder","namePlaceholder","label","nameLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardHolderInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Input/CardNumberInput.js

@@ -2,12 +2,13 @@
 
 // @ts-nocheck
 import React, { useState } from 'react';
-import { CardNumberElement } from 'skf-rnad';
+import { CardNumberElement } from 'skyflow-react-native';
 import { getErrorField, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from "../../../shared/constants/skyflow.js";
 import { Text, View } from 'react-native';
 import { DEFAULT_INPUT_CONTAINER_STYLES } from "../../styles/payment.js";
 import { DEFAULT_SKYFLOW_ERROR_TEXT_STYLES, DEFAULT_SKYFLOW_INPUT_STYLES, DEFAULT_SKYFLOW_lABEL_STYLES, SKYFLOW_HIDDEN_ERROR_TEXT_STYLES } from "../../styles/skyflow.js";
 import useTonderContext from "../../providers/TonderProvider/hook.js";
+import SkyflowContainerWrapper from "../../providers/SkyflowContainerWrapper/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const CardNumberInput = ({
   placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.cardPlaceholder,
@@ -21,8 +22,8 @@ export const CardNumberInput = ({
     state
   } = useTonderContext();
   const [errorText, setErrorText] = useState('');
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SkyflowContainerWrapper, {}), state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
       style: {
         ...DEFAULT_INPUT_CONTAINER_STYLES.base,
         ...(style?.inputStyles?.container ? {
@@ -33,6 +34,9 @@ export const CardNumberInput = ({
         container: state.skyflowContainer,
         table: "cards",
         column: "card_number",
+        options: {
+          enableCardIcon: false
+        },
         placeholder: placeholder,
         label: label,
         validations: [regexMatchRule],
@@ -77,7 +81,7 @@ export const CardNumberInput = ({
         },
         children: errorText
       })]
-    })
+    })]
   });
 };
 //# sourceMappingURL=CardNumberInput.js.map

package/lib/module/ui/components/Input/CardNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","CardNumberElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardNumberInput","placeholder","cardPlaceholder","label","cardLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardNumberInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","CardNumberElement","getErrorField","regexMatchRule","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","Text","View","DEFAULT_INPUT_CONTAINER_STYLES","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","useTonderContext","SkyflowContainerWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CardNumberInput","placeholder","cardPlaceholder","label","cardLabel","style","onFocus","onBlur","onChange","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","base","inputStyles","container","table","column","options","enableCardIcon","validations","errorTextStyles","labelStyles","event"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardNumberInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/PaymentMethodsList/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React from 'react';
-import { View, StyleSheet, Text, Image, ScrollView } from 'react-native';
+import { View, StyleSheet, Text, Image, ScrollView, TouchableOpacity } from 'react-native';
 import { getPaymentMethodDetails } from "../../../shared/catalog/paymentMethodsCatalog.js";
 import { RadioButton } from "../RadioButton/index.js";
 import { buildBaseStyleText } from "../../../shared/utils/styleUtils.js";
@@ -20,8 +20,10 @@ const PaymentMethodsList = ({
     },
     children: methods.map(method => {
       const details = getPaymentMethodDetails(method.payment_method);
-      return /*#__PURE__*/_jsxs(View, {
+      return /*#__PURE__*/_jsxs(TouchableOpacity, {
         style: styles.methodItem,
+        onPress: () => onMethodSelect(method.payment_method),
+        activeOpacity: 0.7,
         children: [/*#__PURE__*/_jsx(RadioButton, {
           style: {
             base: style?.radioBase,

package/lib/module/ui/components/PaymentMethodsList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Text","Image","ScrollView","getPaymentMethodDetails","RadioButton","buildBaseStyleText","jsx","_jsx","jsxs","_jsxs","PaymentMethodsList","methods","selectedMethod","onMethodSelect","style","length","styles","container","base","children","map","method","details","payment_method","methodItem","radioBase","selected","radioSelected","inner","radioInner","value","onSelect","methodIconContainer","methodIconBorder","source","uri","icon","methodIcon","cardIcon","resizeMode","methodName","label","id","create","padding","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","width","height","marginLeft","position","justifyContent","top","left","right","bottom","borderWidth","borderColor","borderRadius","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/PaymentMethodsList/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","Text","Image","ScrollView","TouchableOpacity","getPaymentMethodDetails","RadioButton","buildBaseStyleText","jsx","_jsx","jsxs","_jsxs","PaymentMethodsList","methods","selectedMethod","onMethodSelect","style","length","styles","container","base","children","map","method","details","payment_method","methodItem","onPress","activeOpacity","radioBase","selected","radioSelected","inner","radioInner","value","onSelect","methodIconContainer","methodIconBorder","source","uri","icon","methodIcon","cardIcon","resizeMode","methodName","label","id","create","padding","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","width","height","marginLeft","position","justifyContent","top","left","right","bottom","borderWidth","borderColor","borderRadius","fontSize","color"],"sourceRoot":"../../../../../src","sources":["ui/components/PaymentMethodsList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/SavedCardsList/index.js

@@ -1,42 +1,52 @@
 "use strict";
 
 // @ts-nocheck
-import React from 'react';
-import { View, StyleSheet, TouchableOpacity, Text, Image, ActivityIndicator } from 'react-native';
+import React, { useEffect, useRef } from 'react';
+import { View, StyleSheet, TouchableOpacity, Text, Image, ActivityIndicator, Animated } from 'react-native';
 import { getCardType } from "../../../shared/catalog/cardBrandCatalog.js";
 import { RadioButton } from "../RadioButton/index.js";
 import { Trash2 } from 'lucide-react-native';
 import { buildBaseStyleText } from "../../../shared/utils/styleUtils.js";
+import { CardCVVInput } from '@tonder.io/rn-sdk';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SavedCardsList = ({
-  cards,
+const CardItem = ({
+  card,
   selectedMethod,
   onMethodSelect,
   onDeleteCard,
   deletingCards,
-  showDeleteButton = true,
+  showDeleteButton,
   style,
-  expirationLabel = 'Exp.'
+  expirationLabel,
+  isLastItem,
+  replaceTextCardNumber,
+  cvvProps
 }) => {
-  if (!cards.length) return null;
-  const replaceTextCardNumber = cardNumber => {
-    const carArr = cardNumber.split('-');
-    const last = carArr[carArr.length - 1];
-    return `• • • •  ${last}`;
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: {
-      ...styles.container,
-      ...(style?.base || {})
-    },
-    children: cards.map((card, index) => /*#__PURE__*/_jsxs(View, {
-      style: [styles.cardItem, {
-        ...{
-          ...(style?.cardItem?.base || {})
-        }
-      }, index === cards.length - 1 && {
-        borderBottomWidth: 0
-      }],
+  const isSelected = selectedMethod === card.fields.skyflow_id;
+  const animationScale = useRef(new Animated.Value(0)).current;
+  const animationOpacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.parallel([Animated.spring(animationScale, {
+      toValue: isSelected ? 1 : 0,
+      useNativeDriver: true,
+      friction: 8,
+      tension: 40
+    }), Animated.timing(animationOpacity, {
+      toValue: isSelected ? 1 : 0,
+      duration: 100,
+      useNativeDriver: true
+    })]).start();
+  }, [isSelected, animationScale, animationOpacity]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.cardItem, {
+      ...{
+        ...(style?.cardItem?.base || {})
+      }
+    }, isLastItem && styles.cardItemContainerLast],
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.cardItemPreview],
+      onPress: () => onMethodSelect(card.fields.skyflow_id),
+      activeOpacity: 0.7,
       children: [/*#__PURE__*/_jsx(RadioButton, {
         style: {
           base: style?.radioBase,
@@ -44,7 +54,7 @@ const SavedCardsList = ({
           inner: style?.radioInner
         },
         value: card.fields.skyflow_id,
-        selected: selectedMethod === card.fields.skyflow_id,
+        selected: isSelected,
         onSelect: () => onMethodSelect(card.fields.skyflow_id)
       }), /*#__PURE__*/_jsx(Image, {
         source: {
@@ -73,7 +83,10 @@ const SavedCardsList = ({
         color: "#000000",
         size: "small"
       }), !(deletingCards || []).includes(card.fields.skyflow_id) && showDeleteButton && /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: () => onDeleteCard(card.fields.skyflow_id),
+        onPress: e => {
+          e.stopPropagation();
+          onDeleteCard(card.fields.skyflow_id);
+        },
         style: {
           ...styles.deleteButton,
           ...(style?.deleteButton || {})
@@ -89,6 +102,65 @@ const SavedCardsList = ({
           color: style?.deleteIcon?.color || '#000000'
         })
       })]
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.expandedContent, {
+        opacity: animationOpacity,
+        transform: [{
+          scaleY: animationScale
+        }]
+      }],
+      children: isSelected && /*#__PURE__*/_jsx(View, {
+        style: styles.expandedContentInner,
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.expandedBodyInner,
+          children: /*#__PURE__*/_jsx(CardCVVInput, {
+            style: cvvProps?.style,
+            label: cvvProps?.label,
+            placeholder: cvvProps?.placeholder,
+            onBlur: cvvProps?.onBlur,
+            onChange: cvvProps?.onChange,
+            onFocus: cvvProps?.onFocus,
+            cardId: card.fields.skyflow_id
+          })
+        })
+      })
+    })]
+  });
+};
+const SavedCardsList = ({
+  cards,
+  selectedMethod,
+  onMethodSelect,
+  onDeleteCard,
+  deletingCards,
+  showDeleteButton = true,
+  style,
+  expirationLabel = 'Exp.',
+  cvvProps
+}) => {
+  if (!cards.length) return null;
+  const replaceTextCardNumber = cardNumber => {
+    const carArr = cardNumber.split('-');
+    const last = carArr[carArr.length - 1];
+    return `• • • •  ${last}`;
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: cards.map((card, index) => /*#__PURE__*/_jsx(CardItem, {
+      card: card,
+      selectedMethod: selectedMethod,
+      onMethodSelect: onMethodSelect,
+      onDeleteCard: onDeleteCard,
+      deletingCards: deletingCards,
+      showDeleteButton: showDeleteButton,
+      style: style,
+      expirationLabel: expirationLabel,
+      isLastItem: index === cards.length - 1,
+      replaceTextCardNumber: replaceTextCardNumber,
+      cvvProps: cvvProps
     }, card.fields.skyflow_id))
   });
 };
@@ -96,9 +168,14 @@ const styles = StyleSheet.create({
   container: {
     paddingHorizontal: 0
   },
-  cardItem: {
+  cardItemPreview: {
     flexDirection: 'row',
-    alignItems: 'center',
+    alignItems: 'center'
+  },
+  cardItemContainerLast: {
+    borderBottomWidth: 0
+  },
+  cardItem: {
     paddingHorizontal: 20,
     paddingVertical: 5,
     borderBottomWidth: 1,
@@ -123,6 +200,16 @@ const styles = StyleSheet.create({
   },
   deleteButton: {
     padding: 10
+  },
+  expandedContent: {},
+  expandedContentInner: {
+    paddingHorizontal: 20,
+    paddingTop: 15
+  },
+  expandedBodyInner: {
+    paddingHorizontal: 10,
+    minHeight: 75,
+    maxWidth: '60%'
   }
 });
 export default SavedCardsList;

package/lib/module/ui/components/SavedCardsList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","Image","ActivityIndicator","getCardType","RadioButton","Trash2","buildBaseStyleText","jsx","_jsx","jsxs","_jsxs","SavedCardsList","cards","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","expirationLabel","length","replaceTextCardNumber","cardNumber","carArr","split","last","styles","container","base","children","map","card","index","cardItem","borderBottomWidth","radioBase","selected","radioSelected","inner","radioInner","value","fields","skyflow_id","onSelect","source","uri","card_scheme","cardImage","cardIcon","cardInfo","card_number","cardExpiration","expiration_month","expiration_year","includes","color","size","onPress","deleteButton","hitSlop","top","bottom","left","right","deleteIcon","fontSize","create","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomColor","width","height","marginLeft","flex","padding"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","TouchableOpacity","Text","Image","ActivityIndicator","Animated","getCardType","RadioButton","Trash2","buildBaseStyleText","CardCVVInput","jsx","_jsx","jsxs","_jsxs","CardItem","card","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","expirationLabel","isLastItem","replaceTextCardNumber","cvvProps","isSelected","fields","skyflow_id","animationScale","Value","current","animationOpacity","parallel","spring","toValue","useNativeDriver","friction","tension","timing","duration","start","styles","cardItem","base","cardItemContainerLast","children","cardItemPreview","onPress","activeOpacity","radioBase","selected","radioSelected","inner","radioInner","value","onSelect","source","uri","card_scheme","cardImage","cardIcon","cardInfo","cardNumber","card_number","cardExpiration","expiration_month","expiration_year","includes","color","size","e","stopPropagation","deleteButton","hitSlop","top","bottom","left","right","deleteIcon","fontSize","expandedContent","opacity","transform","scaleY","expandedContentInner","expandedBodyInner","label","placeholder","onBlur","onChange","onFocus","cardId","SavedCardsList","cards","length","carArr","split","last","container","map","index","create","paddingHorizontal","flexDirection","alignItems","borderBottomWidth","paddingVertical","borderBottomColor","width","height","marginLeft","flex","padding","paddingTop","minHeight","maxWidth"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/features/TonderEnrollment/index.js

@@ -1,19 +1,36 @@
 "use strict";
 
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ProcessButton } from "../../components/Button/ProcessButton.js";
-import { NewCardForm } from "../../components/CardForm/index.js";
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, View, Text, Animated } from 'react-native';
 import CardFormSkeleton from "../../components/Skeleton/CardFormSkeleton.js";
+import useTonderContext from "../../providers/TonderProvider/hook.js";
+import { NewCardForm } from "../../components/CardForm/index.js";
 import { DEFAULT_PAYMENT_CONTAINER } from "../../styles/payment.js";
 import { buildBaseStyleText } from "../../../shared/utils/styleUtils.js";
-import useTonderContext from "../../providers/TonderProvider/hook.js";
+import { ProcessButton } from "../../components/Button/ProcessButton.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TonderEnrollment = () => {
   const {
     sdk,
     state
   } = useTonderContext();
+
+  // 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();
@@ -37,14 +54,28 @@ const TonderEnrollment = () => {
         } : {}),
         ...(state?.customization?.styles?.sdkCard?.base || {})
       },
-      children: [state?.isCreated && /*#__PURE__*/_jsx(NewCardForm, {
-        showSaveOption: false,
-        saveCard: false,
-        onSaveCardChange: () => {},
-        style: state?.customization?.styles?.cardForm,
-        labels: state?.customization?.labels,
-        placeholders: state?.customization?.placeholders,
-        events: state?.events
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.animatedFormContainer, {
+          opacity: animationOpacity,
+          transform: [{
+            scaleY: animationScale
+          }]
+        }],
+        children: state?.isCreated && /*#__PURE__*/_jsx(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
+        })
       }), state?.customization?.showMessages && state?.message && state?.message !== '' && state?.error && /*#__PURE__*/_jsx(View, {
         style: {
           ...styles.messageContainer,
@@ -80,25 +111,8 @@ const TonderEnrollment = () => {
 };
 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
+    position: 'relative',
+    minHeight: 210
   },
   messageContainer: {
     paddingHorizontal: 20
@@ -110,6 +124,13 @@ const styles = StyleSheet.create({
   successText: {
     color: '#3bc635',
     fontSize: 12
+  },
+  containerForm: {
+    height: 'auto',
+    minHeight: 190
+  },
+  animatedFormContainer: {
+    overflow: 'hidden'
   }
 });
 export default TonderEnrollment;