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

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

@@ -0,0 +1,84 @@
+"use strict";
+
+// @ts-nocheck
+import React from 'react';
+import { DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from '@shared/constants/skyflow';
+import { StyleSheet, Text, View } 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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CardExpirationDateInput = ({
+  yearPlaceholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,
+  monthPlaceholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryMonthPlaceholder,
+  label = DEFAULT_SKYFLOW_lABELS.expiryDateLabel,
+  style
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: {
+        ...DEFAULT_SKYFLOW_lABEL_STYLES.base,
+        ...(style?.labelStyles?.base || {})
+      },
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(CardExpirationMonthInput, {
+        label: '',
+        placeholder: monthPlaceholder,
+        style: {
+          ...{
+            ...style,
+            inputStyles: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES,
+              ...(style?.inputStyles || {}),
+              container: {
+                ...DEFAULT_INPUT_CONTAINER_STYLES.base,
+                ...{
+                  marginVertical: 0
+                },
+                ...(style?.inputStyles?.container || {})
+              }
+            }
+          }
+        }
+      }), /*#__PURE__*/_jsx(CardExpirationYearInput, {
+        label: '',
+        placeholder: yearPlaceholder,
+        style: {
+          ...{
+            ...style,
+            inputStyles: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES,
+              ...(style?.inputStyles || {}),
+              container: {
+                ...DEFAULT_INPUT_CONTAINER_STYLES.base,
+                ...{
+                  marginVertical: 0
+                },
+                ...(style?.inputStyles?.container || {})
+              }
+            }
+          }
+        }
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 2,
+    marginVertical: 5
+  },
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  inputContainerCustom: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=CardExpirationDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","DEFAULT_SKYFLOW_lABELS","DEFAULT_SKYFLOW_PLACEHOLDERS","StyleSheet","Text","View","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_SKYFLOW_lABEL_STYLES","DEFAULT_INPUT_CONTAINER_STYLES","CardExpirationMonthInput","CardExpirationYearInput","jsx","_jsx","jsxs","_jsxs","CardExpirationDateInput","yearPlaceholder","expiryYearPlaceholder","monthPlaceholder","expiryMonthPlaceholder","label","expiryDateLabel","style","styles","container","children","base","labelStyles","row","placeholder","inputStyles","marginVertical","create","flex","flexDirection","justifyContent","gap","inputContainerCustom"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationDateInput.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,sBAAsB,EACtBC,4BAA4B,QACvB,2BAA2B;AAClC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SACEC,4BAA4B,EAC5BC,4BAA4B,QACvB,oBAAoB;AAC3B,SAASC,8BAA8B,QAAQ,oBAAoB;AACnE,SAASC,wBAAwB,QAAQ,+CAA+C;AACxF,SAASC,uBAAuB,QAAQ,8CAA8C;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQvF,OAAO,MAAMC,uBAAuD,GAAGA,CAAC;EACtEC,eAAe,GAAGd,4BAA4B,CAACe,qBAAqB;EACpEC,gBAAgB,GAAGhB,4BAA4B,CAACiB,sBAAsB;EACtEC,KAAK,GAAGnB,sBAAsB,CAACoB,eAAe;EAC9CC;AACF,CAAC,KAAK;EACJ,oBACER,KAAA,CAACT,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bb,IAAA,CAACR,IAAI;MACHkB,KAAK,EAAE;QACL,GAAIf,4BAA4B,CAACmB,IAA6B;QAC9D,IAAKJ,KAAK,EAAEK,WAAW,EAAED,IAAI,IAAI,CAAC,CAAC;MACrC,CAAE;MAAAD,QAAA,EAEDL;IAAK,CACF,CAAC,eACPN,KAAA,CAACT,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACK,GAAI;MAAAH,QAAA,gBACtBb,IAAA,CAACH,wBAAwB;QACvBW,KAAK,EAAE,EAAG;QACVS,WAAW,EAAEX,gBAAiB;QAC9BI,KAAK,EAAE;UACL,GAAI;YACF,GAAGA,KAAK;YACRQ,WAAW,EAAE;cACX,GAAGxB,4BAA4B;cAC/B,IAAIgB,KAAK,EAAEQ,WAAW,IAAI,CAAC,CAAC,CAAC;cAC7BN,SAAS,EAAE;gBACT,GAAGhB,8BAA8B,CAACkB,IAAI;gBACtC,GAAG;kBAAEK,cAAc,EAAE;gBAAE,CAAC;gBACxB,IAAIT,KAAK,EAAEQ,WAAW,EAAEN,SAAS,IAAI,CAAC,CAAC;cACzC;YACF;UACF;QACF;MAAE,CACH,CAAC,eACFZ,IAAA,CAACF,uBAAuB;QACtBU,KAAK,EAAE,EAAG;QACVS,WAAW,EAAEb,eAAgB;QAC7BM,KAAK,EAAE;UACL,GAAI;YACF,GAAGA,KAAK;YACRQ,WAAW,EAAE;cACX,GAAGxB,4BAA4B;cAC/B,IAAIgB,KAAK,EAAEQ,WAAW,IAAI,CAAC,CAAC,CAAC;cAC7BN,SAAS,EAAE;gBACT,GAAGhB,8BAA8B,CAACkB,IAAI;gBACtC,GAAG;kBAAEK,cAAc,EAAE;gBAAE,CAAC;gBACxB,IAAIT,KAAK,EAAEQ,WAAW,EAAEN,SAAS,IAAI,CAAC,CAAC;cACzC;YACF;UACF;QACF;MAAE,CACH,CAAC;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGpB,UAAU,CAAC6B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPF,cAAc,EAAE;EAClB,CAAC;EACDH,GAAG,EAAE;IACHM,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,GAAG,EAAE;EACP,CAAC;EACDC,oBAAoB,EAAE;IACpBJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { ExpirationMonthElement } from 'skyflow-react-native';
+import { getErrorField, regexMatchRule } from '@shared/constants/skyflow';
+import { DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from '@shared/constants/skyflow';
+import { Text, View } from 'react-native';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/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';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CardExpirationMonthInput = ({
+  placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryMonthPlaceholder,
+  label = DEFAULT_SKYFLOW_lABELS.expiryMonthLabel,
+  style
+}) => {
+  const {
+    state
+  } = useTonderContext();
+  const [errorText, setErrorText] = useState('');
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/_jsx(ExpirationMonthElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "expiration_month",
+        options: {},
+        placeholder: placeholder,
+        label: label,
+        validations: [regexMatchRule],
+        inputStyles: {
+          ...DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ...SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ...DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText(getErrorField(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/_jsx(Text, {
+        style: {
+          ...DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+//# sourceMappingURL=CardExpirationMonthInput.js.map

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

@@ -0,0 +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","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","inputStyles","container","base","table","column","options","validations","errorTextStyles","labelStyles","onChange","onBlur","e"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationMonthInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SAASC,aAAa,EAAEC,cAAc,QAAQ,2BAA2B;AACzE,SACEC,sBAAsB,EACtBC,4BAA4B,QACvB,2BAA2B;AAClC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,8BAA8B,QAAQ,oBAAoB;AACnE,SACEC,iCAAiC,EACjCC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,gCAAgC,QAC3B,oBAAoB;AAC3B,OAAOC,gBAAgB,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjE,OAAO,MAAMC,wBAA8C,GAAGA,CAAC;EAC7DC,WAAW,GAAGhB,4BAA4B,CAACiB,sBAAsB;EACjEC,KAAK,GAAGnB,sBAAsB,CAACoB,gBAAgB;EAC/CC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EACpC,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAG5B,QAAQ,CAAC,EAAE,CAAC;EAE9C,oBACEe,IAAA,CAAAI,SAAA;IAAAU,QAAA,EACGH,KAAK,EAAEI,gBAAgB,IAAIJ,KAAK,EAAEK,SAAS,IAAI,CAACL,KAAK,EAAEM,UAAU,iBAChEf,KAAA,CAACV,IAAI;MACHkB,KAAK,EAAE;QACL,IAAIA,KAAK,EAAEQ,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGT,KAAK,CAACQ,WAAW,CAACC;QAAU,CAAC,GAClC1B,8BAA8B,CAAC2B,IAAI;MACzC,CAAE;MAAAN,QAAA,gBAEFd,IAAA,CAACd,sBAAsB;QACrBiC,SAAS,EAAER,KAAK,CAACI,gBAAiB;QAClCM,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,kBAAkB;QACzBC,OAAO,EAAE,CAAC,CAAE;QACZjB,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;QACbgB,WAAW,EAAE,CAACpC,cAAc,CAAE;QAC9B8B,WAAW,EAAE;UACX,GAAGvB,4BAA4B;UAC/B,IAAIe,KAAK,EAAEQ,WAAW,GAClB;YACE,GAAGR,KAAK,EAAEQ,WAAW;YACrBE,IAAI,EAAE;cACJ,GAAGzB,4BAA4B,CAACyB,IAAI;cACpC,GAAGV,KAAK,EAAEQ,WAAW,CAACE;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFK,eAAe,EAAE;UACf,GAAG5B;QACL,CAAE;QACF6B,WAAW,EAAE;UACX,GAAG9B,4BAA4B;UAC/B,IAAIc,KAAK,EAAEgB,WAAW,GAClB;YACE,GAAGhB,KAAK,EAAEgB,WAAW;YACrBN,IAAI,EAAE;cACJ,GAAGxB,4BAA4B,CAACwB,IAAI;cACpC,GAAGV,KAAK,EAAEgB,WAAW,CAACN;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFO,QAAQ,EAAEA,CAAA,KAAM;UACdd,YAAY,CAAC,EAAE,CAAC;QAClB;QACA;QAAA;QACAe,MAAM,EAAGC,CAAC,IAAK;UACbhB,YAAY,CAAC1B,aAAa,CAAC0C,CAAC,EAAErB,KAAK,CAAC,CAAC;QACvC;QACA;MAAA,CACD,CAAC,EACDI,SAAS,iBACRZ,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAE;UAAE,GAAGhB,iCAAiC,CAAC0B;QAAK,CAAE;QAAAN,QAAA,EACxDF;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { ExpirationYearElement } from 'skyflow-react-native';
+import { getErrorField, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from '@shared/constants/skyflow';
+import { Text, View } from 'react-native';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/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';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CardExpirationYearInput = ({
+  placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,
+  label = DEFAULT_SKYFLOW_lABELS.expiryYearLabel,
+  style
+}) => {
+  const {
+    state
+  } = useTonderContext();
+  const [errorText, setErrorText] = useState('');
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/_jsx(ExpirationYearElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "expiration_year",
+        options: {},
+        placeholder: placeholder,
+        label: label,
+        validations: [regexMatchRule],
+        inputStyles: {
+          ...DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ...SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ...DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText(getErrorField(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/_jsx(Text, {
+        style: {
+          ...DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+//# sourceMappingURL=CardExpirationYearInput.js.map

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

@@ -0,0 +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","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","inputStyles","container","base","table","column","options","validations","errorTextStyles","labelStyles","onChange","onBlur","e"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationYearInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,qBAAqB,QAAQ,sBAAsB;AAC5D,SACEC,aAAa,EACbC,cAAc,EACdC,sBAAsB,EACtBC,4BAA4B,QACvB,2BAA2B;AAClC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,8BAA8B,QAAQ,oBAAoB;AACnE,SACEC,iCAAiC,EACjCC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,gCAAgC,QAC3B,oBAAoB;AAC3B,OAAOC,gBAAgB,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjE,OAAO,MAAMC,uBAA6C,GAAGA,CAAC;EAC5DC,WAAW,GAAGhB,4BAA4B,CAACiB,qBAAqB;EAChEC,KAAK,GAAGnB,sBAAsB,CAACoB,eAAe;EAC9CC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EACpC,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAG5B,QAAQ,CAAC,EAAE,CAAC;EAE9C,oBACEe,IAAA,CAAAI,SAAA;IAAAU,QAAA,EACGH,KAAK,EAAEI,gBAAgB,IAAIJ,KAAK,EAAEK,SAAS,IAAI,CAACL,KAAK,EAAEM,UAAU,iBAChEf,KAAA,CAACV,IAAI;MACHkB,KAAK,EAAE;QACL,IAAIA,KAAK,EAAEQ,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGT,KAAK,CAACQ,WAAW,CAACC;QAAU,CAAC,GAClC1B,8BAA8B,CAAC2B,IAAI;MACzC,CAAE;MAAAN,QAAA,gBAEFd,IAAA,CAACd,qBAAqB;QACpBiC,SAAS,EAAER,KAAK,CAACI,gBAAiB;QAClCM,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,iBAAiB;QACxBC,OAAO,EAAE,CAAC,CAAE;QACZjB,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;QACbgB,WAAW,EAAE,CAACpC,cAAc,CAAE;QAC9B8B,WAAW,EAAE;UACX,GAAGvB,4BAA4B;UAC/B,IAAIe,KAAK,EAAEQ,WAAW,GAClB;YACE,GAAGR,KAAK,EAAEQ,WAAW;YACrBE,IAAI,EAAE;cACJ,GAAGzB,4BAA4B,CAACyB,IAAI;cACpC,GAAGV,KAAK,EAAEQ,WAAW,CAACE;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFK,eAAe,EAAE;UACf,GAAG5B;QACL,CAAE;QACF6B,WAAW,EAAE;UACX,GAAG9B,4BAA4B;UAC/B,IAAIc,KAAK,EAAEgB,WAAW,GAClB;YACE,GAAGhB,KAAK,EAAEgB,WAAW;YACrBN,IAAI,EAAE;cACJ,GAAGxB,4BAA4B,CAACwB,IAAI;cACpC,GAAGV,KAAK,EAAEgB,WAAW,CAACN;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFO,QAAQ,EAAEA,CAAA,KAAM;UACdd,YAAY,CAAC,EAAE,CAAC;QAClB;QACA;QAAA;QACAe,MAAM,EAAGC,CAAC,IAAK;UACbhB,YAAY,CAAC1B,aAAa,CAAC0C,CAAC,EAAErB,KAAK,CAAC,CAAC;QACvC;QACA;MAAA,CACD,CAAC,EACDI,SAAS,iBACRZ,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAE;UAAE,GAAGhB,iCAAiC,CAAC0B;QAAK,CAAE;QAAAN,QAAA,EACxDF;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { getErrorField, lengthMatchRule, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from '@shared/constants/skyflow';
+import { Text, View } from 'react-native';
+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 '@ui/styles/skyflow';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/styles/payment';
+import useTonderContext from '@ui/providers/TonderProvider/hook';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CardHolderInput = ({
+  placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.namePlaceholder,
+  label = DEFAULT_SKYFLOW_lABELS.nameLabel,
+  style
+}) => {
+  const {
+    state
+  } = useTonderContext();
+  const [errorText, setErrorText] = useState('');
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/_jsx(CardHolderNameElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "cardholder_name",
+        validations: [lengthMatchRule, regexMatchRule],
+        placeholder: placeholder,
+        label: label,
+        inputStyles: {
+          ...DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ...SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ...DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText(getErrorField(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/_jsx(Text, {
+        style: {
+          ...DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+//# sourceMappingURL=CardHolderInput.js.map

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

@@ -0,0 +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","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","inputStyles","container","base","table","column","validations","errorTextStyles","labelStyles","onChange","onBlur","e"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardHolderInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SACEC,aAAa,EACbC,eAAe,EACfC,cAAc,EACdC,sBAAsB,EACtBC,4BAA4B,QACvB,2BAA2B;AAClC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,qBAAqB,QAAQ,sBAAsB;AAC5D,SACEC,iCAAiC,EACjCC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,gCAAgC,QAC3B,oBAAoB;AAC3B,SAASC,8BAA8B,QAAQ,oBAAoB;AACnE,OAAOC,gBAAgB,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjE,OAAO,MAAMC,eAAqC,GAAGA,CAAC;EACpDC,WAAW,GAAGjB,4BAA4B,CAACkB,eAAe;EAC1DC,KAAK,GAAGpB,sBAAsB,CAACqB,SAAS;EACxCC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EAEpC,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC9C,oBACEgB,IAAA,CAAAI,SAAA;IAAAU,QAAA,EACGH,KAAK,EAAEI,gBAAgB,IAAIJ,KAAK,EAAEK,SAAS,IAAI,CAACL,KAAK,EAAEM,UAAU,iBAChEf,KAAA,CAACX,IAAI;MACHmB,KAAK,EAAE;QACL,IAAIA,KAAK,EAAEQ,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGT,KAAK,CAACQ,WAAW,CAACC;QAAU,CAAC,GAClCtB,8BAA8B,CAACuB,IAAI;MACzC,CAAE;MAAAN,QAAA,gBAEFd,IAAA,CAACR,qBAAqB;QACpB2B,SAAS,EAAER,KAAK,CAACI,gBAAiB;QAClCM,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,iBAAiB;QACxBC,WAAW,EAAE,CAACrC,eAAe,EAAEC,cAAc,CAAE;QAC/CmB,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;QACbU,WAAW,EAAE;UACX,GAAGxB,4BAA4B;UAC/B,IAAIgB,KAAK,EAAEQ,WAAW,GAClB;YACE,GAAGR,KAAK,EAAEQ,WAAW;YACrBE,IAAI,EAAE;cACJ,GAAG1B,4BAA4B,CAAC0B,IAAI;cACpC,GAAGV,KAAK,EAAEQ,WAAW,CAACE;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFI,eAAe,EAAE;UACf,GAAG5B;QACL,CAAE;QACF6B,WAAW,EAAE;UACX,GAAG9B,4BAA4B;UAC/B,IAAIe,KAAK,EAAEe,WAAW,GAClB;YACE,GAAGf,KAAK,EAAEe,WAAW;YACrBL,IAAI,EAAE;cACJ,GAAGzB,4BAA4B,CAACyB,IAAI;cACpC,GAAGV,KAAK,EAAEe,WAAW,CAACL;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFM,QAAQ,EAAEA,CAAA,KAAM;UACdb,YAAY,CAAC,EAAE,CAAC;QAClB;QACA;QAAA;QACAc,MAAM,EAAGC,CAAC,IAAK;UACbf,YAAY,CAAC5B,aAAa,CAAC2C,CAAC,EAAEpB,KAAK,CAAC,CAAC;QACvC;QACA;MAAA,CACD,CAAC,EACDI,SAAS,iBACRZ,IAAA,CAACV,IAAI;QAACoB,KAAK,EAAE;UAAE,GAAGjB,iCAAiC,CAAC2B;QAAK,CAAE;QAAAN,QAAA,EACxDF;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { CardNumberElement } from 'skyflow-react-native';
+import { getErrorField, regexMatchRule, DEFAULT_SKYFLOW_lABELS, DEFAULT_SKYFLOW_PLACEHOLDERS } from '@shared/constants/skyflow';
+import { Text, View } from 'react-native';
+import { DEFAULT_INPUT_CONTAINER_STYLES } from '@ui/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';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const CardNumberInput = ({
+  placeholder = DEFAULT_SKYFLOW_PLACEHOLDERS.cardPlaceholder,
+  label = DEFAULT_SKYFLOW_lABELS.cardLabel,
+  style
+}) => {
+  const {
+    state
+  } = useTonderContext();
+  const [errorText, setErrorText] = useState('');
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/_jsxs(View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/_jsx(CardNumberElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "card_number",
+        placeholder: placeholder,
+        label: label,
+        validations: [regexMatchRule],
+        inputStyles: {
+          ...DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ...SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ...DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ...DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText(getErrorField(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/_jsx(Text, {
+        style: {
+          ...DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+//# sourceMappingURL=CardNumberInput.js.map

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

@@ -0,0 +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","state","errorText","setErrorText","children","skyflowContainer","isCreated","isCreating","inputStyles","container","base","table","column","validations","errorTextStyles","labelStyles","onChange","onBlur","e"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardNumberInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SACEC,aAAa,EACbC,cAAc,EACdC,sBAAsB,EACtBC,4BAA4B,QACvB,2BAA2B;AAClC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,8BAA8B,QAAQ,oBAAoB;AACnE,SACEC,iCAAiC,EACjCC,4BAA4B,EAC5BC,4BAA4B,EAC5BC,gCAAgC,QAC3B,oBAAoB;AAC3B,OAAOC,gBAAgB,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjE,OAAO,MAAMC,eAAqC,GAAGA,CAAC;EACpDC,WAAW,GAAGhB,4BAA4B,CAACiB,eAAe;EAC1DC,KAAK,GAAGnB,sBAAsB,CAACoB,SAAS;EACxCC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EACpC,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAG5B,QAAQ,CAAC,EAAE,CAAC;EAE9C,oBACEe,IAAA,CAAAI,SAAA;IAAAU,QAAA,EACGH,KAAK,EAAEI,gBAAgB,IAAIJ,KAAK,EAAEK,SAAS,IAAI,CAACL,KAAK,EAAEM,UAAU,iBAChEf,KAAA,CAACV,IAAI;MACHkB,KAAK,EAAE;QACL,IAAIA,KAAK,EAAEQ,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGT,KAAK,CAACQ,WAAW,CAACC;QAAU,CAAC,GAClC1B,8BAA8B,CAAC2B,IAAI;MACzC,CAAE;MAAAN,QAAA,gBAEFd,IAAA,CAACd,iBAAiB;QAChBiC,SAAS,EAAER,KAAK,CAACI,gBAAiB;QAClCM,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,aAAa;QACpBhB,WAAW,EAAEA,WAAY;QACzBE,KAAK,EAAEA,KAAM;QACbe,WAAW,EAAE,CAACnC,cAAc,CAAE;QAC9B8B,WAAW,EAAE;UACX,GAAGvB,4BAA4B;UAC/B,IAAIe,KAAK,EAAEQ,WAAW,GAClB;YACE,GAAGR,KAAK,EAAEQ,WAAW;YACrBE,IAAI,EAAE;cACJ,GAAGzB,4BAA4B,CAACyB,IAAI;cACpC,GAAGV,KAAK,EAAEQ,WAAW,CAACE;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFI,eAAe,EAAE;UACf,GAAG3B;QACL,CAAE;QACF4B,WAAW,EAAE;UACX,GAAG7B,4BAA4B;UAC/B,IAAIc,KAAK,EAAEe,WAAW,GAClB;YACE,GAAGf,KAAK,EAAEe,WAAW;YACrBL,IAAI,EAAE;cACJ,GAAGxB,4BAA4B,CAACwB,IAAI;cACpC,GAAGV,KAAK,EAAEe,WAAW,CAACL;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFM,QAAQ,EAAEA,CAAA,KAAM;UACdb,YAAY,CAAC,EAAE,CAAC;QAClB;QACA;QAAA;QACAc,MAAM,EAAGC,CAAC,IAAK;UACbf,YAAY,CAAC1B,aAAa,CAACyC,CAAC,EAAEpB,KAAK,CAAC,CAAC;QACvC;QACA;MAAA,CACD,CAAC,EACDI,SAAS,iBACRZ,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAE;UAAE,GAAGhB,iCAAiC,CAAC0B;QAAK,CAAE;QAAAN,QAAA,EACxDF;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Text, Image, ScrollView } from 'react-native';
+import { getPaymentMethodDetails } from '@shared/catalog/paymentMethodsCatalog';
+import { RadioButton } from '@components/RadioButton';
+import { buildBaseStyleText } from '@shared/utils/styleUtils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PaymentMethodsList = ({
+  methods,
+  selectedMethod,
+  onMethodSelect,
+  style
+}) => {
+  if (!methods.length) return null;
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: methods.map(method => {
+      const details = getPaymentMethodDetails(method.payment_method);
+      return /*#__PURE__*/_jsxs(View, {
+        style: styles.methodItem,
+        children: [/*#__PURE__*/_jsx(RadioButton, {
+          style: {
+            base: style?.radioBase,
+            selected: style?.radioSelected,
+            inner: style?.radioInner
+          },
+          value: method.id,
+          selected: selectedMethod === method.id,
+          onSelect: () => onMethodSelect(method.id)
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.methodIconContainer,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.methodIconBorder
+          }), /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: details.icon
+            },
+            style: {
+              ...styles.methodIcon,
+              ...(style?.cardIcon || {})
+            },
+            resizeMode: "contain"
+          })]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            ...styles.methodName,
+            ...buildBaseStyleText(style)
+          },
+          children: details.label
+        })]
+      }, method.id);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 0
+  },
+  methodItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 5,
+    paddingHorizontal: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  methodIconContainer: {
+    width: 25,
+    height: 25,
+    marginLeft: 15,
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  methodIcon: {
+    width: '100%',
+    height: '100%'
+  },
+  methodIconBorder: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderWidth: 1,
+    borderColor: '#bababa36',
+    borderRadius: 4
+  },
+  methodName: {
+    fontSize: 12,
+    color: '#1D1D1D',
+    marginLeft: 10
+  }
+});
+export default PaymentMethodsList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","id","onSelect","methodIconContainer","methodIconBorder","source","uri","icon","methodIcon","cardIcon","resizeMode","methodName","label","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/RadioButton/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+// RadioButton.tsx
+import React from 'react';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RadioButton = ({
+  selected,
+  onSelect,
+  style
+}) => /*#__PURE__*/_jsx(TouchableOpacity, {
+  onPress: onSelect,
+  children: /*#__PURE__*/_jsx(View, {
+    style: {
+      ...styles.radio,
+      ...(style?.base || {}),
+      ...(selected ? {
+        ...styles.radioSelected,
+        ...(style?.selected || {})
+      } : {})
+    },
+    children: selected && /*#__PURE__*/_jsx(View, {
+      style: {
+        ...styles.radioInner,
+        ...(style?.inner || {})
+      }
+    })
+  })
+});
+const styles = StyleSheet.create({
+  radio: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: '#bababa',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  radioSelected: {
+    borderColor: '#3bc635'
+  },
+  radioInner: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#3bc635'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","jsx","_jsx","RadioButton","selected","onSelect","style","onPress","children","styles","radio","base","radioSelected","radioInner","inner","create","width","height","borderRadius","borderWidth","borderColor","justifyContent","alignItems","backgroundColor"],"sourceRoot":"../../../../../src","sources":["ui/components/RadioButton/index.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAalE,OAAO,MAAMC,WAAuC,GAAGA,CAAC;EACtDC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACCJ,IAAA,CAACH,gBAAgB;EAACQ,OAAO,EAAEF,QAAS;EAAAG,QAAA,eAClCN,IAAA,CAACJ,IAAI;IACHQ,KAAK,EAAE;MACL,GAAGG,MAAM,CAACC,KAAK;MACf,IAAIJ,KAAK,EAAEK,IAAI,IAAI,CAAC,CAAC,CAAC;MACtB,IAAIP,QAAQ,GACR;QAAE,GAAGK,MAAM,CAACG,aAAa;QAAE,IAAIN,KAAK,EAAEF,QAAQ,IAAI,CAAC,CAAC;MAAE,CAAC,GACvD,CAAC,CAAC;IACR,CAAE;IAAAI,QAAA,EAEDJ,QAAQ,iBACPF,IAAA,CAACJ,IAAI;MAACQ,KAAK,EAAE;QAAE,GAAGG,MAAM,CAACI,UAAU;QAAE,IAAIP,KAAK,EAAEQ,KAAK,IAAI,CAAC,CAAC;MAAE;IAAE,CAAE;EAClE,CACG;AAAC,CACS,CACnB;AAED,MAAML,MAAM,GAAGT,UAAU,CAACe,MAAM,CAAC;EAC/BL,KAAK,EAAE;IACLM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDV,aAAa,EAAE;IACbQ,WAAW,EAAE;EACf,CAAC;EACDP,UAAU,EAAE;IACVG,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfK,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}