chore: Update layout headers and iOS build config

- Update waiting-room header to use AppHeader component
- Update profile create header with 'Buat Profil' title
- Update iOS Xcode project with MapLibre signature workaround
- Add iOS workspace Package.resolved

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

app/(application)/(user)/_layout.tsx

@@ -21,8 +21,9 @@ export default function UserLayout() {
         <Stack.Screen
           name="waiting-room"
           options={{
-            title: "Waiting Room",
-            headerBackVisible: false,
+            // title: "Waiting Room",
+            // headerBackVisible: false,
+            header: () => <AppHeader title="Waiting Room" showBack={false} />,
           }}
         />
 

app/(application)/(user)/profile/[id]/blocked-list.tsx

@@ -9,7 +9,7 @@ import {
 import ListEmptyComponent from "@/components/_ShareComponent/ListEmptyComponent";
 import ListLoaderFooterComponent from "@/components/_ShareComponent/ListLoaderFooterComponent";
 import ListSkeletonComponent from "@/components/_ShareComponent/ListSkeletonComponent";
-import NewWrapper from "@/components/_ShareComponent/NewWrapper";
+import { NewWrapper_V2 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { useAuth } from "@/hooks/use-auth";
 import { usePaginatedApi } from "@/hooks/use-paginated-api";
@@ -120,7 +120,7 @@ export default function ProfileBlockedList() {
 
   return (
     <>
-      <NewWrapper
+      <NewWrapper_V2
         // headerComponent={renderHeader()}
         listData={listData}
         renderItem={renderItem}

app/(application)/(user)/profile/[id]/detail-blocked.tsx

@@ -5,7 +5,7 @@ import {
   BoxButtonOnFooter,
   BoxWithHeaderSection,
   ButtonCustom,
-  NewWrapper,
+  NewWrapper_V2,
   StackCustom,
   TextCustom,
 } from "@/components";
@@ -46,7 +46,9 @@ export default function ProfileDetailBlocked() {
 
   return (
     <>
-      <NewWrapper
+      <NewWrapper_V2
+        enableKeyboardHandling
+        keyboardScrollOffset={100}
         footerComponent={
           <BoxButtonOnFooter>
             <ButtonCustom
@@ -86,7 +88,7 @@ export default function ProfileDetailBlocked() {
             </TextCustom>
           </StackCustom>
         </BoxWithHeaderSection>
-      </NewWrapper>
+      </NewWrapper_V2>
     </>
   );
 }

app/(application)/(user)/profile/[id]/edit.tsx

@@ -1,15 +1,16 @@
 import {
   ButtonCustom,
+  NewWrapper_V2,
   SelectCustom,
   StackCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import { apiProfile, apiUpdateProfile } from "@/service/api-client/api-profile";
 import { IProfile } from "@/types/Type-Profile";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
+import { View } from "react-native";
 import Toast from "react-native-toast-message";
 
 export default function ProfileEdit() {
@@ -70,7 +71,9 @@ export default function ProfileEdit() {
   };
 
   return (
-    <ViewWrapper
+    <NewWrapper_V2
+      enableKeyboardHandling
+      keyboardScrollOffset={100}
       footerComponent={
         <BoxButtonOnFooter>
           <ButtonCustom isLoading={isLoading} onPress={handleUpdate}>
@@ -80,45 +83,53 @@ export default function ProfileEdit() {
       }
     >
       <StackCustom gap={"xs"}>
-        <TextInputCustom
-          label="Nama"
-          placeholder="Nama"
-          value={data?.name}
-          onChangeText={(text) => {
-            setData({ ...data, name: text });
-          }}
-          required
-        />
-        <TextInputCustom
-          keyboardType="email-address"
-          label="Email"
-          placeholder="Email"
-          value={data?.email}
-          onChangeText={(text) => {
-            setData({ ...data, email: text });
-          }}
-          required
-        />
-        <TextInputCustom
-          label="Alamat"
-          placeholder="Alamat"
-          value={data?.alamat}
-          onChangeText={(text) => {
-            setData({ ...data, alamat: text });
-          }}
-          required
-        />
-        <SelectCustom
-          required
-          label="Jenis Kelamin"
-          placeholder="Pilih jenis kelamin"
-          data={options}
-          value={data?.jenisKelamin}
-          onChange={(value) => {
-            setData({ ...(data as any), jenisKelamin: value });
-          }}
-        />
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            label="Nama"
+            placeholder="Nama"
+            value={data?.name}
+            onChangeText={(text) => {
+              setData({ ...data, name: text });
+            }}
+            required
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            keyboardType="email-address"
+            label="Email"
+            placeholder="Email"
+            value={data?.email}
+            onChangeText={(text) => {
+              setData({ ...data, email: text });
+            }}
+            required
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            label="Alamat"
+            placeholder="Alamat"
+            value={data?.alamat}
+            onChangeText={(text) => {
+              setData({ ...data, alamat: text });
+            }}
+            required
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <SelectCustom
+            required
+            label="Jenis Kelamin"
+            placeholder="Pilih jenis kelamin"
+            data={options}
+            value={data?.jenisKelamin}
+            onChange={(value) => {
+              setData({ ...(data as any), jenisKelamin: value });
+            }}
+          />
+        </View>
       </StackCustom>
-    </ViewWrapper>
+    </NewWrapper_V2>
   );
 }

app/(application)/(user)/profile/[id]/index.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import { NewWrapper, StackCustom } from "@/components";
+import { NewWrapper_V2, StackCustom } from "@/components";
 import AppHeader from "@/components/_ShareComponent/AppHeader";
 import CustomSkeleton from "@/components/_ShareComponent/SkeletonCustom";
 import LeftButtonCustom from "@/components/Button/BackButton";
@@ -119,7 +119,7 @@ export default function Profile() {
         }}
       />
       {/* Main View */}
-      <NewWrapper
+      <NewWrapper_V2
         refreshControl={
           <RefreshControl
             refreshing={refreshing}
@@ -144,7 +144,7 @@ export default function Profile() {
             />
           </>
         )}
-      </NewWrapper>
+      </NewWrapper_V2>
 
       {/* Drawer Komponen Eksternal */}
       <DrawerCustom

app/(application)/(user)/profile/[id]/update-background.tsx

@@ -1,10 +1,10 @@
 import {
-    BaseBox,
-    BoxButtonOnFooter,
-    ButtonCenteredOnly,
-    ButtonCustom,
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  NewWrapper_V2,
 } from "@/components";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import API_STRORAGE from "@/constants/base-url-api-strorage";
 import DIRECTORY_ID from "@/constants/directory-id";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
@@ -127,7 +127,10 @@ export default function UpdateBackgroundProfile() {
   );
 
   return (
-    <ViewWrapper footerComponent={buttonFooter}>
+    <NewWrapper_V2
+      contentPaddingHorizontal={16}
+      footerComponent={buttonFooter}
+    >
       <BaseBox
         style={{ alignItems: "center", justifyContent: "center", height: 250 }}
       >
@@ -144,6 +147,6 @@ export default function UpdateBackgroundProfile() {
       >
         Update
       </ButtonCenteredOnly>
-    </ViewWrapper>
+    </NewWrapper_V2>
   );
 }

app/(application)/(user)/profile/[id]/update-photo.tsx

@@ -3,8 +3,8 @@ import {
   BoxButtonOnFooter,
   ButtonCenteredOnly,
   ButtonCustom,
+  NewWrapper_V2,
 } from "@/components";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import API_STRORAGE from "@/constants/base-url-api-strorage";
 import DIRECTORY_ID from "@/constants/directory-id";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
@@ -125,7 +125,10 @@ export default function UpdatePhotoProfile() {
   );
 
   return (
-    <ViewWrapper footerComponent={buttonFooter}>
+    <NewWrapper_V2
+      contentPaddingHorizontal={16}
+      footerComponent={buttonFooter}
+    >
       <BaseBox
         style={{ alignItems: "center", justifyContent: "center", height: 250 }}
       >
@@ -143,6 +146,6 @@ export default function UpdatePhotoProfile() {
       >
         Upload
       </ButtonCenteredOnly>
-    </ViewWrapper>
+    </NewWrapper_V2>
   );
 }

app/(application)/(user)/profile/_layout.tsx

@@ -23,7 +23,7 @@ export default function ProfileLayout() {
         />
         <Stack.Screen
           name="create"
-          options={{ headerBackVisible: false }}
+          options={{ header: () => <AppHeader title="Buat Profil" showBack={false} /> }}
         />
 
         <Stack.Screen

app/(application)/(user)/profile/create.tsx

@@ -2,11 +2,11 @@ import {
     BaseBox,
     ButtonCenteredOnly,
     ButtonCustom,
+    NewWrapper_V2,
     SelectCustom,
     Spacing,
     StackCustom,
     TextInputCustom,
-    ViewWrapper,
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
@@ -155,7 +155,11 @@ export default function CreateProfile() {
   );
 
   return (
-    <ViewWrapper footerComponent={footerComponent}>
+    <NewWrapper_V2
+      enableKeyboardHandling
+      keyboardScrollOffset={100}
+      footerComponent={footerComponent}
+    >
       <StackCustom>
         <InformationBox text="Upload foto profile anda." />
         <View style={{ alignItems: "center" }}>
@@ -204,43 +208,51 @@ export default function CreateProfile() {
         </View>
 
         <Spacing />
-        <TextInputCustom
-          required
-          label="Nama"
-          placeholder="Masukkan nama"
-          value={data.name}
-          onChangeText={(text) => setData({ ...data, name: text })}
-        />
-        <TextInputCustom
-          keyboardType="email-address"
-          required
-          label="Email"
-          placeholder="Masukkan email"
-          value={data.email}
-          onChangeText={(text) => setData({ ...data, email: text })}
-        />
-        <TextInputCustom
-          required
-          label="Alamat"
-          placeholder="Masukkan alamat"
-          value={data.alamat}
-          onChangeText={(text) => setData({ ...data, alamat: text })}
-        />
-        <SelectCustom
-          label="Jenis Kelamin"
-          placeholder="Pilih jenis kelamin"
-          data={[
-            { label: "Laki-laki", value: "laki-laki" },
-            { label: "Perempuan", value: "perempuan" },
-          ]}
-          value={data.jenisKelamin}
-          required
-          onChange={(value) =>
-            setData({ ...(data as any), jenisKelamin: value })
-          }
-        />
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            required
+            label="Nama"
+            placeholder="Masukkan nama"
+            value={data.name}
+            onChangeText={(text) => setData({ ...data, name: text })}
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            keyboardType="email-address"
+            required
+            label="Email"
+            placeholder="Masukkan email"
+            value={data.email}
+            onChangeText={(text) => setData({ ...data, email: text })}
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            required
+            label="Alamat"
+            placeholder="Masukkan alamat"
+            value={data.alamat}
+            onChangeText={(text) => setData({ ...data, alamat: text })}
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <SelectCustom
+            label="Jenis Kelamin"
+            placeholder="Pilih jenis kelamin"
+            data={[
+              { label: "Laki-laki", value: "laki-laki" },
+              { label: "Perempuan", value: "perempuan" },
+            ]}
+            value={data.jenisKelamin}
+            required
+            onChange={(value) =>
+              setData({ ...(data as any), jenisKelamin: value })
+            }
+          />
+        </View>
         <Spacing />
       </StackCustom>
-    </ViewWrapper>
+    </NewWrapper_V2>
   );
 }

components/_ShareComponent/NewWrapper_V2.tsx

@@ -45,10 +45,14 @@ interface BaseProps {
    */
   contentPaddingBottom?: number;
   /**
-   * Padding untuk content container (default: 16)
-   * Set to 0 untuk tidak ada padding, atau custom value sesuai kebutuhan
+   * Padding Top untuk content container (default: 8)
    */
-  contentPadding?: number;
+  contentPaddingTop?: number;
+  /**
+   * Padding Horizontal untuk content container (default: 0)
+   * Set ke 16 atau lebih jika butuh spacing di kiri-kanan
+   */
+  contentPaddingHorizontal?: number;
 }
 
 interface StaticModeProps extends BaseProps {
@@ -83,7 +87,8 @@ export function NewWrapper_V2(props: NewWrapper_V2_Props) {
     enableKeyboardHandling = false,
     keyboardScrollOffset = 100,
     contentPaddingBottom = 80, // Default 80 untuk navigasi device
-    contentPadding = 16, // Default 16 untuk padding konsisten
+    contentPaddingTop = 8, // Default 8 untuk spacing atas
+    contentPaddingHorizontal = 0, // Default 0 agar aman untuk layout existing
   } = props;
 
   const assetBackground = require("../../assets/images/main-background.png");
@@ -137,8 +142,9 @@ export function NewWrapper_V2(props: NewWrapper_V2_Props) {
           ListEmptyComponent={listProps.ListEmptyComponent}
           contentContainerStyle={{
             flexGrow: 1,
+            paddingTop: contentPaddingTop,
+            paddingHorizontal: contentPaddingHorizontal,
             paddingBottom: (footerComponent && !hideFooter ? OS_HEIGHT : 0) + contentPaddingBottom,
-            padding: contentPadding,
           }}
           keyboardShouldPersistTaps="handled"
         />
@@ -186,8 +192,9 @@ export function NewWrapper_V2(props: NewWrapper_V2_Props) {
         style={{ flex: 1 }}
         contentContainerStyle={{
           flexGrow: 1,
+          paddingTop: contentPaddingTop,
+          paddingHorizontal: contentPaddingHorizontal,
           paddingBottom: (footerComponent && !hideFooter ? OS_HEIGHT : 0) + contentPaddingBottom,
-          padding: contentPadding,
         }}
         keyboardShouldPersistTaps="handled"
         showsVerticalScrollIndicator={false}

ios/HIPMIBadungConnect.xcodeproj/project.pbxproj

@@ -154,6 +154,8 @@
 				3F53CC1C3B278545F11A1CAE /* [CP-User] [RNFB] Core Configuration */,
 				46ED08049A384B869D77364E /* Remove signature files (Xcode workaround) */,
 				92A25C61F4E34FB6A36E415B /* Remove signature files (Xcode workaround) */,
+				6440E59133324659A2C60D0B /* Remove signature files (Xcode workaround) */,
+				35CC0495598542E6801662A3 /* Remove signature files (Xcode workaround) */,
 			);
 			buildRules = (
 			);
@@ -465,6 +467,40 @@
           rm -rf \"$CONFIGURATION_BUILD_DIR/MapLibre.xcframework-ios.signature\";
         ";
 		};
+		6440E59133324659A2C60D0B /* Remove signature files (Xcode workaround) */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			name = "Remove signature files (Xcode workaround)";
+			inputPaths = (
+			);
+			outputPaths = (
+			);
+			shellPath = /bin/sh;
+			shellScript = "
+          echo \"Remove signature files (Xcode workaround)\";
+          rm -rf \"$CONFIGURATION_BUILD_DIR/MapLibre.xcframework-ios.signature\";
+        ";
+		};
+		35CC0495598542E6801662A3 /* Remove signature files (Xcode workaround) */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			name = "Remove signature files (Xcode workaround)";
+			inputPaths = (
+			);
+			outputPaths = (
+			);
+			shellPath = /bin/sh;
+			shellScript = "
+          echo \"Remove signature files (Xcode workaround)\";
+          rm -rf \"$CONFIGURATION_BUILD_DIR/MapLibre.xcframework-ios.signature\";
+        ";
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */

ios/HIPMIBadungConnect.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -0,0 +1,15 @@
+{
+  "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
+}

screens/Job/MainViewStatus2.tsx

@@ -87,6 +87,7 @@ export default function Job_MainViewStatus2() {
 
   return (
     <NewWrapper_V2
+      contentPaddingHorizontal={16}
       headerComponent={<View style={{ paddingTop: 8 }}>{scrollComponent}</View>}
       listData={pagination.listData}
       renderItem={renderJobItem}

screens/Job/ScreenArchive2.tsx

@@ -56,6 +56,7 @@ export default function Job_ScreenArchive2() {
 
   return (
     <NewWrapper_V2
+      contentPaddingHorizontal={16}
       listData={pagination.listData}
       renderItem={renderJobItem}
       refreshControl={

screens/Job/ScreenBeranda2.tsx

@@ -75,9 +75,10 @@ export default function Job_ScreenBeranda2() {
 
   return (
     <NewWrapper_V2
+      contentPaddingHorizontal={16}
       hideFooter
       headerComponent={
-        <View style={{ paddingTop: 8 }}>
+        <View >
           <SearchInput
             placeholder="Cari pekerjaan"
             onChangeText={_.debounce((text) => setSearch(text), 500)}

screens/Job/ScreenJobCreate.tsx

@@ -121,6 +121,7 @@ export function Job_ScreenCreate() {
     <NewWrapper_V2
       enableKeyboardHandling
       keyboardScrollOffset={100}
+      contentPaddingHorizontal={16}
       footerComponent={buttonSubmit()}
     >
       <StackCustom gap={"xs"}>

screens/Job/ScreenJobEdit.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
   BaseBox,
+  BoxButtonOnFooter,
   ButtonCenteredOnly,
   ButtonCustom,
   DummyLandscapeImage,
@@ -15,10 +16,7 @@ import {
 } from "@/components";
 import DIRECTORY_ID from "@/constants/directory-id";
 import { apiJobGetOne, apiJobUpdateData } from "@/service/api-client/api-job";
-import {
-  deleteFileService,
-  uploadFileService,
-} from "@/service/upload-service";
+import { deleteFileService, uploadFileService } from "@/service/upload-service";
 import pickImage from "@/utils/pickImage";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
@@ -126,10 +124,11 @@ export function Job_ScreenEdit() {
   const buttonSubmit = () => {
     return (
       <>
-        <ButtonCustom isLoading={isLoading} onPress={() => handlerOnUpdate()}>
-          Update
-        </ButtonCustom>
-        <Spacing />
+        <BoxButtonOnFooter>
+          <ButtonCustom isLoading={isLoading} onPress={() => handlerOnUpdate()}>
+            Update
+          </ButtonCustom>
+        </BoxButtonOnFooter>
       </>
     );
   };
@@ -138,12 +137,13 @@ export function Job_ScreenEdit() {
     <NewWrapper_V2
       enableKeyboardHandling
       keyboardScrollOffset={100}
+      // contentPaddingHorizontal={16}
       footerComponent={buttonSubmit()}
     >
       {isLoadData ? (
         <LoaderCustom />
       ) : (
-        <StackCustom gap={"xs"}>
+        <View>
           <InformationBox text="Poster atau gambar lowongan kerja bersifat opsional, tidak wajib untuk dimasukkan dan upload lah gambar yang sesuai dengan deskripsi lowongan kerja." />
 
           {imageUri ? (
@@ -200,9 +200,7 @@ export function Job_ScreenEdit() {
               onChangeText={(value) => setData({ ...data, deskripsi: value })}
             />
           </View>
-
-          {buttonSubmit()}
-        </StackCustom>
+        </View>
       )}
     </NewWrapper_V2>
   );

screens/UserSeach/MainView_V2.tsx

@@ -2,7 +2,7 @@ import {
   AvatarComp,
   ClickableCustom,
   Grid,
-  NewWrapper,
+  NewWrapper_V2,
   StackCustom,
   TextCustom,
   TextInputCustom,
@@ -140,7 +140,9 @@ export default function UserSearchMainView_V2() {
     });
 
   return (
-    <NewWrapper
+    <NewWrapper_V2
+      hideFooter
+      contentPaddingHorizontal={16}
       headerComponent={renderHeader(search, setSearch)}
       listData={pagination.listData}
       renderItem={renderItem}