refactor: pecah lib/api.ts dan constants/Styles.ts per domain

- lib/api.ts (879 baris) → 13 file di lib/api/ per domain - constants/Styles.ts (1.275 baris) → 10 file di constants/styles/ per domain - tambah docs/FILE-HEALTH.md dan referensinya ke CLAUDE.md - kedua file lama tetap sebagai re-export — zero breaking changes
2026-05-12 10:34:31 +08:00
parent 003d92e4e3
commit d299484a98
29 changed files with 1678 additions and 2156 deletions
--- a/constants/styles/modal.styles.ts
+++ b/constants/styles/modal.styles.ts
@@ -0,0 +1,140 @@
+import { StyleSheet } from "react-native";
+
+const ModalStyles = StyleSheet.create({
+   modalBgTransparant: { backgroundColor: 'rgba(0, 0, 0, 0.3)', flex: 1 },
+   modalContent: {
+      width: '100%',
+      paddingBottom: 20,
+      backgroundColor: 'white',
+      borderTopRightRadius: 18,
+      borderTopLeftRadius: 18,
+      position: 'absolute',
+      bottom: 0,
+   },
+   modalContentNew: {
+      width: '100%',
+      backgroundColor: 'white',
+      borderTopRightRadius: 18,
+      borderTopLeftRadius: 18,
+      paddingTop: 5,
+      paddingBottom: 5,
+      paddingHorizontal: 20,
+   },
+   modalFloatContent: {
+      backgroundColor: 'white',
+      borderRadius: 18,
+      paddingTop: 5,
+      paddingBottom: 10,
+      paddingHorizontal: 20,
+   },
+   titleContainer: {
+      backgroundColor: 'white',
+      borderTopRightRadius: 10,
+      borderTopLeftRadius: 10,
+      paddingHorizontal: 20,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 10,
+   },
+   titleContainerNew: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 10,
+   },
+   titleContainerModalFloat: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 10,
+   },
+   contentContainer: { height: '90%' },
+   itemSelectModal: {
+      padding: 10,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      borderBottomWidth: 1,
+      alignItems: 'center',
+   },
+   modalOverlay: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.6)',
+      justifyContent: 'center',
+      alignItems: 'center',
+   },
+   modalConfirmContainer: {
+      width: '80%',
+      borderRadius: 14,
+      overflow: 'hidden',
+      elevation: 2,
+      shadowColor: '#000',
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.25,
+      shadowRadius: 3.84,
+   },
+   modalConfirmContent: { padding: 20, alignItems: 'center' },
+   modalConfirmTitle: { fontSize: 18, fontWeight: 'bold', marginBottom: 8, textAlign: 'center' },
+   modalConfirmMessage: { fontSize: 14, textAlign: 'center', lineHeight: 20 },
+   modalConfirmDivider: { height: 1, width: '100%' },
+   modalConfirmFooter: { flexDirection: 'row', height: 50 },
+   modalConfirmButton: { flex: 1, justifyContent: 'center', alignItems: 'center' },
+   modalConfirmButtonText: { fontSize: 16 },
+   modalConfirmVerticalDivider: { width: 1, height: '100%' },
+   modalUpdateContainer: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingHorizontal: 30,
+      overflow: 'hidden',
+   },
+   modalUpdateDecorativeCircle1: {
+      position: 'absolute',
+      width: 300,
+      height: 300,
+      borderRadius: 150,
+      backgroundColor: 'rgba(255, 255, 255, 0.05)',
+      top: -50,
+      right: -50,
+   },
+   modalUpdateDecorativeCircle2: {
+      position: 'absolute',
+      width: 200,
+      height: 200,
+      borderRadius: 100,
+      backgroundColor: 'rgba(255, 255, 255, 0.03)',
+      bottom: -30,
+      left: -30,
+   },
+   modalUpdateContent: { width: '100%', alignItems: 'flex-start', zIndex: 1 },
+   modalUpdateLogo: { width: 200, height: 100, marginBottom: 40, alignSelf: 'center' },
+   modalUpdateTextContainer: { marginBottom: 40 },
+   modalUpdateTitle: { fontSize: 32, fontWeight: 'bold', color: 'white', marginBottom: 20, lineHeight: 38 },
+   modalUpdateDescription: { fontSize: 16, color: 'white', lineHeight: 24 },
+   modalUpdateButtonContainer: { width: '100%', alignItems: 'center' },
+   modalUpdatePrimaryButton: {
+      width: '100%',
+      paddingVertical: 15,
+      borderRadius: 12,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 15,
+      shadowColor: '#000',
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.2,
+      shadowRadius: 4,
+      elevation: 3,
+   },
+   modalUpdatePrimaryButtonText: { fontSize: 16, fontWeight: 'bold' },
+   modalUpdateSecondaryButton: { paddingVertical: 10 },
+   modalUpdateSecondaryButtonText: { fontSize: 16, color: 'white', fontWeight: '500' },
+   headerModalViewImg: {
+      paddingTop: 50,
+      paddingHorizontal: 16,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+   },
+});
+
+export default ModalStyles;