Clean project and release with new domain: hipmi.muku.id

### No issue
update app config domain
2026-03-31 17:07:27 +08:00 · 2026-03-31 14:29:19 +08:00 · 2026-03-31 14:28:43 +08:00 · 2026-03-30 17:39:53 +08:00 · 2026-03-30 17:38:31 +08:00 · 2026-03-27 17:59:13 +08:00
40 changed files with 1277 additions and 1385 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -81,4 +81,7 @@ yarn-error.*
 # typescript
 *.tsbuildinfo

+# secrets
+secrets/
+
 # @end expo-cli
--- a/.qwen/settings.json
+++ b/.qwen/settings.json
@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git add *)"
+    ]
+  },
+  "$version": 3
+}
--- a/.qwen/settings.json.orig
+++ b/.qwen/settings.json.orig
@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git add *)"
+    ]
+  }
+}
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -100,7 +100,7 @@ packagingOptions {
        applicationId 'com.bip.hipmimobileapp'
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 1
+        versionCode 5
        versionName "1.0.2"

        buildConfigField "String", "REACT_NATIVE_RELEASE_LEVEL", "\"${findProperty('reactNativeReleaseLevel') ?: 'stable'}\""
--- a/android/app/src/debugOptimized/AndroidManifest.xml
+++ b/android/app/src/debugOptimized/AndroidManifest.xml
@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
+</manifest>
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -37,7 +37,7 @@
      </intent-filter>
      <intent-filter android:autoVerify="true" data-generated="true">
        <action android:name="android.intent.action.VIEW"/>
-        <data android:scheme="https" android:host="cld-dkr-hipmi-stg.wibudev.com" android:pathPrefix="/"/>
+        <data android:scheme="https" android:host="hipmi.muku.id" android:pathPrefix="/"/>
        <category android:name="android.intent.category.BROWSABLE"/>
        <category android:name="android.intent.category.DEFAULT"/>
      </intent-filter>
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -6,32 +6,17 @@ buildscript {
    mavenCentral()
  }
  dependencies {
-    classpath 'com.google.gms:google-services:4.4.1'
+        classpath 'com.google.gms:google-services:4.4.1'
    classpath('com.android.tools.build:gradle')
    classpath('com.facebook.react:react-native-gradle-plugin')
    classpath('org.jetbrains.kotlin:kotlin-gradle-plugin')
  }
 }

-allprojects {
-  repositories {
-    google()
-    mavenCentral()
-    maven { url 'https://www.jitpack.io' }
-  }
-}
-
-apply plugin: "expo-root-project"
-apply plugin: "com.facebook.react.rootproject"
-// @generated begin @rnmapbox/maps-v2-maven - expo prebuild (DO NOT MODIFY) sync-d4ccbfdff48fdba3138b02a8ba41b9722af001d8
-
 allprojects {
  repositories {
    maven {
      url 'https://api.mapbox.com/downloads/v2/releases/maven'
-      // Authentication is no longer required as per Mapbox's removal of download token requirement
-      // See: https://github.com/mapbox/mapbox-maps-flutter/issues/775
-      // Keeping this as optional for backward compatibility
      def token = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: System.getenv('RNMAPBOX_MAPS_DOWNLOAD_TOKEN')
      if (token) {
        authentication { basic(BasicAuthentication) }
@@ -41,7 +26,11 @@ allprojects {
        }
      }
    }
+    google()
+    mavenCentral()
+    maven { url 'https://www.jitpack.io' }
  }
 }

-// @generated end @rnmapbox/maps-v2-maven
+apply plugin: "expo-root-project"
+apply plugin: "com.facebook.react.rootproject"
--- a/app.config.js
+++ b/app.config.js
@@ -25,27 +25,27 @@ export default {
  ios: {
    supportsTablet: true,
    bundleIdentifier: "com.anonymous.hipmi-mobile",
-    googleServicesFile: "./ios/HIPMIBadungConnect/GoogleService-Info.plist",
+    googleServicesFile: "./secrets/GoogleService-Info.plist",
    infoPlist: {
      ITSAppUsesNonExemptEncryption: false,
      NSLocationWhenInUseUsageDescription:
        "Aplikasi membutuhkan akses lokasi untuk menampilkan peta.",
    },
    associatedDomains: [
-      "applinks:cld-dkr-hipmi-stg.wibudev.com",
+      "applinks:hipmi.muku.id",
    ],
-    buildNumber: "5",
+    buildNumber: "7",
  },

  android: {
-    googleServicesFile: "./google-services.json",
+    googleServicesFile: "./secrets/google-services.json",
    adaptiveIcon: {
      foregroundImage: "./assets/images/splash-icon.png",
      backgroundColor: "#ffffff",
    },
    edgeToEdgeEnabled: true,
    package: "com.bip.hipmimobileapp",
-    versionCode: 1,
+    versionCode: 5,
    // softwareKeyboardLayoutMode: 'resize', // option: untuk mengatur keyboard pada room chst collaboration
    intentFilters: [
      {
@@ -54,7 +54,7 @@ export default {
        data: [
          {
            scheme: "https",
-            host: "cld-dkr-hipmi-stg.wibudev.com",
+            host: "hipmi.muku.id",
            pathPrefix: "/",
          },
        ],
@@ -70,6 +70,7 @@ export default {
  },

  plugins: [
+    "./plugins/withCustomConfig",
    "expo-router",
    "expo-web-browser",
    [
--- a/app/(application)/(user)/home.tsx
+++ b/app/(application)/(user)/home.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react-hooks/exhaustive-deps */
-import { BasicWrapper, StackCustom, ViewWrapper } from "@/components";
+import { BasicWrapper, NewWrapper, StackCustom, ViewWrapper } from "@/components";
 import AppHeader from "@/components/_ShareComponent/AppHeader";
 import CustomSkeleton from "@/components/_ShareComponent/SkeletonCustom";
 import { MainColor } from "@/constants/color-palet";
@@ -148,7 +148,7 @@ export default function Application() {
        }}
      />

-      <ViewWrapper
+      <NewWrapper
        refreshControl={
          <RefreshControl
            refreshing={refreshing}
@@ -166,18 +166,19 @@ export default function Application() {
              })}
            />
          ) : (
-            <View style={GStyles.tabBar}>
-              <View style={[GStyles.tabContainer, { paddingTop: 10 }]}>
-                {Array.from({ length: 4 }).map((e, index) => (
-                  <CustomSkeleton
-                    key={index}
-                    height={40}
-                    width={40}
-                    radius={100}
-                  />
-                ))}
-              </View>
-            </View>
+            null
+            // <View style={GStyles.tabBar}>
+            //   <View style={[GStyles.tabContainer, { paddingTop: 10 }]}>
+            //     {Array.from({ length: 4 }).map((e, index) => (
+            //       <CustomSkeleton
+            //         key={index}
+            //         height={40}
+            //         width={40}
+            //         radius={100}
+            //       />
+            //     ))}
+            //   </View>
+            // </View>
          )
        }
      >
@@ -201,10 +202,10 @@ export default function Application() {
          {data ? (
            <Home_BottomFeatureSection listData={listData} />
          ) : (
-            <CustomSkeleton height={200} />
+            <CustomSkeleton height={150} />
          )}
        </StackCustom>
-      </ViewWrapper>
+      </NewWrapper>
    </>
  );
 }
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,5 +1,5 @@
-import { Admin_ScreenPortofolioCreate } from "@/screens/Portofolio/ScreenPortofolioCreate";
+import { ScreenPortofolioCreate } from "@/screens/Portofolio/ScreenPortofolioCreate";

 export default function PortofolioCreate() {
-  return <Admin_ScreenPortofolioCreate />;
+  return <ScreenPortofolioCreate />;
 }
--- a/app/(application)/(user)/portofolio/[id]/edit.tsx
+++ b/app/(application)/(user)/portofolio/[id]/edit.tsx
@@ -5,6 +5,7 @@ import {
  ButtonCustom,
  CenterCustom,
  NewWrapper,
+  PhoneInputCustom,
  SelectCustom,
  Spacing,
  StackCustom,
@@ -15,6 +16,7 @@ import {
 import ListSkeletonComponent from "@/components/_ShareComponent/ListSkeletonComponent";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_XLARGE } from "@/constants/constans-value";
+import { DEFAULT_COUNTRY, type CountryData, COUNTRIES } from "@/constants/countries";
 import {
  apiMasterBidangBisnis,
  apiMasterSubBidangBisnis,
@@ -32,7 +34,6 @@ import { router, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import { useEffect, useState } from "react";
 import { Text, View } from "react-native";
-import PhoneInput, { ICountry } from "react-native-international-phone-number";
 import { ActivityIndicator } from "react-native-paper";
 import Toast from "react-native-toast-message";

@@ -59,8 +60,8 @@ export default function PortofolioEdit() {
  const { id } = useLocalSearchParams();
  const [isLoading, setIsLoading] = useState(false);
  const [data, setData] = useState<any>({});
-
-  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
+  const [phoneNumber, setPhoneNumber] = useState<string>("");
+  const [selectedCountry, setSelectedCountry] = useState<CountryData>(DEFAULT_COUNTRY);
  const [bidangBisnis, setBidangBisnis] = useState<
    IMasterBidangBisnis[] | null
  >(null);
@@ -72,12 +73,42 @@ export default function PortofolioEdit() {
    IListSubBidangSelected[]
  >([]);

-  function handleInputValue(phoneNumber: string) {
-    setData({ ...data, tlpn: phoneNumber });
+  function handlePhoneChange(phone: string) {
+    setPhoneNumber(phone);
+    
+    // Format phone number for API
+    const callingCode = selectedCountry.callingCode;
+    let fixNumber = phone.replace(/\s+/g, "").replace(/^0+/, "");
+    
+    // Remove country code if already present
+    if (fixNumber.startsWith(callingCode)) {
+      fixNumber = fixNumber.substring(callingCode.length);
+    }
+    
+    // Remove leading zero
+    fixNumber = fixNumber.replace(/^0+/, "");
+    
+    const realNumber = callingCode + fixNumber;
+    setData({ ...data, tlpn: realNumber });
  }

-  function handleSelectedCountry(country: ICountry) {
+  function handleCountryChange(country: CountryData) {
    setSelectedCountry(country);
+    
+    // Re-format with new country code
+    const callingCode = country.callingCode;
+    let fixNumber = phoneNumber.replace(/\s+/g, "").replace(/^0+/, "");
+    
+    // Remove country code if already present
+    if (fixNumber.startsWith(callingCode)) {
+      fixNumber = fixNumber.substring(callingCode.length);
+    }
+    
+    // Remove leading zero
+    fixNumber = fixNumber.replace(/^0+/, "");
+    
+    const realNumber = callingCode + fixNumber;
+    setData({ ...data, tlpn: realNumber });
  }

  const onLoadMasterBidang = async () => {
@@ -122,8 +153,27 @@ export default function PortofolioEdit() {
    const response = await apiGetOnePortofolio({ id: id });

    if (response.success) {
-      const fixNumber = response.data.tlpn.replace("62", "");
-      setData({ ...response.data, tlpn: fixNumber });
+      // Extract phone number without country code for display
+      const fullNumber = response.data.tlpn;
+      let displayNumber = fullNumber;
+      let detectedCountry = DEFAULT_COUNTRY;
+      
+      // Try to detect country from calling code
+      for (const country of COUNTRIES) {
+        if (fullNumber.startsWith(country.callingCode)) {
+          detectedCountry = country;
+          displayNumber = fullNumber.substring(country.callingCode.length);
+          break;
+        }
+      }
+      
+      setSelectedCountry(detectedCountry);
+      
+      // Remove leading zero if present
+      displayNumber = displayNumber.replace(/^0+/, "");
+      
+      setPhoneNumber(displayNumber);
+      setData({ ...response.data, tlpn: displayNumber });

      // Cek apakah ada sub bidang bisnis yang terpilih
      const prevSubBidang = response.data.Portofolio_BidangDanSubBidangBisnis;
@@ -244,15 +294,11 @@ export default function PortofolioEdit() {
  }

  const handleSubmitUpdate = async () => {
-    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
-    let fixNumber = data.tlpn.replace(/\s+/g, "").replace(/^0+/, "");
-    const realNumber = callingCode + fixNumber;
-
    const newData: IFormData = {
      id_Portofolio: data.id_Portofolio,
      namaBisnis: data.namaBisnis,
      alamatKantor: data.alamatKantor,
-      tlpn: realNumber,
+      tlpn: data.tlpn, // Already formatted by PhoneInputCustom
      deskripsi: data.deskripsi,
      masterBidangBisnisId: data.masterBidangBisnisId,
      subBidang: listSubBidangSelected,
@@ -435,12 +481,11 @@ export default function PortofolioEdit() {
              <Text style={{ color: "red" }}> *</Text>
            </View>
            <Spacing height={5} />
-            <PhoneInput
-              value={data.tlpn}
-              onChangePhoneNumber={handleInputValue}
+            <PhoneInputCustom
+              value={phoneNumber}
+              onChangePhoneNumber={handlePhoneChange}
              selectedCountry={selectedCountry}
-              onChangeSelectedCountry={handleSelectedCountry}
-              defaultCountry="ID"
+              onChangeCountry={handleCountryChange}
              placeholder="xxx-xxx-xxx"
            />
          </View>
--- a/bun.lock
+++ b/bun.lock
@@ -41,6 +41,7 @@
        "expo-symbols": "~1.0.7",
        "expo-system-ui": "~6.0.7",
        "expo-web-browser": "~15.0.9",
+        "libphonenumber-js": "^1.12.40",
        "lodash": "^4.17.21",
        "moti": "^0.30.0",
        "react": "19.1.0",
@@ -1772,6 +1773,8 @@

    "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],

+    "libphonenumber-js": ["libphonenumber-js@1.12.40", "", {}, "sha512-HKGs7GowShNls3Zh+7DTr6wYpPk5jC78l508yQQY3e8ZgJChM3A9JZghmMJZuK+5bogSfuTafpjksGSR3aMIEg=="],
+
    "lighthouse-logger": ["lighthouse-logger@1.4.2", "", { "dependencies": { "debug": "^2.6.9", "marky": "^1.2.2" } }, "sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g=="],

    "lightningcss": ["lightningcss@1.31.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.31.1", "lightningcss-darwin-arm64": "1.31.1", "lightningcss-darwin-x64": "1.31.1", "lightningcss-freebsd-x64": "1.31.1", "lightningcss-linux-arm-gnueabihf": "1.31.1", "lightningcss-linux-arm64-gnu": "1.31.1", "lightningcss-linux-arm64-musl": "1.31.1", "lightningcss-linux-x64-gnu": "1.31.1", "lightningcss-linux-x64-musl": "1.31.1", "lightningcss-win32-arm64-msvc": "1.31.1", "lightningcss-win32-x64-msvc": "1.31.1" } }, "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ=="],
--- a/components/PhoneInput/PhoneInputCustom.tsx
+++ b/components/PhoneInput/PhoneInputCustom.tsx
@@ -0,0 +1,256 @@
+import { MainColor } from "@/constants/color-palet";
+import {
+  DEFAULT_COUNTRY,
+  searchCountries,
+  type CountryData,
+} from "@/constants/countries";
+import { useState } from "react";
+import {
+  Modal,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from "react-native";
+
+interface PhoneInputProps {
+  value: string;
+  onChangePhoneNumber: (phone: string) => void;
+  selectedCountry?: CountryData;
+  onChangeCountry: (country: CountryData) => void;
+  placeholder?: string;
+  disabled?: boolean;
+}
+
+export default function PhoneInputCustom({
+  value,
+  onChangePhoneNumber,
+  selectedCountry = DEFAULT_COUNTRY,
+  onChangeCountry,
+  placeholder = "Masukkan nomor",
+  disabled = false,
+}: PhoneInputProps) {
+  const [countryPickerVisible, setCountryPickerVisible] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+
+  const filteredCountries = searchCountries(searchQuery);
+
+  const handleSelectCountry = (country: CountryData) => {
+    onChangeCountry(country);
+    setCountryPickerVisible(false);
+    setSearchQuery("");
+  };
+
+  const handlePhoneChange = (text: string) => {
+    // Only allow numbers and spaces
+    const cleaned = text.replace(/[^\d\s]/g, "");
+    onChangePhoneNumber(cleaned);
+  };
+
+  return (
+    <>
+      {/* Phone Input Field */}
+      <View style={styles.container}>
+        <TouchableOpacity
+          style={styles.countryPickerButton}
+          onPress={() => setCountryPickerVisible(true)}
+          disabled={disabled}
+          activeOpacity={0.7}
+        >
+          <Text style={styles.countryCodeText}>+{selectedCountry.callingCode}</Text>
+        </TouchableOpacity>
+
+        <View style={styles.divider} />
+
+        <TextInput
+          style={[styles.phoneInput, disabled && styles.disabledInput]}
+          placeholder={placeholder}
+          placeholderTextColor={MainColor.placeholder}
+          value={value}
+          onChangeText={handlePhoneChange}
+          keyboardType="phone-pad"
+          autoComplete="tel"
+          importantForAutofill="yes"
+          editable={!disabled}
+        />
+      </View>
+
+      {/* Country Picker Modal */}
+      <Modal
+        visible={countryPickerVisible}
+        transparent
+        animationType="slide"
+        onRequestClose={() => setCountryPickerVisible(false)}
+      >
+        <View style={styles.modalOverlay}>
+          <View style={styles.modalContent}>
+            <View style={styles.modalHeader}>
+              <Text style={styles.modalTitle}>Pilih Negara</Text>
+              <TouchableOpacity onPress={() => setCountryPickerVisible(false)}>
+                <Text style={styles.modalClose}>✕</Text>
+              </TouchableOpacity>
+            </View>
+
+            <TextInput
+              style={styles.searchInput}
+              placeholder="Cari negara atau kode..."
+              placeholderTextColor={MainColor.placeholder}
+              value={searchQuery}
+              onChangeText={setSearchQuery}
+              autoFocus
+            />
+
+            <ScrollView style={styles.countryList}>
+              {filteredCountries.map((country) => (
+                <TouchableOpacity
+                  key={country.code}
+                  style={[
+                    styles.countryItem,
+                    selectedCountry.code === country.code &&
+                      styles.countryItemSelected,
+                  ]}
+                  onPress={() => handleSelectCountry(country)}
+                  activeOpacity={0.7}
+                >
+                  <View style={styles.countryInfo}>
+                    <Text style={styles.countryName}>{country.name}</Text>
+                    <Text style={styles.countryCode}>+{country.callingCode}</Text>
+                  </View>
+                  {selectedCountry.code === country.code && (
+                    <Text style={styles.checkmark}>✓</Text>
+                  )}
+                </TouchableOpacity>
+              ))}
+            </ScrollView>
+          </View>
+        </View>
+      </Modal>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  // Container
+  container: {
+    flexDirection: "row",
+    backgroundColor: MainColor.white,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: MainColor.white_gray,
+    marginBottom: 16,
+    overflow: "hidden",
+  },
+  // Country Picker Button
+  countryPickerButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+    backgroundColor: MainColor.text_input,
+    borderRightWidth: 1,
+    borderRightColor: MainColor.white_gray,
+  },
+  countryCodeText: {
+    fontSize: 16,
+    color: MainColor.black,
+    fontWeight: "600",
+  },
+  dropdownIcon: {
+    fontSize: 18,
+    color: MainColor.placeholder,
+    marginLeft: 4,
+  },
+  // Divider
+  divider: {
+    width: 1,
+    backgroundColor: MainColor.white_gray,
+  },
+  // Phone Input
+  phoneInput: {
+    flex: 1,
+    paddingVertical: 14,
+    paddingHorizontal: 12,
+    fontSize: 16,
+    color: MainColor.black,
+  },
+  disabledInput: {
+    backgroundColor: MainColor.text_input,
+    color: MainColor.placeholder,
+  },
+  // Modal
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    justifyContent: "flex-end",
+  },
+  modalContent: {
+    backgroundColor: MainColor.white,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    maxHeight: "80%",
+    paddingBottom: 34,
+  },
+  modalHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: MainColor.white_gray,
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: "bold",
+    color: MainColor.black,
+  },
+  modalClose: {
+    fontSize: 24,
+    color: MainColor.placeholder,
+    padding: 5,
+  },
+  // Search Input
+  searchInput: {
+    backgroundColor: MainColor.text_input,
+    margin: 16,
+    padding: 12,
+    borderRadius: 8,
+    fontSize: 16,
+    color: MainColor.black,
+  },
+  // Country List
+  countryList: {
+    paddingHorizontal: 16,
+  },
+  countryItem: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: MainColor.white_gray,
+  },
+  countryItemSelected: {
+    backgroundColor: MainColor.soft_darkblue + "15",
+  },
+  countryInfo: {
+    flex: 1,
+  },
+  countryName: {
+    fontSize: 16,
+    color: MainColor.black,
+    fontWeight: "500",
+  },
+  countryCode: {
+    fontSize: 14,
+    color: MainColor.placeholder,
+    marginTop: 2,
+  },
+  checkmark: {
+    fontSize: 20,
+    color: MainColor.green,
+    fontWeight: "bold",
+  },
+});
--- a/components/_ShareComponent/AppHeader.tsx
+++ b/components/_ShareComponent/AppHeader.tsx
@@ -30,7 +30,7 @@ export default function AppHeader({
      ? isIOS26Plus
        ? insets.top - 10
        : insets.top
-      : 10;
+      : 40;

  const paddingBottom = Platform.OS === "ios" ? 8 : 13;

--- a/components/_ShareComponent/NewWrapper.tsx
+++ b/components/_ShareComponent/NewWrapper.tsx
@@ -19,6 +19,7 @@ import {
  SafeAreaView,
 } from "react-native-safe-area-context";
 import type { ScrollViewProps, FlatListProps } from "react-native";
+import Spacing from "./Spacing";

 // --- ✅ Tambahkan refreshControl ke BaseProps ---
 interface BaseProps {
@@ -83,7 +84,7 @@ const NewWrapper = (props: NewWrapperProps) => {
    return <View style={[GStyles.container, style]}>{content}</View>;
  };

-  // 🔹 Mode Dinamis
+  // 🔹 Mode Dinamis (FlatList)
  if ("listData" in props) {
    const listProps = props as ListModeProps;

@@ -95,7 +96,7 @@ const NewWrapper = (props: NewWrapperProps) => {
        {headerComponent && (
          <View style={GStyles.stickyHeader}>{headerComponent}</View>
        )}
-        <View style={[GStyles.container, style]}>
+        <View style={[GStyles.container, style, { flex: 1 }]}>
          <FlatList
            data={listProps.listData}
            renderItem={listProps.renderItem}
@@ -107,30 +108,36 @@ const NewWrapper = (props: NewWrapperProps) => {
                  return `fallback-${index}-${JSON.stringify(item)}`;
                }

-                // Gabungkan ID dengan indeks untuk mencegah duplikasi
                return `${String(item.id)}-${index}`;
              })
            }
-          
-            refreshControl={refreshControl} // ✅ dari BaseProps
+            refreshControl={refreshControl}
            onEndReached={listProps.onEndReached}
            onEndReachedThreshold={0.5}
            ListHeaderComponent={listProps.ListHeaderComponent}
            ListFooterComponent={listProps.ListFooterComponent}
            ListEmptyComponent={listProps.ListEmptyComponent}
-            contentContainerStyle={{ flexGrow: 1 }}
+            contentContainerStyle={{ 
+              flexGrow: 1,
+              paddingBottom: footerComponent && !hideFooter ? OS_HEIGHT : 0 
+            }}
            keyboardShouldPersistTaps="handled"
          />
        </View>

-        {footerComponent ? (
-          <SafeAreaView
-            edges={Platform.OS === "ios" ? edgesFooter : ["bottom"]}
-            style={{ backgroundColor: MainColor.darkblue, height: OS_HEIGHT }}
-          >
-            {footerComponent}
-          </SafeAreaView>
-        ) : hideFooter ? null : (
+        {/* Footer dengan position absolute untuk stay di bawah */}
+        {footerComponent && !hideFooter && (
+          <View style={styles.footerContainer}>
+            <SafeAreaView
+              edges={Platform.OS === "ios" ? edgesFooter : ["bottom"]}
+              style={{ backgroundColor: MainColor.darkblue }}
+            >
+              {footerComponent}
+            </SafeAreaView>   
+          </View>
+        )}
+
+        {!footerComponent && !hideFooter && (
          <SafeAreaView
            edges={["bottom"]}
            style={{ backgroundColor: MainColor.darkblue }}
@@ -144,7 +151,7 @@ const NewWrapper = (props: NewWrapperProps) => {
    );
  }

-  // 🔹 Mode Statis
+  // 🔹 Mode Statis (ScrollView)
  const staticProps = props as StaticModeProps;

  return (
@@ -156,24 +163,34 @@ const NewWrapper = (props: NewWrapperProps) => {
        <View style={GStyles.stickyHeader}>{headerComponent}</View>
      )}

-      <ScrollView
-        contentContainerStyle={{ flexGrow: 1 }}
-        keyboardShouldPersistTaps="handled"
-        refreshControl={refreshControl} // ✅ sekarang valid
-      >
-        <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
-          {renderContainer(staticProps.children)}
-        </TouchableWithoutFeedback>
-      </ScrollView>
-
-      {footerComponent ? (
-        <SafeAreaView
-          edges={Platform.OS === "ios" ? edgesFooter : ["bottom"]}
-          style={{ backgroundColor: MainColor.darkblue, height: OS_HEIGHT }}
+      <View style={{ flex: 0 }} collapsable={false}>
+        <ScrollView
+          contentContainerStyle={{ 
+            flexGrow: 1,
+            paddingBottom: footerComponent && !hideFooter ? OS_HEIGHT : 0 
+          }}
+          keyboardShouldPersistTaps="handled"
+          refreshControl={refreshControl}
        >
-          {footerComponent}
-        </SafeAreaView>
-      ) : hideFooter ? null : (
+          <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+            {renderContainer(staticProps.children)}
+          </TouchableWithoutFeedback>
+        </ScrollView>
+      </View>
+
+      {/* Footer dengan position absolute untuk stay di bawah */}
+      {footerComponent && !hideFooter && (
+        <View style={styles.footerContainer}>
+          <SafeAreaView
+            edges={Platform.OS === "ios" ? edgesFooter : ["bottom"]}
+            style={{ backgroundColor: MainColor.darkblue }}
+          >
+            {footerComponent}
+          </SafeAreaView>
+        </View>
+      )}
+
+      {!footerComponent && !hideFooter && (
        <SafeAreaView
          edges={["bottom"]}
          style={{ backgroundColor: MainColor.darkblue }}
@@ -187,4 +204,15 @@ const NewWrapper = (props: NewWrapperProps) => {
  );
 };

+// Styles untuk footer dengan position absolute
+const styles = {
+  footerContainer: {
+    position: "absolute" as const,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    backgroundColor: MainColor.darkblue,
+  },
+};
+
 export default NewWrapper;
--- a/components/index.ts
+++ b/components/index.ts
@@ -49,6 +49,8 @@ import MapCustom from "./Map/MapCustom";
 import CenterCustom from "./Center/CenterCustom";
 // Clickable
 import ClickableCustom from "./Clickable/ClickableCustom";
+// PhoneInput
+import PhoneInputCustom from "./PhoneInput/PhoneInputCustom";
 // Scroll
 import ScrollableCustom from "./Scroll/ScrollCustom";
 // ShareComponent
@@ -95,6 +97,8 @@ export {
  CheckboxGroup,
  // Clickable
  ClickableCustom,
+  // PhoneInput
+  PhoneInputCustom,
  // Container
  CircleContainer,
  // Divider
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -23,8 +23,8 @@ export {
 };

 // OS Height
-const OS_ANDROID_HEIGHT = 115
-const OS_IOS_HEIGHT = 90
+const OS_ANDROID_HEIGHT = 70
+const OS_IOS_HEIGHT = 80
 const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT

 // Text Size
--- a/constants/countries.ts
+++ b/constants/countries.ts
@@ -0,0 +1,89 @@
+import { type CountryCode } from "libphonenumber-js";
+
+/**
+ * Country data for phone number input
+ * Contains only country name and calling code (NO flags for maximum compatibility)
+ */
+export interface CountryData {
+  code: CountryCode;
+  name: string;
+  callingCode: string;
+}
+
+/**
+ * List of supported countries for phone number input
+ * 
+ * @description
+ * This list includes major countries across different regions.
+ * Countries are ordered by likelihood of use (Indonesia first as default).
+ * 
+ * @note
+ * NO emoji flags used - only text-based country name and calling code
+ * This ensures maximum compatibility across all platforms and iOS versions
+ */
+export const COUNTRIES: CountryData[] = [
+  // Asia Pacific (Primary markets)
+  { code: "ID", name: "Indonesia", callingCode: "62" },
+  { code: "SG", name: "Singapore", callingCode: "65" },
+  { code: "MY", name: "Malaysia", callingCode: "60" },
+  { code: "AU", name: "Australia", callingCode: "61" },
+  
+  // Asia (Other)
+  { code: "CN", name: "China", callingCode: "86" },
+  { code: "JP", name: "Japan", callingCode: "81" },
+  { code: "KR", name: "South Korea", callingCode: "82" },
+  { code: "IN", name: "India", callingCode: "91" },
+  
+  // Middle East
+  { code: "AE", name: "United Arab Emirates", callingCode: "971" },
+  { code: "SA", name: "Saudi Arabia", callingCode: "966" },
+  
+  // Europe
+  { code: "GB", name: "United Kingdom", callingCode: "44" },
+  { code: "DE", name: "Germany", callingCode: "49" },
+  { code: "FR", name: "France", callingCode: "33" },
+  { code: "NL", name: "Netherlands", callingCode: "31" },
+  
+  // Americas
+  { code: "US", name: "United States", callingCode: "1" },
+];
+
+/**
+ * Default country for phone number input
+ * Used when no country is selected (Indonesia by default)
+ */
+export const DEFAULT_COUNTRY: CountryData = COUNTRIES[0];
+
+/**
+ * Get country by calling code
+ * @param callingCode - The calling code to search for (e.g., "62", "1")
+ * @returns The matching country data or undefined if not found
+ */
+export function getCountryByCallingCode(callingCode: string): CountryData | undefined {
+  return COUNTRIES.find((country) => country.callingCode === callingCode);
+}
+
+/**
+ * Get country by country code (ISO 3166-1 alpha-2)
+ * @param code - The country code to search for (e.g., "ID", "US")
+ * @returns The matching country data or undefined if not found
+ */
+export function getCountryByCode(code: CountryCode): CountryData | undefined {
+  return COUNTRIES.find((country) => country.code === code);
+}
+
+/**
+ * Search countries by name or calling code
+ * @param query - The search query (case-insensitive)
+ * @returns Array of matching countries
+ */
+export function searchCountries(query: string): CountryData[] {
+  const normalizedQuery = query.toLowerCase().trim();
+  
+  return COUNTRIES.filter(
+    (country) =>
+      country.name.toLowerCase().includes(normalizedQuery) ||
+      country.code.toLowerCase().includes(normalizedQuery) ||
+      country.callingCode.includes(normalizedQuery)
+  );
+}
--- a/docs/prompt-for-qwen-code.md
+++ b/docs/prompt-for-qwen-code.md
@@ -120,4 +120,9 @@ Buatkan file baru pada "Folder tujuan" dengan nama "Nama file utama" dan ubah na

 <!-- END Create Box -->

+<!-- Random Prompt -->
+Diskusi pada file screens/Authentication/LoginView.tsx , tentang penggunaan phone number input. Karena tidak berfungsi dengan baik pada versi ios 26 keatas
+
+<!-- END Random Prompt -->
+
 <!-- END Use Prompt Now -->
--- a/ios/HIPMIBadungConnect.xcodeproj/project.pbxproj
+++ b/ios/HIPMIBadungConnect.xcodeproj/project.pbxproj
--- a/ios/HIPMIBadungConnect.xcworkspace/xcshareddata/swiftpm/Package.resolved
+++ b/ios/HIPMIBadungConnect.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -1,15 +0,0 @@
-{
-  "originHash" : "e70d3525c8e2819a8b34f22909815dab5c700c25a06c32388f3930f7b3627768",
-  "pins" : [
-    {
-      "identity" : "maplibre-gl-native-distribution",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/maplibre/maplibre-gl-native-distribution",
-      "state" : {
-        "revision" : "c68c970ff3ece56cfc3b36849db70167fa208beb",
-        "version" : "6.17.1"
-      }
-    }
-  ],
-  "version" : 3
-}
--- a/ios/HIPMIBadungConnect/HIPMIBadungConnect.entitlements
+++ b/ios/HIPMIBadungConnect/HIPMIBadungConnect.entitlements
@@ -6,7 +6,7 @@
    <string>development</string>
    <key>com.apple.developer.associated-domains</key>
    <array>
-      <string>applinks:cld-dkr-hipmi-stg.wibudev.com</string>
+      <string>applinks:hipmi.muku.id</string>
    </array>
  </dict>
 </plist>
--- a/ios/HIPMIBadungConnect/Info.plist
+++ b/ios/HIPMIBadungConnect/Info.plist
@@ -39,7 +39,7 @@
      </dict>
    </array>
    <key>CFBundleVersion</key>
-    <string>5</string>
+    <string>7</string>
    <key>ITSAppUsesNonExemptEncryption</key>
    <false/>
    <key>LSMinimumSystemVersion</key>
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -1,15 +1,22 @@
-use_modular_headers!
-
 require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking")
 require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods")

 require 'json'
 podfile_properties = JSON.parse(File.read(File.join(__dir__, 'Podfile.properties.json'))) rescue {}

+def ccache_enabled?(podfile_properties)
+  # Environment variable takes precedence
+  return ENV['USE_CCACHE'] == '1' if ENV['USE_CCACHE']
+  
+  # Fall back to Podfile properties
+  podfile_properties['apple.ccacheEnabled'] == 'true'
+end
+
 ENV['RCT_NEW_ARCH_ENABLED'] ||= '0' if podfile_properties['newArchEnabled'] == 'false'
 ENV['EX_DEV_CLIENT_NETWORK_INSPECTOR'] ||= podfile_properties['EX_DEV_CLIENT_NETWORK_INSPECTOR']
 ENV['RCT_USE_RN_DEP'] ||= '1' if podfile_properties['ios.buildReactNativeFromSource'] != 'true' && podfile_properties['newArchEnabled'] != 'false'
 ENV['RCT_USE_PREBUILT_RNCORE'] ||= '1' if podfile_properties['ios.buildReactNativeFromSource'] != 'true' && podfile_properties['newArchEnabled'] != 'false'
+use_modular_headers!
 platform :ios, podfile_properties['ios.deploymentTarget'] || '15.1'

 prepare_react_native_project!
@@ -21,7 +28,10 @@ target 'HIPMIBadungConnect' do
    config_command = ['node', '-e', "process.argv=['', '', 'config'];require('@react-native-community/cli').run()"];
  else
    config_command = [
-      'npx',
+      'node',
+      '--no-warnings',
+      '--eval',
+      'require(\'expo/bin/autolinking\')',
      'expo-modules-autolinking',
      'react-native-config',
      '--json',
@@ -35,7 +45,6 @@ target 'HIPMIBadungConnect' do
  use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
  use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']

-
  use_react_native!(
    :path => config[:reactNativePath],
    :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes',
@@ -44,23 +53,12 @@ target 'HIPMIBadungConnect' do
    :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false',
  )

-  pod 'Firebase'
-  pod 'Firebase/Messaging'
-
-  # @generated begin post_installer - expo prebuild (DO NOT MODIFY) sync-4092f82b887b5b9edb84642c2a56984d69b9a403
  post_install do |installer|
-# @generated begin @maplibre/maplibre-react-native:post-install - expo prebuild (DO NOT MODIFY) sync-6e76c80af0d70c0003d06822dd59b7c729fca472
-    $MLRN.post_install(installer)
-# @generated end @maplibre/maplibre-react-native:post-install
-
    # Fix all script phases with incorrect paths
    installer.pods_project.targets.each do |target|
      target.build_phases.each do |phase|
        next unless phase.respond_to?(:shell_script)
-        
-        # Fix duplicated path issue
        if phase.shell_script.include?('with-environment.sh')
-          # Remove any existing path and use proper relative path
          phase.shell_script = phase.shell_script.gsub(
            %r{(/.*?/node_modules/react-native)+/scripts/xcode/with-environment.sh},
            '${PODS_ROOT}/../../node_modules/react-native/scripts/xcode/with-environment.sh'
@@ -68,15 +66,14 @@ target 'HIPMIBadungConnect' do
        end
      end
    end
-    
-    # Standard React Native post install
+# @generated begin @maplibre/maplibre-react-native:post-install - expo prebuild (DO NOT MODIFY) sync-6e76c80af0d70c0003d06822dd59b7c729fca472
+    $MLRN.post_install(installer)
+# @generated end @maplibre/maplibre-react-native:post-install
    react_native_post_install(
      installer,
      config[:reactNativePath],
      :mac_catalyst_enabled => false,
-      :ccache_enabled => podfile_properties['apple.ccacheEnabled'] == 'true',
+      :ccache_enabled => ccache_enabled?(podfile_properties),
    )
  end
-  # @generated end post_installer
- 
-end
+end
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -279,34 +279,11 @@ PODS:
  - EXUpdatesInterface (2.0.0):
    - ExpoModulesCore
  - FBLazyVector (0.81.5)
-  - Firebase (12.8.0):
-    - Firebase/Core (= 12.8.0)
-  - Firebase/Core (12.8.0):
-    - Firebase/CoreOnly
-    - FirebaseAnalytics (~> 12.8.0)
  - Firebase/CoreOnly (12.8.0):
    - FirebaseCore (~> 12.8.0)
  - Firebase/Messaging (12.8.0):
    - Firebase/CoreOnly
    - FirebaseMessaging (~> 12.8.0)
-  - FirebaseAnalytics (12.8.0):
-    - FirebaseAnalytics/Default (= 12.8.0)
-    - FirebaseCore (~> 12.8.0)
-    - FirebaseInstallations (~> 12.8.0)
-    - GoogleUtilities/AppDelegateSwizzler (~> 8.1)
-    - GoogleUtilities/MethodSwizzler (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - "GoogleUtilities/NSData+zlib (~> 8.1)"
-    - nanopb (~> 3.30910.0)
-  - FirebaseAnalytics/Default (12.8.0):
-    - FirebaseCore (~> 12.8.0)
-    - FirebaseInstallations (~> 12.8.0)
-    - GoogleAppMeasurement/Default (= 12.8.0)
-    - GoogleUtilities/AppDelegateSwizzler (~> 8.1)
-    - GoogleUtilities/MethodSwizzler (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - "GoogleUtilities/NSData+zlib (~> 8.1)"
-    - nanopb (~> 3.30910.0)
  - FirebaseCore (12.8.0):
    - FirebaseCoreInternal (~> 12.8.0)
    - GoogleUtilities/Environment (~> 8.1)
@@ -329,33 +306,6 @@ PODS:
    - GoogleUtilities/Reachability (~> 8.1)
    - GoogleUtilities/UserDefaults (~> 8.1)
    - nanopb (~> 3.30910.0)
-  - GoogleAdsOnDeviceConversion (3.2.0):
-    - GoogleUtilities/Environment (~> 8.1)
-    - GoogleUtilities/Logger (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/Core (12.8.0):
-    - GoogleUtilities/AppDelegateSwizzler (~> 8.1)
-    - GoogleUtilities/MethodSwizzler (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - "GoogleUtilities/NSData+zlib (~> 8.1)"
-    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/Default (12.8.0):
-    - GoogleAdsOnDeviceConversion (~> 3.2.0)
-    - GoogleAppMeasurement/Core (= 12.8.0)
-    - GoogleAppMeasurement/IdentitySupport (= 12.8.0)
-    - GoogleUtilities/AppDelegateSwizzler (~> 8.1)
-    - GoogleUtilities/MethodSwizzler (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - "GoogleUtilities/NSData+zlib (~> 8.1)"
-    - nanopb (~> 3.30910.0)
-  - GoogleAppMeasurement/IdentitySupport (12.8.0):
-    - GoogleAppMeasurement/Core (= 12.8.0)
-    - GoogleUtilities/AppDelegateSwizzler (~> 8.1)
-    - GoogleUtilities/MethodSwizzler (~> 8.1)
-    - GoogleUtilities/Network (~> 8.1)
-    - "GoogleUtilities/NSData+zlib (~> 8.1)"
-    - nanopb (~> 3.30910.0)
  - GoogleDataTransport (10.1.0):
    - nanopb (~> 3.30910.0)
    - PromisesObjC (~> 2.4)
@@ -369,9 +319,6 @@ PODS:
  - GoogleUtilities/Logger (8.1.0):
    - GoogleUtilities/Environment
    - GoogleUtilities/Privacy
-  - GoogleUtilities/MethodSwizzler (8.1.0):
-    - GoogleUtilities/Logger
-    - GoogleUtilities/Privacy
  - GoogleUtilities/Network (8.1.0):
    - GoogleUtilities/Logger
    - "GoogleUtilities/NSData+zlib"
@@ -2581,9 +2528,9 @@ PODS:
    - ReactCommon/turbomodule/core
    - ReactNativeDependencies
    - Yoga
-  - SDWebImage (5.21.6):
-    - SDWebImage/Core (= 5.21.6)
-  - SDWebImage/Core (5.21.6)
+  - SDWebImage (5.21.7):
+    - SDWebImage/Core (= 5.21.7)
+  - SDWebImage/Core (5.21.7)
  - SDWebImageAVIFCoder (0.11.1):
    - libavif/core (>= 0.11.0)
    - SDWebImage (~> 5.10)
@@ -2633,8 +2580,6 @@ DEPENDENCIES:
  - ExpoWebBrowser (from `../node_modules/expo-web-browser/ios`)
  - EXUpdatesInterface (from `../node_modules/expo-updates-interface/ios`)
  - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
-  - Firebase
-  - Firebase/Messaging
  - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
  - "maplibre-react-native (from `../node_modules/@maplibre/maplibre-react-native`)"
  - RCTDeprecation (from `../node_modules/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
@@ -2722,14 +2667,11 @@ DEPENDENCIES:
 SPEC REPOS:
  trunk:
    - Firebase
-    - FirebaseAnalytics
    - FirebaseCore
    - FirebaseCoreExtension
    - FirebaseCoreInternal
    - FirebaseInstallations
    - FirebaseMessaging
-    - GoogleAdsOnDeviceConversion
-    - GoogleAppMeasurement
    - GoogleDataTransport
    - GoogleUtilities
    - libavif
@@ -3011,14 +2953,11 @@ SPEC CHECKSUMS:
  EXUpdatesInterface: 5adf50cb41e079c861da6d9b4b954c3db9a50734
  FBLazyVector: e95a291ad2dadb88e42b06e0c5fb8262de53ec12
  Firebase: 9a58fdbc9d8655ed7b79a19cf9690bb007d3d46d
-  FirebaseAnalytics: f20bbad8cb7f65d8a5eaefeb424ae8800a31bdfc
  FirebaseCore: 0dbad74bda10b8fb9ca34ad8f375fb9dd3ebef7c
  FirebaseCoreExtension: 6605938d51f765d8b18bfcafd2085276a252bee2
  FirebaseCoreInternal: fe5fa466aeb314787093a7dce9f0beeaad5a2a21
  FirebaseInstallations: 6a14ab3d694ebd9f839c48d330da5547e9ca9dc0
  FirebaseMessaging: 7f42cfd10ec64181db4e01b305a613791c8e782c
-  GoogleAdsOnDeviceConversion: d68c69dd9581a0f5da02617b6f377e5be483970f
-  GoogleAppMeasurement: 72c9a682fec6290327ea5e3c4b829b247fcb2c17
  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
  GoogleUtilities: 00c88b9a86066ef77f0da2fab05f65d7768ed8e1
  hermes-engine: 9f4dfe93326146a1c99eb535b1cb0b857a3cd172
@@ -3107,13 +3046,13 @@ SPEC CHECKSUMS:
  RNSVG: 31d6639663c249b7d5abc9728dde2041eb2a3c34
  RNVectorIcons: 4351544f100d4f12cac156a7c13399e60bab3e26
  RNWorklets: 43cd6af94c18f89cbca10ea83fee281b69d75da5
-  SDWebImage: 1bb6a1b84b6fe87b972a102bdc77dd589df33477
+  SDWebImage: e9fc87c1aab89a8ab1bbd74eba378c6f53be8abf
  SDWebImageAVIFCoder: afe194a084e851f70228e4be35ef651df0fc5c57
  SDWebImageSVGCoder: 15a300a97ec1c8ac958f009c02220ac0402e936c
  SDWebImageWebPCoder: e38c0a70396191361d60c092933e22c20d5b1380
  Yoga: 5934998fbeaef7845dbf698f698518695ab4cd1a
  ZXingObjC: 8898711ab495761b2dbbdec76d90164a6d7e14c5

-PODFILE CHECKSUM: c099c57001b36661ca723fa0edfdb338496e8b9d
+PODFILE CHECKSUM: 98fc0b2be4d9f9b5a23816e3c77ad0e74ea84fa0

 COCOAPODS: 1.16.2
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
    "expo-symbols": "~1.0.7",
    "expo-system-ui": "~6.0.7",
    "expo-web-browser": "~15.0.9",
+    "libphonenumber-js": "^1.12.40",
    "lodash": "^4.17.21",
    "moti": "^0.30.0",
    "react": "19.1.0",
--- a/plugins/withCustomConfig.js
+++ b/plugins/withCustomConfig.js
@@ -0,0 +1,287 @@
+const {
+  withAppBuildGradle,
+  withProjectBuildGradle,
+  withInfoPlist,
+} = require("@expo/config-plugins");
+
+const { withPodfile } = require("@expo/config-plugins");
+const { withAndroidManifest } = require("@expo/config-plugins");
+const { withDangerousMod } = require("@expo/config-plugins");
+const fs = require("fs");
+const path = require("path");
+
+// ─────────────────────────────────────────
+// 1. PROJECT-LEVEL build.gradle
+//    Tambah: google-services classpath + Mapbox maven
+// ─────────────────────────────────────────
+const withCustomProjectBuildGradle = (config) => {
+  return withProjectBuildGradle(config, (config) => {
+    let contents = config.modResults.contents;
+
+    // Tambah google-services classpath jika belum ada
+    if (!contents.includes("com.google.gms:google-services")) {
+      contents = contents.replace(
+        /classpath\('com\.android\.tools\.build:gradle'\)/,
+        `classpath('com.android.tools.build:gradle')
+    classpath 'com.google.gms:google-services:4.4.1'`,
+      );
+    }
+
+    // Tambah Mapbox maven repository jika belum ada
+    if (!contents.includes("api.mapbox.com")) {
+      contents = contents.replace(
+        /allprojects\s*\{[\s\S]*?repositories\s*\{/,
+        `allprojects {
+  repositories {
+    maven {
+      url 'https://api.mapbox.com/downloads/v2/releases/maven'
+      def token = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: System.getenv('RNMAPBOX_MAPS_DOWNLOAD_TOKEN')
+      if (token) {
+        authentication { basic(BasicAuthentication) }
+        credentials {
+          username = 'mapbox'
+          password = token
+        }
+      }
+    }`,
+      );
+    }
+
+    config.modResults.contents = contents;
+    return config;
+  });
+};
+
+// ─────────────────────────────────────────
+// 2. APP-LEVEL build.gradle
+//    Tambah: buildConfigField + google-services plugin
+// ─────────────────────────────────────────
+const withCustomAppBuildGradle = (config) => {
+  return withAppBuildGradle(config, (config) => {
+    let contents = config.modResults.contents;
+
+    // Tambah Mapbox packagingOptions
+    if (!contents.includes("rnmapbox/maps-libcpp")) {
+      contents = contents.replace(
+        /android\s*\{/,
+        `android {
+// @generated begin @rnmapbox/maps-libcpp - expo prebuild (DO NOT MODIFY) sync-e24830a5a3e854b398227dfe9630aabfaa1cadd1
+packagingOptions {
+        pickFirst 'lib/x86/libc++_shared.so'
+        pickFirst 'lib/x86_64/libc++_shared.so'
+        pickFirst 'lib/arm64-v8a/libc++_shared.so'
+        pickFirst 'lib/armeabi-v7a/libc++_shared.so'
+    }
+// @generated end @rnmapbox/maps-libcpp`,
+      );
+    }
+
+    // Tambah buildConfigField REACT_NATIVE_RELEASE_LEVEL
+    if (!contents.includes("REACT_NATIVE_RELEASE_LEVEL")) {
+      contents = contents.replace(
+        /defaultConfig\s*\{/,
+        `defaultConfig {
+        buildConfigField "String", "REACT_NATIVE_RELEASE_LEVEL", "\\"${`$`}{findProperty('reactNativeReleaseLevel') ?: 'stable'}\\""`,
+      );
+    }
+
+    // Tambah apply plugin google-services di akhir file
+    if (!contents.includes("com.google.gms.google-services")) {
+      contents += `\napply plugin: 'com.google.gms.google-services'\n`;
+    }
+
+    config.modResults.contents = contents;
+    return config;
+  });
+};
+
+// ─────────────────────────────────────────
+// 3. Info.plist
+//    Tambah: custom URL schemes + deskripsi Bahasa Indonesia
+// ─────────────────────────────────────────
+const withCustomInfoPlist = (config) => {
+  return withInfoPlist(config, (config) => {
+    const plist = config.modResults;
+
+    // Custom URL Schemes
+    // Pastikan CFBundleURLTypes sudah ada, lalu tambahkan scheme custom
+    if (!plist.CFBundleURLTypes) {
+      plist.CFBundleURLTypes = [];
+    }
+
+    const hasHipmiScheme = plist.CFBundleURLTypes.some((entry) =>
+      entry.CFBundleURLSchemes?.includes("hipmimobile"),
+    );
+
+    if (!hasHipmiScheme) {
+      plist.CFBundleURLTypes.push({
+        CFBundleURLSchemes: ["hipmimobile", "com.anonymous.hipmi-mobile"],
+      });
+    }
+
+    // NSLocationWhenInUseUsageDescription — Bahasa Indonesia
+    plist.NSLocationWhenInUseUsageDescription =
+      "Aplikasi membutuhkan akses lokasi untuk menampilkan peta.";
+
+    // NSPhotoLibraryUsageDescription — Bahasa Indonesia (panjang)
+    plist.NSPhotoLibraryUsageDescription =
+      "Untuk mengunggah dokumen dan media bisnis seperti foto profil, logo usaha, poster lowongan, atau bukti transaksi di berbagai fitur aplikasi: Profile, Portofolio, Job Vacancy, Investasi, dan Donasi.";
+
+    plist.NSFaceIDUsageDescription =
+      "Allow $(PRODUCT_NAME) to access your Face ID biometric data.";
+
+    return config;
+  });
+};
+
+// ─────────────────────────────────────────
+// 4. Android Manifest
+//    Tambah: backup rules untuk expo-secure-store
+// ─────────────────────────────────────────
+const withCustomManifest = (config) => {
+  return withAndroidManifest(config, (config) => {
+    const manifest = config.modResults.manifest;
+    const application = manifest.application[0];
+
+    // Tambah atribut backup untuk expo-secure-store
+    application.$["android:fullBackupContent"] =
+      "@xml/secure_store_backup_rules";
+    application.$["android:dataExtractionRules"] =
+      "@xml/secure_store_data_extraction_rules";
+
+    // Tambah tools:replace pada meta-data notification color
+    const metaDataList = application["meta-data"] || [];
+    const notifColorMeta = metaDataList.find(
+      (m) =>
+        m.$["android:name"] ===
+        "com.google.firebase.messaging.default_notification_color",
+    );
+    if (notifColorMeta) {
+      notifColorMeta.$["tools:replace"] = "android:resource";
+    }
+
+    return config;
+  });
+};
+
+// ─────────────────────────────────────────
+// 5. Podfile
+//    Tambah: use_modular_headers!
+// ─────────────────────────────────────────
+
+const withCustomPodfile = (config) => {
+  return withPodfile(config, (config) => {
+    let contents = config.modResults.contents;
+
+    // Tambah use_modular_headers! jika belum ada
+    if (!contents.includes("use_modular_headers!")) {
+      contents = contents.replace(
+        /platform :ios/,
+        `use_modular_headers!\nplatform :ios`,
+      );
+    }
+
+    // Tambah Firebase pods jika belum ada
+    if (!contents.includes("pod 'Firebase/Messaging'")) {
+      contents = contents.replace(
+        /use_react_native_pods\!/,
+        `pod 'Firebase'\n  pod 'Firebase/Messaging'\n\n  use_react_native_pods!`,
+      );
+    }
+
+    // Tambah fix script with-environment.sh jika belum ada
+    // Tambah fix script with-environment.sh jika belum ada
+    if (!contents.includes("with-environment.sh")) {
+      const fixScript = [
+        "post_install do |installer|",
+        "    # Fix all script phases with incorrect paths",
+        "    installer.pods_project.targets.each do |target|",
+        "      target.build_phases.each do |phase|",
+        "        next unless phase.respond_to?(:shell_script)",
+        "        if phase.shell_script.include?('with-environment.sh')",
+        "          phase.shell_script = phase.shell_script.gsub(",
+        "            %r{(/.*?/node_modules/react-native)+/scripts/xcode/with-environment.sh},",
+        "            '${PODS_ROOT}/../../node_modules/react-native/scripts/xcode/with-environment.sh'",
+        "          )",
+        "        end",
+        "      end",
+        "    end",
+      ].join("\n");
+
+      contents = contents.replace(/post_install do \|installer\|/, fixScript);
+    }
+
+    config.modResults.contents = contents;
+    return config;
+  });
+};
+
+// ─────────────────────────────────────────
+// 6. Android XML Files
+//    Tambah: secure_store_backup_rules.xml dan secure_store_data_extraction_rules.xml
+// ─────────────────────────────────────────
+
+const withSecureStoreXml = (config) => {
+  return withDangerousMod(config, [
+    "android",
+    (config) => {
+      const xmlDir = path.join(
+        config.modRequest.platformProjectRoot,
+        "app/src/main/res/xml",
+      );
+
+      // Buat folder jika belum ada
+      if (!fs.existsSync(xmlDir)) {
+        fs.mkdirSync(xmlDir, { recursive: true });
+      }
+
+      // Definisikan path variabel di sini ← INI yang kurang sebelumnya
+      const backupRulesPath = path.join(
+        xmlDir,
+        "secure_store_backup_rules.xml",
+      );
+      const dataExtractionPath = path.join(
+        xmlDir,
+        "secure_store_data_extraction_rules.xml",
+      );
+
+      // secure_store_backup_rules.xml
+      fs.writeFileSync(
+        backupRulesPath,
+        `<?xml version="1.0" encoding="utf-8"?>
+<full-backup-content>
+  <exclude domain="sharedpref" path="SECURESTORE"/>
+</full-backup-content>`,
+      );
+
+      // secure_store_data_extraction_rules.xml
+      fs.writeFileSync(
+        dataExtractionPath,
+        `<?xml version="1.0" encoding="utf-8"?>
+<data-extraction-rules>
+  <cloud-backup>
+    <exclude domain="sharedpref" path="SECURESTORE"/>
+  </cloud-backup>
+  <device-transfer>
+    <exclude domain="sharedpref" path="SECURESTORE"/>
+  </device-transfer>
+</data-extraction-rules>`,
+      );
+
+      return config;
+    },
+  ]);
+};
+
+// ─────────────────────────────────────────
+// EXPORT
+// ─────────────────────────────────────────
+module.exports = (config) => {
+  config = withCustomProjectBuildGradle(config);
+  config = withCustomAppBuildGradle(config);
+  config = withCustomManifest(config);
+  config = withSecureStoreXml(config);
+  config = withCustomInfoPlist(config);
+  config = withCustomPodfile(config);
+  return config;
+};
--- a/screens/Admin/Event/EventDetailQRCode.tsx
+++ b/screens/Admin/Event/EventDetailQRCode.tsx
@@ -33,7 +33,10 @@ export function EventDetailQRCode({
  const deepLinkURL = `${BASE_URL}/event/${id}/confirmation?userId=${userId}`;

  // Toggle antara HTTPS link dan custom scheme
-  const qrValue = useHttpsLink ? httpsLink : deepLinkURL;
+  // const qrValue = useHttpsLink ? httpsLink : deepLinkURL;
+  const qrValue = deepLinkURL;
+
+

  return (
    <BaseBox>
@@ -46,7 +49,7 @@ export function EventDetailQRCode({
        {qrValue}
      </TextCustom>
      <Spacing />
-      <StackCustom direction="row" gap="sm">
+      {/* <StackCustom direction="row" gap="sm">
        <ButtonCustom
          onPress={() => setUseHttpsLink(true)}
          backgroundColor={useHttpsLink ? MainColor.yellow : "transparent"}
@@ -69,13 +72,13 @@ export function EventDetailQRCode({
        >
          Custom Scheme
        </ButtonCustom>
-      </StackCustom>
-      <Spacing />
+      </StackCustom> */}
+      {/* <Spacing />
      <TextCustom color="gray" align="center" size={"small"}>
        {useHttpsLink
          ? "✅ Testing Universal Links/App Links (butuh .well-known config)"
          : "🔧 Testing langsung (tanpa domain verification)"}
-      </TextCustom>
+      </TextCustom> */}
    </BaseBox>
  );
 }
--- a/screens/Admin/Event/ScreenEventDetail.tsx
+++ b/screens/Admin/Event/ScreenEventDetail.tsx
@@ -128,12 +128,13 @@ export function Admin_ScreenEventDetail() {
      );
    }

-    return null;
+    return <Spacing height={100} />;
  }, [status, id]);

  return (
    <>
      <NewWrapper
+        hideFooter
        headerComponent={headerComponent}
        // footerComponent={
        //   <View style={{ paddingInline: 8 }}>
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -1,8 +1,9 @@
-import { NewWrapper } from "@/components";
+import { NewWrapper, PhoneInputCustom, ViewWrapper } from "@/components";
 import ButtonCustom from "@/components/Button/ButtonCustom";
 import ModalReactNative from "@/components/Modal/ModalReactNative";
 import Spacing from "@/components/_ShareComponent/Spacing";
 import { MainColor } from "@/constants/color-palet";
+import { DEFAULT_COUNTRY, type CountryData } from "@/constants/countries";
 import { useAuth } from "@/hooks/use-auth";
 import { apiVersion, BASE_URL } from "@/service/api-config";
 import { GStyles } from "@/styles/global-styles";
@@ -10,16 +11,23 @@ import { openBrowser } from "@/utils/openBrower";
 import versionBadge from "@/utils/viersionBadge";
 import { Redirect } from "expo-router";
 import { useEffect, useState } from "react";
-import { RefreshControl, Text, View } from "react-native";
-import PhoneInput, { ICountry } from "react-native-international-phone-number";
+import {
+  KeyboardAvoidingView,
+  Platform,
+  RefreshControl,
+  Text,
+  View,
+} from "react-native";
+import { parsePhoneNumber } from "libphonenumber-js";
 import Toast from "react-native-toast-message";
 import EULASection from "./EULASection";

 export default function LoginView() {
  const url = BASE_URL;
  const [version, setVersion] = useState<string>("");
-  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
-  const [inputValue, setInputValue] = useState<string>("");
+  const [selectedCountry, setSelectedCountry] =
+    useState<CountryData>(DEFAULT_COUNTRY);
+  const [phoneNumber, setPhoneNumber] = useState<string>("");
  const [loading, setLoading] = useState<boolean>(false);
  const [refreshing, setRefreshing] = useState<boolean>(false);
  const [modalVisible, setModalVisible] = useState(false);
@@ -43,41 +51,43 @@ export default function LoginView() {
  async function handleRefresh() {
    setRefreshing(true);
    await onLoadVersion();
-    setInputValue("");
+    setPhoneNumber("");
+    setSelectedCountry(DEFAULT_COUNTRY);
    setLoading(false);
    setRefreshing(false);
  }

-  function handleInputValue(phoneNumber: string) {
-    setInputValue(phoneNumber);
-  }
-
-  function handleSelectedCountry(country: ICountry) {
-    setSelectedCountry(country);
-  }
-
  async function validateData() {
-    if (inputValue.length === 0) {
+    if (phoneNumber.length === 0) {
      return Toast.show({
        type: "error",
        text1: "Masukan nomor anda",
      });
    }

-    if (selectedCountry === null) {
-      return Toast.show({
-        type: "error",
-        text1: "Pilih negara",
-      });
-    }
-
-    if (inputValue.length < 9) {
+    if (phoneNumber.length < 9) {
      return Toast.show({
        type: "error",
        text1: "Nomor tidak valid",
      });
    }

+    // Validate with libphonenumber-js
+    try {
+      const parsedNumber = parsePhoneNumber(phoneNumber, selectedCountry.code);
+      if (!parsedNumber || !parsedNumber.isValid()) {
+        return Toast.show({
+          type: "error",
+          text1: "Nomor tidak valid",
+        });
+      }
+    } catch (error) {
+      return Toast.show({
+        type: "error",
+        text1: "Format nomor tidak valid",
+      });
+    }
+
    return true;
  }

@@ -85,8 +95,17 @@ export default function LoginView() {
    const isValid = await validateData();
    if (!isValid) return;

-    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
-    let fixNumber = inputValue.replace(/\s+/g, "").replace(/^0+/, "");
+    // Format phone number with country code
+    const callingCode = selectedCountry.callingCode;
+    let fixNumber = phoneNumber.replace(/\s+/g, "").replace(/^0+/, "");
+
+    // Remove country code if already present
+    if (fixNumber.startsWith(callingCode)) {
+      fixNumber = fixNumber.substring(callingCode.length);
+    }
+
+    // Remove leading zero
+    fixNumber = fixNumber.replace(/^0+/, "");

    const realNumber = callingCode + fixNumber;

@@ -128,75 +147,84 @@ export default function LoginView() {
  }

  return (
-    <NewWrapper
-      withBackground
-      refreshControl={
-        <RefreshControl refreshing={refreshing} onRefresh={handleRefresh} />
-      }
+    <KeyboardAvoidingView
+      behavior={Platform.OS === "ios" ? "padding" : "height"}
+      keyboardVerticalOffset={Platform.OS === "ios" ? 100 : 50}
+      style={{ flex: 1 }}
    >
-      <View style={GStyles.authContainer}>
-        <View>
-          <View style={GStyles.authContainerTitle}>
-            <Text style={GStyles.authSubTitle}>WELCOME TO</Text>
-            <Spacing height={5} />
-            <Text style={GStyles.authTitle}>HIPMI BADUNG APPS</Text>
-            <Spacing height={5} />
+      <ViewWrapper
+        withBackground
+        refreshControl={
+          <RefreshControl refreshing={refreshing} onRefresh={handleRefresh} />
+        }
+      >
+        <View style={[GStyles.authContainer, { paddingBottom: 40 }]}>
+          <View>
+            <View style={GStyles.authContainerTitle}>
+              <Text style={GStyles.authSubTitle}>WELCOME TO</Text>
+              <Spacing height={5} />
+              <Text style={GStyles.authTitle}>HIPMI BADUNG APPS</Text>
+              <Spacing height={5} />
+            </View>
+            <Spacing height={50} />
+            {version && (
+              <Text
+                style={{
+                  position: "absolute",
+                  bottom: 35,
+                  right: 50,
+                  fontSize: 10,
+                  fontWeight: "thin",
+                  fontStyle: "italic",
+                  color: MainColor.white_gray,
+                }}
+              >
+                powered by muku.id
+              </Text>
+            )}
          </View>
-          <Spacing height={50} />
-          <Text
-            style={{
-              position: "absolute",
-              bottom: 35,
-              right: 50,
-              fontSize: 10,
-              fontWeight: "thin",
-              fontStyle: "italic",
-              color: MainColor.white_gray,
-            }}
+
+          <Spacing height={20} />
+
+          <PhoneInputCustom
+            value={phoneNumber}
+            onChangePhoneNumber={setPhoneNumber}
+            selectedCountry={selectedCountry}
+            onChangeCountry={setSelectedCountry}
+            placeholder="Masukkan nomor"
+          />
+
+          <Spacing />
+
+          <ButtonCustom
+            onPress={handleLogin}
+            disabled={loadingTerm}
+            isLoading={loading || loadingTerm}
          >
-            {version} | powered by muku.id
+            Login
+          </ButtonCustom>
+          <Spacing height={50} />
+
+          <Text
+            style={{ ...GStyles.textLabel, textAlign: "center", fontSize: 12 }}
+          >
+            Dengan menggunakan aplikasi ini, Anda telah menyetujui{" "}
+            <Text
+              style={{
+                color: MainColor.yellow,
+                textDecorationLine: "underline",
+              }}
+              onPress={() => {
+                const toUrl = `${url}/terms-of-service.html`;
+                openBrowser(toUrl);
+              }}
+            >
+              Syarat & Ketentuan
+            </Text>{" "}
+            dan seluruh kebijakan privasi yang berlaku.
          </Text>
        </View>
-
-        <PhoneInput
-          value={inputValue}
-          onChangePhoneNumber={handleInputValue}
-          selectedCountry={selectedCountry}
-          onChangeSelectedCountry={handleSelectedCountry}
-          defaultCountry="ID"
-          placeholder="Masukkan nomor"
-        />
-
-        <Spacing />
-
-        <ButtonCustom
-          onPress={handleLogin}
-          disabled={loadingTerm}
-          isLoading={loading || loadingTerm}
-        >
-          Login
-        </ButtonCustom>
-        <Spacing height={50} />
-
-        <Text
-          style={{ ...GStyles.textLabel, textAlign: "center", fontSize: 12 }}
-        >
-          Dengan menggunakan aplikasi ini, Anda telah menyetujui{" "}
-          <Text
-            style={{
-              color: MainColor.yellow,
-              textDecorationLine: "underline",
-            }}
-            onPress={() => {
-              const toUrl = `${url}/terms-of-service.html`;
-              openBrowser(toUrl);
-            }}
-          >
-            Syarat & Ketentuan
-          </Text>{" "}
-          dan seluruh kebijakan privasi yang berlaku.
-        </Text>
-      </View>
+      </ViewWrapper>

      <ModalReactNative isVisible={modalVisible}>
        <EULASection
@@ -205,6 +233,6 @@ export default function LoginView() {
          setLoadingTerm={setLoadingTerm}
        />
      </ModalReactNative>
-    </NewWrapper>
+    </KeyboardAvoidingView>
  );
 }
--- a/screens/Forum/ViewBeranda3.tsx
+++ b/screens/Forum/ViewBeranda3.tsx
@@ -18,7 +18,7 @@ import _ from "lodash";
 import { useEffect, useState } from "react";
 import { RefreshControl, TouchableOpacity, View } from "react-native";

-const PAGE_SIZE = 5;
+const PAGE_SIZE = 10;

 export default function Forum_ViewBeranda3() {
  const { user } = useAuth();
--- a/screens/Home/bottomFeatureSection.tsx
+++ b/screens/Home/bottomFeatureSection.tsx
@@ -1,15 +1,17 @@
-import { ClickableCustom, TextCustom } from "@/components";
+import { CenterCustom, ClickableCustom, TextCustom } from "@/components";
 import Spacing from "@/components/_ShareComponent/Spacing";
 import { router } from "expo-router";
 import { View } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
 import { stylesHome } from "./homeViewStyle";
+import _ from "lodash";

 export default function Home_BottomFeatureSection({
  listData,
 }: {
  listData: any[] | null;
 }) {
+  console.log("listData", JSON.stringify(listData, null, 2));
  return (
    <>
      <ClickableCustom onPress={() => router.push("/job")}>
@@ -24,17 +26,23 @@ export default function Home_BottomFeatureSection({

          <View style={stylesHome.vacancyList}>
            {/* Vacancy Item 1 */}
-            {listData?.map((item: any, index: number) => (
-              <View style={stylesHome.vacancyItem} key={index}>
-                <View style={stylesHome.vacancyDetails}>
-                  <TextCustom bold color="yellow" truncate size="large">
-                    {item.title}
-                  </TextCustom>
-                  <Spacing height={5} />
-                  <TextCustom truncate={2}>{item.deskripsi}</TextCustom>
+            {_.isEmpty(listData) ? (
+              <CenterCustom style={{ paddingBlock: 50 }}>
+                <TextCustom color="gray">Lowongan pekerjaan belum tersedia</TextCustom>
+              </CenterCustom>
+            ) : (
+              listData?.map((item: any, index: number) => (
+                <View style={stylesHome.vacancyItem} key={index}>
+                  <View style={stylesHome.vacancyDetails}>
+                    <TextCustom bold color="yellow" truncate size="large">
+                      {item.title}
+                    </TextCustom>
+                    <Spacing height={5} />
+                    <TextCustom truncate={2}>{item.deskripsi}</TextCustom>
+                  </View>
                </View>
-              </View>
-            ))}
+              ))
+            )}
          </View>
        </View>
      </ClickableCustom>
--- a/screens/Home/homeViewStyle.tsx
+++ b/screens/Home/homeViewStyle.tsx
@@ -94,7 +94,7 @@ export const stylesHome = StyleSheet.create({
  jobVacancyHeader: {
    flexDirection: "row",
    alignItems: "center",
-    marginBottom: 16,
+    marginBottom: 20,
  },
  jobVacancyTitle: {
    fontSize: 18,
--- a/screens/Home/imageSection.tsx
+++ b/screens/Home/imageSection.tsx
@@ -17,7 +17,7 @@ export default function Home_ImageSection() {
        transition={1000}
        style={{
          width: "100%",
-          height: 120,
+          height: 150,
          borderRadius: 10,
        }}
      />
--- a/screens/Home/tabSection.tsx
+++ b/screens/Home/tabSection.tsx
@@ -5,7 +5,6 @@ import { router } from "expo-router";
 import React from "react";
 import { Text, TouchableOpacity, View } from "react-native";

-
 const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
  <TouchableOpacity
    style={[GStyles.tabItem, isActive && GStyles.activeTab]}
@@ -17,7 +16,7 @@ const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
    >
      <Ionicons
        name={icon as any}
-        size={20}
+        size={18}
        color={isActive ? "#fff" : "#666"}
      />
    </View>
@@ -30,8 +29,8 @@ const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
 export default function TabSection({ tabs }: { tabs: ITabs[] }) {
  return (
    <>
-      <View style={GStyles.tabBar}>
-        <View style={GStyles.tabContainer}>
+      <View style={GStyles.tabBar} pointerEvents="box-none">
+        <View style={GStyles.tabContainer} pointerEvents="box-none">
          {tabs.map((e) => (
            <CustomTab
              key={e.id}
--- a/screens/Portofolio/ScreenPortofolioCreate.tsx
+++ b/screens/Portofolio/ScreenPortofolioCreate.tsx
@@ -5,6 +5,7 @@ import {
  CenterCustom,
  InformationBox,
  NewWrapper,
+  PhoneInputCustom,
  SelectCustom,
  Spacing,
  StackCustom,
@@ -15,6 +16,7 @@ import {
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_XLARGE } from "@/constants/constans-value";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { DEFAULT_COUNTRY, type CountryData } from "@/constants/countries";
 import Portofolio_ButtonCreate from "@/screens/Portofolio/ButtonCreatePortofolio";
 import {
  apiMasterBidangBisnis,
@@ -30,13 +32,12 @@ import { useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import { useCallback, useState } from "react";
 import { Text, View } from "react-native";
-import PhoneInput, { ICountry } from "react-native-international-phone-number";
 import { Avatar } from "react-native-paper";

-export function Admin_ScreenPortofolioCreate() {
+export function ScreenPortofolioCreate() {
  const { id } = useLocalSearchParams();
-  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
-  const [inputValue, setInputValue] = useState<string>("");
+  const [selectedCountry, setSelectedCountry] = useState<CountryData>(DEFAULT_COUNTRY);
+  const [phoneNumber, setPhoneNumber] = useState<string>("");
  const [data, setData] = useState({
    namaBisnis: "",
    masterBidangBisnisId: "",
@@ -72,7 +73,7 @@ export function Admin_ScreenPortofolioCreate() {
    useCallback(() => {
      onLoadMaster();
      onLoadMasterSubBidangBisnis();
-    }, [])
+    }, []),
  );

  const onLoadMaster = async () => {
@@ -97,21 +98,47 @@ export function Admin_ScreenPortofolioCreate() {

  const handlerSelectedSubBidang = ({ id }: { id: string }) => {
    const selectedList = subBidangBisnis?.filter(
-      (item) => (item?.masterBidangBisnisId as any) === id
+      (item) => (item?.masterBidangBisnisId as any) === id,
    );
    setSelectedSubBidang(selectedList as any[]);
  };

-  const handleInputValue = (phoneNumber: string) => {
-    setInputValue(phoneNumber);
-    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
-    let fixNumber = inputValue.replace(/\s+/g, "").replace(/^0+/, "");
+  const handlePhoneChange = (phone: string) => {
+    setPhoneNumber(phone);
+    
+    // Format phone number for API
+    const callingCode = selectedCountry.callingCode;
+    let fixNumber = phone.replace(/\s+/g, "").replace(/^0+/, "");
+    
+    // Remove country code if already present
+    if (fixNumber.startsWith(callingCode)) {
+      fixNumber = fixNumber.substring(callingCode.length);
+    }
+    
+    // Remove leading zero
+    fixNumber = fixNumber.replace(/^0+/, "");
+    
    const realNumber = callingCode + fixNumber;
    setData({ ...data, tlpn: realNumber });
  };

-  const handleSelectedCountry = (country: ICountry) => {
+  const handleCountryChange = (country: CountryData) => {
    setSelectedCountry(country);
+    
+    // Re-format with new country code
+    const callingCode = country.callingCode;
+    let fixNumber = phoneNumber.replace(/\s+/g, "").replace(/^0+/, "");
+    
+    // Remove country code if already present
+    if (fixNumber.startsWith(callingCode)) {
+      fixNumber = fixNumber.substring(callingCode.length);
+    }
+    
+    // Remove leading zero
+    fixNumber = fixNumber.replace(/^0+/, "");
+    
+    const realNumber = callingCode + fixNumber;
+    setData({ ...data, tlpn: realNumber });
  };

  return (
@@ -168,8 +195,7 @@ export function Admin_ScreenPortofolioCreate() {
              .filter((option: any) => {
                const selectedValues = listSubBidangSelected.map((s) => s.id);
                return (
-                  option.id === item.id ||
-                  !selectedValues.includes(option.id)
+                  option.id === item.id || !selectedValues.includes(option.id)
                );
              })
              .map((e: any) => ({
@@ -188,7 +214,9 @@ export function Admin_ScreenPortofolioCreate() {
        <CenterCustom>
          <View style={{ flexDirection: "row", alignItems: "center", gap: 10 }}>
            <ActionIcon
-              disabled={selectedSubBidang.length === listSubBidangSelected.length}
+              disabled={
+                selectedSubBidang.length === listSubBidangSelected.length
+              }
              onPress={() => {
                setListSubBidangSelected([
                  ...listSubBidangSelected,
@@ -233,12 +261,11 @@ export function Admin_ScreenPortofolioCreate() {
            <Text style={{ color: "red" }}> *</Text>
          </View>
          <Spacing height={5} />
-          <PhoneInput
-            value={inputValue}
-            onChangePhoneNumber={handleInputValue}
+          <PhoneInputCustom
+            value={phoneNumber}
+            onChangePhoneNumber={handlePhoneChange}
            selectedCountry={selectedCountry}
-            onChangeSelectedCountry={handleSelectedCountry}
-            defaultCountry="ID"
+            onChangeCountry={handleCountryChange}
            placeholder="xxx-xxx-xxx"
          />
        </View>
--- a/screens/UserSeach/MainView_V2.tsx
+++ b/screens/UserSeach/MainView_V2.tsx
@@ -12,6 +12,7 @@ import {
  ICON_SIZE_SMALL,
  PAGINATION_DEFAULT_TAKE,
 } from "@/constants/constans-value";
+import { createPaginationComponents } from "@/helpers/paginationHelpers";
 import { usePagination } from "@/hooks/use-pagination";
 import { apiAllUser } from "@/service/api-client/api-user";
 import { Ionicons } from "@expo/vector-icons";
@@ -19,21 +20,89 @@ import { router, useFocusEffect } from "expo-router";
 import _ from "lodash";
 import { useCallback, useRef, useState } from "react";
 import { RefreshControl, View } from "react-native";
-import { createPaginationComponents } from "@/helpers/paginationHelpers";
+
+const PAGE_SIZE = PAGINATION_DEFAULT_TAKE;
+
+/**
+ * Render header dengan search input
+ */
+const renderHeader = (search: string, setSearch: (text: string) => void) => (
+  <TextInputCustom
+    value={search}
+    onChangeText={setSearch}
+    iconLeft={
+      <Ionicons
+        name="search"
+        size={ICON_SIZE_SMALL}
+        color={MainColor.placeholder}
+      />
+    }
+    placeholder="Cari Pengguna"
+    borderRadius={50}
+    containerStyle={{ marginBottom: 0 }}
+  />
+);
+
+/**
+ * Render item user
+ */
+const renderItem = ({ item }: { item: any }) => (
+  <View
+    style={{
+      backgroundColor: MainColor.soft_darkblue,
+      borderRadius: 8,
+      padding: 12,
+      marginBottom: 10,
+      elevation: 2,
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.2,
+      shadowRadius: 2,
+    }}
+  >
+    <ClickableCustom
+      onPress={() => {
+        router.push(`/profile/${item?.Profile?.id}`);
+      }}
+    >
+      <Grid>
+        <Grid.Col span={2}>
+          <AvatarComp fileId={item?.Profile?.imageId} size="base" />
+        </Grid.Col>
+        <Grid.Col span={9}>
+          <StackCustom gap={"sm"}>
+            <TextCustom size="large">{item?.username}</TextCustom>
+            <TextCustom size="small">+{item?.nomor}</TextCustom>
+            {item?.Profile?.businessField && (
+              <TextCustom size="small">
+                {item?.Profile?.businessField}
+              </TextCustom>
+            )}
+          </StackCustom>
+        </Grid.Col>
+        <Grid.Col
+          span={1}
+          style={{
+            justifyContent: "center",
+            alignItems: "flex-end",
+          }}
+        >
+          <Ionicons
+            name="chevron-forward"
+            size={ICON_SIZE_SMALL}
+            color={MainColor.placeholder}
+          />
+        </Grid.Col>
+      </Grid>
+    </ClickableCustom>
+  </View>
+);

 export default function UserSearchMainView_V2() {
  const isInitialMount = useRef(true);
  const [search, setSearch] = useState("");

-  const {
-    listData,
-    loading,
-    refreshing,
-    hasMore,
-    onRefresh,
-    loadMore,
-    isInitialLoad,
-  } = usePagination({
+  const pagination = usePagination({
    fetchFunction: async (page, searchQuery) => {
      const response = await apiAllUser({
        page: String(page),
@@ -41,127 +110,50 @@ export default function UserSearchMainView_V2() {
      });
      return response;
    },
-    pageSize: PAGINATION_DEFAULT_TAKE,
+    pageSize: PAGE_SIZE,
    searchQuery: search,
  });

  // 🔁 Refresh otomatis saat kembali ke halaman ini
-  useFocusEffect(
-    useCallback(() => {
-      if (isInitialMount.current) {
-        // Skip saat pertama kali mount
-        isInitialMount.current = false;
-        return;
-      }
-      // Hanya refresh saat kembali dari screen lain
-      onRefresh();
-    }, [onRefresh]),
-  );
-
-  const renderHeader = () => (
-    <>
-      <TextInputCustom
-        value={search}
-        onChangeText={setSearch}
-        iconLeft={
-          <Ionicons
-            name="search"
-            size={ICON_SIZE_SMALL}
-            color={MainColor.placeholder}
-          />
-        }
-        placeholder="Cari Pengguna"
-        borderRadius={50}
-        containerStyle={{ marginBottom: 0 }}
-      />
-    </>
-  );
-
-  const renderItem = ({ item }: { item: any }) => (
-    <View
-      style={{
-        backgroundColor: MainColor.soft_darkblue,
-        borderRadius: 8,
-        padding: 12,
-        marginBottom: 10,
-        elevation: 2,
-        shadowColor: "#000",
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.2,
-        shadowRadius: 2,
-        // height: 100
-      }}
-    >
-      <ClickableCustom
-        onPress={() => {
-          console.log("Ke Profile");
-          router.push(`/profile/${item?.Profile?.id}`);
-        }}
-      >
-        <Grid>
-          <Grid.Col span={2}>
-            <AvatarComp fileId={item?.Profile?.imageId} size="base" />
-          </Grid.Col>
-          <Grid.Col span={9}>
-            <StackCustom gap={"sm"}>
-              <TextCustom size="large">{item?.username}</TextCustom>
-              <TextCustom size="small">+{item?.nomor}</TextCustom>
-              {item?.Profile?.businessField && (
-                <TextCustom size="small">
-                  {item?.Profile?.businessField}
-                </TextCustom>
-              )}
-            </StackCustom>
-          </Grid.Col>
-          <Grid.Col
-            span={1}
-            style={{
-              justifyContent: "center",
-              alignItems: "flex-end",
-            }}
-          >
-            <Ionicons
-              name="chevron-forward"
-              size={ICON_SIZE_SMALL}
-              color={MainColor.placeholder}
-            />
-          </Grid.Col>
-        </Grid>
-      </ClickableCustom>
-    </View>
-  );
+  // useFocusEffect(
+  //   useCallback(() => {
+  //     if (isInitialMount.current) {
+  //       isInitialMount.current = false;
+  //       return;
+  //     }
+  //     pagination.onRefresh();
+  //   }, [pagination.onRefresh]),
+  // );

  const { ListEmptyComponent, ListFooterComponent } =
    createPaginationComponents({
-      loading,
-      refreshing,
-      listData,
+      loading: pagination.loading,
+      refreshing: pagination.refreshing,
+      listData: pagination.listData,
      searchQuery: search,
      emptyMessage: "Tidak ada pengguna ditemukan",
      emptySearchMessage: "Tidak ada hasil pencarian",
      skeletonCount: PAGINATION_DEFAULT_TAKE,
      skeletonHeight: 100,
      loadingFooterText: "Memuat lebih banyak pengguna...",
-      isInitialLoad,
+      isInitialLoad: pagination.isInitialLoad,
    });

  return (
-    <>
-      <NewWrapper
-        headerComponent={renderHeader()}
-        listData={listData}
-        renderItem={renderItem}
-        onEndReached={loadMore}
-        refreshControl={
-          <RefreshControl
-            progressBackgroundColor={MainColor.yellow}
-            refreshing={refreshing}
-            onRefresh={onRefresh}
-          />
-        }
-        ListFooterComponent={ListFooterComponent}
-        ListEmptyComponent={ListEmptyComponent}
-      />
-    </>
+    <NewWrapper
+      headerComponent={renderHeader(search, setSearch)}
+      listData={pagination.listData}
+      renderItem={renderItem}
+      onEndReached={pagination.loadMore}
+      refreshControl={
+        <RefreshControl
+          progressBackgroundColor={MainColor.yellow}
+          refreshing={pagination.refreshing}
+          onRefresh={pagination.onRefresh}
+        />
+      }
+      ListFooterComponent={ListFooterComponent}
+      ListEmptyComponent={ListEmptyComponent}
+    />
  );
 }
--- a/service/api-client/api-user.ts
+++ b/service/api-client/api-user.ts
@@ -6,13 +6,13 @@ export async function apiUser(id: string) {
 }

 export async function apiAllUser({
-  page,
+  page = "1",
  search,
 }: {
  page?: string;
  search?: string;
 }) {
-  const pageQuery = page ? `?page=${page}` : "";
+  const pageQuery = `?page=${page}`;
  const searchQuery = search ? `&search=${search}` : "";

  try {
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -159,7 +159,7 @@ export const GStyles = StyleSheet.create({
    transform: [{ scale: 1.05 }],
  },
  iconContainer: {
-    padding: 8,
+    padding: 5,
    borderRadius: 20,
    // marginBottom: 4,
  },
@@ -207,7 +207,7 @@ export const GStyles = StyleSheet.create({
    elevation: 8, // untuk Android
  },
  bottomBarContainer: {
-    paddingHorizontal: 15,
+    paddingHorizontal: 25,
    paddingVertical: 10,
  },
  // =============== BOTTOM BAR =============== //
--- a/styles/tabs-styles.ts
+++ b/styles/tabs-styles.ts
@@ -11,7 +11,7 @@ export const TabsStyles: BottomTabNavigationOptions = {
  tabBarStyle: Platform.select({
    ios: {
      borderTopWidth: 0,
-      paddingTop: 5,
+      paddingTop: 12,
      height: OS_IOS_HEIGHT,
    },
    android: {
@@ -19,7 +19,6 @@ export const TabsStyles: BottomTabNavigationOptions = {
      paddingTop: 5,
      height: OS_ANDROID_HEIGHT,
    },
-    default: {},
  }),
  tabBarBackground: TabBarBackground,
 };
Author	SHA1	Message	Date
bagasbanuna	81bbd8e6b0	Clean project and release with new domain: hipmi.muku.id ### No issue	2026-03-31 17:07:27 +08:00
bagasbanuna	57159d2c45	update app config domain ### No Issue	2026-03-31 14:29:19 +08:00
bagasbanuna	66373fa65b	Clean code Update android domain ### No Issue	2026-03-31 14:28:43 +08:00
bagasbanuna	6d545f2af9	Fix change yang tertinggal	2026-03-30 17:39:53 +08:00
bagasbanuna	eeb95336f2	Fix version & tabs android ### No Issue	2026-03-30 17:38:31 +08:00
bagasbanuna	6fb3b229c3	Fix andorid	2026-03-27 17:59:13 +08:00
bagasbanuna	76deec9c53	Fix tabs agar bisa di klik ### Issue: Di android batas atas kurang turun	2026-03-26 17:37:31 +08:00
bagasbanuna	31948f71db	Fix: NewWrapper footer position dengan SafeAreaView Problem: - Footer component tertutup atau scroll melebihi layar - Tabs tidak bisa diklik karena footer floating - Height OS_HEIGHT tidak konsisten di berbagai device Solution: ✅ Footer menggunakan position: absolute untuk stay di bawah ✅ Konten ScrollView/FlatList mendapat paddingBottom: OS_HEIGHT ✅ SafeAreaView hanya untuk area aman, bukan height control ✅ Footer tetap visible di semua ukuran layar Changes: - Add styles.footerContainer dengan position: absolute - Add paddingBottom ke contentContainerStyle (ScrollView & FlatList) - Remove height: OS_HEIGHT dari SafeAreaView - Footer stay di bottom dengan proper safe area handling Result: - Footer selalu terlihat di bawah layar - Konten tidak tertutup footer (ada padding) - Tabs bisa diklik dengan baik - Konsisten di iOS & Android - Respect safe area insets Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-26 12:28:07 +08:00
bagasbanuna	16decd89c8	Refactor: apply PhoneInputCustom to PortofolioEdit Changes: - Replace react-native-international-phone-number with PhoneInputCustom - Remove ICountry dependency, use CountryData from constants - Add phone number state management - Implement country detection from existing phone number - Auto-detect country based on calling code on load - Improve phone number formatting logic Features Applied: ✅ NO emoji flags - only calling codes (+62, +65, etc) ✅ Clean, professional UI ✅ Modal country picker with search ✅ Auto-detect country from saved phone number ✅ Real-time phone number formatting ✅ Auto-update country code on change ✅ Consistent with LoginView & ScreenPortofolioCreate Phone Detection Logic: - Load existing phone number from API - Detect country by matching calling code - Extract phone number without country code for display - Set detected country for country picker - Re-format on country change UI: - Phone Input: [+62 ⌄ \| xxx-xxx-xxx] - Country Picker: Modal with search - Display: Country name + calling code only Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-26 12:17:05 +08:00
bagasbanuna	ecbcc12abf	Refactor: apply PhoneInputCustom to ScreenPortofolioCreate Changes: - Replace react-native-international-phone-number with PhoneInputCustom - Remove ICountry dependency, use CountryData from constants - Update state management (inputValue → phoneNumber) - Improve phone number formatting logic - Add handleCountryChange for better country switching Features Applied: ✅ NO emoji flags - only calling codes (+62, +65, etc) ✅ Clean, professional UI ✅ Modal country picker with search ✅ Real-time phone number formatting ✅ Auto-update country code on change ✅ Consistent with LoginView implementation Phone Input Logic: - Format on every phone change - Re-format when country changes - Remove duplicate country codes - Remove leading zeros - Store E.164 format in API data UI: - Phone Input: [+62 ⌄ \| xxx-xxx-xxx] - Country Picker: Modal with search - Display: Country name + calling code only Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-26 11:42:54 +08:00
bagasbanuna	0cb734e790	Refactor: apply PhoneInputCustom to LoginView Changes: - Replace react-native-international-phone-number with PhoneInputCustom - Remove dependency on ICountry, use CountryData from constants - Add KeyboardAvoidingView for better iOS keyboard handling - Improve validation with libphonenumber-js - Add proper phone number formatting - Update state management (inputValue → phoneNumber) Features Applied: ✅ NO emoji flags - only calling codes (+62, +65, etc) ✅ Clean, professional UI ✅ Modal country picker with search ✅ Better keyboard handling on iOS ✅ Real-time validation with libphonenumber-js ✅ Auto-formatting for international numbers ✅ Reusable component UI: - Phone Input: [+62 ⌄ \| 812-3456-7890] - Country Picker: Modal with search - Display: Country name + calling code only Validation: - Check phone number length - Validate with libphonenumber-js - Format to E.164 on login - Error handling with Toast Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-26 11:33:18 +08:00
bagasbanuna	0d2fef1878	Feat: add reusable PhoneInput component without flags New Components: - PhoneInputCustom: Reusable phone input without emoji flags - constants/countries.ts: Country data with calling codes only Features: ✅ NO emoji flags - only country name + calling code (+62, +65, etc) ✅ Clean, professional UI ✅ Modal country picker with search ✅ 15 countries supported ✅ Helper functions: getCountryByCallingCode, getCountryByCode, searchCountries ✅ Fully typed with TypeScript ✅ Reusable across the app ✅ Maximum compatibility (no emoji rendering issues) UI Design: - Phone Input: [+62 ⌄ \| 812-3456-7890] - Country Picker: Modal with search - Display: Country name + calling code only Usage: import { PhoneInputCustom } from '@/components'; import { DEFAULT_COUNTRY } from '@/constants/countries'; <PhoneInputCustom value={phoneNumber} onChangePhoneNumber={setPhoneNumber} selectedCountry={selectedCountry} onChangeCountry={setSelectedCountry} /> Benefits: ✅ Works on ALL iOS versions (no emoji issues) ✅ Consistent across all platforms ✅ Faster render (no emoji/image loading) ✅ Cleaner code structure ✅ Easy to maintain Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-26 11:27:59 +08:00
bagasbanuna	2e58f8c7b4	Docs: add task breakdown untuk fix phone input iOS 16+ - Add TASKS/fix-phone-input-ios-16.md dengan analisis lengkap - 3 opsi solusi: KeyboardAvoidingView, Keyboard Controller, Custom Input - Detailed implementation guidelines - Testing checklist untuk iOS 16, 17, 18 Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-25 16:39:48 +08:00
bagasbanuna	b6cd308b0b	Refactor pagination implementation dan perbaikan UI - Add default page parameter di apiAllUser - Refactor MainView_V2.tsx dengan separate render functions - Update pagination pageSize menjadi 10 di Forum - Fix iOS height constant dan tab styling - Rename Admin_ScreenPortofolioCreate ke ScreenPortofolioCreate - Add TASKS documentation folder Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>	2026-03-25 16:22:54 +08:00