@grupalia/rn-ui-kit 0.99.0 → 0.101.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/BaseBottomSheetModal.js +17 -1
- package/lib/commonjs/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/commonjs/components/CameraWrapperModal.js +89 -96
- package/lib/commonjs/components/CameraWrapperModal.js.map +1 -1
- package/lib/commonjs/styles/foreground-colors.js +4 -0
- package/lib/commonjs/styles/foreground-colors.js.map +1 -1
- package/lib/commonjs/utils/filters.js +1 -1
- package/lib/module/components/BaseBottomSheetModal.js +17 -1
- package/lib/module/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/module/components/CameraWrapperModal.js +89 -96
- package/lib/module/components/CameraWrapperModal.js.map +1 -1
- package/lib/module/styles/foreground-colors.js +4 -0
- package/lib/module/styles/foreground-colors.js.map +1 -1
- package/lib/module/utils/filters.js +1 -1
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts +1 -0
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/CameraWrapperModal.d.ts +1 -0
- package/lib/typescript/commonjs/components/CameraWrapperModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts +5 -1
- package/lib/typescript/commonjs/styles/foreground-colors.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts +1 -0
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/module/components/CameraWrapperModal.d.ts +1 -0
- package/lib/typescript/module/components/CameraWrapperModal.d.ts.map +1 -1
- package/lib/typescript/module/styles/foreground-colors.d.ts +5 -1
- package/lib/typescript/module/styles/foreground-colors.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/styles/foreground-colors.ts +5 -0
|
@@ -10,8 +10,21 @@ var _react = require("react");
|
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
12
12
|
var _backgroundColors = _interopRequireDefault(require("../styles/background-colors"));
|
|
13
|
+
var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
const themeStyles = {
|
|
17
|
+
default: {
|
|
18
|
+
backgroundStyle: undefined,
|
|
19
|
+
handleIndicatorColor: _foregroundColors.default['fg-quaternary'].light
|
|
20
|
+
},
|
|
21
|
+
brand: {
|
|
22
|
+
backgroundStyle: {
|
|
23
|
+
backgroundColor: _backgroundColors.default['bg-brand-solid'].light
|
|
24
|
+
},
|
|
25
|
+
handleIndicatorColor: _foregroundColors.default['fg-quaternary_on-brand'].light
|
|
26
|
+
}
|
|
27
|
+
};
|
|
15
28
|
function createBackdropComponent(closable) {
|
|
16
29
|
return function BackdropComponent(props) {
|
|
17
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
|
|
@@ -42,6 +55,7 @@ const BaseBottomSheetModal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
42
55
|
children,
|
|
43
56
|
closable = true,
|
|
44
57
|
scrollable = false,
|
|
58
|
+
theme = 'default',
|
|
45
59
|
...props
|
|
46
60
|
}, ref) => {
|
|
47
61
|
const {
|
|
@@ -49,15 +63,17 @@ const BaseBottomSheetModal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
49
63
|
bottom
|
|
50
64
|
} = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
51
65
|
const BackdropComponent = (0, _react.useMemo)(() => createBackdropComponent(closable), [closable]);
|
|
66
|
+
const currentTheme = themeStyles[theme];
|
|
52
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
|
|
53
68
|
ref: ref,
|
|
54
69
|
topInset: top,
|
|
55
70
|
backdropComponent: BackdropComponent,
|
|
71
|
+
backgroundStyle: currentTheme.backgroundStyle,
|
|
56
72
|
handleStyle: closable ? undefined : {
|
|
57
73
|
display: 'none'
|
|
58
74
|
},
|
|
59
75
|
handleIndicatorStyle: {
|
|
60
|
-
backgroundColor:
|
|
76
|
+
backgroundColor: currentTheme.handleIndicatorColor,
|
|
61
77
|
width: 48
|
|
62
78
|
},
|
|
63
79
|
enablePanDownToClose: closable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bottomSheet","require","_react","_reactNative","_reactNativeSafeAreaContext","_backgroundColors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","createBackdropComponent","closable","BackdropComponent","props","jsx","BottomSheetBackdrop","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","
|
|
1
|
+
{"version":3,"names":["_bottomSheet","require","_react","_reactNative","_reactNativeSafeAreaContext","_backgroundColors","_interopRequireDefault","_foregroundColors","_jsxRuntime","e","__esModule","default","themeStyles","backgroundStyle","undefined","handleIndicatorColor","foregroundColors","light","brand","backgroundColor","backgroundColors","createBackdropComponent","closable","BackdropComponent","props","jsx","BottomSheetBackdrop","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","StyleSheet","absoluteFillObject","useBottomSheetModal","visible","bottomSheetRef","useRef","useEffect","current","present","dismiss","BaseBottomSheetModal","forwardRef","children","scrollable","theme","ref","top","bottom","useSafeAreaInsets","useMemo","currentTheme","BottomSheetModal","topInset","backdropComponent","handleStyle","display","handleIndicatorStyle","width","enablePanDownToClose","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","BottomSheetScrollView","paddingBottom","BottomSheetView","_default","exports"],"sourceRoot":"../../../src","sources":["components/BaseBottomSheetModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,44 +8,23 @@ var _hooks = require("@react-native-community/hooks");
|
|
|
8
8
|
var _native = require("@react-navigation/native");
|
|
9
9
|
var _reactNative = require("@sentry/react-native");
|
|
10
10
|
var _reactQuery = require("@tanstack/react-query");
|
|
11
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
11
|
var _nativewind = require("nativewind");
|
|
13
12
|
var _react = require("react");
|
|
14
13
|
var _headless = _interopRequireDefault(require("react-hot-toast/headless"));
|
|
15
14
|
var _reactNative2 = require("react-native");
|
|
16
|
-
var
|
|
15
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
17
16
|
var _reactNativeVisionCamera = require("react-native-vision-camera");
|
|
18
17
|
var _hocComponents = require("../hoc-components");
|
|
18
|
+
var _BackButton = _interopRequireDefault(require("./BackButton"));
|
|
19
19
|
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
20
20
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
21
21
|
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
22
|
+
var _line = require("./icons/untitledui/line");
|
|
22
23
|
var _PressableOpacity = _interopRequireDefault(require("./PressableOpacity"));
|
|
23
|
-
var _useIsAboveBreakpoint = require("../hooks/useIsAboveBreakpoint");
|
|
24
|
-
var _fileDirectoryUtils = require("../utils/fileDirectoryUtils");
|
|
25
|
-
var _Camera = _interopRequireDefault(require("./svgs/Camera"));
|
|
26
24
|
var _Toasts = _interopRequireDefault(require("./Toasts"));
|
|
25
|
+
var _fileDirectoryUtils = require("../utils/fileDirectoryUtils");
|
|
27
26
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
28
27
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
29
|
-
function PermissionCard({
|
|
30
|
-
onPermissionRequestPress
|
|
31
|
-
}) {
|
|
32
|
-
const largePhone = (0, _useIsAboveBreakpoint.useIsAboveBreakpoint)('xs');
|
|
33
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
34
|
-
className: (0, _clsx.default)('w-full flex-col items-center rounded-lg bg-white p-4', largePhone ? 'mt-10 space-y-10' : 'space-y-4'),
|
|
35
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
36
|
-
className: (0, _clsx.default)('text-center font-semibold', largePhone && 'text-xl'),
|
|
37
|
-
children: "Necesitamos permiso para acceder a la camara"
|
|
38
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Camera.default, {
|
|
39
|
-
width: "100%",
|
|
40
|
-
height: largePhone ? 200 : 100
|
|
41
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
42
|
-
className: "w-full",
|
|
43
|
-
size: largePhone ? 'md' : 'xs',
|
|
44
|
-
text: "Permitir",
|
|
45
|
-
onPress: onPermissionRequestPress
|
|
46
|
-
})]
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
28
|
function CameraPreview({
|
|
50
29
|
onCapture,
|
|
51
30
|
previewOverlay,
|
|
@@ -83,41 +62,46 @@ function CameraPreview({
|
|
|
83
62
|
}
|
|
84
63
|
});
|
|
85
64
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
86
|
-
className: "
|
|
87
|
-
children: [
|
|
88
|
-
className: "
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
65
|
+
className: "h-full w-full",
|
|
66
|
+
children: [!isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
67
|
+
className: "flex-1"
|
|
68
|
+
}), isActive && !device && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
69
|
+
className: "flex h-full w-full items-center justify-center bg-utility-gray-200",
|
|
70
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
71
|
+
className: "text-secondary",
|
|
72
|
+
children: "No fue posible acceder a la camara"
|
|
73
|
+
})
|
|
74
|
+
}), isActive && device && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
75
|
+
className: "relative w-full flex-1",
|
|
76
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
77
|
+
className: "relative flex-1 overflow-hidden rounded-xl",
|
|
78
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeVisionCamera.Camera, {
|
|
79
|
+
style: {
|
|
80
|
+
flex: 1,
|
|
81
|
+
width: '100%',
|
|
82
|
+
height: '100%'
|
|
83
|
+
},
|
|
84
|
+
ref: cameraRef,
|
|
85
|
+
device: device,
|
|
86
|
+
format: format,
|
|
87
|
+
isActive: isActive,
|
|
88
|
+
photo: true
|
|
89
|
+
}), previewOverlay]
|
|
90
|
+
}), allowDeviceSwitching && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableOpacity.default, {
|
|
101
91
|
onPress: () => setSelectedDevice(selectedDevice === 'back' ? 'front' : 'back'),
|
|
102
92
|
className: "absolute bottom-8 right-8 flex h-12 w-12 items-center justify-center rounded-full bg-secondary",
|
|
103
93
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
104
|
-
icon:
|
|
94
|
+
icon: _line.Repeat01,
|
|
105
95
|
className: "h-full w-full",
|
|
106
96
|
color: "utility-gray-200"
|
|
107
97
|
})
|
|
98
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableOpacity.default, {
|
|
99
|
+
onPress: () => mutate(),
|
|
100
|
+
className: "my-10 h-20 w-20 self-center rounded-full border-4 border-white bg-black p-1",
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
102
|
+
className: "h-full w-full rounded-full bg-white"
|
|
103
|
+
})
|
|
108
104
|
})]
|
|
109
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
110
|
-
className: "flex h-full w-full items-center justify-center bg-utility-gray-200",
|
|
111
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
112
|
-
className: "text-secondary",
|
|
113
|
-
children: "No fue posible acceder a la camara"
|
|
114
|
-
})
|
|
115
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableOpacity.default, {
|
|
116
|
-
onPress: () => mutate(),
|
|
117
|
-
className: "my-10 h-20 w-20 self-center rounded-full border-4 border-white bg-black p-1",
|
|
118
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
119
|
-
className: "h-full w-full rounded-full bg-white"
|
|
120
|
-
})
|
|
121
105
|
})]
|
|
122
106
|
});
|
|
123
107
|
}
|
|
@@ -145,7 +129,7 @@ function PhotoFilePreview({
|
|
|
145
129
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Pressable, {
|
|
146
130
|
onPress: onCancel,
|
|
147
131
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
148
|
-
icon:
|
|
132
|
+
icon: _line.Repeat04,
|
|
149
133
|
size: 64,
|
|
150
134
|
color: "fg-error-primary"
|
|
151
135
|
})
|
|
@@ -153,7 +137,7 @@ function PhotoFilePreview({
|
|
|
153
137
|
onPress: onConfirm,
|
|
154
138
|
className: "self-end",
|
|
155
139
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
156
|
-
icon:
|
|
140
|
+
icon: _line.Check,
|
|
157
141
|
size: 64,
|
|
158
142
|
color: "fg-success-primary"
|
|
159
143
|
})
|
|
@@ -174,10 +158,11 @@ function CameraWrapperModal({
|
|
|
174
158
|
allowDeviceSwitching = true,
|
|
175
159
|
initialDevice = 'back',
|
|
176
160
|
pathToSave = undefined,
|
|
161
|
+
permissionDescription = 'Necesitamos acceso a tu cámara para tomar fotos.',
|
|
177
162
|
...modalProps
|
|
178
163
|
}) {
|
|
179
164
|
const [photoFile, setPhotoFile] = (0, _react.useState)(null);
|
|
180
|
-
const
|
|
165
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
181
166
|
const isFocused = (0, _native.useIsFocused)();
|
|
182
167
|
const appState = (0, _hooks.useAppState)();
|
|
183
168
|
const isActive = isFocused && appState === 'active';
|
|
@@ -185,14 +170,12 @@ function CameraWrapperModal({
|
|
|
185
170
|
hasPermission,
|
|
186
171
|
requestPermission
|
|
187
172
|
} = (0, _reactNativeVisionCamera.useCameraPermission)();
|
|
188
|
-
const handlePermissionRequestPress = (0, _react.useCallback)(() => {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
requestPermission();
|
|
192
|
-
} else {
|
|
173
|
+
const handlePermissionRequestPress = (0, _react.useCallback)(async () => {
|
|
174
|
+
const granted = await requestPermission();
|
|
175
|
+
if (!granted) {
|
|
193
176
|
_reactNative2.Linking.openSettings();
|
|
194
177
|
}
|
|
195
|
-
}, [
|
|
178
|
+
}, [requestPermission]);
|
|
196
179
|
const handleCaptureConfirm = (0, _react.useCallback)(() => {
|
|
197
180
|
if (photoFile) {
|
|
198
181
|
onCapture({
|
|
@@ -205,48 +188,58 @@ function CameraWrapperModal({
|
|
|
205
188
|
const removePhotoFile = (0, _react.useCallback)(() => {
|
|
206
189
|
setPhotoFile(null);
|
|
207
190
|
}, [setPhotoFile]);
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
isActive: isActive,
|
|
222
|
-
filters: filters,
|
|
223
|
-
onCapture: setPhotoFile,
|
|
224
|
-
previewOverlay: previewOverlay,
|
|
225
|
-
allowDeviceSwitching: allowDeviceSwitching,
|
|
226
|
-
initialDevice: initialDevice,
|
|
227
|
-
pathToSave: pathToSave
|
|
228
|
-
});
|
|
229
|
-
}
|
|
191
|
+
const content = photoFile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PhotoFilePreview, {
|
|
192
|
+
photoFile: photoFile,
|
|
193
|
+
onCancel: removePhotoFile,
|
|
194
|
+
onConfirm: handleCaptureConfirm
|
|
195
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CameraPreview, {
|
|
196
|
+
isActive: isActive && hasPermission,
|
|
197
|
+
filters: filters,
|
|
198
|
+
onCapture: setPhotoFile,
|
|
199
|
+
previewOverlay: previewOverlay,
|
|
200
|
+
allowDeviceSwitching: allowDeviceSwitching,
|
|
201
|
+
initialDevice: initialDevice,
|
|
202
|
+
pathToSave: pathToSave
|
|
203
|
+
});
|
|
230
204
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Modal, {
|
|
231
205
|
animationType: "slide",
|
|
232
206
|
statusBarTranslucent: true,
|
|
233
207
|
...modalProps,
|
|
234
208
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Toasts.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
235
|
-
className: "
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
209
|
+
className: "relative h-full w-full items-center bg-black px-4",
|
|
210
|
+
style: {
|
|
211
|
+
paddingTop: insets.top + 24,
|
|
212
|
+
paddingBottom: insets.bottom + 24
|
|
213
|
+
},
|
|
214
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BackButton.default, {
|
|
215
|
+
onPress: onClose,
|
|
216
|
+
className: "mb-4 self-start"
|
|
217
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
218
|
+
className: "w-full flex-1",
|
|
219
|
+
children: content
|
|
220
|
+
}), !hasPermission && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
221
|
+
className: "absolute z-20 w-full space-y-4 rounded-3xl bg-primary p-6 shadow-lg",
|
|
222
|
+
style: {
|
|
223
|
+
bottom: insets.bottom + 40
|
|
224
|
+
},
|
|
225
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
226
|
+
className: "h-12 w-12 items-center justify-center rounded-full bg-brand-secondary",
|
|
241
227
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
242
|
-
icon:
|
|
228
|
+
icon: _line.Camera01,
|
|
243
229
|
color: "fg-brand-primary",
|
|
244
|
-
size:
|
|
230
|
+
size: 24
|
|
245
231
|
})
|
|
246
|
-
})
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
232
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
233
|
+
className: "text-lg font-semibold",
|
|
234
|
+
children: "Permiso de c\xE1mara"
|
|
235
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
236
|
+
className: "text-base text-tertiary",
|
|
237
|
+
children: permissionDescription
|
|
238
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
239
|
+
className: "w-full",
|
|
240
|
+
text: "Continuar",
|
|
241
|
+
onPress: handlePermissionRequestPress
|
|
242
|
+
})]
|
|
250
243
|
})]
|
|
251
244
|
})]
|
|
252
245
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_hooks","require","_native","_reactNative","_reactQuery","
|
|
1
|
+
{"version":3,"names":["_hooks","require","_native","_reactNative","_reactQuery","_nativewind","_react","_headless","_interopRequireDefault","_reactNative2","_reactNativeSafeAreaContext","_reactNativeVisionCamera","_hocComponents","_BackButton","_BaseButton","_BaseIcon","_BaseText","_line","_PressableOpacity","_Toasts","_fileDirectoryUtils","_jsxRuntime","e","__esModule","default","CameraPreview","onCapture","previewOverlay","filters","isActive","allowDeviceSwitching","initialDevice","pathToSave","cameraRef","useRef","selectedDevice","setSelectedDevice","useState","device","useCameraDevice","format","useCameraFormat","mutate","useMutation","mutationFn","current","ensureDirExists","file","takePhoto","path","replace","undefined","Promise","reject","Error","networkMode","onSuccess","photoFile","uri","onError","error","captureException","toast","jsxs","View","className","children","jsx","Camera","style","flex","width","height","ref","photo","onPress","icon","Repeat01","color","PhotoFilePreview","onConfirm","onCancel","Image","source","resizeMode","Pressable","Repeat04","size","Check","CameraWrapperModal","onClose","photoResolution","permissionDescription","modalProps","setPhotoFile","insets","useSafeAreaInsets","isFocused","useIsFocused","appState","useAppState","hasPermission","requestPermission","useCameraPermission","handlePermissionRequestPress","useCallback","granted","Linking","openSettings","handleCaptureConfirm","removePhotoFile","content","Modal","animationType","statusBarTranslucent","paddingTop","top","paddingBottom","bottom","Camera01","text","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/CameraWrapperModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAGA,IAAAM,SAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,2BAAA,GAAAT,OAAA;AACA,IAAAU,wBAAA,GAAAV,OAAA;AAUA,IAAAW,cAAA,GAAAX,OAAA;AAGA,IAAAY,WAAA,GAAAL,sBAAA,CAAAP,OAAA;AACA,IAAAa,WAAA,GAAAN,sBAAA,CAAAP,OAAA;AACA,IAAAc,SAAA,GAAAP,sBAAA,CAAAP,OAAA;AACA,IAAAe,SAAA,GAAAR,sBAAA,CAAAP,OAAA;AACA,IAAAgB,KAAA,GAAAhB,OAAA;AAGA,IAAAiB,iBAAA,GAAAV,sBAAA,CAAAP,OAAA;AACA,IAAAkB,OAAA,GAAAX,sBAAA,CAAAP,OAAA;AACA,IAAAmB,mBAAA,GAAAnB,OAAA;AAA8D,IAAAoB,WAAA,GAAApB,OAAA;AAAA,SAAAO,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAc9D,SAASG,aAAaA,CAAC;EACrBC,SAAS;EACTC,cAAc;EACdC,OAAO;EACPC,QAAQ;EACRC,oBAAoB;EACpBC,aAAa;EACbC;AACkB,CAAC,EAAE;EACrB,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC9C,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAiBN,aAAa,CAAC;EACnF,MAAMO,MAAM,GAAG,IAAAC,wCAAe,EAACJ,cAAc,CAAC;EAC9C,MAAMK,MAAM,GAAG,IAAAC,wCAAe,EAACH,MAAM,EAAEV,OAAO,CAAC;EAE/C,MAAM;IAAEc;EAAO,CAAC,GAAG,IAAAC,uBAAW,EAAyB;IACrDC,UAAU,EAAE,MAAAA,CAAA,KAAY;MACtB,IAAIX,SAAS,CAACY,OAAO,EAAE;QACrB,IAAIb,UAAU,EAAE,MAAM,IAAAc,mCAAe,EAACd,UAAU,CAAC;QAEjD,MAAMe,IAAI,GAAG,MAAMd,SAAS,CAACY,OAAO,CAACG,SAAS,CAAC;UAAEC,IAAI,EAAEjB,UAAU,EAAEkB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,IAAIC;QAAU,CAAC,CAAC;QAEzG,OAAOJ,IAAI;MACb;MAEA,OAAOK,OAAO,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAC/D,CAAC;IACDC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAGC,SAAS,IAAK/B,SAAS,CAAC;MAAE,GAAG+B,SAAS;MAAEC,GAAG,EAAE,UAAUD,SAAS,CAACR,IAAI;IAAG,CAAC,CAAC;IACtFU,OAAO,EAAGC,KAAK,IAAK;MAClB,IAAAC,6BAAgB,EAACD,KAAK,CAAC;MACvBE,iBAAK,CAACF,KAAK,CAAC,mCAAmC,CAAC;IAClD;EACF,CAAC,CAAC;EAEF,oBACE,IAAAvC,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;IAACC,SAAS,EAAC,eAAe;IAAAC,QAAA,GAC5B,CAACrC,QAAQ,iBAAI,IAAAR,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;MAACC,SAAS,EAAC;IAAQ,CAAE,CAAC,EACxCpC,QAAQ,IAAI,CAACS,MAAM,iBAClB,IAAAjB,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;MAACC,SAAS,EAAC,oEAAoE;MAAAC,QAAA,eAClF,IAAA7C,WAAA,CAAA8C,GAAA,EAACnD,SAAA,CAAAQ,OAAQ;QAACyC,SAAS,EAAC,gBAAgB;QAAAC,QAAA,EAAC;MAErC,CAAU;IAAC,CACP,CACP,EACArC,QAAQ,IAAIS,MAAM,iBACjB,IAAAjB,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;MAACC,SAAS,EAAC,wBAAwB;MAAAC,QAAA,gBACtC,IAAA7C,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;QAACC,SAAS,EAAC,4CAA4C;QAAAC,QAAA,gBAC1D,IAAA7C,WAAA,CAAA8C,GAAA,EAACxD,wBAAA,CAAAyD,MAAc;UACbC,KAAK,EAAE;YAAEC,IAAI,EAAE,CAAC;YAAEC,KAAK,EAAE,MAAM;YAAEC,MAAM,EAAE;UAAO,CAAE;UAClDC,GAAG,EAAExC,SAAU;UACfK,MAAM,EAAEA,MAAO;UACfE,MAAM,EAAEA,MAAO;UACfX,QAAQ,EAAEA,QAAS;UACnB6C,KAAK;QAAA,CACN,CAAC,EACD/C,cAAc;MAAA,CACX,CAAC,EACNG,oBAAoB,iBACnB,IAAAT,WAAA,CAAA8C,GAAA,EAACjD,iBAAA,CAAAM,OAAgB;QACfmD,OAAO,EAAEA,CAAA,KAAMvC,iBAAiB,CAACD,cAAc,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAE;QAC/E8B,SAAS,EAAC,gGAAgG;QAAAC,QAAA,eAE1G,IAAA7C,WAAA,CAAA8C,GAAA,EAACpD,SAAA,CAAAS,OAAQ;UACPoD,IAAI,EAAEC,cAAS;UACfZ,SAAS,EAAC,eAAe;UACzBa,KAAK,EAAC;QAAkB,CACzB;MAAC,CACc,CACnB,eACD,IAAAzD,WAAA,CAAA8C,GAAA,EAACjD,iBAAA,CAAAM,OAAgB;QACfmD,OAAO,EAAEA,CAAA,KAAMjC,MAAM,CAAC,CAAE;QACxBuB,SAAS,EAAC,6EAA6E;QAAAC,QAAA,eAEvF,IAAA7C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;UACHC,SAAS,EAAC;QAAqC,CAChD;MAAC,CACc,CAAC;IAAA,CACf,CACP;EAAA,CACG,CAAC;AAEX;AAQA,SAASc,gBAAgBA,CAAC;EAAEtB,SAAS;EAAEuB,SAAS;EAAEC;AAAgC,CAAC,EAAE;EACnF,oBACE,IAAA5D,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;IAACC,SAAS,EAAC,gDAAgD;IAAAC,QAAA,gBAC9D,IAAA7C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;MAACC,SAAS,EAAC,0CAA0C;MAAAC,QAAA,eACxD,IAAA7C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAsE,KAAK;QACJb,KAAK,EAAE;UAAEE,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAO,CAAE;QACzCW,MAAM,EAAE;UAAEzB,GAAG,EAAED,SAAS,CAACC;QAAI,CAAE;QAC/B0B,UAAU,EAAC;MAAO,CACnB;IAAC,CACE,CAAC,eACP,IAAA/D,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;MAACC,SAAS,EAAC,6CAA6C;MAAAC,QAAA,gBAC3D,IAAA7C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAyE,SAAS;QACRV,OAAO,EAAEM,QAAS;QAAAf,QAAA,eAElB,IAAA7C,WAAA,CAAA8C,GAAA,EAACpD,SAAA,CAAAS,OAAQ;UACPoD,IAAI,EAAEU,cAAS;UACfC,IAAI,EAAE,EAAG;UACTT,KAAK,EAAC;QAAkB,CACzB;MAAC,CACO,CAAC,eACZ,IAAAzD,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAyE,SAAS;QACRV,OAAO,EAAEK,SAAU;QACnBf,SAAS,EAAC,UAAU;QAAAC,QAAA,eAEpB,IAAA7C,WAAA,CAAA8C,GAAA,EAACpD,SAAA,CAAAS,OAAQ;UACPoD,IAAI,EAAEY,WAAM;UACZD,IAAI,EAAE,EAAG;UACTT,KAAK,EAAC;QAAoB,CAC3B;MAAC,CACO,CAAC;IAAA,CACR,CAAC;EAAA,CACH,CAAC;AAEX;AAaA,SAASW,kBAAkBA,CAAC;EAC1B/D,SAAS;EACTgE,OAAO;EACP9D,OAAO,GAAG,CAAC;IAAE+D,eAAe,EAAE;MAAEpB,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAK;EAAE,CAAC,CAAC;EAC7D7C,cAAc,GAAGwB,SAAS;EAC1BrB,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,MAAM;EACtBC,UAAU,GAAGmB,SAAS;EACtByC,qBAAqB,GAAG,kDAAkD;EAC1E,GAAGC;AACE,CAAC,EAAE;EACR,MAAM,CAACpC,SAAS,EAAEqC,YAAY,CAAC,GAAG,IAAAzD,eAAQ,EAAiC,IAAI,CAAC;EAChF,MAAM0D,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,SAAS,GAAG,IAAAC,oBAAY,EAAC,CAAC;EAChC,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAC9B,MAAMvE,QAAQ,GAAGoE,SAAS,IAAIE,QAAQ,KAAK,QAAQ;EAEnD,MAAM;IAAEE,aAAa;IAAEC;EAAkB,CAAC,GAAG,IAAAC,4CAAmB,EAAC,CAAC;EAElE,MAAMC,4BAA4B,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC3D,MAAMC,OAAO,GAAG,MAAMJ,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAACI,OAAO,EAAE;MACZC,qBAAO,CAACC,YAAY,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACN,iBAAiB,CAAC,CAAC;EAEvB,MAAMO,oBAAoB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAC7C,IAAIhD,SAAS,EAAE;MACb/B,SAAS,CAAC;QACR,GAAG+B,SAAS;QACZC,GAAG,EAAE,UAAUD,SAAS,CAACR,IAAI;MAC/B,CAAC,CAAC;MACF6C,YAAY,CAAC,IAAI,CAAC;IACpB;EACF,CAAC,EAAE,CAACpE,SAAS,EAAE+B,SAAS,CAAC,CAAC;EAE1B,MAAMqD,eAAe,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACxCX,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMiB,OAAO,GAAGtD,SAAS,gBACvB,IAAApC,WAAA,CAAA8C,GAAA,EAACY,gBAAgB;IACftB,SAAS,EAAEA,SAAU;IACrBwB,QAAQ,EAAE6B,eAAgB;IAC1B9B,SAAS,EAAE6B;EAAqB,CACjC,CAAC,gBAEF,IAAAxF,WAAA,CAAA8C,GAAA,EAAC1C,aAAa;IACZI,QAAQ,EAAEA,QAAQ,IAAIwE,aAAc;IACpCzE,OAAO,EAAEA,OAAQ;IACjBF,SAAS,EAAEoE,YAAa;IACxBnE,cAAc,EAAEA,cAAe;IAC/BG,oBAAoB,EAAEA,oBAAqB;IAC3CC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA;EAAW,CACxB,CACF;EAED,oBACE,IAAAX,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoG,KAAK;IACJC,aAAa,EAAC,OAAO;IACrBC,oBAAoB;IAAA,GAChBrB,UAAU;IAAA3B,QAAA,gBAEd,IAAA7C,WAAA,CAAA8C,GAAA,EAAChD,OAAA,CAAAK,OAAM,IAAE,CAAC,eACV,IAAAH,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;MACHC,SAAS,EAAC,mDAAmD;MAC7DI,KAAK,EAAE;QAAE8C,UAAU,EAAEpB,MAAM,CAACqB,GAAG,GAAG,EAAE;QAAEC,aAAa,EAAEtB,MAAM,CAACuB,MAAM,GAAG;MAAG,CAAE;MAAApD,QAAA,gBAE1E,IAAA7C,WAAA,CAAA8C,GAAA,EAACtD,WAAA,CAAAW,OAAU;QACTmD,OAAO,EAAEe,OAAQ;QACjBzB,SAAS,EAAC;MAAiB,CAC5B,CAAC,eACF,IAAA5C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;QAACC,SAAS,EAAC,eAAe;QAAAC,QAAA,EAC5B6C;MAAO,CACJ,CAAC,EACN,CAACV,aAAa,iBACb,IAAAhF,WAAA,CAAA0C,IAAA,EAACnD,cAAA,CAAAoD,IAAI;QACHC,SAAS,EAAC,qEAAqE;QAC/EI,KAAK,EAAE;UAAEiD,MAAM,EAAEvB,MAAM,CAACuB,MAAM,GAAG;QAAG,CAAE;QAAApD,QAAA,gBAEtC,IAAA7C,WAAA,CAAA8C,GAAA,EAACvD,cAAA,CAAAoD,IAAI;UAACC,SAAS,EAAC,uEAAuE;UAAAC,QAAA,eACrF,IAAA7C,WAAA,CAAA8C,GAAA,EAACpD,SAAA,CAAAS,OAAQ;YACPoD,IAAI,EAAE2C,cAAS;YACfzC,KAAK,EAAC,kBAAkB;YACxBS,IAAI,EAAE;UAAG,CACV;QAAC,CACE,CAAC,eACP,IAAAlE,WAAA,CAAA8C,GAAA,EAACnD,SAAA,CAAAQ,OAAQ;UAACyC,SAAS,EAAC,uBAAuB;UAAAC,QAAA,EAAC;QAE5C,CAAU,CAAC,eACX,IAAA7C,WAAA,CAAA8C,GAAA,EAACnD,SAAA,CAAAQ,OAAQ;UAACyC,SAAS,EAAC,yBAAyB;UAAAC,QAAA,EAC1C0B;QAAqB,CACd,CAAC,eACX,IAAAvE,WAAA,CAAA8C,GAAA,EAACrD,WAAA,CAAAU,OAAU;UACTyC,SAAS,EAAC,QAAQ;UAClBuD,IAAI,EAAC,WAAW;UAChB7C,OAAO,EAAE6B;QAA6B,CACvC,CAAC;MAAA,CACE,CACP;IAAA,CACG,CAAC;EAAA,CACF,CAAC;AAEZ;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlG,OAAA,GAEc,IAAAmG,kBAAM,EAAClC,kBAAkB,CAAC","ignoreList":[]}
|
|
@@ -23,6 +23,10 @@ var _default = exports.default = {
|
|
|
23
23
|
light: _colors.default.gray_light['400'],
|
|
24
24
|
dark: _colors.default.gray_dark['600']
|
|
25
25
|
},
|
|
26
|
+
'fg-quaternary_on-brand': {
|
|
27
|
+
light: _colors.default.brand['300'],
|
|
28
|
+
dark: _colors.default.gray_light['400']
|
|
29
|
+
},
|
|
26
30
|
'fg-white': {
|
|
27
31
|
light: _colors.default.base.white,
|
|
28
32
|
dark: _colors.default.base.white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,
|
|
1
|
+
{"version":3,"names":["_colors","_interopRequireDefault","require","e","__esModule","default","_default","exports","light","colors","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -53,7 +53,7 @@ function toCurrency(value, options = {}) {
|
|
|
53
53
|
return toNormalCurrency(value, settings);
|
|
54
54
|
}
|
|
55
55
|
function toLocalPhoneNumber(phoneNumber) {
|
|
56
|
-
return phoneNumber.replace(/^\+521(\d{
|
|
56
|
+
return phoneNumber.replace(/^\+521(\d{2})(\d{4})(\d{4})$/, '$1 $2 $3');
|
|
57
57
|
}
|
|
58
58
|
function toSpanishOrdinal(value) {
|
|
59
59
|
const ordinals = {
|
|
@@ -5,7 +5,20 @@ import { forwardRef, useMemo, useRef, useEffect } from 'react';
|
|
|
5
5
|
import { StyleSheet } from 'react-native';
|
|
6
6
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
7
7
|
import backgroundColors from "../styles/background-colors.js";
|
|
8
|
+
import foregroundColors from "../styles/foreground-colors.js";
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const themeStyles = {
|
|
11
|
+
default: {
|
|
12
|
+
backgroundStyle: undefined,
|
|
13
|
+
handleIndicatorColor: foregroundColors['fg-quaternary'].light
|
|
14
|
+
},
|
|
15
|
+
brand: {
|
|
16
|
+
backgroundStyle: {
|
|
17
|
+
backgroundColor: backgroundColors['bg-brand-solid'].light
|
|
18
|
+
},
|
|
19
|
+
handleIndicatorColor: foregroundColors['fg-quaternary_on-brand'].light
|
|
20
|
+
}
|
|
21
|
+
};
|
|
9
22
|
function createBackdropComponent(closable) {
|
|
10
23
|
return function BackdropComponent(props) {
|
|
11
24
|
return /*#__PURE__*/_jsx(BottomSheetBackdrop, {
|
|
@@ -36,6 +49,7 @@ const BaseBottomSheetModal = /*#__PURE__*/forwardRef(({
|
|
|
36
49
|
children,
|
|
37
50
|
closable = true,
|
|
38
51
|
scrollable = false,
|
|
52
|
+
theme = 'default',
|
|
39
53
|
...props
|
|
40
54
|
}, ref) => {
|
|
41
55
|
const {
|
|
@@ -43,15 +57,17 @@ const BaseBottomSheetModal = /*#__PURE__*/forwardRef(({
|
|
|
43
57
|
bottom
|
|
44
58
|
} = useSafeAreaInsets();
|
|
45
59
|
const BackdropComponent = useMemo(() => createBackdropComponent(closable), [closable]);
|
|
60
|
+
const currentTheme = themeStyles[theme];
|
|
46
61
|
return /*#__PURE__*/_jsx(BottomSheetModal, {
|
|
47
62
|
ref: ref,
|
|
48
63
|
topInset: top,
|
|
49
64
|
backdropComponent: BackdropComponent,
|
|
65
|
+
backgroundStyle: currentTheme.backgroundStyle,
|
|
50
66
|
handleStyle: closable ? undefined : {
|
|
51
67
|
display: 'none'
|
|
52
68
|
},
|
|
53
69
|
handleIndicatorStyle: {
|
|
54
|
-
backgroundColor:
|
|
70
|
+
backgroundColor: currentTheme.handleIndicatorColor,
|
|
55
71
|
width: 48
|
|
56
72
|
},
|
|
57
73
|
enablePanDownToClose: closable,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BottomSheetModal","BottomSheetBackdrop","BottomSheetView","BottomSheetScrollView","forwardRef","useMemo","useRef","useEffect","StyleSheet","useSafeAreaInsets","backgroundColors","jsx","_jsx","createBackdropComponent","closable","BackdropComponent","props","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","
|
|
1
|
+
{"version":3,"names":["BottomSheetModal","BottomSheetBackdrop","BottomSheetView","BottomSheetScrollView","forwardRef","useMemo","useRef","useEffect","StyleSheet","useSafeAreaInsets","backgroundColors","foregroundColors","jsx","_jsx","themeStyles","default","backgroundStyle","undefined","handleIndicatorColor","light","brand","backgroundColor","createBackdropComponent","closable","BackdropComponent","props","opacity","enableTouchThrough","appearsOnIndex","disappearsOnIndex","pressBehavior","style","absoluteFillObject","useBottomSheetModal","visible","bottomSheetRef","current","present","dismiss","BaseBottomSheetModal","children","scrollable","theme","ref","top","bottom","currentTheme","topInset","backdropComponent","handleStyle","display","handleIndicatorStyle","width","enablePanDownToClose","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","paddingBottom"],"sourceRoot":"../../../src","sources":["components/BaseBottomSheetModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,43 +4,22 @@ import { useAppState } from '@react-native-community/hooks';
|
|
|
4
4
|
import { useIsFocused } from '@react-navigation/native';
|
|
5
5
|
import { captureException } from '@sentry/react-native';
|
|
6
6
|
import { useMutation } from '@tanstack/react-query';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
7
|
import { styled } from 'nativewind';
|
|
9
8
|
import { useRef, useState, useCallback } from 'react';
|
|
10
9
|
import toast from 'react-hot-toast/headless';
|
|
11
10
|
import { Linking } from 'react-native';
|
|
12
|
-
import {
|
|
11
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
13
12
|
import { Camera as RNVisionCamera, useCameraPermission, useCameraDevice, useCameraFormat } from 'react-native-vision-camera';
|
|
14
13
|
import { View, Modal, Pressable, Image } from "../hoc-components.js";
|
|
14
|
+
import BackButton from "./BackButton.js";
|
|
15
15
|
import BaseButton from "./BaseButton.js";
|
|
16
16
|
import BaseIcon from "./BaseIcon.js";
|
|
17
17
|
import BaseText from "./BaseText.js";
|
|
18
|
+
import { Camera01, Check, Repeat01, Repeat04 } from "./icons/untitledui/line/index.js";
|
|
18
19
|
import PressableOpacity from "./PressableOpacity.js";
|
|
19
|
-
import { useIsAboveBreakpoint } from "../hooks/useIsAboveBreakpoint.js";
|
|
20
|
-
import { ensureDirExists } from "../utils/fileDirectoryUtils.js";
|
|
21
|
-
import CameraSvg from "./svgs/Camera.js";
|
|
22
20
|
import Toasts from "./Toasts.js";
|
|
21
|
+
import { ensureDirExists } from "../utils/fileDirectoryUtils.js";
|
|
23
22
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
-
function PermissionCard({
|
|
25
|
-
onPermissionRequestPress
|
|
26
|
-
}) {
|
|
27
|
-
const largePhone = useIsAboveBreakpoint('xs');
|
|
28
|
-
return /*#__PURE__*/_jsxs(View, {
|
|
29
|
-
className: clsx('w-full flex-col items-center rounded-lg bg-white p-4', largePhone ? 'mt-10 space-y-10' : 'space-y-4'),
|
|
30
|
-
children: [/*#__PURE__*/_jsx(BaseText, {
|
|
31
|
-
className: clsx('text-center font-semibold', largePhone && 'text-xl'),
|
|
32
|
-
children: "Necesitamos permiso para acceder a la camara"
|
|
33
|
-
}), /*#__PURE__*/_jsx(CameraSvg, {
|
|
34
|
-
width: "100%",
|
|
35
|
-
height: largePhone ? 200 : 100
|
|
36
|
-
}), /*#__PURE__*/_jsx(BaseButton, {
|
|
37
|
-
className: "w-full",
|
|
38
|
-
size: largePhone ? 'md' : 'xs',
|
|
39
|
-
text: "Permitir",
|
|
40
|
-
onPress: onPermissionRequestPress
|
|
41
|
-
})]
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
23
|
function CameraPreview({
|
|
45
24
|
onCapture,
|
|
46
25
|
previewOverlay,
|
|
@@ -78,41 +57,46 @@ function CameraPreview({
|
|
|
78
57
|
}
|
|
79
58
|
});
|
|
80
59
|
return /*#__PURE__*/_jsxs(View, {
|
|
81
|
-
className: "
|
|
82
|
-
children: [
|
|
83
|
-
className: "
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
60
|
+
className: "h-full w-full",
|
|
61
|
+
children: [!isActive && /*#__PURE__*/_jsx(View, {
|
|
62
|
+
className: "flex-1"
|
|
63
|
+
}), isActive && !device && /*#__PURE__*/_jsx(View, {
|
|
64
|
+
className: "flex h-full w-full items-center justify-center bg-utility-gray-200",
|
|
65
|
+
children: /*#__PURE__*/_jsx(BaseText, {
|
|
66
|
+
className: "text-secondary",
|
|
67
|
+
children: "No fue posible acceder a la camara"
|
|
68
|
+
})
|
|
69
|
+
}), isActive && device && /*#__PURE__*/_jsxs(View, {
|
|
70
|
+
className: "relative w-full flex-1",
|
|
71
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
72
|
+
className: "relative flex-1 overflow-hidden rounded-xl",
|
|
73
|
+
children: [/*#__PURE__*/_jsx(RNVisionCamera, {
|
|
74
|
+
style: {
|
|
75
|
+
flex: 1,
|
|
76
|
+
width: '100%',
|
|
77
|
+
height: '100%'
|
|
78
|
+
},
|
|
79
|
+
ref: cameraRef,
|
|
80
|
+
device: device,
|
|
81
|
+
format: format,
|
|
82
|
+
isActive: isActive,
|
|
83
|
+
photo: true
|
|
84
|
+
}), previewOverlay]
|
|
85
|
+
}), allowDeviceSwitching && /*#__PURE__*/_jsx(PressableOpacity, {
|
|
96
86
|
onPress: () => setSelectedDevice(selectedDevice === 'back' ? 'front' : 'back'),
|
|
97
87
|
className: "absolute bottom-8 right-8 flex h-12 w-12 items-center justify-center rounded-full bg-secondary",
|
|
98
88
|
children: /*#__PURE__*/_jsx(BaseIcon, {
|
|
99
|
-
icon:
|
|
89
|
+
icon: Repeat01,
|
|
100
90
|
className: "h-full w-full",
|
|
101
91
|
color: "utility-gray-200"
|
|
102
92
|
})
|
|
93
|
+
}), /*#__PURE__*/_jsx(PressableOpacity, {
|
|
94
|
+
onPress: () => mutate(),
|
|
95
|
+
className: "my-10 h-20 w-20 self-center rounded-full border-4 border-white bg-black p-1",
|
|
96
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
97
|
+
className: "h-full w-full rounded-full bg-white"
|
|
98
|
+
})
|
|
103
99
|
})]
|
|
104
|
-
}) : /*#__PURE__*/_jsx(View, {
|
|
105
|
-
className: "flex h-full w-full items-center justify-center bg-utility-gray-200",
|
|
106
|
-
children: /*#__PURE__*/_jsx(BaseText, {
|
|
107
|
-
className: "text-secondary",
|
|
108
|
-
children: "No fue posible acceder a la camara"
|
|
109
|
-
})
|
|
110
|
-
}), /*#__PURE__*/_jsx(PressableOpacity, {
|
|
111
|
-
onPress: () => mutate(),
|
|
112
|
-
className: "my-10 h-20 w-20 self-center rounded-full border-4 border-white bg-black p-1",
|
|
113
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
114
|
-
className: "h-full w-full rounded-full bg-white"
|
|
115
|
-
})
|
|
116
100
|
})]
|
|
117
101
|
});
|
|
118
102
|
}
|
|
@@ -140,7 +124,7 @@ function PhotoFilePreview({
|
|
|
140
124
|
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
141
125
|
onPress: onCancel,
|
|
142
126
|
children: /*#__PURE__*/_jsx(BaseIcon, {
|
|
143
|
-
icon:
|
|
127
|
+
icon: Repeat04,
|
|
144
128
|
size: 64,
|
|
145
129
|
color: "fg-error-primary"
|
|
146
130
|
})
|
|
@@ -148,7 +132,7 @@ function PhotoFilePreview({
|
|
|
148
132
|
onPress: onConfirm,
|
|
149
133
|
className: "self-end",
|
|
150
134
|
children: /*#__PURE__*/_jsx(BaseIcon, {
|
|
151
|
-
icon:
|
|
135
|
+
icon: Check,
|
|
152
136
|
size: 64,
|
|
153
137
|
color: "fg-success-primary"
|
|
154
138
|
})
|
|
@@ -169,10 +153,11 @@ function CameraWrapperModal({
|
|
|
169
153
|
allowDeviceSwitching = true,
|
|
170
154
|
initialDevice = 'back',
|
|
171
155
|
pathToSave = undefined,
|
|
156
|
+
permissionDescription = 'Necesitamos acceso a tu cámara para tomar fotos.',
|
|
172
157
|
...modalProps
|
|
173
158
|
}) {
|
|
174
159
|
const [photoFile, setPhotoFile] = useState(null);
|
|
175
|
-
const
|
|
160
|
+
const insets = useSafeAreaInsets();
|
|
176
161
|
const isFocused = useIsFocused();
|
|
177
162
|
const appState = useAppState();
|
|
178
163
|
const isActive = isFocused && appState === 'active';
|
|
@@ -180,14 +165,12 @@ function CameraWrapperModal({
|
|
|
180
165
|
hasPermission,
|
|
181
166
|
requestPermission
|
|
182
167
|
} = useCameraPermission();
|
|
183
|
-
const handlePermissionRequestPress = useCallback(() => {
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
requestPermission();
|
|
187
|
-
} else {
|
|
168
|
+
const handlePermissionRequestPress = useCallback(async () => {
|
|
169
|
+
const granted = await requestPermission();
|
|
170
|
+
if (!granted) {
|
|
188
171
|
Linking.openSettings();
|
|
189
172
|
}
|
|
190
|
-
}, [
|
|
173
|
+
}, [requestPermission]);
|
|
191
174
|
const handleCaptureConfirm = useCallback(() => {
|
|
192
175
|
if (photoFile) {
|
|
193
176
|
onCapture({
|
|
@@ -200,48 +183,58 @@ function CameraWrapperModal({
|
|
|
200
183
|
const removePhotoFile = useCallback(() => {
|
|
201
184
|
setPhotoFile(null);
|
|
202
185
|
}, [setPhotoFile]);
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
isActive: isActive,
|
|
217
|
-
filters: filters,
|
|
218
|
-
onCapture: setPhotoFile,
|
|
219
|
-
previewOverlay: previewOverlay,
|
|
220
|
-
allowDeviceSwitching: allowDeviceSwitching,
|
|
221
|
-
initialDevice: initialDevice,
|
|
222
|
-
pathToSave: pathToSave
|
|
223
|
-
});
|
|
224
|
-
}
|
|
186
|
+
const content = photoFile ? /*#__PURE__*/_jsx(PhotoFilePreview, {
|
|
187
|
+
photoFile: photoFile,
|
|
188
|
+
onCancel: removePhotoFile,
|
|
189
|
+
onConfirm: handleCaptureConfirm
|
|
190
|
+
}) : /*#__PURE__*/_jsx(CameraPreview, {
|
|
191
|
+
isActive: isActive && hasPermission,
|
|
192
|
+
filters: filters,
|
|
193
|
+
onCapture: setPhotoFile,
|
|
194
|
+
previewOverlay: previewOverlay,
|
|
195
|
+
allowDeviceSwitching: allowDeviceSwitching,
|
|
196
|
+
initialDevice: initialDevice,
|
|
197
|
+
pathToSave: pathToSave
|
|
198
|
+
});
|
|
225
199
|
return /*#__PURE__*/_jsxs(Modal, {
|
|
226
200
|
animationType: "slide",
|
|
227
201
|
statusBarTranslucent: true,
|
|
228
202
|
...modalProps,
|
|
229
203
|
children: [/*#__PURE__*/_jsx(Toasts, {}), /*#__PURE__*/_jsxs(View, {
|
|
230
|
-
className: "
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
204
|
+
className: "relative h-full w-full items-center bg-black px-4",
|
|
205
|
+
style: {
|
|
206
|
+
paddingTop: insets.top + 24,
|
|
207
|
+
paddingBottom: insets.bottom + 24
|
|
208
|
+
},
|
|
209
|
+
children: [/*#__PURE__*/_jsx(BackButton, {
|
|
210
|
+
onPress: onClose,
|
|
211
|
+
className: "mb-4 self-start"
|
|
212
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
213
|
+
className: "w-full flex-1",
|
|
214
|
+
children: content
|
|
215
|
+
}), !hasPermission && /*#__PURE__*/_jsxs(View, {
|
|
216
|
+
className: "absolute z-20 w-full space-y-4 rounded-3xl bg-primary p-6 shadow-lg",
|
|
217
|
+
style: {
|
|
218
|
+
bottom: insets.bottom + 40
|
|
219
|
+
},
|
|
220
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
221
|
+
className: "h-12 w-12 items-center justify-center rounded-full bg-brand-secondary",
|
|
236
222
|
children: /*#__PURE__*/_jsx(BaseIcon, {
|
|
237
|
-
icon:
|
|
223
|
+
icon: Camera01,
|
|
238
224
|
color: "fg-brand-primary",
|
|
239
|
-
size:
|
|
225
|
+
size: 24
|
|
240
226
|
})
|
|
241
|
-
})
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
227
|
+
}), /*#__PURE__*/_jsx(BaseText, {
|
|
228
|
+
className: "text-lg font-semibold",
|
|
229
|
+
children: "Permiso de c\xE1mara"
|
|
230
|
+
}), /*#__PURE__*/_jsx(BaseText, {
|
|
231
|
+
className: "text-base text-tertiary",
|
|
232
|
+
children: permissionDescription
|
|
233
|
+
}), /*#__PURE__*/_jsx(BaseButton, {
|
|
234
|
+
className: "w-full",
|
|
235
|
+
text: "Continuar",
|
|
236
|
+
onPress: handlePermissionRequestPress
|
|
237
|
+
})]
|
|
245
238
|
})]
|
|
246
239
|
})]
|
|
247
240
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAppState","useIsFocused","captureException","useMutation","
|
|
1
|
+
{"version":3,"names":["useAppState","useIsFocused","captureException","useMutation","styled","useRef","useState","useCallback","toast","Linking","useSafeAreaInsets","Camera","RNVisionCamera","useCameraPermission","useCameraDevice","useCameraFormat","View","Modal","Pressable","Image","BackButton","BaseButton","BaseIcon","BaseText","Camera01","Check","Repeat01","Repeat04","PressableOpacity","Toasts","ensureDirExists","jsx","_jsx","jsxs","_jsxs","CameraPreview","onCapture","previewOverlay","filters","isActive","allowDeviceSwitching","initialDevice","pathToSave","cameraRef","selectedDevice","setSelectedDevice","device","format","mutate","mutationFn","current","file","takePhoto","path","replace","undefined","Promise","reject","Error","networkMode","onSuccess","photoFile","uri","onError","error","className","children","style","flex","width","height","ref","photo","onPress","icon","color","PhotoFilePreview","onConfirm","onCancel","source","resizeMode","size","CameraWrapperModal","onClose","photoResolution","permissionDescription","modalProps","setPhotoFile","insets","isFocused","appState","hasPermission","requestPermission","handlePermissionRequestPress","granted","openSettings","handleCaptureConfirm","removePhotoFile","content","animationType","statusBarTranslucent","paddingTop","top","paddingBottom","bottom","text"],"sourceRoot":"../../../src","sources":["components/CameraWrapperModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,6 +18,10 @@ export default {
|
|
|
18
18
|
light: colors.gray_light['400'],
|
|
19
19
|
dark: colors.gray_dark['600']
|
|
20
20
|
},
|
|
21
|
+
'fg-quaternary_on-brand': {
|
|
22
|
+
light: colors.brand['300'],
|
|
23
|
+
dark: colors.gray_light['400']
|
|
24
|
+
},
|
|
21
25
|
'fg-white': {
|
|
22
26
|
light: colors.base.white,
|
|
23
27
|
dark: colors.base.white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["colors","light","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,aAAU;
|
|
1
|
+
{"version":3,"names":["colors","light","gray_light","dark","base","white","gray_dark","brand","error","warning","success"],"sourceRoot":"../../../src","sources":["styles/foreground-colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -47,7 +47,7 @@ function toCurrency(value, options = {}) {
|
|
|
47
47
|
return toNormalCurrency(value, settings);
|
|
48
48
|
}
|
|
49
49
|
function toLocalPhoneNumber(phoneNumber) {
|
|
50
|
-
return phoneNumber.replace(/^\+521(\d{
|
|
50
|
+
return phoneNumber.replace(/^\+521(\d{2})(\d{4})(\d{4})$/, '$1 $2 $3');
|
|
51
51
|
}
|
|
52
52
|
function toSpanishOrdinal(value) {
|
|
53
53
|
const ordinals = {
|
|
@@ -5,6 +5,7 @@ interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
closable?: boolean;
|
|
7
7
|
scrollable?: boolean;
|
|
8
|
+
theme?: 'default' | 'brand';
|
|
8
9
|
}
|
|
9
10
|
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
10
11
|
export default BaseBottomSheetModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;AAkCf,iBAAS,mBAAmB,CAAC,OAAO,EAAE,OAAO,+CAY5C;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,wHA2CxB,CAAC;AAEH,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -12,6 +12,7 @@ interface Props extends ComponentProps<typeof Modal> {
|
|
|
12
12
|
allowDeviceSwitching?: boolean;
|
|
13
13
|
initialDevice?: CameraPosition;
|
|
14
14
|
pathToSave?: string;
|
|
15
|
+
permissionDescription?: string;
|
|
15
16
|
}
|
|
16
17
|
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
17
18
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CameraWrapperModal.d.ts","sourceRoot":"","sources":["../../../../src/components/CameraWrapperModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CameraWrapperModal.d.ts","sourceRoot":"","sources":["../../../../src/components/CameraWrapperModal.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,SAAS,EAKT,YAAY,EACZ,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACC,KAAK,EACZ,MAAM,mBAAmB,CAAC;AAY3B,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAwIlE,UAAU,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAClD,SAAS,EAAE,CAAC,SAAS,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;;AA4GD,wBAA0C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
1
|
+
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-quaternary_on-brand' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
'fg-primary': {
|
|
4
4
|
light: string;
|
|
@@ -16,6 +16,10 @@ declare const _default: {
|
|
|
16
16
|
light: string;
|
|
17
17
|
dark: string;
|
|
18
18
|
};
|
|
19
|
+
'fg-quaternary_on-brand': {
|
|
20
|
+
light: string;
|
|
21
|
+
dark: string;
|
|
22
|
+
};
|
|
19
23
|
'fg-white': {
|
|
20
24
|
light: string;
|
|
21
25
|
dark: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,wBAyEE"}
|
|
@@ -5,6 +5,7 @@ interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
closable?: boolean;
|
|
7
7
|
scrollable?: boolean;
|
|
8
|
+
theme?: 'default' | 'brand';
|
|
8
9
|
}
|
|
9
10
|
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
10
11
|
export default BaseBottomSheetModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,SAAS,EAIV,MAAM,OAAO,CAAC;AAkCf,iBAAS,mBAAmB,CAAC,OAAO,EAAE,OAAO,+CAY5C;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,wHA2CxB,CAAC;AAEH,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -12,6 +12,7 @@ interface Props extends ComponentProps<typeof Modal> {
|
|
|
12
12
|
allowDeviceSwitching?: boolean;
|
|
13
13
|
initialDevice?: CameraPosition;
|
|
14
14
|
pathToSave?: string;
|
|
15
|
+
permissionDescription?: string;
|
|
15
16
|
}
|
|
16
17
|
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
17
18
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CameraWrapperModal.d.ts","sourceRoot":"","sources":["../../../../src/components/CameraWrapperModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CameraWrapperModal.d.ts","sourceRoot":"","sources":["../../../../src/components/CameraWrapperModal.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,SAAS,EAKT,YAAY,EACZ,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACC,KAAK,EACZ,MAAM,mBAAmB,CAAC;AAY3B,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAwIlE,UAAU,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAClD,SAAS,EAAE,CAAC,SAAS,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;;AA4GD,wBAA0C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
1
|
+
export type Color = 'fg-primary' | 'fg-secondary' | 'fg-tertiary' | 'fg-quaternary' | 'fg-quaternary_on-brand' | 'fg-white' | 'fg-disabled' | 'fg-disabled_subtle' | 'fg-brand-primary' | 'fg-brand-primary_alt' | 'fg-brand-secondary' | 'fg-brand-secondary_alt' | 'fg-error-primary' | 'fg-error-secondary' | 'fg-warning-primary' | 'fg-warning-secondary' | 'fg-success-primary' | 'fg-success-secondary';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
'fg-primary': {
|
|
4
4
|
light: string;
|
|
@@ -16,6 +16,10 @@ declare const _default: {
|
|
|
16
16
|
light: string;
|
|
17
17
|
dark: string;
|
|
18
18
|
};
|
|
19
|
+
'fg-quaternary_on-brand': {
|
|
20
|
+
light: string;
|
|
21
|
+
dark: string;
|
|
22
|
+
};
|
|
19
23
|
'fg-white': {
|
|
20
24
|
light: string;
|
|
21
25
|
dark: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"foreground-colors.d.ts","sourceRoot":"","sources":["../../../../src/styles/foreground-colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,oBAAoB,GACpB,wBAAwB,GACxB,kBAAkB,GAClB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,wBAyEE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@grupalia/rn-ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.101.0",
|
|
4
4
|
"description": "Grupalia React Native UI Kit",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/module/index.d.ts",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"test": "vitest",
|
|
18
18
|
"test:run": "vitest run",
|
|
19
19
|
"prepare": "bob build",
|
|
20
|
-
"publish-local": "npx yalc publish",
|
|
20
|
+
"publish-local": "npx yalc publish --push",
|
|
21
21
|
"bump-minor-version": "npm version minor --message 'chore(release): bump version'",
|
|
22
22
|
"bump-patch-version": "npm version patch --message 'chore(release): bump version'"
|
|
23
23
|
},
|
|
@@ -5,6 +5,7 @@ export type Color =
|
|
|
5
5
|
| 'fg-secondary'
|
|
6
6
|
| 'fg-tertiary'
|
|
7
7
|
| 'fg-quaternary'
|
|
8
|
+
| 'fg-quaternary_on-brand'
|
|
8
9
|
| 'fg-white'
|
|
9
10
|
| 'fg-disabled'
|
|
10
11
|
| 'fg-disabled_subtle'
|
|
@@ -36,6 +37,10 @@ export default {
|
|
|
36
37
|
light: colors.gray_light['400'],
|
|
37
38
|
dark: colors.gray_dark['600'],
|
|
38
39
|
},
|
|
40
|
+
'fg-quaternary_on-brand': {
|
|
41
|
+
light: colors.brand['300'],
|
|
42
|
+
dark: colors.gray_light['400'],
|
|
43
|
+
},
|
|
39
44
|
'fg-white': {
|
|
40
45
|
light: colors.base.white,
|
|
41
46
|
dark: colors.base.white,
|