feat(pos-app): redesign settings view with bottom sheets

dapps/pos-app/AGENTS.md

@@ -681,9 +681,7 @@ import { secureStorage, SECURE_STORAGE_KEYS } from "@/utils/secure-storage";
 await secureStorage.setItem(SECURE_STORAGE_KEYS.PARTNER_API_KEY, apiKey);
 
 // Retrieve
-const apiKey = await secureStorage.getItem(
-  SECURE_STORAGE_KEYS.PARTNER_API_KEY,
-);
+const apiKey = await secureStorage.getItem(SECURE_STORAGE_KEYS.PARTNER_API_KEY);
 ```
 
 ## Code Quality Guidelines

dapps/pos-app/__tests__/store/useSettingsStore.test.ts

@@ -16,7 +16,7 @@ describe("useSettingsStore", () => {
   describe("initial state", () => {
     it("should have default theme mode", () => {
       const { themeMode } = useSettingsStore.getState();
-      expect(themeMode).toBe("light");
+      expect(themeMode).toBe("system");
     });
 
     it("should have empty device ID", () => {
@@ -579,7 +579,7 @@ describe("useSettingsStore", () => {
 
       // Check persist name and version are set (for storage key)
       expect(persistOptions?.name).toBe("settings");
-      expect(persistOptions?.version).toBe(11);
+      expect(persistOptions?.version).toBe(12);
 
       // Verify storage is configured (MMKV in production, mock in tests)
       expect(persistOptions?.storage).toBeDefined();

dapps/pos-app/__tests__/utils/secure-storage.test.ts

@@ -31,7 +31,9 @@ describe("migratePartnerApiKey", () => {
       "partner_api_key",
       "test-api-key-123",
     );
-    expect(SecureStore.deleteItemAsync).toHaveBeenCalledWith("merchant_api_key");
+    expect(SecureStore.deleteItemAsync).toHaveBeenCalledWith(
+      "merchant_api_key",
+    );
   });
 
   it("should not overwrite existing new key", async () => {
@@ -50,7 +52,9 @@ describe("migratePartnerApiKey", () => {
       "partner_api_key",
       expect.anything(),
     );
-    expect(SecureStore.deleteItemAsync).toHaveBeenCalledWith("merchant_api_key");
+    expect(SecureStore.deleteItemAsync).toHaveBeenCalledWith(
+      "merchant_api_key",
+    );
   });
 
   it("should do nothing when old key does not exist", async () => {
@@ -86,7 +90,9 @@ describe("migratePartnerApiKey", () => {
 
     // Should not have attempted to read/write secure storage for migration
     // (only the setup call above)
-    expect(SecureStore.getItemAsync).not.toHaveBeenCalledWith("merchant_api_key");
+    expect(SecureStore.getItemAsync).not.toHaveBeenCalledWith(
+      "merchant_api_key",
+    );
   });
 
   it("should properly clean up old key after migration", async () => {

dapps/pos-app/__tests__/utils/store-helpers.ts

@@ -11,7 +11,7 @@ import { useLogsStore } from "@/store/useLogsStore";
  */
 export function resetSettingsStore() {
   useSettingsStore.setState({
-    themeMode: "light",
+    themeMode: "system",
     deviceId: "",
     variant: "default",
     _hasHydrated: false,

dapps/pos-app/app.json

@@ -43,7 +43,7 @@
         "android.permission.BLUETOOTH_ADVERTISE",
         "android.permission.USB_PERMISSION"
       ],
-      "versionCode": 16
+      "versionCode": 17
     },
     "web": {
       "output": "static",

dapps/pos-app/app/payment-success.tsx

@@ -204,7 +204,7 @@ export default function PaymentSuccessScreen() {
           </Button>
         </View>
       </Animated.View>
-      <StatusBar style={themeMode} />
+      <StatusBar style={themeMode === "system" ? "auto" : themeMode} />
     </View>
   );
 }