@grupalia/rn-ui-kit 0.71.0 → 0.73.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/BaseCodeInput.js +88 -0
- package/lib/commonjs/components/BaseCodeInput.js.map +1 -0
- package/lib/commonjs/components/BasePermissionCard.js +113 -0
- package/lib/commonjs/components/BasePermissionCard.js.map +1 -0
- package/lib/commonjs/components/ContactsPermissionCard.js +56 -0
- package/lib/commonjs/components/ContactsPermissionCard.js.map +1 -0
- package/lib/commonjs/components/GeolocationPermissionCard.js +56 -0
- package/lib/commonjs/components/GeolocationPermissionCard.js.map +1 -0
- package/lib/commonjs/components/RetrieveGeolocation.js +24 -41
- package/lib/commonjs/components/RetrieveGeolocation.js.map +1 -1
- package/lib/commonjs/components/WhatsappCodeValidationView.js +119 -0
- package/lib/commonjs/components/WhatsappCodeValidationView.js.map +1 -0
- package/lib/commonjs/components/index.js +35 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/hooks/useGetContacts.js +44 -0
- package/lib/commonjs/hooks/useGetContacts.js.map +1 -0
- package/lib/commonjs/hooks/useGetGeolocation.js +18 -36
- package/lib/commonjs/hooks/useGetGeolocation.js.map +1 -1
- package/lib/module/components/BaseCodeInput.js +83 -0
- package/lib/module/components/BaseCodeInput.js.map +1 -0
- package/lib/module/components/BasePermissionCard.js +108 -0
- package/lib/module/components/BasePermissionCard.js.map +1 -0
- package/lib/module/components/ContactsPermissionCard.js +51 -0
- package/lib/module/components/ContactsPermissionCard.js.map +1 -0
- package/lib/module/components/GeolocationPermissionCard.js +51 -0
- package/lib/module/components/GeolocationPermissionCard.js.map +1 -0
- package/lib/module/components/RetrieveGeolocation.js +24 -41
- package/lib/module/components/RetrieveGeolocation.js.map +1 -1
- package/lib/module/components/WhatsappCodeValidationView.js +114 -0
- package/lib/module/components/WhatsappCodeValidationView.js.map +1 -0
- package/lib/module/components/index.js +5 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hooks/useGetContacts.js +39 -0
- package/lib/module/hooks/useGetContacts.js.map +1 -0
- package/lib/module/hooks/useGetGeolocation.js +18 -36
- package/lib/module/hooks/useGetGeolocation.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseCodeInput.d.ts +10 -0
- package/lib/typescript/commonjs/components/BaseCodeInput.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BasePermissionCard.d.ts +20 -0
- package/lib/typescript/commonjs/components/BasePermissionCard.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/ContactsPermissionCard.d.ts +10 -0
- package/lib/typescript/commonjs/components/ContactsPermissionCard.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/GeolocationPermissionCard.d.ts +10 -0
- package/lib/typescript/commonjs/components/GeolocationPermissionCard.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/RetrieveGeolocation.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/WhatsappCodeValidationView.d.ts +21 -0
- package/lib/typescript/commonjs/components/WhatsappCodeValidationView.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +5 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/useGetContacts.d.ts +12 -0
- package/lib/typescript/commonjs/hooks/useGetContacts.d.ts.map +1 -0
- package/lib/typescript/commonjs/hooks/useGetGeolocation.d.ts +4 -16
- package/lib/typescript/commonjs/hooks/useGetGeolocation.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseCodeInput.d.ts +10 -0
- package/lib/typescript/module/components/BaseCodeInput.d.ts.map +1 -0
- package/lib/typescript/module/components/BasePermissionCard.d.ts +20 -0
- package/lib/typescript/module/components/BasePermissionCard.d.ts.map +1 -0
- package/lib/typescript/module/components/ContactsPermissionCard.d.ts +10 -0
- package/lib/typescript/module/components/ContactsPermissionCard.d.ts.map +1 -0
- package/lib/typescript/module/components/GeolocationPermissionCard.d.ts +10 -0
- package/lib/typescript/module/components/GeolocationPermissionCard.d.ts.map +1 -0
- package/lib/typescript/module/components/RetrieveGeolocation.d.ts.map +1 -1
- package/lib/typescript/module/components/WhatsappCodeValidationView.d.ts +21 -0
- package/lib/typescript/module/components/WhatsappCodeValidationView.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +5 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/hooks/useGetContacts.d.ts +12 -0
- package/lib/typescript/module/hooks/useGetContacts.d.ts.map +1 -0
- package/lib/typescript/module/hooks/useGetGeolocation.d.ts +4 -16
- package/lib/typescript/module/hooks/useGetGeolocation.d.ts.map +1 -1
- package/package.json +10 -6
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _formik = require("formik");
|
|
9
|
+
var _nativewind = require("nativewind");
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
var _hocComponents = require("../hoc-components");
|
|
12
|
+
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function BaseCodeInput({
|
|
16
|
+
name,
|
|
17
|
+
length = 3,
|
|
18
|
+
label = '',
|
|
19
|
+
...props
|
|
20
|
+
}) {
|
|
21
|
+
const [field, meta, helpers] = (0, _formik.useField)(name);
|
|
22
|
+
const [isFocused, setIsFocused] = (0, _react.useState)(false);
|
|
23
|
+
const inputRef = (0, _react.useRef)(null);
|
|
24
|
+
const [showCaret, setShowCaret] = (0, _react.useState)(true);
|
|
25
|
+
function focusInput() {
|
|
26
|
+
setIsFocused(true);
|
|
27
|
+
inputRef.current?.focus();
|
|
28
|
+
}
|
|
29
|
+
function getClassNames(isFilled) {
|
|
30
|
+
if (meta.error && meta.touched) {
|
|
31
|
+
return 'border border-error';
|
|
32
|
+
}
|
|
33
|
+
if (isFilled) {
|
|
34
|
+
return 'border border-brand';
|
|
35
|
+
}
|
|
36
|
+
return 'border border-secondary';
|
|
37
|
+
}
|
|
38
|
+
(0, _react.useEffect)(() => {
|
|
39
|
+
const caretInterval = setInterval(() => {
|
|
40
|
+
setShowCaret(prev => !prev);
|
|
41
|
+
}, 500); // Blinking effect every 500 ms
|
|
42
|
+
|
|
43
|
+
return () => clearInterval(caretInterval);
|
|
44
|
+
}, []);
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
46
|
+
className: "m-2 flex flex-col items-center",
|
|
47
|
+
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
48
|
+
className: "mb-2 font-semibold text-secondary",
|
|
49
|
+
children: label
|
|
50
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.TextInput, {
|
|
51
|
+
className: "h-px w-px bg-transparent",
|
|
52
|
+
ref: inputRef,
|
|
53
|
+
onChangeText: helpers.setValue,
|
|
54
|
+
value: field.value,
|
|
55
|
+
keyboardType: "numeric",
|
|
56
|
+
returnKeyType: "done",
|
|
57
|
+
maxLength: length,
|
|
58
|
+
...props
|
|
59
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.TouchableWithoutFeedback, {
|
|
60
|
+
onPress: () => focusInput(),
|
|
61
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
62
|
+
className: "flex flex-row gap-x-2 self-center",
|
|
63
|
+
children: Array.from({
|
|
64
|
+
length
|
|
65
|
+
}).map((_, index) => {
|
|
66
|
+
const isCurrent = index === field.value.length;
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
68
|
+
className: (0, _clsx.default)('flex h-16 w-16 flex-row items-center justify-center rounded-xl bg-secondary p-2', getClassNames(Boolean(field.value[index]))),
|
|
69
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
70
|
+
className: "text-xl font-bold",
|
|
71
|
+
children: field.value[index] || ''
|
|
72
|
+
}), isCurrent && isFocused && showCaret && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
73
|
+
className: "ml-1 h-7 w-[2px] self-center bg-black"
|
|
74
|
+
})]
|
|
75
|
+
}, index);
|
|
76
|
+
})
|
|
77
|
+
})
|
|
78
|
+
}), meta.touched && meta.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.ErrorMessage, {
|
|
79
|
+
name: name,
|
|
80
|
+
children: msg => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
81
|
+
className: "pt-3 text-center text-xs text-error-primary",
|
|
82
|
+
children: msg
|
|
83
|
+
})
|
|
84
|
+
})]
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
var _default = exports.default = (0, _nativewind.styled)(BaseCodeInput);
|
|
88
|
+
//# sourceMappingURL=BaseCodeInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_formik","_nativewind","_react","_hocComponents","_BaseText","_jsxRuntime","e","__esModule","default","BaseCodeInput","name","length","label","props","field","meta","helpers","useField","isFocused","setIsFocused","useState","inputRef","useRef","showCaret","setShowCaret","focusInput","current","focus","getClassNames","isFilled","error","touched","useEffect","caretInterval","setInterval","prev","clearInterval","jsxs","View","className","children","jsx","TextInput","ref","onChangeText","setValue","value","keyboardType","returnKeyType","maxLength","TouchableWithoutFeedback","onPress","Array","from","map","_","index","isCurrent","clsx","Boolean","ErrorMessage","msg","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseCodeInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
var _reactNative = require("react-native");
|
|
11
|
+
var _ = require(".");
|
|
12
|
+
var _hocComponents = require("../hoc-components");
|
|
13
|
+
var _line = require("./icons/untitledui/line");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function BasePermissionCard({
|
|
17
|
+
icon,
|
|
18
|
+
title,
|
|
19
|
+
description,
|
|
20
|
+
isEnabled,
|
|
21
|
+
isLoading,
|
|
22
|
+
onToggle,
|
|
23
|
+
hasError,
|
|
24
|
+
...props
|
|
25
|
+
}) {
|
|
26
|
+
const [isBottomSheetVisible, setIsBottomSheetVisible] = (0, _react.useState)(false);
|
|
27
|
+
const bottomSheetRef = (0, _.useBottomSheetModal)(isBottomSheetVisible);
|
|
28
|
+
function handleOpenBottomSheet() {
|
|
29
|
+
setIsBottomSheetVisible(true);
|
|
30
|
+
}
|
|
31
|
+
function handleDismissBottomSheet() {
|
|
32
|
+
setIsBottomSheetVisible(false);
|
|
33
|
+
}
|
|
34
|
+
function handleOpenSettings() {
|
|
35
|
+
handleDismissBottomSheet();
|
|
36
|
+
_reactNative.Linking.openSettings();
|
|
37
|
+
}
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
39
|
+
className: (0, _clsx.default)('rounded-2xl border p-3 sm:p-4', hasError ? 'border-error-primary bg-error-primary' : 'border-secondary bg-secondary'),
|
|
40
|
+
...props,
|
|
41
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
42
|
+
className: "flex-row justify-between",
|
|
43
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
44
|
+
className: "mr-2 flex-1 flex-row",
|
|
45
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
46
|
+
className: (0, _clsx.default)('h-9 w-9 items-center justify-center rounded-full', hasError ? 'bg-error-secondary' : 'bg-brand-secondary'),
|
|
47
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseIcon, {
|
|
48
|
+
icon: hasError ? _line.AlertCircle : icon,
|
|
49
|
+
color: hasError ? 'fg-error-primary' : 'fg-brand-primary',
|
|
50
|
+
size: 18
|
|
51
|
+
})
|
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
53
|
+
className: "ml-3 flex-1",
|
|
54
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
55
|
+
className: "text-base font-medium text-primary",
|
|
56
|
+
children: title
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
58
|
+
className: "text-sm text-tertiary",
|
|
59
|
+
children: description
|
|
60
|
+
})]
|
|
61
|
+
})]
|
|
62
|
+
}), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseSpinner, {
|
|
63
|
+
size: 20
|
|
64
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseSwitch, {
|
|
65
|
+
value: isEnabled,
|
|
66
|
+
onValueChange: onToggle,
|
|
67
|
+
disabled: isEnabled,
|
|
68
|
+
size: "sm"
|
|
69
|
+
})]
|
|
70
|
+
}), hasError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
71
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
72
|
+
className: "mt-3 overflow-hidden rounded-xl bg-error-secondary p-3",
|
|
73
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
74
|
+
className: "text-sm font-semibold text-error-primary",
|
|
75
|
+
children: "Permiso denegado"
|
|
76
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
77
|
+
className: "mt-1 text-sm text-error-primary",
|
|
78
|
+
children: "Para poder otorgar el permiso, debes ir a los ajustes de la app y habilitarlo manualmente."
|
|
79
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.PressableOpacity, {
|
|
80
|
+
onPress: () => handleOpenBottomSheet(),
|
|
81
|
+
className: "mt-3 flex-row items-center",
|
|
82
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseIcon, {
|
|
83
|
+
icon: _line.Settings01,
|
|
84
|
+
color: "fg-tertiary",
|
|
85
|
+
size: 16
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
87
|
+
className: "ml-1 text-sm font-medium text-tertiary",
|
|
88
|
+
children: "C\xF3mo activar"
|
|
89
|
+
})]
|
|
90
|
+
})]
|
|
91
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseBottomSheetModal, {
|
|
92
|
+
ref: bottomSheetRef,
|
|
93
|
+
enableDynamicSizing: true,
|
|
94
|
+
onDismiss: () => handleDismissBottomSheet(),
|
|
95
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.BaseBottomSheetContentContainer, {
|
|
96
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
97
|
+
className: "text-xl font-semibold text-primary",
|
|
98
|
+
children: "C\xF3mo activar el permiso"
|
|
99
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseText, {
|
|
100
|
+
className: "mt-2 text-base text-tertiary",
|
|
101
|
+
children: "Para poder otorgar el permiso, debes ir a los ajustes de la app y habilitarlo manualmente."
|
|
102
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BaseButton, {
|
|
103
|
+
text: "Abrir ajustes",
|
|
104
|
+
onPress: () => handleOpenSettings(),
|
|
105
|
+
className: "mt-6 w-full"
|
|
106
|
+
})]
|
|
107
|
+
})
|
|
108
|
+
})]
|
|
109
|
+
})]
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
var _default = exports.default = (0, _nativewind.styled)(BasePermissionCard);
|
|
113
|
+
//# sourceMappingURL=BasePermissionCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_react","_reactNative","_","_hocComponents","_line","_jsxRuntime","e","__esModule","default","BasePermissionCard","icon","title","description","isEnabled","isLoading","onToggle","hasError","props","isBottomSheetVisible","setIsBottomSheetVisible","useState","bottomSheetRef","useBottomSheetModal","handleOpenBottomSheet","handleDismissBottomSheet","handleOpenSettings","Linking","openSettings","jsxs","View","className","clsx","children","jsx","BaseIcon","AlertCircle","color","size","BaseText","BaseSpinner","BaseSwitch","value","onValueChange","disabled","Fragment","PressableOpacity","onPress","Settings01","BaseBottomSheetModal","ref","enableDynamicSizing","onDismiss","BaseBottomSheetContentContainer","BaseButton","text","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BasePermissionCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = ContactsPermissionCard;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _headless = _interopRequireDefault(require("react-hot-toast/headless"));
|
|
9
|
+
var _BasePermissionCard = _interopRequireDefault(require("./BasePermissionCard"));
|
|
10
|
+
var _useGetContacts = _interopRequireDefault(require("../hooks/useGetContacts"));
|
|
11
|
+
var _line = require("./icons/untitledui/line");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function ContactsPermissionCard({
|
|
15
|
+
onDataRetrieved,
|
|
16
|
+
reason,
|
|
17
|
+
...props
|
|
18
|
+
}) {
|
|
19
|
+
const [isRetrieved, setIsRetrieved] = (0, _react.useState)(false);
|
|
20
|
+
const [permissionDenied, setPermissionDenied] = (0, _react.useState)(false);
|
|
21
|
+
const handleContactsRetrieved = (0, _react.useCallback)(data => {
|
|
22
|
+
onDataRetrieved(data);
|
|
23
|
+
setIsRetrieved(true);
|
|
24
|
+
setPermissionDenied(false);
|
|
25
|
+
}, [onDataRetrieved]);
|
|
26
|
+
const handleError = (0, _react.useCallback)(() => {
|
|
27
|
+
_headless.default.error('Ocurrió un error al obtener tus contactos');
|
|
28
|
+
}, []);
|
|
29
|
+
const handlePermissionDenied = (0, _react.useCallback)(() => {
|
|
30
|
+
setPermissionDenied(true);
|
|
31
|
+
}, []);
|
|
32
|
+
const {
|
|
33
|
+
getContacts,
|
|
34
|
+
isLoading
|
|
35
|
+
} = (0, _useGetContacts.default)({
|
|
36
|
+
onRetrievedContacts: handleContactsRetrieved,
|
|
37
|
+
onError: handleError,
|
|
38
|
+
onPermissionDenied: handlePermissionDenied
|
|
39
|
+
});
|
|
40
|
+
const handleToggle = (0, _react.useCallback)(() => {
|
|
41
|
+
if (isRetrieved) return;
|
|
42
|
+
setPermissionDenied(false);
|
|
43
|
+
getContacts();
|
|
44
|
+
}, [isRetrieved, getContacts]);
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BasePermissionCard.default, {
|
|
46
|
+
icon: _line.BookOpen01,
|
|
47
|
+
title: "Contactos",
|
|
48
|
+
description: reason,
|
|
49
|
+
isEnabled: isRetrieved,
|
|
50
|
+
isLoading: isLoading,
|
|
51
|
+
onToggle: handleToggle,
|
|
52
|
+
hasError: permissionDenied,
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=ContactsPermissionCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_headless","_interopRequireDefault","_BasePermissionCard","_useGetContacts","_line","_jsxRuntime","e","__esModule","default","ContactsPermissionCard","onDataRetrieved","reason","props","isRetrieved","setIsRetrieved","useState","permissionDenied","setPermissionDenied","handleContactsRetrieved","useCallback","data","handleError","toast","error","handlePermissionDenied","getContacts","isLoading","useGetContacts","onRetrievedContacts","onError","onPermissionDenied","handleToggle","jsx","icon","BookOpen01","title","description","isEnabled","onToggle","hasError"],"sourceRoot":"../../../src","sources":["components/ContactsPermissionCard.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAqD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOtC,SAASG,sBAAsBA,CAAC;EAAEC,eAAe;EAAEC,MAAM;EAAE,GAAGC;AAAa,CAAC,EAAE;EAC3F,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE/D,MAAMG,uBAAuB,GAAG,IAAAC,kBAAW,EAAEC,IAAwB,IAAK;IACxEV,eAAe,CAACU,IAAI,CAAC;IACrBN,cAAc,CAAC,IAAI,CAAC;IACpBG,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACP,eAAe,CAAC,CAAC;EAErB,MAAMW,WAAW,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACpCG,iBAAK,CAACC,KAAK,CAAC,2CAA2C,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAL,kBAAW,EAAC,MAAM;IAC/CF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEQ,WAAW;IAAEC;EAAU,CAAC,GAAG,IAAAC,uBAAc,EAAC;IAChDC,mBAAmB,EAAEV,uBAAuB;IAC5CW,OAAO,EAAER,WAAW;IACpBS,kBAAkB,EAAEN;EACtB,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACrC,IAAIN,WAAW,EAAE;IACjBI,mBAAmB,CAAC,KAAK,CAAC;IAC1BQ,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACZ,WAAW,EAAEY,WAAW,CAAC,CAAC;EAE9B,oBACE,IAAApB,WAAA,CAAA2B,GAAA,EAAC9B,mBAAA,CAAAM,OAAkB;IACjByB,IAAI,EAAEC,gBAAW;IACjBC,KAAK,EAAC,WAAW;IACjBC,WAAW,EAAEzB,MAAO;IACpB0B,SAAS,EAAExB,WAAY;IACvBa,SAAS,EAAEA,SAAU;IACrBY,QAAQ,EAAEP,YAAa;IACvBQ,QAAQ,EAAEvB,gBAAiB;IAAA,GACvBJ;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = GeolocationPermissionCard;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _headless = _interopRequireDefault(require("react-hot-toast/headless"));
|
|
9
|
+
var _BasePermissionCard = _interopRequireDefault(require("./BasePermissionCard"));
|
|
10
|
+
var _useGetGeolocation = _interopRequireDefault(require("../hooks/useGetGeolocation"));
|
|
11
|
+
var _line = require("./icons/untitledui/line");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function GeolocationPermissionCard({
|
|
15
|
+
onDataRetrieved,
|
|
16
|
+
reason,
|
|
17
|
+
...props
|
|
18
|
+
}) {
|
|
19
|
+
const [isRetrieved, setIsRetrieved] = (0, _react.useState)(false);
|
|
20
|
+
const [permissionDenied, setPermissionDenied] = (0, _react.useState)(false);
|
|
21
|
+
const handleGeolocationRetrieved = (0, _react.useCallback)(data => {
|
|
22
|
+
onDataRetrieved(data);
|
|
23
|
+
setIsRetrieved(true);
|
|
24
|
+
setPermissionDenied(false);
|
|
25
|
+
}, [onDataRetrieved]);
|
|
26
|
+
const handleError = (0, _react.useCallback)(() => {
|
|
27
|
+
_headless.default.error('No pudimos obtener tu ubicación. Intenta nuevamente.');
|
|
28
|
+
}, []);
|
|
29
|
+
const handlePermissionDenied = (0, _react.useCallback)(() => {
|
|
30
|
+
setPermissionDenied(true);
|
|
31
|
+
}, []);
|
|
32
|
+
const {
|
|
33
|
+
getGeolocation,
|
|
34
|
+
isLoading
|
|
35
|
+
} = (0, _useGetGeolocation.default)({
|
|
36
|
+
onRetrievedGeolocation: handleGeolocationRetrieved,
|
|
37
|
+
onError: handleError,
|
|
38
|
+
onPermissionDenied: handlePermissionDenied
|
|
39
|
+
});
|
|
40
|
+
const handleToggle = (0, _react.useCallback)(() => {
|
|
41
|
+
if (isRetrieved) return;
|
|
42
|
+
setPermissionDenied(false);
|
|
43
|
+
getGeolocation();
|
|
44
|
+
}, [isRetrieved, getGeolocation]);
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BasePermissionCard.default, {
|
|
46
|
+
icon: _line.MarkerPin01,
|
|
47
|
+
title: "Ubicaci\xF3n",
|
|
48
|
+
description: reason,
|
|
49
|
+
isEnabled: isRetrieved,
|
|
50
|
+
isLoading: isLoading,
|
|
51
|
+
onToggle: handleToggle,
|
|
52
|
+
hasError: permissionDenied,
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=GeolocationPermissionCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_headless","_interopRequireDefault","_BasePermissionCard","_useGetGeolocation","_line","_jsxRuntime","e","__esModule","default","GeolocationPermissionCard","onDataRetrieved","reason","props","isRetrieved","setIsRetrieved","useState","permissionDenied","setPermissionDenied","handleGeolocationRetrieved","useCallback","data","handleError","toast","error","handlePermissionDenied","getGeolocation","isLoading","useGetGeolocation","onRetrievedGeolocation","onError","onPermissionDenied","handleToggle","jsx","icon","MarkerPin01","title","description","isEnabled","onToggle","hasError"],"sourceRoot":"../../../src","sources":["components/GeolocationPermissionCard.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAsD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOvC,SAASG,yBAAyBA,CAAC;EAAEC,eAAe;EAAEC,MAAM;EAAE,GAAGC;AAAa,CAAC,EAAE;EAC9F,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE/D,MAAMG,0BAA0B,GAAG,IAAAC,kBAAW,EAAEC,IAAyB,IAAK;IAC5EV,eAAe,CAACU,IAAI,CAAC;IACrBN,cAAc,CAAC,IAAI,CAAC;IACpBG,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACP,eAAe,CAAC,CAAC;EAErB,MAAMW,WAAW,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACpCG,iBAAK,CAACC,KAAK,CAAC,sDAAsD,CAAC;EACrE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAL,kBAAW,EAAC,MAAM;IAC/CF,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEQ,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAiB,EAAC;IACtDC,sBAAsB,EAAEV,0BAA0B;IAClDW,OAAO,EAAER,WAAW;IACpBS,kBAAkB,EAAEN;EACtB,CAAC,CAAC;EAEF,MAAMO,YAAY,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACrC,IAAIN,WAAW,EAAE;IACjBI,mBAAmB,CAAC,KAAK,CAAC;IAC1BQ,cAAc,CAAC,CAAC;EAClB,CAAC,EAAE,CAACZ,WAAW,EAAEY,cAAc,CAAC,CAAC;EAEjC,oBACE,IAAApB,WAAA,CAAA2B,GAAA,EAAC9B,mBAAA,CAAAM,OAAkB;IACjByB,IAAI,EAAEC,iBAAY;IAClBC,KAAK,EAAC,cAAW;IACjBC,WAAW,EAAEzB,MAAO;IACpB0B,SAAS,EAAExB,WAAY;IACvBa,SAAS,EAAEA,SAAU;IACrBY,QAAQ,EAAEP,YAAa;IACvBQ,QAAQ,EAAEvB,gBAAiB;IAAA,GACvBJ;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|
|
@@ -7,14 +7,13 @@ exports.default = RetrieveGeolocation;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _headless = _interopRequireDefault(require("react-hot-toast/headless"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
|
-
var _outline = require("react-native-heroicons/outline");
|
|
11
10
|
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
12
11
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
13
12
|
var _BaseSwitch = _interopRequireDefault(require("./BaseSwitch"));
|
|
14
13
|
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
15
14
|
var _hocComponents = require("../hoc-components");
|
|
16
15
|
var _useGetGeolocation = _interopRequireDefault(require("../hooks/useGetGeolocation"));
|
|
17
|
-
var
|
|
16
|
+
var _line = require("./icons/untitledui/line");
|
|
18
17
|
var _MyLocation = _interopRequireDefault(require("./svgs/MyLocation"));
|
|
19
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -59,47 +58,31 @@ function RetrieveGeolocation({
|
|
|
59
58
|
locationUseExplanation
|
|
60
59
|
}) {
|
|
61
60
|
const [isPermissionGranted, setIsPermissionGranted] = (0, _react.useState)(false);
|
|
61
|
+
function handleGeolocationRetrieved(data) {
|
|
62
|
+
setIsPermissionGranted(true);
|
|
63
|
+
onSuccess(data);
|
|
64
|
+
}
|
|
65
|
+
function handleError(err) {
|
|
66
|
+
let errorMessage = 'Ocurrió un error al obtener la ubicación';
|
|
67
|
+
if (err instanceof Error) {
|
|
68
|
+
errorMessage = err.message;
|
|
69
|
+
}
|
|
70
|
+
_headless.default.error(errorMessage);
|
|
71
|
+
}
|
|
72
|
+
function handlePermissionDenied() {
|
|
73
|
+
_headless.default.error('Para avanzar necesitamos acceso a tu ubicación');
|
|
74
|
+
_reactNative.Linking.openSettings();
|
|
75
|
+
_headless.default.dismiss();
|
|
76
|
+
}
|
|
62
77
|
const {
|
|
63
|
-
|
|
64
|
-
requestPermission,
|
|
65
|
-
isRequestingGeolocation,
|
|
78
|
+
isLoading: isGeolocationLoading,
|
|
66
79
|
getGeolocation
|
|
67
80
|
} = (0, _useGetGeolocation.default)({
|
|
68
|
-
onRetrievedGeolocation:
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
onSuccess(data);
|
|
72
|
-
},
|
|
73
|
-
onError: err => {
|
|
74
|
-
let errorMessage = 'Ocurrió un error al obtener la ubicación';
|
|
75
|
-
if (err instanceof Error) {
|
|
76
|
-
errorMessage = err.message;
|
|
77
|
-
}
|
|
78
|
-
_headless.default.error(errorMessage);
|
|
79
|
-
}
|
|
81
|
+
onRetrievedGeolocation: handleGeolocationRetrieved,
|
|
82
|
+
onError: handleError,
|
|
83
|
+
onPermissionDenied: handlePermissionDenied
|
|
80
84
|
});
|
|
81
|
-
const
|
|
82
|
-
const onPermissionDenied = openSettings => {
|
|
83
|
-
_headless.default.error('Para avanzar necesitamos acceso a tu ubicación');
|
|
84
|
-
if (!openSettings) {
|
|
85
|
-
_reactNative.Linking.openSettings();
|
|
86
|
-
_headless.default.dismiss();
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
const handlePermissionRequest = () => {
|
|
90
|
-
requestPermission({
|
|
91
|
-
onPermissionGranted,
|
|
92
|
-
onPermissionDenied: _error => onPermissionDenied(false)
|
|
93
|
-
});
|
|
94
|
-
};
|
|
95
|
-
(0, _react.useEffect)(() => {
|
|
96
|
-
requestPermission({
|
|
97
|
-
onPermissionGranted,
|
|
98
|
-
onPermissionDenied: _error => onPermissionDenied(true)
|
|
99
|
-
});
|
|
100
|
-
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
|
101
|
-
|
|
102
|
-
const isLoading = isRequestingPermission || isRequestingGeolocation || externalIsLoading;
|
|
85
|
+
const isLoading = isGeolocationLoading || externalIsLoading;
|
|
103
86
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
104
87
|
className: "flex-1",
|
|
105
88
|
children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GeolocationLoadingBox, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
@@ -114,7 +97,7 @@ function RetrieveGeolocation({
|
|
|
114
97
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
115
98
|
className: "mr-4 h-8 w-8 items-center justify-center rounded-full bg-brand-secondary",
|
|
116
99
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
117
|
-
icon:
|
|
100
|
+
icon: _line.MarkerPin01,
|
|
118
101
|
size: 18,
|
|
119
102
|
strokeWidth: 2,
|
|
120
103
|
color: "fg-brand-primary"
|
|
@@ -131,7 +114,7 @@ function RetrieveGeolocation({
|
|
|
131
114
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSwitch.default, {
|
|
132
115
|
className: "self-start",
|
|
133
116
|
value: isPermissionGranted,
|
|
134
|
-
onValueChange:
|
|
117
|
+
onValueChange: getGeolocation,
|
|
135
118
|
disabled: isPermissionGranted || isLoading
|
|
136
119
|
})]
|
|
137
120
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_headless","_interopRequireDefault","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_headless","_interopRequireDefault","_reactNative","_BaseButton","_BaseIcon","_BaseSwitch","_BaseText","_hocComponents","_useGetGeolocation","_line","_MyLocation","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MESSAGES","FADE_DURATION","MESSAGE_DURATION","GeolocationLoadingBox","messageIndex","setMessageIndex","useState","opacity","setOpacity","useEffect","interval","setInterval","timeout","setTimeout","prev","length","clearTimeout","clearInterval","jsxs","View","className","children","jsx","style","width","height","RetrieveGeolocation","onSuccess","isLoading","externalIsLoading","locationUseExplanation","isPermissionGranted","setIsPermissionGranted","handleGeolocationRetrieved","data","handleError","err","errorMessage","Error","message","toast","error","handlePermissionDenied","Linking","openSettings","dismiss","isGeolocationLoading","getGeolocation","useGetGeolocation","onRetrievedGeolocation","onError","onPermissionDenied","icon","MarkerPin01","size","strokeWidth","color","value","onValueChange","disabled","text","onPress","loading"],"sourceRoot":"../../../src","sources":["components/RetrieveGeolocation.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _formik = require("formik");
|
|
8
|
+
var _nativewind = require("nativewind");
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
var _yup = require("yup");
|
|
11
|
+
var _hocComponents = require("../hoc-components");
|
|
12
|
+
var _AppView = _interopRequireDefault(require("./AppView"));
|
|
13
|
+
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
14
|
+
var _BaseCodeInput = _interopRequireDefault(require("./BaseCodeInput"));
|
|
15
|
+
var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
|
|
16
|
+
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
+
const NipSchema = (0, _yup.object)({
|
|
20
|
+
code: (0, _yup.string)().required('Debes ingresar el código que te enviamos.')
|
|
21
|
+
});
|
|
22
|
+
function WhatsappCodeValidationView({
|
|
23
|
+
sendCode,
|
|
24
|
+
isSendingCode,
|
|
25
|
+
validateCode,
|
|
26
|
+
phoneNumber,
|
|
27
|
+
isValidating,
|
|
28
|
+
onBack,
|
|
29
|
+
codeLength = 3,
|
|
30
|
+
continueButtonLabel = 'Validar',
|
|
31
|
+
goBackButtonLabel = 'Volver',
|
|
32
|
+
avoidFirstSending = false
|
|
33
|
+
}) {
|
|
34
|
+
const [countdown, setCountdown] = (0, _react.useState)(0);
|
|
35
|
+
const resendButtonText = (0, _react.useMemo)(() => {
|
|
36
|
+
if (isSendingCode) return 'Cargando...';
|
|
37
|
+
return countdown > 0 ? `Presiona aquí para reenviar tu código (${countdown}s)` : 'Presiona aquí para reenviar tu código';
|
|
38
|
+
}, [isSendingCode, countdown]);
|
|
39
|
+
(0, _react.useEffect)(() => {
|
|
40
|
+
let timer;
|
|
41
|
+
if (countdown > 0) {
|
|
42
|
+
timer = setTimeout(() => {
|
|
43
|
+
setCountdown(countdown - 1);
|
|
44
|
+
}, 1000);
|
|
45
|
+
}
|
|
46
|
+
return () => {
|
|
47
|
+
if (timer) clearTimeout(timer);
|
|
48
|
+
};
|
|
49
|
+
}, [countdown]);
|
|
50
|
+
(0, _react.useEffect)(() => {
|
|
51
|
+
if (!avoidFirstSending) {
|
|
52
|
+
sendCode();
|
|
53
|
+
}
|
|
54
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
55
|
+
}, []);
|
|
56
|
+
function handleSendCode() {
|
|
57
|
+
sendCode();
|
|
58
|
+
setCountdown(10);
|
|
59
|
+
}
|
|
60
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_AppView.default, {
|
|
61
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
62
|
+
className: "text-xl font-semibold",
|
|
63
|
+
children: "Ingresa el c\xF3digo que enviamos a tu WhatsApp"
|
|
64
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BaseText.default, {
|
|
65
|
+
className: "mt-2 text-sm text-secondary",
|
|
66
|
+
children: ["Tu hemos enviado un c\xF3digo al", ' ', phoneNumber, ". Ingr\xE9salo para continuar."]
|
|
67
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
|
|
68
|
+
initialValues: {
|
|
69
|
+
code: ''
|
|
70
|
+
},
|
|
71
|
+
onSubmit: ({
|
|
72
|
+
code
|
|
73
|
+
}) => validateCode(code),
|
|
74
|
+
validationSchema: NipSchema,
|
|
75
|
+
children: ({
|
|
76
|
+
handleSubmit,
|
|
77
|
+
values
|
|
78
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
79
|
+
className: "mt-8 flex w-full flex-1 flex-col gap-y-8",
|
|
80
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseCodeInput.default, {
|
|
81
|
+
name: "code",
|
|
82
|
+
length: codeLength,
|
|
83
|
+
onSubmitEditing: () => handleSubmit()
|
|
84
|
+
}), isValidating && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSpinner.default, {
|
|
85
|
+
size: "large",
|
|
86
|
+
className: "mt-10 self-center"
|
|
87
|
+
}), !isValidating && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
88
|
+
className: "space-y-6",
|
|
89
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
90
|
+
className: "items-center",
|
|
91
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
92
|
+
className: "text-quaternary",
|
|
93
|
+
children: "\xBFNo has recibido el c\xF3digo?"
|
|
94
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
95
|
+
text: resendButtonText,
|
|
96
|
+
onPress: () => handleSendCode(),
|
|
97
|
+
variant: "link-color",
|
|
98
|
+
loading: isSendingCode,
|
|
99
|
+
disabled: countdown > 0 || isSendingCode
|
|
100
|
+
})]
|
|
101
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
102
|
+
className: "space-y-2",
|
|
103
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
104
|
+
text: continueButtonLabel,
|
|
105
|
+
disabled: values.code.length !== codeLength,
|
|
106
|
+
onPress: () => handleSubmit()
|
|
107
|
+
}), onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
108
|
+
onPress: onBack,
|
|
109
|
+
variant: "link-gray",
|
|
110
|
+
text: goBackButtonLabel
|
|
111
|
+
})]
|
|
112
|
+
})]
|
|
113
|
+
})]
|
|
114
|
+
})
|
|
115
|
+
})]
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
var _default = exports.default = (0, _nativewind.styled)(WhatsappCodeValidationView);
|
|
119
|
+
//# sourceMappingURL=WhatsappCodeValidationView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_formik","require","_nativewind","_react","_yup","_hocComponents","_AppView","_interopRequireDefault","_BaseButton","_BaseCodeInput","_BaseSpinner","_BaseText","_jsxRuntime","e","__esModule","default","NipSchema","object","code","string","required","WhatsappCodeValidationView","sendCode","isSendingCode","validateCode","phoneNumber","isValidating","onBack","codeLength","continueButtonLabel","goBackButtonLabel","avoidFirstSending","countdown","setCountdown","useState","resendButtonText","useMemo","useEffect","timer","setTimeout","clearTimeout","handleSendCode","jsxs","children","jsx","className","Formik","initialValues","onSubmit","validationSchema","handleSubmit","values","View","name","length","onSubmitEditing","size","text","onPress","variant","loading","disabled","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/WhatsappCodeValidationView.tsx"],"mappings":"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","ignoreList":[]}
|