app-expo-cli 1.0.4 → 1.0.6

package/README.md

@@ -82,6 +82,8 @@ Graphics: react-native-svg
 
 আপনি যদি এই টেমপ্লেটে কোনো পরিবর্তন বা নতুন ফিচার যোগ করতে চান, তবে অবশ্যই একটি Pull Request ওপেন করবেন।
 
+GitHub: https://github.com/arifbiswas/app-expo-cli
+
 ## 👤 Author
 
 Arif Biswas

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-expo-cli",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "A powerful CLI to bootstrap Expo projects with professional architecture",
   "keywords": [
     "expo",
@@ -16,6 +16,14 @@
   ],
   "author": "Arif Biswas",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arifbiswas/app-expo-cli.git"
+  },
+  "bugs": {
+    "url": "https://github.com/arifbiswas/app-expo-cli/issues"
+  },
+  "homepage": "https://github.com/arifbiswas/app-expo-cli/blob/main/README.md",
   "type": "module",
   "bin": {
     "app-expo-cli": "./bin/index.js"

package/src/copy-template.js

@@ -44,7 +44,9 @@ export async function copyDefaultFiles(projectPath, __dirname) {
 
   const addLibFolder = await confirm({
     message: "Are you want to add library (lib) folder ?",
-    initialValue: false,
+    initialValue: true,
+    helpText: "Add library folder in src",
+    withGuide: true,
   });
 
   if (addLibFolder === true) {
@@ -133,6 +135,22 @@ export async function copyDefaultFiles(projectPath, __dirname) {
     }
   }
 
+  // 6. Copy assets folder fonts icon and image folder just index file
+
+  const assetsSrcPath = path.resolve(__dirname, "../template/");
+
+  const assetsSrc = path.join(assetsSrcPath, "assets");
+  const assetsDest = path.join(projectPath, "assets");
+  if (await fs.pathExists(assetsSrc)) {
+    await fs.copy(assetsSrc, assetsDest, {
+      overwrite: false,
+    });
+
+    log.step("Assets folder copied");
+  }
+
+  // 7. Copy tailwind.config.js
+
   // Define the source path for the config file
   const tailwindSrc = path.resolve(__dirname, "../tailwind.config.js");
 

package/src/install-deps.js

@@ -8,11 +8,17 @@ export async function installDependencies(projectPath) {
     "bun",
     [
       "install",
+      "expo-image-picker",
       "@reduxjs/toolkit",
       "react-redux",
       "@react-native-async-storage/async-storage",
       "axios",
       "react-native-svg",
+      "formik",
+      "yup",
+      "react-native-otp-entry",
+      "react-native-webview",
+      "react-native-render-html",
     ],
     {
       cwd: projectPath,

package/template/assets/icon/index.ts

@@ -0,0 +1,146 @@
+// This file contains all the icons used in the app. Each icon is represented as an SVG string.
+
+export const Icon = {
+  // =============== Start All Icons ===============
+
+  eye: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M508.745 246.041c-4.574-6.257-113.557-153.206-252.748-153.206S7.818 239.784 3.249 246.035a16.896 16.896 0 0 0 0 19.923c4.569 6.257 113.557 153.206 252.748 153.206s248.174-146.95 252.748-153.201a16.875 16.875 0 0 0 0-19.922zM255.997 385.406c-102.529 0-191.33-97.533-217.617-129.418 26.253-31.913 114.868-129.395 217.617-129.395 102.524 0 191.319 97.516 217.617 129.418-26.253 31.912-114.868 129.395-217.617 129.395z" fill="#fff" opacity="1" data-original="#fff" class=""></path><path d="M255.997 154.725c-55.842 0-101.275 45.433-101.275 101.275s45.433 101.275 101.275 101.275S357.272 311.842 357.272 256s-45.433-101.275-101.275-101.275zm0 168.791c-37.23 0-67.516-30.287-67.516-67.516s30.287-67.516 67.516-67.516 67.516 30.287 67.516 67.516-30.286 67.516-67.516 67.516z" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  plusTwo: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M467 211H301V45c0-24.853-20.147-45-45-45s-45 20.147-45 45v166H45c-24.853 0-45 20.147-45 45s20.147 45 45 45h166v166c0 24.853 20.147 45 45 45s45-20.147 45-45V301h166c24.853 0 45-20.147 45-45s-20.147-45-45-45z" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  userPlus: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="23" height="23" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M19.72 31H2a1 1 0 0 1-1-1v-2a12.993 12.993 0 0 1 6.61-11.31 10 10 0 0 0 12.8-.01 11.475 11.475 0 0 1 1.46.96A7.989 7.989 0 0 0 19.72 31z" fill="#fff" opacity="1" data-original="#fff" class=""></path><circle cx="14" cy="9" r="8" fill="#fff" opacity="1" data-original="#fff" class=""></circle><path d="M25 19a5.94 5.94 0 0 0-2.126.386A6.007 6.007 0 1 0 25 19zm2 7h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  userRemove: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="#fff" fill-rule="evenodd" d="M17 6A5 5 0 1 1 7 6a5 5 0 0 1 10 0zm-7 7a7 7 0 0 0-7 7 3 3 0 0 0 3 3h7.41c.431 0 .677-.528.453-.898A5.972 5.972 0 0 1 13 19a5.993 5.993 0 0 1 2.56-4.917c.364-.255.333-.839-.101-.93-.47-.1-.959-.153-1.459-.153zm9 2a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 0 1-2 0v-2h-2a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1z" clip-rule="evenodd" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  tik: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 520 520" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M79.423 240.755a47.529 47.529 0 0 0-36.737 77.522l120.73 147.894a43.136 43.136 0 0 0 36.066 16.009c14.654-.787 27.884-8.626 36.319-21.515L486.588 56.773a6.13 6.13 0 0 1 .128-.2c2.353-3.613 1.59-10.773-3.267-15.271a13.321 13.321 0 0 0-19.362 1.343q-.135.166-.278.327L210.887 328.736a10.961 10.961 0 0 1-15.585.843l-83.94-76.386a47.319 47.319 0 0 0-31.939-12.438z" data-name="7-Check" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  eyeOff: `
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 128 128" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m79.891 65.078 7.27-7.27C87.69 59.787 88 61.856 88 64c0 13.234-10.766 24-24 24-2.144 0-4.213-.31-6.192-.839l7.27-7.27a15.929 15.929 0 0 0 14.813-14.813zm47.605-3.021c-.492-.885-7.47-13.112-21.11-23.474l-5.821 5.821c9.946 7.313 16.248 15.842 18.729 19.602C114.553 71.225 95.955 96 64 96c-4.792 0-9.248-.613-13.441-1.591l-6.573 6.573C50.029 102.835 56.671 104 64 104c41.873 0 62.633-36.504 63.496-38.057a3.997 3.997 0 0 0 0-3.886zm-16.668-39.229-88 88C22.047 111.609 21.023 112 20 112s-2.047-.391-2.828-1.172a3.997 3.997 0 0 1 0-5.656l11.196-11.196C10.268 83.049 1.071 66.964.504 65.943a4 4 0 0 1 0-3.887C1.367 60.504 22.127 24 64 24c10.827 0 20.205 2.47 28.222 6.122l12.95-12.95c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656zM34.333 88.011 44.46 77.884C41.663 73.96 40 69.175 40 64c0-13.234 10.766-24 24-24 5.175 0 9.96 1.663 13.884 4.459l8.189-8.189C79.603 33.679 72.251 32 64 32 32.045 32 13.447 56.775 8.707 63.994c3.01 4.562 11.662 16.11 25.626 24.017zm15.934-15.935 21.809-21.809C69.697 48.862 66.958 48 64 48c-8.822 0-16 7.178-16 16 0 2.958.862 5.697 2.267 8.076z" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  hiddenEyeOff: `
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50" x="0" y="0" viewBox="0 0 128 128" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m79.891 65.078 7.27-7.27C87.69 59.787 88 61.856 88 64c0 13.234-10.766 24-24 24-2.144 0-4.213-.31-6.192-.839l7.27-7.27a15.929 15.929 0 0 0 14.813-14.813zm47.605-3.021c-.492-.885-7.47-13.112-21.11-23.474l-5.821 5.821c9.946 7.313 16.248 15.842 18.729 19.602C114.553 71.225 95.955 96 64 96c-4.792 0-9.248-.613-13.441-1.591l-6.573 6.573C50.029 102.835 56.671 104 64 104c41.873 0 62.633-36.504 63.496-38.057a3.997 3.997 0 0 0 0-3.886zm-16.668-39.229-88 88C22.047 111.609 21.023 112 20 112s-2.047-.391-2.828-1.172a3.997 3.997 0 0 1 0-5.656l11.196-11.196C10.268 83.049 1.071 66.964.504 65.943a4 4 0 0 1 0-3.887C1.367 60.504 22.127 24 64 24c10.827 0 20.205 2.47 28.222 6.122l12.95-12.95c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656zM34.333 88.011 44.46 77.884C41.663 73.96 40 69.175 40 64c0-13.234 10.766-24 24-24 5.175 0 9.96 1.663 13.884 4.459l8.189-8.189C79.603 33.679 72.251 32 64 32 32.045 32 13.447 56.775 8.707 63.994c3.01 4.562 11.662 16.11 25.626 24.017zm15.934-15.935 21.809-21.809C69.697 48.862 66.958 48 64 48c-8.822 0-16 7.178-16 16 0 2.958.862 5.697 2.267 8.076z" fill="#fff" opacity="1" data-original="#fff" class=""></path></g></svg>`,
+
+  email: `<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.15789 0H16.8421C17.6796 0 18.4829 0.337142 19.0751 0.937258C19.6673 1.53737 20 2.35131 20 3.2V12.8C20 13.6487 19.6673 14.4626 19.0751 15.0627C18.4829 15.6629 17.6796 16 16.8421 16H3.15789C2.32037 16 1.51715 15.6629 0.924926 15.0627C0.332706 14.4626 0 13.6487 0 12.8V3.2C0 2.35131 0.332706 1.53737 0.924926 0.937258C1.51715 0.337142 2.32037 0 3.15789 0ZM3.15789 1.06667C2.63158 1.06667 2.16842 1.248 1.81053 1.568L10 6.93333L18.1895 1.568C17.8316 1.248 17.3684 1.06667 16.8421 1.06667H3.15789ZM10 8.224L1.18947 2.432C1.10526 2.66667 1.05263 2.93333 1.05263 3.2V12.8C1.05263 13.3658 1.27444 13.9084 1.66925 14.3085C2.06406 14.7086 2.59954 14.9333 3.15789 14.9333H16.8421C17.4005 14.9333 17.9359 14.7086 18.3308 14.3085C18.7256 13.9084 18.9474 13.3658 18.9474 12.8V3.2C18.9474 2.93333 18.8947 2.66667 18.8105 2.432L10 8.224Z" fill="white"/>
+</svg>
+`,
+
+  lock: `<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.05727 11.5234C6.71466 11.526 6.38278 11.6425 6.11457 11.8542C5.84636 12.066 5.65727 12.3609 5.57745 12.6919C5.49762 13.0228 5.53168 13.3708 5.67417 13.6803C5.81666 13.9898 6.05939 14.243 6.36364 14.3995V16.2074H7.63636V14.4564C7.96494 14.3227 8.23661 14.0798 8.40501 13.7692C8.57341 13.4587 8.62811 13.0997 8.55977 12.7536C8.49143 12.4075 8.30428 12.0956 8.03027 11.8713C7.75627 11.6469 7.41237 11.524 7.05727 11.5234Z" fill="white"/>
+<path d="M12.0909 7.98989V5.28445C12.1182 3.91396 11.5979 2.58852 10.6438 1.59816C9.68975 0.607798 8.37957 0.0331643 7 0C5.62042 0.0331643 4.31025 0.607798 3.35616 1.59816C2.40207 2.58852 1.88176 3.91396 1.90909 5.28445V7.98989H0V18.7358C0 19.0711 0.13409 19.3926 0.372773 19.6297C0.611456 19.8668 0.935179 20 1.27273 20H12.7273C13.0648 20 13.3885 19.8668 13.6272 19.6297C13.8659 19.3926 14 19.0711 14 18.7358V7.98989H12.0909ZM3.18182 5.28445C3.15438 4.2492 3.54057 3.24525 4.25601 2.49196C4.97144 1.73866 5.95796 1.29727 7 1.26422C8.04204 1.29727 9.02856 1.73866 9.74399 2.49196C10.4594 3.24525 10.8456 4.2492 10.8182 5.28445V7.98989H3.18182V5.28445ZM1.27273 18.7358V9.25411H12.7273V18.7358H1.27273Z" fill="white"/>
+</svg>
+`,
+
+  check: `<svg width="100" height="97" viewBox="0 0 100 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.399902 48.5C0.399902 21.9903 21.8902 0.5 48.3999 0.5H51.5999C78.1096 0.5 99.5999 21.9903 99.5999 48.5C99.5999 75.0097 78.1096 96.5 51.5999 96.5H48.3999C21.8903 96.5 0.399902 75.0097 0.399902 48.5Z" fill="#457205"/>
+<path d="M72.2694 38.701L44.9894 65.101C44.7518 65.3317 44.4695 65.5148 44.1586 65.6397C43.8477 65.7647 43.5144 65.829 43.1778 65.829C42.8412 65.829 42.5079 65.7647 42.1971 65.6397C41.8862 65.5148 41.6039 65.3317 41.3663 65.101L29.4313 53.551C29.1934 53.3208 29.0047 53.0475 28.8759 52.7467C28.7472 52.4459 28.6809 52.1235 28.6809 51.7979C28.6809 51.4723 28.7472 51.1499 28.8759 50.8491C29.0047 50.5483 29.1934 50.275 29.4313 50.0448C29.6692 49.8145 29.9516 49.6319 30.2624 49.5073C30.5733 49.3827 30.9064 49.3186 31.2428 49.3186C31.5793 49.3186 31.9124 49.3827 32.2233 49.5073C32.5341 49.6319 32.8165 49.8145 33.0544 50.0448L43.18 59.8437L68.6505 35.1989C69.131 34.7339 69.7826 34.4727 70.4621 34.4727C71.1416 34.4727 71.7932 34.7339 72.2737 35.1989C72.7541 35.6638 73.024 36.2945 73.024 36.952C73.024 37.6096 72.7541 38.2402 72.2737 38.7051L72.2694 38.701Z" fill="white"/>
+</svg>
+`,
+  google: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<g clip-path="url(#clip0_31_1688)">
+<path d="M40.49 30.1965C40.49 29.3361 40.4185 28.7083 40.2639 28.0572H30.2092V31.9404H36.1111C35.9921 32.9055 35.3496 34.3588 33.9217 35.3354L33.9017 35.4654L37.0808 37.8718L37.301 37.8933C39.3238 36.0679 40.49 33.3821 40.49 30.1965Z" fill="#4285F4"/>
+<path d="M30.2092 40.4278C33.1006 40.4278 35.528 39.4977 37.301 37.8932L33.9217 35.3353C33.0174 35.9516 31.8036 36.3817 30.2092 36.3817C27.3772 36.3817 24.9736 34.5564 24.1168 32.0334L23.9912 32.0439L20.6855 34.5436L20.6423 34.661C22.4033 38.0792 26.0207 40.4278 30.2092 40.4278Z" fill="#34A853"/>
+<path d="M24.1168 32.0334C23.8907 31.3824 23.7599 30.6847 23.7599 29.9639C23.7599 29.243 23.8907 28.5454 24.1049 27.8944L24.0989 27.7557L20.7518 25.2158L20.6423 25.2667C19.9165 26.6852 19.5 28.2781 19.5 29.9639C19.5 31.6498 19.9165 33.2425 20.6423 34.661L24.1168 32.0334Z" fill="#FBBC05"/>
+<path d="M30.2092 23.546C32.2201 23.546 33.5766 24.3948 34.35 25.104L37.3724 22.2206C35.5162 20.5348 33.1006 19.5 30.2092 19.5C26.0207 19.5 22.4033 21.8486 20.6423 25.2667L24.1049 27.8944C24.9736 25.3714 27.3772 23.546 30.2092 23.546Z" fill="#EB4335"/>
+</g>
+<defs>
+<clipPath id="clip0_31_1688">
+<rect width="21" height="21" fill="white" transform="translate(19.5 19.5)"/>
+</clipPath>
+</defs>
+</svg>
+`,
+
+  apple: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M35.6643 39.1976C34.5658 40.253 33.3665 40.0864 32.212 39.5864C30.9903 39.0754 29.8695 39.0532 28.5805 39.5864C26.9665 40.2752 26.1146 40.0752 25.1507 39.1976C19.6809 33.6094 20.488 25.0994 26.6975 24.7883C28.2106 24.8661 29.2642 25.6104 30.1497 25.6771C31.4723 25.4104 32.7388 24.6439 34.1511 24.7438C35.8436 24.8772 37.1214 25.5437 37.962 26.7436C34.4649 28.8211 35.2944 33.3872 38.5 34.6648C37.8611 36.3313 37.0317 37.9866 35.653 39.2087L35.6643 39.1976ZM30.0376 24.7216C29.8695 22.2442 31.8982 20.2 34.2296 20C34.5546 22.8663 31.6068 24.9994 30.0376 24.7216Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  play: `<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 6.5L0.5 0V13L10.5 6.5Z" fill="white"/>
+</svg>
+`,
+
+  user: `<svg width="18" height="23" viewBox="0 0 18 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 9.5C11.2091 9.5 13 7.70914 13 5.5C13 3.29086 11.2091 1.5 9 1.5C6.79086 1.5 5 3.29086 5 5.5C5 7.70914 6.79086 9.5 9 9.5Z" stroke="white" stroke-width="1.5"/>
+<path d="M17 17C17 19.485 17 21.5 9 21.5C1 21.5 1 19.485 1 17C1 14.515 4.582 12.5 9 12.5C13.418 12.5 17 14.515 17 17Z" stroke="white" stroke-width="1.5"/>
+</svg>
+`,
+
+  check: `<svg width="100" height="97" viewBox="0 0 100 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.399902 48.5C0.399902 21.9903 21.8902 0.5 48.3999 0.5H51.5999C78.1096 0.5 99.5999 21.9903 99.5999 48.5C99.5999 75.0097 78.1096 96.5 51.5999 96.5H48.3999C21.8903 96.5 0.399902 75.0097 0.399902 48.5Z" fill="#457205"/>
+<path d="M72.2694 38.701L44.9894 65.101C44.7518 65.3317 44.4695 65.5148 44.1586 65.6397C43.8477 65.7647 43.5144 65.829 43.1778 65.829C42.8412 65.829 42.5079 65.7647 42.1971 65.6397C41.8862 65.5148 41.6039 65.3317 41.3663 65.101L29.4313 53.551C29.1934 53.3208 29.0047 53.0475 28.8759 52.7467C28.7472 52.4459 28.6809 52.1235 28.6809 51.7979C28.6809 51.4723 28.7472 51.1499 28.8759 50.8491C29.0047 50.5483 29.1934 50.275 29.4313 50.0448C29.6692 49.8145 29.9516 49.6319 30.2624 49.5073C30.5733 49.3827 30.9064 49.3186 31.2428 49.3186C31.5793 49.3186 31.9124 49.3827 32.2233 49.5073C32.5341 49.6319 32.8165 49.8145 33.0544 50.0448L43.18 59.8437L68.6505 35.1989C69.131 34.7339 69.7826 34.4727 70.4621 34.4727C71.1416 34.4727 71.7932 34.7339 72.2737 35.1989C72.7541 35.6638 73.024 36.2945 73.024 36.952C73.024 37.6096 72.7541 38.2402 72.2737 38.7051L72.2694 38.701Z" fill="white"/>
+</svg>
+`,
+
+  close: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.6 16L0 14.4L6.4 8L0 1.6L1.6 0L8 6.4L14.4 0L16 1.6L9.6 8L16 14.4L14.4 16L8 9.6L1.6 16Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  leftArray: `<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.627169 10.9409L9.13117 2.43687L2.60666 2.51826L2.63223 0.468111L12.6568 0.343059L12.5317 10.3676L10.4816 10.3932L10.563 3.86867L2.05897 12.3727L0.627169 10.9409Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  rightArray: `<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.68192 7.77766L1.53617 14L0 12.4447L5.37767 7L0 1.55531L1.53617 0L7.68192 6.22234C7.88559 6.42861 8 6.70834 8 7C8 7.29166 7.88559 7.57139 7.68192 7.77766Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  deleted: `
+<svg width="21" height="26" viewBox="0 0 21 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.82194 23.1111C1.82194 24.7 3.10766 26 4.67909 26H16.1077C17.6791 26 18.9648 24.7 18.9648 23.1111V5.77778H1.82194V23.1111ZM20.3934 1.44444H15.3934L13.9648 0H6.82194L5.39337 1.44444H0.393372V4.33333H20.3934V1.44444Z" fill="#FF7878"/>
+</svg>
+`,
+
+  EyeView: `<svg width="36" height="25" viewBox="0 0 36 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 7.7C16.7342 7.7 15.5202 8.20571 14.6252 9.10589C13.7301 10.0061 13.2273 11.227 13.2273 12.5C13.2273 13.773 13.7301 14.9939 14.6252 15.8941C15.5202 16.7943 16.7342 17.3 18 17.3C19.2658 17.3 20.4798 16.7943 21.3748 15.8941C22.2699 14.9939 22.7727 13.773 22.7727 12.5C22.7727 11.227 22.2699 10.0061 21.3748 9.10589C20.4798 8.20571 19.2658 7.7 18 7.7ZM18 20.5C15.8903 20.5 13.8671 19.6571 12.3753 18.1569C10.8835 16.6566 10.0455 14.6217 10.0455 12.5C10.0455 10.3783 10.8835 8.34344 12.3753 6.84315C13.8671 5.34285 15.8903 4.5 18 4.5C20.1097 4.5 22.1329 5.34285 23.6247 6.84315C25.1165 8.34344 25.9545 10.3783 25.9545 12.5C25.9545 14.6217 25.1165 16.6566 23.6247 18.1569C22.1329 19.6571 20.1097 20.5 18 20.5ZM18 0.5C10.0455 0.5 3.25227 5.476 0.5 12.5C3.25227 19.524 10.0455 24.5 18 24.5C25.9545 24.5 32.7477 19.524 35.5 12.5C32.7477 5.476 25.9545 0.5 18 0.5Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  pen: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.675 4.49104C20.1083 4.05777 20.1083 3.33565 19.675 2.92459L17.0754 0.324955C16.6644 -0.108318 15.9422 -0.108318 15.509 0.324955L13.4648 2.35801L17.6309 6.52409M0 15.8339V20H4.16609L16.4533 7.70171L12.2872 3.53562L0 15.8339Z" fill="#F7F7F7"/>
+</svg>
+`,
+  settings: `<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 6.52174C8.8289 6.52174 8.17287 6.72574 7.61487 7.10793C7.05687 7.49013 6.62196 8.03336 6.36514 8.66893C6.10832 9.3045 6.04112 10.0039 6.17205 10.6786C6.30297 11.3533 6.62614 11.9731 7.10068 12.4595C7.57522 12.9459 8.17982 13.2772 8.83803 13.4114C9.49624 13.5456 10.1785 13.4768 10.7985 13.2135C11.4185 12.9502 11.9485 12.5044 12.3213 11.9324C12.6941 11.3604 12.8932 10.6879 12.8932 10C12.8905 9.07835 12.5321 8.19524 11.8964 7.54354C11.2606 6.89183 10.3991 6.52449 9.5 6.52174ZM16.8258 10C16.8241 10.325 16.8008 10.6495 16.7563 10.9713L18.8214 12.6287C18.9114 12.7048 18.972 12.8113 18.9924 12.929C19.0128 13.0467 18.9918 13.168 18.933 13.2713L16.9794 16.7287C16.92 16.831 16.8273 16.9086 16.7176 16.9479C16.6079 16.9871 16.4882 16.9854 16.3796 16.943L13.9514 15.943C13.4458 16.3422 12.8924 16.6734 12.3049 16.9287L11.9418 19.5713C11.9215 19.6897 11.8617 19.7971 11.7726 19.8753C11.6836 19.9535 11.5708 19.9976 11.4536 20H7.54639C7.4313 19.9977 7.32037 19.9555 7.2317 19.8802C7.14304 19.805 7.08188 19.7011 7.0582 19.5857L6.69514 16.943C6.10595 16.6907 5.55222 16.3589 5.04861 15.9565L2.62039 16.9565C2.51184 16.9989 2.39221 17.0006 2.28252 16.9615C2.17282 16.9224 2.0801 16.8449 2.02065 16.7426L0.0670397 13.2857C0.00823545 13.1824 -0.0128315 13.0611 0.00760365 12.9433C0.0280388 12.8256 0.0886442 12.7192 0.17859 12.643L2.24375 10.9857C2.19975 10.659 2.17651 10.3297 2.17419 10C2.17595 9.67499 2.19919 9.35048 2.24375 9.0287L0.17859 7.3713C0.0886442 7.29517 0.0280388 7.18874 0.00760365 7.07102C-0.0128315 6.95329 0.00823545 6.83196 0.0670397 6.7287L2.02065 3.2713C2.08003 3.16895 2.17273 3.09135 2.28243 3.05214C2.39212 3.01294 2.51179 3.01464 2.62039 3.05696L5.04861 4.05696C5.55425 3.65785 6.10757 3.32661 6.69514 3.0713L7.0582 0.428696C7.07852 0.310326 7.13831 0.202863 7.22736 0.124671C7.3164 0.0464798 7.42917 0.0024125 7.54639 0H11.4536C11.5687 0.00229632 11.6796 0.0445179 11.7683 0.119772C11.857 0.195027 11.9181 0.298869 11.9418 0.414348L12.3049 3.05696C12.8948 3.30912 13.4492 3.64089 13.9535 4.04348L16.3796 3.04348C16.4882 3.00113 16.6078 2.99936 16.7175 3.03848C16.8272 3.07761 16.9199 3.15512 16.9794 3.25739L18.933 6.71478C18.9918 6.81805 19.0128 6.93938 18.9924 7.0571C18.972 7.17482 18.9114 7.28126 18.8214 7.35739L16.7563 9.01478C16.8002 9.3413 16.8235 9.6704 16.8258 10Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  setting_pen: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M39.675 24.491C40.1083 24.0578 40.1083 23.3356 39.675 22.9246L37.0754 20.325C36.6644 19.8917 35.9422 19.8917 35.509 20.325L33.4648 22.358L37.6309 26.5241M20 35.8339V40H24.1661L36.4533 27.7017L32.2872 23.5356L20 35.8339Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  setting_lock: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M36 26H35V25C35 22.243 32.757 20 30 20C27.243 20 25 22.243 25 25V26H24C23.4696 26 22.9609 26.2107 22.5858 26.5858C22.2107 26.9609 22 27.4696 22 28V38C22 38.5304 22.2107 39.0391 22.5858 39.4142C22.9609 39.7893 23.4696 40 24 40H36C36.5304 40 37.0391 39.7893 37.4142 39.4142C37.7893 39.0391 38 38.5304 38 38V28C38 27.4696 37.7893 26.9609 37.4142 26.5858C37.0391 26.2107 36.5304 26 36 26ZM27 25C27 23.346 28.346 22 30 22C31.654 22 33 23.346 33 25V26H27V25ZM31 33.723V36H29V33.723C28.405 33.377 28 32.739 28 32C28 31.4696 28.2107 30.9609 28.5858 30.5858C28.9609 30.2107 29.4696 30 30 30C30.5304 30 31.0391 30.2107 31.4142 30.5858C31.7893 30.9609 32 31.4696 32 32C32 32.738 31.595 33.376 31 33.723Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  about_us: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M31 27H29V25H31M31 35H29V29H31M30 20C28.6868 20 27.3864 20.2587 26.1732 20.7612C24.9599 21.2638 23.8575 22.0003 22.9289 22.9289C21.0536 24.8043 20 27.3478 20 30C20 32.6522 21.0536 35.1957 22.9289 37.0711C23.8575 37.9997 24.9599 38.7362 26.1732 39.2388C27.3864 39.7413 28.6868 40 30 40C32.6522 40 35.1957 38.9464 37.0711 37.0711C38.9464 35.1957 40 32.6522 40 30C40 28.6868 39.7413 27.3864 39.2388 26.1732C38.7362 24.9599 37.9997 23.8575 37.0711 22.9289C36.1425 22.0003 35.0401 21.2638 33.8268 20.7612C32.6136 20.2587 31.3132 20 30 20Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  privacy_policy: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M30 35.038C30.2833 35.038 30.521 34.9408 30.713 34.7463C30.905 34.5519 31.0007 34.3116 31 34.0253V29.9747C31 29.6878 30.904 29.4474 30.712 29.2537C30.52 29.0599 30.2827 28.9627 30 28.962C29.7173 28.9614 29.48 29.0586 29.288 29.2537C29.096 29.4488 29 29.6891 29 29.9747V34.0253C29 34.3122 29.096 34.5529 29.288 34.7473C29.48 34.9418 29.7173 35.0387 30 35.038ZM30 26.9367C30.2833 26.9367 30.521 26.8395 30.713 26.6451C30.905 26.4506 31.0007 26.2103 31 25.9241C30.9993 25.6378 30.9033 25.3975 30.712 25.203C30.5207 25.0086 30.2833 24.9114 30 24.9114C29.7167 24.9114 29.4793 25.0086 29.288 25.203C29.0967 25.3975 29.0007 25.6378 29 25.9241C28.9993 26.2103 29.0953 26.451 29.288 26.6461C29.4807 26.8412 29.718 26.9381 30 26.9367ZM30 40C29.8833 40 29.775 39.9916 29.675 39.9747C29.575 39.9578 29.475 39.9325 29.375 39.8987C27.125 39.1392 25.3333 37.734 24 35.683C22.6667 33.6321 22 31.4255 22 29.0633V24.2785C22 23.8565 22.121 23.4768 22.363 23.1392C22.605 22.8017 22.9173 22.557 23.3 22.4051L29.3 20.1266C29.5333 20.0422 29.7667 20 30 20C30.2333 20 30.4667 20.0422 30.7 20.1266L36.7 22.4051C37.0833 22.557 37.396 22.8017 37.638 23.1392C37.88 23.4768 38.0007 23.8565 38 24.2785V29.0633C38 31.4262 37.3333 33.6331 36 35.6841C34.6667 37.735 32.875 39.1399 30.625 39.8987C30.525 39.9325 30.425 39.9578 30.325 39.9747C30.225 39.9916 30.1167 40 30 40Z" fill="#F7F7F7"/>
+</svg>
+`,
+
+  logOut: `<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#3D3D3D"/>
+<path d="M29.516 39.0323C29.516 38.7756 29.6182 38.5294 29.7999 38.348C29.9817 38.1665 30.2282 38.0645 30.4852 38.0645H38.2386C38.3243 38.0645 38.4064 38.0305 38.467 37.97C38.5276 37.9095 38.5617 37.8275 38.5617 37.7419V22.2581C38.5617 22.1725 38.5276 22.0905 38.467 22.03C38.4064 21.9695 38.3243 21.9355 38.2386 21.9355H30.4852C30.2282 21.9355 29.9817 21.8335 29.7999 21.652C29.6182 21.4706 29.516 21.2244 29.516 20.9677C29.516 20.7111 29.6182 20.4649 29.7999 20.2834C29.9817 20.102 30.2282 20 30.4852 20H38.2386C39.4869 20 40.5 21.0116 40.5 22.2581V37.7419C40.5 38.3408 40.2617 38.9152 39.8377 39.3386C39.4136 39.7621 38.8384 40 38.2386 40H30.4852C30.2282 40 29.9817 39.898 29.7999 39.7166C29.6182 39.5351 29.516 39.2889 29.516 39.0323Z" fill="#FF4D4D"/>
+<path d="M35.1527 31.4387C35.1527 31.7809 35.0166 32.1091 34.7742 32.3511C34.5319 32.5931 34.2032 32.7291 33.8605 32.7291H27.5854C27.5553 33.1875 27.5182 33.646 27.4743 34.1045L27.4355 34.4981C27.4211 34.6464 27.371 34.7891 27.2896 34.9139C27.2082 35.0388 27.0978 35.1423 26.9678 35.2155C26.8378 35.2887 26.692 35.3295 26.5429 35.3344C26.3937 35.3394 26.2456 35.3083 26.111 35.2439C23.7481 34.1145 21.6095 32.5674 19.7985 30.6774L19.7597 30.6374C19.5931 30.4644 19.5 30.2336 19.5 29.9936C19.5 29.7535 19.5931 29.5228 19.7597 29.3497L19.7985 29.3097C21.6095 27.4197 23.7481 25.8726 26.111 24.7432C26.2456 24.6788 26.3937 24.6478 26.5429 24.6527C26.692 24.6577 26.8378 24.6985 26.9678 24.7717C27.0978 24.8449 27.2082 24.9483 27.2896 25.0732C27.371 25.1981 27.4211 25.3407 27.4355 25.4891L27.4743 25.8826C27.5182 26.3402 27.5553 26.7987 27.5854 27.2581H33.8605C34.2032 27.2581 34.5319 27.394 34.7742 27.636C35.0166 27.878 35.1527 28.2062 35.1527 28.5484V31.4387Z" fill="#FF4D4D"/>
+</svg>
+`,
+
+  search: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 118.783 118.783" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M115.97 101.597 88.661 74.286a47.75 47.75 0 0 0 7.333-25.488c0-26.509-21.49-47.996-47.998-47.996S0 22.289 0 48.798c0 26.51 21.487 47.995 47.996 47.995a47.776 47.776 0 0 0 27.414-8.605l26.984 26.986a9.574 9.574 0 0 0 6.788 2.806 9.58 9.58 0 0 0 6.791-2.806 9.602 9.602 0 0 0-.003-13.577zM47.996 81.243c-17.917 0-32.443-14.525-32.443-32.443s14.526-32.444 32.443-32.444c17.918 0 32.443 14.526 32.443 32.444S65.914 81.243 47.996 81.243z" fill="#fff" opacity="0.6" data-original="#fff" class=""></path></g></svg>`,
+
+  // =============== End All Icons ===============
+};

package/template/assets/images/index.ts

@@ -0,0 +1,6 @@
+export const ImageAssets = {
+  logo: require("./logo.png"),
+  about_us: require("./about_us.png"),
+  privacy_policy: require("./privacy_policy.png"),
+  terms_and_conditions: require("./terms_and_conditions.png"),
+};

package/template/src/app/_layout.tsx

@@ -1,8 +1,8 @@
+import { Stack } from "expo-router";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { Provider } from "react-redux";
-import { Stack } from "expo-router";
-import store from "../redux/store";
-import tw from "../lib/tailwind";
+import tw from "../../../myApp/src/lib/tailwind";
+import store from "../../../myApp/src/redux/store";
 
 export const unstable_settings = {
   initialRouteName: "index",

package/template/src/app/auth/change_pass.tsx

@@ -2,15 +2,13 @@ import * as Yup from "yup";
 
 import { ScrollView, View } from "react-native";
 
-import { Icon } from "@/assets/icons/Icon";
+import { Icon } from "@/assets/icon";
 import BackButton from "@/src/lib/backHeader/BackButton";
 import TButton from "@/src/lib/buttons/TButton";
 import InputText from "@/src/lib/inputs/InputText";
 import tw from "@/src/lib/tailwind";
-import { useChangePasswordMutation } from "@/src/redux/apiSlices/authSlices";
 import { router } from "expo-router";
 import { Formik } from "formik";
-import React from "react";
 
 // --- Icon Placeholders ---
 
@@ -22,10 +20,10 @@ const ChangePasswordSchema = Yup.object().shape({
     .required("New password is required")
     .notOneOf(
       [Yup.ref("old_password"), null],
-      "New password must be different from current password"
+      "New password must be different from current password",
     ),
   c_password: Yup.string()
-    .oneOf([Yup.ref("new_password"), null], "Passwords must match")
+    .oneOf([Yup.ref("new_password")], "Passwords must match")
     .required("Please confirm your new password"),
 });
 
@@ -35,19 +33,20 @@ const ChangePasswordSchema = Yup.object().shape({
 const ChangePasswordScreen = () => {
   // const []
 
-  const [changePass, { isLoading }] = useChangePasswordMutation();
+  // const [changePass, { isLoading }] = useChangePasswordMutation();
 
   const handleSaveChanges = async (values: any) => {
     try {
-      const res = await changePass(values).unwrap();
+      // const res = await changePass(values).unwrap();
 
-      if (res?.success) {
-        router.push(
-          "/auth/change_pass_modal?title=You’re All Set!&subtitle=Your password has been changed successfully!&buttonTitle=Back"
-        );
-      } else {
-        router.push(`/modals/toaster?content=${res?.message}`);
-      }
+      // if (res?.success) {
+      router.push(
+        "/auth/change_pass_modal?title=You’re All Set!&subtitle=Your password has been changed successfully!&buttonTitle=Back",
+      );
+      // }
+      // else {
+      //   router.push(`/modals/toaster?content=${res?.message}`);
+      // }
     } catch (error: any) {
       router.push(`/modals/toaster?content=${error?.message}`);
     }
@@ -85,6 +84,7 @@ const ChangePasswordScreen = () => {
                 placeholderTextColor: "#A9A9A9",
               }}
               variant="password"
+              // === Place icons here ===
               svgFirstIcon={Icon.lock}
               value={values.old_password}
               errorText={errors.old_password}
@@ -99,6 +99,7 @@ const ChangePasswordScreen = () => {
                 placeholderTextColor: "#A9A9A9",
               }}
               variant="password"
+              // === Place icons here ===
               svgFirstIcon={Icon.lock}
               value={values.new_password}
               errorText={errors.new_password}
@@ -113,6 +114,7 @@ const ChangePasswordScreen = () => {
                 placeholderTextColor: "#A9A9A9",
               }}
               variant="password"
+              // === Place icons here ===
               svgFirstIcon={Icon.lock}
               value={values.c_password}
               errorText={errors.c_password}
@@ -124,7 +126,8 @@ const ChangePasswordScreen = () => {
 
           {/* Save Changes Button */}
           <TButton
-            isLoading={isLoading}
+            // === Place Loading if you connect api here ===
+            // isLoading={isLoading}
             onPress={handleSubmit}
             containerStyle={tw`m-5`}
             title="Save Changes"

package/template/src/app/auth/change_pass_modal.tsx

@@ -1,47 +1,14 @@
 import { router, useGlobalSearchParams } from "expo-router";
-import { Platform, Pressable, Text, View } from "react-native";
+import { Pressable, Text, View } from "react-native";
 
-import { Icon } from "@/assets/icons/Icon";
+import { Icon } from "@/assets/icon";
 import TButton from "@/src/lib/buttons/TButton";
 import tw from "@/src/lib/tailwind";
-import { BlurView } from "expo-blur";
-import React from "react";
-import { SvgXml } from "react-native-svg";
 
 const Change_pass_modal = () => {
   const params = useGlobalSearchParams();
   // ?title='You’re All Set!'&subtitle='Your password has been changed successfully!'&buttonTitle='Back to login'&route='/auth
   const { title, subtitle, buttonTitle, route }: any = params;
-  const CommonContent = () => {
-    return (
-      <View style={tw`items-center gap-5 w-full`}>
-        <SvgXml xml={Icon.check} />
-
-        <View style={tw`gap-2 w-full items-center`}>
-          <Text style={tw`text-white text-xl font-semibold text-center`}>
-            {title || "You’re All Set!"}
-          </Text>
-          <Text style={tw`text-gray-400 text-sm font-semibold text-center`}>
-            {subtitle || "Your password has been changed successfully!"}
-          </Text>
-        </View>
-
-        <TButton
-          containerStyle={tw`w-4/5  mt-3 self-center`}
-          onPress={() => {
-            router?.dismiss();
-            // router.push("/profile_setup");
-            if (route as string) {
-              router.push(route as any);
-            } else {
-              router?.dismiss();
-            }
-          }}
-          title={buttonTitle || "Back to login"}
-        />
-      </View>
-    );
-  };
 
   return (
     <Pressable
@@ -50,23 +17,37 @@ const Change_pass_modal = () => {
       }}
       style={tw`flex-1 bg-black/45 items-center justify-center`}
     >
-      {Platform.OS === "ios" ? (
-        <BlurView
-          style={tw`w-[90%] h-[80]  rounded-xl overflow-hidden items-center justify-center p-4`}
-          tint="dark"
-          blurReductionFactor={5}
-          intensity={100}
-          experimentalBlurMethod="dimezisBlurView"
-        >
-          <CommonContent />
-        </BlurView>
-      ) : (
-        <View
-          style={tw`w-[90%] h-[80] bg-black/85 border border-secondary rounded-xl overflow-hidden items-center justify-center p-4`}
-        >
-          <CommonContent />
+      <View
+        style={tw`w-[90%] h-[80] bg-black/85 border border-secondary rounded-xl overflow-hidden items-center justify-center p-4`}
+      >
+        <View style={tw`items-center gap-5 w-full`}>
+          {/* for you custom icons use SvgXml */}
+          <SvgXml xml={Icon.check} />
+
+          <View style={tw`gap-2 w-full items-center`}>
+            <Text style={tw`text-white text-xl font-semibold text-center`}>
+              {title || "You’re All Set!"}
+            </Text>
+            <Text style={tw`text-gray-400 text-sm font-semibold text-center`}>
+              {subtitle || "Your password has been changed successfully!"}
+            </Text>
+          </View>
+
+          <TButton
+            containerStyle={tw`w-4/5  mt-3 self-center`}
+            onPress={() => {
+              router?.dismiss();
+              // router.push("/profile_setup");
+              if (route as string) {
+                router.push(route as any);
+              } else {
+                router?.dismiss();
+              }
+            }}
+            title={buttonTitle || "Back to login"}
+          />
         </View>
-      )}
+      </View>
     </Pressable>
   );
 };