create-du-app 0.1.3 → 0.1.5

package/templates/mobile/expo/src/scripts/sync-images.js

@@ -0,0 +1,56 @@
+const fs = require('fs')
+const path = require('path')
+
+function sync(dir) {
+    console.log('*** Sync images ***')
+
+    const imageDirs = fs
+        .readdirSync(dir, {withFileTypes: true})
+        .filter(f => f.name.includes('.png') || f.name.includes('.jpg'))
+        .map(f => {
+            const [fileName, type] = f.name.split('.')
+            const [name] = fileName.split('@')
+            return `${name}.${type}`
+        })
+
+    const imageDirsUnique = [...new Set(imageDirs)]
+
+    const images = imageDirsUnique.map(imageDir => {
+        const parts = imageDir.split('-')
+        let name = ''
+        for (let i = 0; i < parts.length; i++) {
+            name +=
+                parts[i][0].toUpperCase() +
+                parts[i].substring(1, parts[i].length)
+        }
+        return 'Img' + name
+    })
+
+    const imports = imageDirsUnique.reduce((ret, imageDir, idx) => {
+        const [image] = images[idx].split('.')
+        return (
+            ret +
+            `import ${image} from './${imageDir}'` +
+            (idx !== imageDirsUnique.length - 1 ? '\n' : '')
+        )
+    }, '')
+
+    const exports = images.reduce((ret, img, idx) => {
+        const [name] = img.split('.')
+        return ret + `  ${name},\n` + (idx === images.length - 1 ? '}\n' : '')
+    }, 'export {\n')
+
+    if (images.length === 0) {
+        return '\n// Export\nexport {}'
+    }
+
+    return `// Image\n${imports}\n\n// Export\n${exports}`
+}
+
+const imagesPath = path.join(__dirname, '../assets/Images')
+
+let output = sync(imagesPath)
+
+fs.writeFile(path.join(__dirname, '../assets/Images/index.ts'), output, err =>
+    console.log(`Sync images ${err ? 'failed: ' + err : 'succeeded'}`),
+)

package/templates/mobile/expo/src/scripts/sync-svgs.js

@@ -0,0 +1,50 @@
+const fs = require('fs')
+const path = require('path')
+
+function sync(dir) {
+    console.log('*** Sync svgs ***')
+
+    const svgDirs = fs
+        .readdirSync(dir, {
+            withFileTypes: true,
+        })
+        .filter(f => f.name.includes('.svg'))
+        .map(f => f.name.split('.')[0])
+
+    const svgs = svgDirs.map(svgDir => {
+        const parts = svgDir.split('-')
+        let name = ''
+        for (let i = 0; i < parts.length; i++) {
+            name +=
+                parts[i][0].toUpperCase() +
+                parts[i].substring(1, parts[i].length)
+        }
+        return 'Icon' + name
+    })
+
+    const imports = svgDirs.reduce((ret, svgDir, idx) => {
+        return (
+            ret +
+            `import ${svgs[idx]} from './${svgDir}.svg'` +
+            (idx !== svgDirs.length - 1 ? '\n' : '')
+        )
+    }, '')
+
+    const exports = svgs.reduce((ret, svg, idx) => {
+        return ret + `  ${svg},\n` + (idx === svgs.length - 1 ? '}\n' : '')
+    }, 'export {\n')
+
+    if (svgs.length === 0) {
+        return '\n// Export\nexport {}'
+    }
+
+    return `// Icon\n${imports}\n\n// Export\n${exports}`
+}
+
+const svgsPath = path.join(__dirname, '../assets/svgs')
+
+let output = sync(svgsPath)
+
+fs.writeFile(path.join(__dirname, '../assets/svgs/index.ts'), output, err =>
+    console.log(`Sync svgs ${err ? 'failed: ' + err : 'succeeded'}`),
+)

package/templates/mobile/expo/src/types/models.d.ts

@@ -0,0 +1,24 @@
+// App-wide ambient types that used to live in the project's `model/` layer.
+// Kept minimal here; move real contracts into `@repo/shared` as you build out.
+
+/** Standard API envelope returned by ApiService. */
+declare interface IResponse<T = any> {
+  data: T;
+  message?: string;
+  success?: boolean;
+  statusCode?: number;
+}
+
+/** A file ready for multipart/form-data upload (image picker, etc.). */
+declare interface IMediaFormData {
+  uri: string;
+  name: string;
+  type: string;
+}
+
+/** Result of a place/address selection (geo features). */
+declare interface AddressSelectedResult {
+  address: string;
+  latitude: number;
+  longitude: number;
+}

package/templates/mobile/expo/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "jsx": "react",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@src/*": ["./src/*"],
+      "@modules/*": ["./src/modules/*"],
+      "@repo/shared": ["../../packages/shared/dist/index.d.ts"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}

package/templates/mobile/rn/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

package/templates/mobile/rn/.env.example

@@ -0,0 +1,5 @@
+# Copy to .env and fill in. Read at build time by react-native-config.
+# NEVER commit the real .env — only this example.
+
+# Base URL of your API (include trailing slash).
+BASE_URL=https://api.example.com/

package/templates/mobile/rn/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+  rules: {
+    semi: 0,
+  },
+};

package/templates/mobile/rn/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

package/templates/mobile/rn/.svgrrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+    replaceAttrValues: {
+        '{currentColor}': '{props.color || "#0D1F2D"}',
+        '{292929}': '{props.color || "#292929"}',
+        '{D4D4FF}': '{props.color || "#D4D4FF"}',
+        '{7C7C7C}': '{props.color || "#7C7C7C"}',
+        '{D97706}': '{props.color || "#D97706"}',
+    },
+}

package/templates/mobile/rn/.watchmanconfig

@@ -0,0 +1 @@
+{}

package/templates/mobile/rn/Gemfile

@@ -0,0 +1,17 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem 'bigdecimal'
+gem 'logger'
+gem 'benchmark'
+gem 'mutex_m'
+gem 'nkf'

package/templates/mobile/rn/README.md

@@ -1,11 +1,76 @@
-# Placeholder: React Native (mobile/rn)
+# {{PROJECT_NAME}} — Mobile (React Native CLI)
 
-This is a **placeholder** for the **React Native** template.
+A bare **React Native CLI** starter (no Expo) built from the company's production
+core. Same `src/` architecture and reusable `src/core` kit as the Expo variant —
+only the build tooling differs.
 
-Drop the standard React Native source here. Conventions:
+## Architecture
 
-- Name the template's `package.json` as **`_package.json`** (the CLI renames it on generate).
-- Name `.gitignore` as **`_gitignore`**, `.npmrc` as **`_npmrc`** if present.
-- Wherever you need the project name, write `{{PROJECT_NAME}}` — the CLI replaces it with the real name.
+```
+src/
+├── app/        composition: providers, navigation, global stores (auth/loading/common), i18n
+├── core/       reusable infrastructure (API/services, theme, UI kit, forms, hooks, utils)
+├── modules/    your features (home/profile examples included)
+└── assets/     i18n, svgs (sync-generated barrel), images, lotties
+```
 
-`lang: js` → this app counts toward the condition for creating `packages/shared`.
+See the Expo template's README for the full `src/core` breakdown — it is identical.
+
+## Expo vs this (bare RN CLI)
+
+| | This (RN CLI) | Expo |
+|--|---------------|------|
+| Entry | `AppRegistry.registerComponent` + `app.json` name | `registerRootComponent` |
+| Babel | `module:@react-native/babel-preset` | `babel-preset-expo` |
+| Metro | `@react-native/metro-config` | `expo/metro-config` |
+| TS base | `@react-native/typescript-config` | `expo/tsconfig.base` |
+| Native build | `pod install` + Xcode / Gradle | `expo prebuild` then run |
+
+## Shared contracts
+The core imports `ApiEndpoints`, `ExternalUrls`, enums from **`@repo/shared`** —
+generate this app alongside another JS/TS stack; the CLI wires `workspace:*` automatically.
+
+## Getting started
+
+```bash
+pnpm bootstrap                                  # install + build @repo/shared
+pnpm --filter {{PROJECT_NAME}}-mobile typecheck # verify
+pnpm --filter {{PROJECT_NAME}}-mobile start     # metro
+```
+
+Add an icon: drop `name.svg` in `src/assets/svgs/` then `pnpm --filter {{PROJECT_NAME}}-mobile sync-svgs`.
+
+## Native folders (ios / android)
+
+Native projects **ship with this template** (RN 0.85.3), so no `prebuild` /
+scaffolding step is needed:
+
+```bash
+pnpm bootstrap                                  # install
+cd apps/mobile/ios && bundle install && bundle exec pod install && cd -
+pnpm --filter {{PROJECT_NAME}}-mobile ios       # or android
+```
+
+The native app is named **`DuMobile`** with bundle id **`com.dumobile`** (matches
+`app.json` `name`, `AppDelegate` moduleName, and `MainActivity`). **Rename these
+before shipping** (Xcode target/scheme, `app.json` `name`, `android` `applicationId`
++ `namespace` + the `com/dumobile` Java dir, and `index.js` registration must all match).
+
+Monorepo note: under pnpm's hoisted layout the RN packages live in the repo-root
+`node_modules`, not `apps/mobile/node_modules`. So `android/settings.gradle` and
+`android/app/build.gradle` resolve `react-native`, `@react-native/gradle-plugin`
+and `@react-native/codegen` via `node --print require.resolve(...)` (which walks up
+to the root), and the iOS `Podfile` resolves react-native the same way. These
+patches are already applied in the template.
+
+## Native library config (already wired)
+
+| Library | Status |
+|---------|--------|
+| gesture-handler | imported first in `index.js` ✅ |
+| reanimated | babel plugin set ✅ |
+| svg | metro transformer set ✅ |
+| keyboard-controller / toast | provider + `<Toast>` mounted ✅ |
+| `react-native-config` (.env) | autolinked; if Android doesn't read `.env`, add `apply from: ".../react-native-config/android/dotenv.gradle"` to `android/app/build.gradle` |
+| `react-native-image-picker` | add `NSPhotoLibraryUsageDescription` + `NSCameraUsageDescription` to `ios/DuMobile/Info.plist` and `CAMERA` / `READ_MEDIA_IMAGES` to `AndroidManifest.xml` |
+| `react-native-mmkv` v4 | needs the New Architecture (default on in RN 0.85) |

package/templates/mobile/rn/_gitignore

@@ -0,0 +1,24 @@
+# Native build artifacts
+/ios/Pods/
+/ios/build/
+/android/build/
+/android/app/build/
+/android/.gradle/
+/android/local.properties
+
+# Dependencies
+node_modules/
+
+# Metro
+.metro-health-check*
+
+# Env (keep .env.example)
+.env
+.env.*
+!.env.example
+
+# Logs / OS
+*.log
+.DS_Store
+*.keystore
+!debug.keystore

package/templates/mobile/rn/_package.json

@@ -2,5 +2,73 @@
   "name": "{{PROJECT_NAME}}-mobile",
   "version": "0.1.0",
   "private": true,
-  "description": "Placeholder React Native app for {{PROJECT_NAME}}"
+  "scripts": {
+    "dev": "react-native start",
+    "start": "react-native start",
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint . --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "sync-svgs": "node src/scripts/sync-svgs.js",
+    "sync-images": "node src/scripts/sync-images.js"
+  },
+  "dependencies": {
+    "@hookform/error-message": "2.0.0",
+    "@react-native-async-storage/async-storage": "^2.1.2",
+    "@react-native-community/netinfo": "^12.0.1",
+    "@react-navigation/bottom-tabs": "^7.12.0",
+    "@react-navigation/native": "^7.0.13",
+    "@react-navigation/native-stack": "^7.1.14",
+    "@tanstack/react-query": "^5.101.0",
+    "@tanstack/react-query-persist-client": "^5.101.0",
+    "axios": "^1.7.9",
+    "i18next": "^21.5.4",
+    "lodash": "^4.17.21",
+    "lottie-react-native": "^7.3.4",
+    "qs": "^6.10.1",
+    "react": "19.2.3",
+    "react-hook-form": "^7.53.2",
+    "react-i18next": "^11.14.3",
+    "react-native": "0.85.3",
+    "react-native-config": "^1.6.1",
+    "react-native-date-picker": "5.0.12",
+    "react-native-device-info": "^15.0.2",
+    "react-native-fast-image": "^8.6.3",
+    "react-native-gesture-handler": "~2.31.1",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-keyboard-controller": "^1.21.6",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-localize": "^3.7.0",
+    "react-native-mmkv": "^4.3.1",
+    "react-native-nitro-modules": "^0.35.9",
+    "react-native-reanimated": "4.3.1",
+    "react-native-safe-area-context": "^5.7.0",
+    "react-native-screens": "4.25.2",
+    "react-native-svg": "^15.15.4",
+    "react-native-toast-message": "^2.2.1",
+    "react-native-worklets": "0.8.3",
+    "yup": "^0.32.11",
+    "zustand": "^5.0.7"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "20.1.3",
+    "@react-native-community/cli-platform-android": "20.1.3",
+    "@react-native-community/cli-platform-ios": "20.1.3",
+    "@react-native/babel-preset": "0.85.3",
+    "@react-native/eslint-config": "0.85.3",
+    "@react-native/gradle-plugin": "0.85.3",
+    "@react-native/metro-config": "0.85.3",
+    "@react-native/typescript-config": "0.85.3",
+    "@types/lodash": "^4.14.176",
+    "@types/qs": "^6.9.7",
+    "@types/react": "^19.1.1",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "eslint": "^8.19.0",
+    "prettier": "2.8.8",
+    "react-native-svg-transformer": "^1.5.0",
+    "typescript": "~5.8.3"
+  }
 }

package/templates/mobile/rn/android/app/build.gradle

@@ -0,0 +1,126 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    // --- pnpm monorepo: resolve RN packages from the repo-root node_modules via Node ---
+    def rnPackageJson = ['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()
+    def rnDir = new File(rnPackageJson).getParentFile()
+    reactNativeDir = rnDir
+    cliFile = new File(rnDir, "cli.js")
+    codegenDir = new File(['node', '--print', "require.resolve('@react-native/codegen/package.json')"].execute(null, rootDir).text.trim()).getParentFile()
+
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. Default is "debug", "debugOptimized".
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "liteDebugOptimized", "prodDebug", "prodDebugOptimized"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.dumobile"
+    defaultConfig {
+        applicationId "com.dumobile"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}

package/templates/mobile/rn/android/app/proguard-rules.pro

@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

package/templates/mobile/rn/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,27 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:usesCleartextTraffic="${usesCleartextTraffic}"
+      android:supportsRtl="true">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>

package/templates/mobile/rn/android/app/src/main/java/com/dumobile/MainActivity.kt

@@ -0,0 +1,22 @@
+package com.dumobile
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "DuMobile"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}

package/templates/mobile/rn/android/app/src/main/java/com/dumobile/MainApplication.kt

@@ -0,0 +1,27 @@
+package com.dumobile
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactHost: ReactHost by lazy {
+    getDefaultReactHost(
+      context = applicationContext,
+      packageList =
+        PackageList(this).packages.apply {
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // add(MyReactNativePackage())
+        },
+    )
+  }
+
+  override fun onCreate() {
+    super.onCreate()
+    loadReactNative(this)
+  }
+}

package/templates/mobile/rn/android/app/src/main/res/drawable/rn_edit_text_material.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
+
+    <selector>
+        <!--
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>